@charset "utf-8";
body{font-family: -apple-system, BlinkMacSystemFont,"PingFang SC", "Microsoft YaHei", "Lantinghei SC", "Helvetica Neue", Arial, "Open Sans", "Hiragino Sans GB", sans-serif;font-size:14px;color:#fff;overflow-x:hidden;background:#123e78;}
*{box-sizing: border-box;margin:0;padding:0;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
ul,li{list-style-type:none;}
ul, ol, dl{margin:0}
.bold{font-weight:bold;}
a{transition:all ease .3s;}
/* 禁止长按链接与图片弹出菜单 */
a,img{-webkit-touch-callout: none;}
img{border:0;max-width:100%;vertical-align:middle;}
/*ios android去除自带阴影的样式*/
a,input{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
button,input{border-radius: 0;border:none;outline: none;}
input::-webkit-input-placeholder {color:#98999B}
ul{padding-left:0!important;}
.fl{float:left}
.fr{float:right!important;}
.rel{position:relative;}
.abl{position:absolute;z-index:1;}
.clear{clear:both;}
.ovh{overflow:hidden;}
.ellip1{overflow:hidden;text-overflow: ellipsis;white-space:nowrap;}
.clearfix{clear:both;}
.h100{height:100%;}
.w100{width:100%}
.ac{text-align:center;}
/* fonts */
.f48{font-size:48px;font-weight:bold;}
.f36{font-size:36px;font-weight:bold;}
.f34{font-size:34px;font-weight:bold;}
.f30{font-size:30px}
.f28{font-size:28px;}
.f26{font-size:26px;}
.f20{font-size:20px;}
.f24{font-size:24px}
.f18{font-size:18px}
.f16{font-size:16px}
.p30{padding:30px 0;}
.p60{padding:60px 0;}
.p80{padding:80px 0;}
.p62{padding:60px 0 120px 0}
.pt60{padding-top:60px;}
.p120{padding:120px 0;}
.pb60{padding-bottom:60px;}
/* 上移动态 */
.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{width:100%;height:100%;}
.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;}
@font-face {
    font-family: 'din';
    src: url('./fonts/DINCondBold.eot');
    src: url('./fonts/DINCondBold.eot') format('embedded-opentype'),
         url('./fonts/DINCondBold.woff2') format('woff2'),
         url('./fonts/DINCondBold.woff') format('woff'),
         url('./fonts/DINCondBold.ttf') format('truetype'),
         url('./fonts/DINCondBold.svg#DINCondBold') format('svg');
}
.din{font-family:'din';}
.wp{width:100%;margin-left:auto;margin-right:auto;}
.wp2{width:100%;margin-left:auto;margin-right:auto;padding:0 15px}

.tkg{clear:both;height:75px}
/*顶部*/
.header{width: 100%;height:75px;position: fixed;top: 0;left: 0;z-index: 39;transition:all ease .3s;}
.header.fix{background:#052653;border-bottom:1px solid rgba(255,255,255,.1)}
.logo{float: left;line-height: 75px;}
.logo img{height:50px;}
.header-rt{float: right;}
.header-ch{float: left;padding-top: 27.5px;padding-top: 35px;/*font-weight: bold;*/
overflow: hidden;}
.header-ch a{font-size: 16px;line-height: 30px;display: inline-block;}
.header-ch-d{width: 1px;height: 15px;margin: 0 15px;margin-top: 8px;background: #E5E5E5;float: left;}
.header-ch a:hover{color: #2260af;}
.header-ch-f{position: relative;margin-left: 40px;width: 60px;text-align: center;}
.header-nav{float: left;}
.header-nav li{display: inline-block;padding: 0 30px; position: relative;}
.header-a{display: inline-block;font-size: 16px;color:rgba(255,255,255,.8);line-height:75px;position: relative;transition: all .3s;;
-webkit-transition: all .3s;}
.header-a:after{content: '';width:0;height:4px;background: #fff;position: absolute;left:50%;bottom:15px;transition: all .3s;-webkit-transition: all .3s;transform: translateX(-50%);border-radius:5px;}
.header-a:hover{color: #209E93;transition: all .3s;
-webkit-transition: all .3s;}
.header-a:hover:after{width:48px;transition: all .3s;;
-webkit-transition: all .3s;}
.header-a:hover,.header-nav li.on .header-a{transition: all .3s;;
-webkit-transition: all .3s;color:rgba(255,255,255,1)}
.header-a:hover:after,.header-nav li.on .header-a:after{width: 48px;transition: all .3s;;
-webkit-transition: all .3s;}
.header-b{width: 100%;height:initial;padding: 0;text-align: center;position: absolute;left:50%;top:75px;background:rgba(255,255,255,.2);display: none;transform:translateX(-50%)}
.header.fix .header-b{background:rgba(5, 38, 83,.8);}
.header-b.on{display: block;}
.header-b a{text-align: center;font-size: 14px;line-height: 32px;position: relative;top: 0px;transition: all .3s;-webkit-transition: all .3s;display: block; padding:0 12px;color:#fff}
.header-b a:first-child{margin-top: 10px;}
.header-b a:last-child{margin-bottom: 10px;}
.header-b a:hover{color:rgba(255,255,255,.6)}
.header-b a>div{display: inline-block;border-radius: 100%;border: 1px solid rgba(255,255,255,.2);overflow: hidden;}
.header-b a:hover{transition: all .3s;;-webkit-transition: all .3s; color:#fff;}
.header-b a:hover p{color:rgba(255,255,255,.8);}
.oadl{margin-left:15px;}
.oadl a{border: 1px solid #cccaca;padding: 0 10px;}
.dntp{display: block;}
.sjtp{display: none;}
.header-dx{width: 35px;margin-top: 27px;text-align: right;margin-left:15px ;overflow: hidden;display: none;}
.header-dx1,.header-dx2,.header-dx3{width: 100%;height: 4px;margin-bottom: 8px;background: #000;float: right;}
.header-dx div{transition: all .5s;}
.header-dx.cli .header-dx1{-webkit-transform: rotate(44deg);-ms-transform: rotate(44deg);transform: rotate(44deg);transform-origin:0%;-ms-transform-origin:0%;-webkit-transform-origin:0%;-moz-transform-origin:0%;transition: all .5s;}
.header-dx.cli .header-dx2{opacity: 0;transition: all .5s;}
.header-dx.cli .header-dx3{-webkit-transform: rotate(-44deg);-ms-transform: rotate(-44deg);transform: rotate(-44deg);position: relative;top:1px;transform-origin:0%;-ms-transform-origin:0%;-webkit-transform-origin:0%;-moz-transform-origin:0%;transition: all .5s;}
.header .langbox a{margin-left:25px;height:75px;line-height:75px;display:inline-block;}
.header .langbox a i{font-size:26px;vertical-align:middle;}
.header .langbox .lang i{margin:-3px 6px 0 0;}
.header .langbox a:hover{color:rgba(255,255,255,.8);}
.mc1_area_second{display:none;min-width: 100%;position: absolute;left: 0;top:100%;}
.header .mc1_area_second{background:rgba(255,255,255,.8);color:#333;}
.header .mc1_area_second a{color:#333}
.header .mc1_area_second a:hover{color:rgba(34, 128, 207, .8)!important}
.header .mc1_area_second{background:rgba(255,255,255,.9);box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .05);}

.mc1_area_title{font-weight: bold;line-height: 1.5;margin-bottom:45px;color:#767676}
/* search */
.mc_search_xl{max-width:650px;margin:0 auto;}
.mc_msc_box { font-size: 0; padding: 8px; border-bottom: 1px solid #dfdede; }
.mc_msc_box button { font-size: 25px; color: #666; background:none; width: 30px; vertical-align: top; } .mc_msc_box button i{font-size:24px;}
.mc_msc_input { width: calc(100% - 30px); height: 26px; background:none; font-size: 16px; color: #333; line-height: 20px; padding: 3px 0; padding-right: 12px; } /* footer */
.footer{border-top:1px solid rgba(118, 118, 118,.6);}
.footer .footer_nav{padding-right:50px;}
.footer .footer_nav .title{color:#fff;font-size:16px;background:url(../img/dbx.jpg) 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}
body.en .footer .footer_nav li:nth-child(3),body.en .footer .footer_nav li:nth-child(6){display:none!important}
.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:#767676}
.footer .footer_nav .dd p:hover a{color:rgba(255,255,255,.8)}
.footer .lxfs{width:100%;max-width:415px;float:right;}
.footer .lxfs .share{margin:35px 0 60px 0;width:100%;float:left;}
.footer .lxfs .share a{width:33px;height:33px;border:1px solid rgba(118, 118, 118, .8);border-radius:6px;color:rgba(255,255,255,.8);margin-left:7px;}
.footer .lxfs .share a:hover{background:none;color:#fff}
.qrcode img{width:120px;max-width:initial;}
.footer .lxfs .tel .icon{width: 57px;height: 57px;border: 1px solid #7D7D7D;border-radius: 50%;text-align:center;line-height:57px;margin-left:15px;}
.footer .lxfs .tel .icon i{font-size:32px}
.footer .lxfs .tel .tit{color:#767676;text-align:right;}
.footer .lxfs .tel .dh{font-family: MiSans;font-size:24px;color:#fff;margin-top:3px;}
.footer .dingyue{height: 48px;border: 1px solid #767676;line-height:48px;}
.footer .dingyue button{width:108px;float: right;height:48px;line-height:48px;background:#fff;color:#052653;cursor: pointer;}
.footer .dingyue button:hover{opacity:.88}
.footer .dingyue input{width:calc(100% - 110px);float:left;height:44px;line-height:44px;background:none;border:0;outline:0;padding:0 15px;font-size:12px;color:rgba(255,255,255,.8);margin:2px 0;}
.copyright{color:#C9C9C9;font-size:12px;border-top:1px solid rgba(118, 118, 118,.6);clear:both;padding:24px 0;position: relative;z-index:2;color:#767676}
.copyright a{color:#767676;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:0 10px;}
@media screen and (min-width:1761px) {
.wp2{max-width:1760px;}	
}
@media screen and (min-width:1201px) {
.wp{max-width:1200px;}	
}
@media screen and (min-width:1681px)  and (max-width:1759px){ 
.wp2{padding:0 50px}	
}
@media screen and (min-width:1401px)  and (max-width:1580px){ 
.wp2{padding:0 40px}
.header-nav li{padding:0 22px}
#about-history .body{width:75%;}
}
@media screen and (min-width:1200px)  and (max-width:1400px){  
.wp2{padding:0 20px}
.wp{padding:0 60px}
.header-nav li{padding:0 20px;}
.main .xq1 .newstitle{font-size:20px!important}

/* fonts */
.f48{font-size:40px;}
.f36{font-size:30px;}
.f34{font-size:28px}
.f30{font-size:24px}
.f28{font-size:22px}
.f24{font-size:20px}
.f18{font-size:16px}
.f16{font-size:15px}
.p40{padding:25px 0;}
.p60{padding:35px 0;}
.pt60{padding-top:30px}
.p80{padding:45px 0;}
.p120{padding:80px 0;}
.p62{padding:30px 0 80px 0}
.section4 .sec4_t2 li{padding:21px 0!important}
.section5 .contbox ul li .num{font-size:30px!important}
}
@media screen and (min-width:1000px)  and (max-width:1199px){ 
.wp2{padding:0 15px}
.wp{padding:0 20px}
.header-nav li{padding:0 10px;}
.header .langbox a{margin-left:15px;}

/* fonts */
.f48{font-size:28px;}
.f36{font-size:25px;}
.f34{font-size:24px}
.f30{font-size:22px}
.f28{font-size:20px}
.f24{font-size:18px}
.f18{font-size:16px}
.f16{font-size:15px}
.p40{padding:28px 0;}
.p60{padding:35px 0;}
.pt60{padding-top:35px}
.p80{padding:40px 0;}
.p120{padding:65px 0;}
.p62{padding:35px 0 65px 0}
.section5 .contbox ul li .num{font-size:24px!important}
}
@media(max-width:999px){
.wp,.wp2{padding:0 15px} 
.tkg{padding-top:60px}


/* fonts */
.f48{font-size:26px;}
.f36{font-size:24px;}
.f34{font-size:22px}
.f30{font-size:21px}
.f28{font-size:20px}
.f24{font-size:18px}
.f18{font-size:15px}
.f16{font-size:14px}
.p40{padding:20px 0;}
.p60{padding:30px 0;}
.pt60{padding-top:30px}
.p80{padding:40px 0;}
.p120{padding:60px 0;}
.p62{padding:30px 0 40px 0}

.header-dx1, .header-dx2, .header-dx3{background:#fff;}
.header-nav{width: 100%;height: calc(100% - 60px);position: fixed;top: 60px;left: 0;background: #052653;display: none;padding:0 15px;}
.header-dx{display: block;position: absolute;right:15px}
.header-nav li{width: 100%;margin: 0;position: relative;padding:0 15px}
.header-c{width: 100%;height: 80px;position: absolute;top: 0;left: 0;}
.header-a{width: 100%;border-bottom: 1px solid rgba(255,255,255,.2);position: relative;}
.header-a:after{display: none;}
.header-a.down:before{content: '';width: 18px;height:55px;float: right;background: url(../img/icon_jia.png) no-repeat right center;transition: all .3s;;
-webkit-transition: all .3s;background-size:100%;}
.header-nav li.on .header-a:before{transform: rotate(45deg);transition: all .3s;;
-webkit-transition: all .3s;}
.header-b{position: relative;top: initial;left: inherit;background: initial;padding: 0;transform: translateX(0)!important;}
.header-b a>div{display: none;}
.header-b a{width: 100%;border-bottom: 1px solid rgba(255,255,255,.2);padding: 0 20px;line-height: 50px;text-align: left;margin: 0;}
.container{width:98%;max-width:100%;}
.footer{padding:15px 0;}
.footer .lxfs .share{margin:25px 0;}
.social-share .social-share-icon{width:35px;height:35px;line-height:35px;margin:0 0 0 10px}
.footer .lxfs .tel{margin-bottom:20px;}
.footer .lxfs .tel .icon{width:45px;height: 45px;line-height:45px;margin:6px 0 0 10px;}
.footer .lxfs .tel .icon i{font-size:24px}
.copyright{padding:15px 0;overflow:hidden;text-align:center;}
.copyright .bn{clear:both;width:100%;float:left;margin-top:5px;}
.copyright .bn a{margin-left:0;}
.copyright .gn{margin-left:10px!important;}
.copyright .tech{width:100%;text-align:center;margin-top:5px;}
}
@media(max-width:750px){
.logo{line-height:60px;}
.logo img{height:40px}
.mc1_area_second{padding:25px 0!important}
.mc1_area_title{margin-bottom:15px;}
.header .langbox{position: absolute;right:50px;top:5px;}
.header .langbox a{margin:0 3px;height:55px;line-height:55px;}
.header-dx{width:30px;margin-top: 20px;}
.header-dx1, .header-dx2, .header-dx3{height:3px;margin-bottom:7px;}
.mc_msc_box{border-bottom:1px solid rgba(255,255,255,.2)}
.header-bd{top: 1rem;padding: 0 .3rem;}
.header-ss-a{width: 7rem;margin-left: -3.5rem;}
.header-ss-a .int1{width: 6rem;}
.header{height:60px;}
.header-ch a{font-size: .26rem;line-height: .6rem;}
.header-ch{padding-top: .25rem;}
.header-ch-d{margin:0 .1rem ;margin-top: .15rem;}
.header-nav{height: calc(100% - 60px);height: -webkit-calc(100% - 60px);top:60px;padding:10px 0;}
.header-a, .header-c,.header-j{font-size:18px;line-height:55px;height:55px;}
.header-a:before{height:55px;background-size:18px;}
.header-b a{font-size:16px;line-height:45px;padding:0 10px;}
.grid-large{padding:10px 0}
.grid-large>.grid{margin:-10px;}
.grid-large>.grid>[class*='x'],.grid-large>.grid>[class*='y']{padding:10px;}
}