@charset "utf-8";
/* fonts */
.fb{font-weight:bold;}
.f60{font-size:60px;}
.f48{font-size:48px;}
.f36{font-size:36px;}
.f30{font-size:30px}
.f24{font-size:24px}
.f20{font-size:20px;}
.f18{font-size:18px;}
.f16{font-size:16px}
.p60{padding:60px 0}
.p120{padding:120px 0;}
.pt60{padding-top:60px;}
.p80{padding:80px 0}
.pb80{padding-bottom:80px;}
.pb120{padding-bottom:120px;}
.h100{height:100%;}
/* 婊氬姩鏉 */
::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-thumb{border-radius:100px;background:#0EC8C8!important}
::-webkit-scrollbar-track{border-radius:0;background:#eee;}
/* 涓婄Щ鍔ㄦ€ */
.transy{transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.transy:hover{transform: translateY(-5px);}
/* 鏀惧ぇ */
.pic,.bimg{overflow:hidden;}
.biao img,.pic img{transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;cursor:pointer;}
.pic img,.bimg img{display: block;}
.biao:hover img{transform: scale(1.09) !important;}
.pic:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}
.bimg img,.bimg2 img{transition: all 2.6s ease-in 0s; }
.bimg:hover img,.bimg2:hover img{transform: scale(1.09) !important; }
.pimg:hover{transform: scale(1.09) !important; }
.pimg{height:100%;width:100%;transition: all 2.6s ease-in 0s;}
.din,.mis{font-weight:bold;font-family:'din';}
.wp,.wp2{width:95%;margin-left:auto;margin-right:auto;}
body{padding-left:80px;width: 100%;overflow-x: hidden;}

/* header */
.head_box{height: 56px;position: absolute;z-index: 8;width: calc(100% - 85px);top: 42px;right: 0;box-sizing: border-box;}
.head_box form{float: right;margin-top: 13px;}
.head_box form input{/*display: none;*/
vertical-align: middle;height: 24px;line-height: 24px;border-radius:12px;border:0;width: 0;transition: width 0.4s;text-indent: 1em;}
.head_box form:hover input{width: 200px;border:1px solid #ccc;}
.head_box form button{border: none;vertical-align: middle;width:30px;height: 30px;background: url(../img/ss1.png) no-repeat;margin-top:1px}
.head_box form:hover button{background: url(../img/ss2.png) no-repeat;}
.head_box .yy_a{float: right;margin-top: 12px;margin-right:47px;position: relative;color:#333;}
.head_box .yy_a::after{content: "";position: absolute;width:2px;height: 16px;right: -24px;top:8px;background: #333;}
.head_box .yy_a:hover{color:#fff}
.nav_box{position: fixed;z-index: 9;width:80px;height: 100%;background:#083582;top: 0;left: 0;transition: all 0.4s;border-right:1px solid rgba(255, 255, 255, 0.4)}
.nav_box.active{background-color:#083582;}
.nav_box .nav_dl{height: 118px;position: relative;cursor: pointer;}
.nav_box .nav_dl>dd span.menu{position: absolute;top: 50%;left: 50%;width:30px;transform: translate(-50%,-50%);}
.nav_box .nav_dl>dd.active i{width:98%;background-color: #fff;}
.nav_box .nav_dl>dd.active i:nth-of-type(1){transform: rotate(45deg);}
.nav_box .nav_dl>dd.active i:nth-of-type(2){opacity: 0;}
.nav_box .nav_dl>dd.active i:nth-of-type(3){transform: rotate(-45deg);}
.nav_box .nav_dl>dd i{display: block;width: 100%;height: 2px;background: #fff;margin:8px 0;transition: 0.5s;transform-origin: left;-webkit-transition: 0.5s;}
.nav_box .nav_div{position: absolute;width: 100%;bottom:0;left: 0;text-align:center;}
.nav_box .nav_div li{margin:20px 0;position:relative;}
.nav_box .nav_div li .qrcode{width:150px;position:absolute;left:80px;z-index:2;display:none;transition:all .3s;top:-55px;}
.nav_box .nav_div li .qrcode:before{content:"";border:10px solid transparent;border-right:10px solid #fff;position:absolute;left:-20px;top:50%;transform:translateY(-50%)}

.nav_box .nav_div li:hover .qrcode{opacity:1;display:block;}
.nav_box .nav_div li a{width:38px;height:38px;border: 1px solid #fff;border-radius: 50%;text-align:center;display:inline-block;line-height:38px;}
.nav_box .nav_div li a i{color:#fff;font-size:18px;}
.nav_box .nav_div li .map{background:url(../img/icon_map.png) no-repeat center;width:100%;height:38px;display:block;}
.nav_box .nav_div li:hover a{border-color:#0ec8c8}
.nav_box .nav_div li:hover a i{color:#0ec8c8}
.nav_box .nav_div li:hover a i.map{background:url(../img/icon_map2.png) no-repeat center;}
.menu2{font-size: 0;position: fixed;top:0;left: 80px;z-index: 99;display: none;height: 100vh;width: calc(100% - 80px);}
.menu2 li{width:14.28%;display: inline-block;vertical-align: middle;border-right: 1px solid rgba(255,255,255,.1);font-size: 14px;position: relative;background-color: #083582;transition: all 0.6s;height: 100vh;}
.menu2 li img{width: 100%;opacity: 0;transition: all 0.6s;height: 100vh;}
.menu2 li dl{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;transition: all 0.6s;width:100%;text-align:center;}
.menu2 li dl dt{font-size: 18px;color: #fff;margin-bottom: 20px;}
.menu2 li dl dt span{font-style:normal}
.menu2 li:nth-child(1) dt span:before{content:"1"}
.menu2 li:nth-child(2) dt span:before{content:"2"}
.menu2 li:nth-child(3) dt span:before{content:"3"}
.menu2 li:nth-child(4) dt span:before{content:"4"}
.menu2 li:nth-child(5) dt span:before{content:"5"}
.menu2 li:nth-child(6) dt span:before{content:"6"}
.menu2 li:nth-child(7) dt span:before{content:"7"}
.menu2 li dl dd{font-size:20px;color: #fff;transition: all 0.6s;}
.menu2 li dl dd a{color:#fff}
.menu2 li:hover dl dd a{color:#083582}
.menu2 li div{position: absolute;left: 50%;top:55%;transform: translateX(-50%);color: #fff;width: 100%;text-align: center;opacity: 0;transition: all 0.6s;}
.menu2 li div a{display: block;color: #fff;margin-bottom:20px;transition: all 0.3s;}
.menu2 li:hover img{opacity: 1;}
.menu2 li:hover dd{color: #008ff1;}
.menu2 li:hover dl{top: 43%;}
.menu2 li:hover div{opacity: 1 ;top:50%;}
.menu2 li:hover div a:hover{color:rgba(255, 255, 255,.6)}
.head-m .menu_div.active_div i:nth-of-type(1){-webkit-transform: rotate(45deg) translate(12px, 6px);transform: rotate(45deg) translate(9px, 6px);}
.head-m .menu_div.active_div i:nth-of-type(2){opacity: 0;}
.head-m .menu_div.active_div i:nth-of-type(3){-webkit-transform: rotate(-45deg) translate(12px, -6px);transform: rotate(-45deg) translate(9px, -6px);}
.head-m{height: 60px;background-color: #fff;box-shadow: 1px 1px 10px #ccc;}
.head-m{display: none;position: fixed;width: 100%;top: 0;left: 0;z-index: 99999;}
.head-m .menu_div{top: 0;right: 0;width: 60px;height: 100%;text-align: center;position: absolute;}
.head-m .menu_div span{position: absolute;top: 50%;left: 50%;height:32px;transform: translate(-50%, -50%);width:32px;font-size: 0;line-height:0!important;}
.head-m .menu_div i{display: inline-block;width:32px;height:2px;border-radius: 2px;background: #fff;margin:4px 0;opacity: 1;transition: 0.5s;-webkit-transition: 0.5s;}
.head-m .m_ul{display: none;border-top: 1px solid #eee;position: absolute;top: 60px;left: 0;width: 100%;background: #f7f7f7;z-index: 11;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);}
.head-m .m_ul>li{padding: 0 4%;border-bottom: 1px solid rgba(255, 255, 255, 0.2);position: relative;transition: 0.5s;-webkit-transition: 0.5s;line-height: 45px;border-bottom: 1px solid #e4e2e2;}
.head-m .m_ul>li:last-child{border:0;}
.head-m .m_ul>li a{display: block;}
.head-m .m_ul>li a.v1{position: relative;}
.head-m .m_ul>li a.v1:before{content: '';width: 16px;height:45px;float: right;background: url(../img/icon_jia.png) no-repeat right center;transition: all .3s;;
    -webkit-transition: all .3s;background-size:16px;}
.head-m .m_ul>li.open a.v1:before{transform: rotate(45deg);transition: all .3s;;-webkit-transition: all .3s;}
.head-m .m_ul>li a i{font-size: 20px;opacity: 0.3;float: right;transition: 0.5s;-webkit-transition: 0.5s;}
.head-m .m_ul p{display: none;}
.head-m .m_ul .active_li{background: #eee;}
.head-m .m_ul p a{padding: 0 20px;}
.head-m .m_ul>li a .active_i{float: right;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.head-m .menu_div.active_div i:nth-of-type(1){-webkit-transform: rotate(45deg) translate(7px, 6px);transform: rotate(45deg) translate(7px, 6px);}
.head-m .menu_div.active_div i:nth-of-type(2){opacity: 0;}
.head-m .menu_div.active_div i:nth-of-type(3){-webkit-transform: rotate(-45deg) translate(9px, -8px);transform: rotate(-45deg) translate(9px, -8px);}
.head-m{display: none;}
.ol_list_head{width: 100%;line-height: 30px;background: #fff;position: absolute;color: #333;z-index: 99999;text-align: center;left: 0;width: 110%;display: none;}
.ol_list_head a{font-size: 13px!important;}
.ol_list_head li{width: 100%;padding: 15px 5px!important;border-bottom: 1px solid #eee;}
.ol_list_head.ol_list_head2{position: static;background: none;text-align: left;text-indent: 1em;width: 100%;}
.ol_list_head.ol_list_head2 li{padding:0!important;line-height: 45px;}
.head-m img{opacity: 1;height: 50px;vertical-align: middle;margin-top: 5px;margin-left: 10px;}
.ol_list_head.ol_list_head2 li:last-child{border-bottom:0;}
.head-m .lang{position: absolute;right:75px;top:50%;transform: translateY(-50%);color:#fff;font-size:20px;}
/* footer */
.footer{width:100%;position:relative;z-index:1;background:#083582;color:#fff;}
.footer .fbox1{padding:80px 0 70px 0;clear:both;position:relative;z-index:1;}
.footer .form{width:100%;max-width:360px;}
.footer .form form{height:46px;line-height:46px;border:1px solid rgba(255, 255, 255, 0.4);margin-top:30px;}
.footer .form button{width:45px;float:right;border-left:1px solid rgba(255, 255, 255, 0.4);height:45px;;background:url(../img/i_jt2.png) no-repeat center;outline:0;}
.footer .form input{width:calc(100% - 46px);float:left;height:46px;line-height:46px;border:0;background:none;padding:0 10PX;color:rgba(255, 255, 255, 0.4)}

.footer .fbox2{font-size:14px;padding:50px 0 80px 0;clear:both;border-top:1px solid rgba(255,255,255,.2);margin-top:5px;position:relative;z-index:0;border-bottom:1px solid rgba(255,255,255,.2);}
/* share start */
.footer .share{padding:0;margin-top:15px;}
.social-share .social-share-icon{float:left;margin-right:10px;width: 38px;height:38px;line-height:38px;text-align:center;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;border:1px solid rgba(248, 248, 248, .8);border-radius:3px;color:rgba(255, 255, 255, .8)}
.social-share .icon-wechat .wechat-qrcode{width:180px;}
.social-share .icon-wechat,.social-share .icon-weibo{font-size:20px;color:rgba(248, 248, 248, .8);vertical-align:middle;border:1px solid rgba(248, 248, 248, .8);}
.social-share .icon-wechat .wechat-qrcode{height:initial;}
.social-share .icon-wechat .wechat-qrcode .qrcode{width:130px;margin:20px auto}
.social-share .social-share-icon:hover{border-color:#0ec8c8;color:#0ec8c8;background:transparent;}
.social-share .icon-wechat .wechat-qrcode{left:-70px}
/* share end */
.footer .footer_nav .title{color:#fff;font-size:16px;background:url(../img/dbx.png) no-repeat left bottom;padding-bottom:15px;margin-bottom:15px;}
.footer .footer_nav a{color:#fff}
.footer .footer_nav a:hover{color:rgba(255,255,255,.8)}
.footer .footer_nav ul{padding:20px 0}
.footer .footer_nav .dd p{height:28px;line-height:28px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.footer .footer_nav .dd a{color:#C9C9C9}
.footer .footer_nav .dd p:hover a{color:rgba(255,255,255,.8)}
.footer .qrcode{text-align:center;max-width:150px;margin:0 auto}
.footer .qrcode .ewm{margin-bottom:10px}
.footer .lxfs{color:#C9C9C9}
.footer .lxfs li{margin:10px 0;overflow:hidden;width:100%}
.footer .lxfs li span{width:25px}
.footer .lxfs li i{font-size:20px;margin-right:10px;vertical-align:middle;}
.footer .lxfs li:nth-child(1) i{margin-right:7px;}
.footer .lxfs .fa-envelope-o{font-size:17px;margin-right:5px;}
.footer .lxfs p{margin-bottom:10px}
.footer .lxfs .tel .icon{width: 57px;height: 57px;border: 1px solid #7D7D7D;border-radius: 50%;text-align:center;line-height:57px;margin-right:18px;}
.footer .lxfs .tel .icon i{font-size:30px}
.footer .lxfs .tel .tit{color:#C9C9C9}
.footer .lxfs .tel .dh{font-family: MiSans;font-size:24px;color:#fff;margin-top:3px;}
.footer .lxfs .tel{margin-bottom:50px;}
.copyright{background:#083582;font-size:12px;border-top:1px solid rgba(255,255,255,.2);clear:both;padding:24px 0;position: relative;z-index:2;color:rgba(255,255,255,.6);}
.copyright a{color:rgba(255,255,255,.6);margin-left:10px;}
.copyright a.gn{margin-left:25px;}
.copyright a.gn img{margin-right:8px;}
.copyright a:hover{color:rgba(255,255,255,.8)}
.copyright .tech{float:right;}
.copyright .tech a{margin-left:15px;}
@media screen and (min-width:1593px) {
.wp{max-width:1592px;}	
}
@media screen and (min-width:1200px)  and (max-width:1592px){
.wp{padding:0 20px}
.f60{font-size:40px;}
.f48{font-size:36px;}
.f36{font-size:28px;}
.f30{font-size:24px}
.f24{font-size:20px}
.f20{font-size:18px;}
.f18{font-size:16px;}
.p40{padding:25px 0;}
.p60{padding:35px 0;}
.p80{padding:45px 0;}
.pt60{padding-top:35px;}
.p120{padding:65px 0;}
.pb120{padding-bottom:65px;}
.about3 .wp{padding:0 30px!important}
}
@media screen and (min-width:950px)  and (max-width:1300px){
.menu2 li dl dd{font-size:14px;}
.menu2 li:hover dl{top:40%;}
}
@media screen and (min-width:1000px)  and (max-width:1199px){
.wp{padding:0 20px}
.slide .slide_txt .txt1{font-size:40px!important}
.f60{font-size:35px}
.f48{font-size:30px;}
.f36{font-size:26px;}
.f34{font-size:24px}
.f30{font-size:22px}
.f24{font-size:18px}
.f20{font-size:17px;}
.f18{font-size:16px;}
.f16{font-size:15px}
.p120{padding:70px 0;}
.pb120{padding-bottom:70px;}
.p80{padding:45px 0;}
.p60{padding:30px 0;}
.pt60{padding-top:30px;}
.p40{padding:25px 0;}
}
@media(max-width:999px){
.wp{width:auto;padding:0 15px}
/* fonts */
.f60{font-size:24px}
.f48{font-size:22px;}
.f36{font-size:20px;}
.f34{font-size:19px}
.f30{font-size:18px}
.f24{font-size:17px}
.f20{font-size:16px;}
.f18{font-size:15px;}
.f16{font-size:14px}
.pb120{padding-bottom:40px;}
.p120{padding:40px 0;}
.p80{padding:35px 0;}
.pb80{padding-bottom:35px;}
.p60{padding:25px 0;}
.pt60{padding-top:25px;}
.p40{padding:15px 0;}
body{padding:50px 0 0 0}
.nav_box,.head_box{ display: none;}
.head-m{display:block;background-color: #2e2e30;}
.head-m .logo{display:inline-flex;align-items:center;height:55px;}
.head-m .logo img{height:35px;}
.footer .fbox1{padding:35px 0 30px 0}
.footer .form{width:100%;clear:both;margin-bottom:10px;}
.footer .logo img{max-width:160px;margin-bottom:20px;}
.copyright{text-align:center;overflow:hidden;padding:15px 0}
.copyright .tech{width:100%;text-align:center;margin-top:6px;}
.grid-big{padding:10px 0}
.grid-big>.grid{margin:-10px;}
.grid-big>.grid>[class*='x'],.grid-big>.grid>[class*='y']{padding:10px;}
.grid-large{padding:10px 0}
.grid-large>.grid{margin:-10px;}
.grid-large>.grid>[class*='x'],.grid-large>.grid>[class*='y']{padding:10px;}
}