@charset "utf-8";
/* fonts */
.fb{font-weight:bold;}
.f60{font-size:60px;}
.f48{font-size:48px;font-weight:bold;}
.f36{font-size:36px;font-weight:bold;}
.f30{font-size:30px}
.f24{font-size:24px}
.f20{font-size:20px;}
.f16{font-size:16px}
.p40{padding:40px 0;}
.p60{padding:60px 0;}
.p80{padding:80px 0;}
.pt60{padding-top:60px;}
.p120{padding:120px 0;}
.pb60{padding-bottom:60px;}
.pb120{padding-bottom:120px;}
.h100{height:100%;}
/* 上移动态 */
.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;}
.tkg{clear:both;padding-top:80px}
.header{width: 100%;height: 80px;position: fixed;top: 0;left: 0;z-index: 39;background: #fff;border-bottom: 1px solid #E5E5E5;}
.logo{float: left;line-height: 80px;}
.logo img{height:43px;}
.header-rt{float: right;}
.header-nav{float: left;}
.header-nav li{display: inline-block;padding: 0 30px; position: relative;}
.header-a{display: inline-block;font-size: 18px;color:#666;line-height: 80px;position: relative;transition: all .3s;;
-webkit-transition: all .3s;}
.header-a:after{content: '';width: 0%;height: 2px;background: #063A95;position: absolute;left: 0;bottom: 0;transition: all .3s;;
-webkit-transition: all .3s;}
.header-nav li:hover .header-a:after,.header-nav li.on .header-a:after{width: 100%;transition: all .3s;;-webkit-transition: all .3s;}
.header-nav li.on .header-a{color: #063A95;transition: all .3s;-webkit-transition: all .3s;font-weight:bold;}
.header-nav li:hover .header-a{color: #063A95;}
.header-b{min-width:150px;width: 100%;height:initial;padding: 0;position: absolute;left:50%;top: 80px;background: rgba(6, 58, 149, .7);display: none;text-align:center;transform:translateX(-50%)}
.header-b.on{display: block;}
.header-b p{padding-bottom:5px;}
.header-b a{font-size: 14px;line-height:26px;position: relative;top: 0px;transition: all .3s;-webkit-transition: all .3s;display: block; padding:0 6px;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 .lang{position: relative;cursor:pointer;}
.header .lang i,.header .search button i{font-size:18px;color:#666;vertical-align:middle;}
.header .lang i{margin:0 5px 0 0;}
.header .lang_down{width:110px;position:absolute;background:#fff;text-align:center;margin-left:-15px;border:1px solid #eee;top:25px;display:none;}
.header .lang_down::after{display: block;content: "";position: absolute;border:10px solid transparent;border-bottom:10px solid #eee;left:50%;transform: translateX(-50%);top:-20px;}
.header .lang_down li{height:35px;line-height:35px;border-bottom:1px solid #eee;}
.header .lang_down li:last-child{border-bottom:0;}
.header .lang:hover .lang_down{display:block;animation: hideP 0.3s;-moz-animation: hideP 0.3s;-webkit-animation: hideP 0.3s;-o-animation: hideP 0.3s;}
@keyframes hideP{ 0%{
opacity: 0; transform: translate(0, 20px) }
100%{opacity: 1; transform: translate(0, 0) }
}
.header .search{width: 126px; height: 25px; border: 1px solid #C9C9C9; border-radius: 12px;padding:1px 5px;margin-left:18px;}
.header .search button{background:none;float:right;width:30px;text-align:right;}
.header .search input{width:calc(100% - 30px);float:left;padding:0 5px 0 12px;font-size:12px;height:22px;line-height:22px;background:none;}
.switch2{display:none;}
.lightbox{width:100%;height:100%;background:rgba(0, 0, 0,.5);position: fixed;left:0;top:0;z-index:1;display:none;}
/* footer */
.footer .qrcode{text-align:center;max-width:170px;margin-top:60px;}
.footer .qrcode p{color:#666;font-size:12px;}
.footer{border-top:6px solid #063A95;}
.footer .footer_nav li:last-child .title{margin-bottom:20px;}
.footer .footer_nav .title{color:#333;font-size:16px;font-weight:bold;}
.footer .footer_nav .title:hover a{color:#063A95}
.footer .footer_nav a{color:#666}
.footer .footer_nav ul{padding:10px 0}
.footer .footer_nav .dd{margin-top:10px}
.footer .footer_nav .dd p{height:26px;line-height:26px;font-size:14px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.footer .footer_nav .dd a{color:#666}
.footer .footer_nav .dd p:hover a{color:#063A95}

.copyright{color:#666;font-size:12px;border-top:1px solid rgba(0, 0, 0,.1);clear:both;padding:24px 0;position: relative;z-index:2;}
.copyright a{color:#666;}
.copyright a:hover{color:#000}
.copyright .tech{float:right;}
.copyright .bn{padding-left:5px;}
@media screen and (min-width:1721px) {
.wp2{max-width:1720px;}	
}
@media screen and (min-width:1421px) {
.wp{max-width:1400px;}	
}
@media screen and (min-width:1400px)  and (max-width:1441px){
 .wp{padding:0 35px}  
}
@media screen and (min-width:1200px)  and (max-width:1420px){
.wp,.slide .swiper-pagination{padding:0 40px}  
.wp2{padding:0 20px}
.logo img{height:35px;}
.header-nav li{padding:0 25px}
.slide .slide_txt .txt1{font-size:60px!important}
.f60{font-size:40px;}
.f48{font-size:36px;}
.f36{font-size:28px;}
.f30{font-size:24px}
.f24{font-size:20px}
.f20{font-size:18px;}
.p40{padding:25px 0;}
.p60{padding:35px 0;}
.p80{padding:45px 0;}
.pt60{padding-top:35px;}
.p120{padding:65px 0;}
.pb120{padding-bottom:65px;}
body.en .logo img{height:30px}
body.en .header-nav li{padding:0 15px;}
body.en .header-a{font-size:14px;}
}
@media screen and (min-width:1000px)  and (max-width:1199px){
.wp,.slide .swiper-pagination{padding:0 30px}  
.wp2{padding:0 20px}
.wp,.wp2{width:auto;}
.logo img{height:30px;}
.header-nav li{padding:0 15px}
.slide .slide_txt .txt1{font-size:40px!important}
.f60{font-size:35px}
.f48{font-size:30px;}
.f36{font-size:28px;}
.f34{font-size:24px}
.f30{font-size:22px}
.f24{font-size:20px}
.f20{font-size:18px;}
.f16{font-size:15px}
.p120{padding:80px 0;}
.pb120{padding-bottom:80px;}
.p80{padding:45px 0;}
.p60{padding:30px 0;}
.pt60{padding-top:30px;}
.p40{padding:25px 0;}
.pb60{padding-bottom:40px;}
body.en .logo img{height:25px}
body.en .header-nav li{padding:0 10px;}
body.en .header-a{font-size:14px;}
}
body.en .header-b{
    min-width:260px;
}
@media screen and (min-width:1200px)  and (max-width:1230px){
.header-nav li{padding:0 20px}
}
@media(max-width:999px){
/* 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:15px;}
.f16{font-size:14px}
.pb120{padding-bottom:40px;}
.pb60{padding-bottom:30px;}
.p120{padding:40px 0;}
.p80{padding:35px 0;}
.p60{padding:25px 0;}
.pt60{padding-top:25px;}
.p40{padding:15px 0;}
.wp,.wp2{width:auto;padding:0 15px}
.wp2{padding:0 10px;} 
.tkg{padding-top:60px}
.switch{display:none;}
.switch2{display:block;}
.header-nav{width: 100%;position: fixed;top: 60px;left: 0;background: #fff;display: none;padding:0 15px;}
.header-dx{display: block;position: absolute;right:10px}
.header-nav li{width: 100%;margin: 0;position: relative;padding:0 15px;}
.header-c{width: 50%;height: 80px;position: absolute;top: 0;right: 0;}
.header-a{width: 100%;border-bottom: 1px solid #E5E5E5;position: relative;}
.header-a:after{display: none;}
.header-a.down:before{content: '';width: 18px;height:45px;float: right;background: url(../img/icon_jia.png) no-repeat right center;transition: all .3s;;
-webkit-transition: all .3s;}
.header-nav li.open .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;}
.header-b a>div{display: none;}
.header-b p{margin-bottom:10px}
.header-b a{color: #333;width: 100%;border-bottom: 1px solid #E5E5E5;padding: 0 20px;line-height: 50px;text-align: left;margin: 0;}
.container{width:98%;max-width:100%;}
.header .switch2{padding:6px 15px;font-size:15px;}
.header .switch2 .down span{margin:0 10px;}
.header .switch2 .lang{padding:0 15px;margin:0 -15px;}
.header .switch2 .down{border-left:1px solid #ddd;padding:6px 0 6px 35px;margin-left:45px;}
.header .switch2 .lang i{font-size:18px;vertical-align:middle;margin:0 5px 0 -2px}
.header .search{width:100%;margin:20px 0;height:35px;line-height:35px;border-radius:6px;}
.header .search input,.header .search button{height:32px;line-height:32px;}
.header .search button i{vertical-align:middle;margin-top:-3px;float:left;}
.footer{padding:30px 0 10px 0;text-align:center;}
.footer .footer_logo img{max-width:80%;}
.footer .qrcode{padding:20px 0;margin:0 auto;}
.copyright{padding:15px 0;overflow:hidden;text-align:center;}
.copyright .bn{clear:both;width:100%;float:left;margin-top:5px;}
.copyright .tech{clear:both;width:100%;float:left;margin-top:5px;}
.copyright .tech a{margin-left:0}
}
@media(max-width:750px){
.logo{line-height:60px;}
.logo img{height:32px}
.header-dx{width:30px;margin-top: 20px;}
.header-dx1, .header-dx2, .header-dx3{height:3px;margin-bottom:7px;}
.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;border-bottom: 1px solid #E5E5E5;box-shadow: 0 0 5px #E5E5E5;}
.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{top:60px;padding:10px 0;}
.header-a, .header-c,.header-j{font-size:16px;line-height:45px;height:45px;}
.header-a:before{height:45px;background-size:18px;}
.header-b a{font-size:14px;line-height:45px;padding:0 10px;}
.footer{border-top-width:3px}
}