@charset "utf-8";
body{font-family: -apple-system, BlinkMacSystemFont,"Microsoft YaHei", "Lantinghei SC", "Helvetica Neue", Arial, "Open Sans", "Hiragino Sans GB", sans-serif;font-size:14px;overflow-x:hidden;padding-top:100px;}
img{max-width:100%;}
/* fonts */
.f30{font-size:30px;}
.f24{font-size:24px}
.f20{font-size:20px}
.f18{font-size:18px}
.f16{font-size:16px}
.fb{font-weight:bold;}
.pt60{padding-top:60px}
.p60{padding:60px 0;}
.p20{padding:20px 0;}
.p30{padding:30px 0;}
.mt30{margin-top:30px;}
.shadow{box-shadow: 0 5px 10px rgba(0,0,0,.175)!important;background:#fff;}
.h100{height:100%;}
/* 上移动态 */
.transy{transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.transy:hover{transform: translateY(-5px);}
/* 放大 */
.pic{overflow:hidden;}
.biao img,.pic img{transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;cursor:pointer;}

.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);}
.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%;z-index:9999;transition:all ease .3s;position: fixed;width:100%;background:#fff;left:0;top:0;}
.header.fix{box-shadow: 0 1px 30px rgba(0,0,0,.115)!important;}
.logo{float: left;}
.logo img{height:80px;margin-top:10px;}
.header-rt{float: right;}
.header-nav{float: left;display:block;}
.header-nav li{display: inline-block;position: relative;}
.header-a{display: inline-block;font-size: 16px;line-height:65px;position: relative;transition: all .3s;
-webkit-transition: all .3s;padding:0 30px;}
.nav li .t_1:after{content: '';width:1px;height:12px;background: #C1C0BF;position: absolute;top:50%;transform: translateY(-50%);left:0%}
.header-a:hover{color: #192350;transition: all .3s;
-webkit-transition: all .3s;}
.nav li:nth-child(1) .t_1:after{display:none;}
.header-a:hover,.header-nav li.cur .header-a{transition: all .3s;;
-webkit-transition: all .3s;color:#192350}
.header-b{width: 100%;height:initial;padding: 0;text-align: center;position:fixed;left: 0;top:85px;background:#EAEEF1;display: none;font-size:18px;height:60px;}
.header-b .wp .flex{justify-content:center;}
.header-b.on{display: block;}
.header-b a{text-align: center;font-size: 15px;line-height:60px;position: relative;top: 0px;transition: all .3s;-webkit-transition: all .3s;display: block; margin:0 25px;color:#626060}
.header-b .n1{color:#252525;position: relative;padding-right:30px;margin-right:30px;}
.header-b .n1::after{content:"";width:1px;height:24px;background:#ddd;position: absolute;right:0;top:50%;transform: translateY(-50%);}
.header-b .n1 img{vertical-align:middle;margin-right:21px;}
.header-b a::after{content:"";height:2px;width:0;background:#192350;position:absolute;bottom:0;left:50%;transform: translateX(-50%);bottom:4px;transition:all ease .3s;}
.header-b a:hover::after,.header-b a.on::after{width:100%;}
.header-b a:hover,.header-b a.on:hover{color:#626060}
.header-b a>div{display: inline-block;border-radius: 100%;border: 1px solid rgba(255,255,255,.2);overflow: hidden;}
.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;}
.top{margin:8px 32px -8px 0}
.top .search input{width: 192px;height: 25px;background: #fff;border: 1px solid #192350;outline:0;padding:0 10px;}
.top .search button{width: 27px; height: 25px; background: #192350; border-radius: 3px;border:0;outline:0;}
.top .search button i{font-size:16px;color:#fff;}
.top .search button:hover{background:rgba(25, 35, 80,.9);}
.top .lang{margin:4px 0 0 15px;}
.top .lang i{font-size:22px;float:left;margin-right:6px;}
/* footer */
.footer{background:#192350;color:#fff}
.footer .fbox{padding:30px 0;}
.footer .ft1 li{margin-bottom:11px;color:#F7F7F9;font-size:13px;}
.footer .ft1 li span{width: 22px; height: 22px; background: #FFFFFF; border-radius: 50%;display:inline-block;margin-right:6px;text-align:center;line-height: 22px;}
.footer .ft1 li span i{color:#A4836F;font-size:16px;}
.footer .login{max-width:207px;}
.footer .login .dl_tit{color:#F7F7F9;text-align:center;margin-bottom:20px;}
.footer .login li{margin-bottom:20px;}
.footer .login li .label{width:60px;flex-shrink:0;letter-spacing:5px;}
.footer .login li .int{height: 24px; background: #192350; border: 1px solid #fff;line-height:24px;padding:0 6px;outline:0;color:#fff;width:100%} 
.footer .login .btn{text-align:right;}
.footer .login .btn button{width:80px;height:23px;line-height:23px;background:rgba(180, 194, 254,.53);border:0;outline:0;border-radius:6px;color:#fff;}
.footer .login .btn:hover button{background:rgba(180, 194, 254,.6)}
.footer .ft3 li{text-align:center;}
.footer .ft3 li p{margin:5px 0}
.footer .copyright{text-align:center;}
.footer .copyright .bn{padding:0 25px}
.footer .copyright a{color:#fff}
.footer .copyright a:hover{color:rgba(255,255,255,.6)}
.footer .copyright p{line-height:28px;}
/* select */
.select-wrapper{font: normal 14px '\5FAE\8F6F\96C5\9ED1';width: 240px;height: 34px;position: relative;cursor: pointer;display: inline-block;*display: inline;*float: left;*margin-right: 10px;background: #fff;border-radius: 3px;}

.select-button{height: 34px;border: 0;border-radius: 3px;background: #fff;cursor: pointer;padding: 0 26px 0 10px;overflow: hidden;text-align: left;outline: none;white-space: nowrap;word-break: keep-all;text-overflow: ellipsis;text-align:center;}
.select-down{position: absolute;top:1px!important;right:1px!important;height:0;width:0;overflow: hidden;font-size: 0;background:#F2F2F2 url(../img/icon_xsj.png) no-repeat center;width: 30px;
    height: 30px;
    border-radius: 0 5px 5px 0;background-size:15px;}
.disabled{color: #cccccc;}
.select-list{width:100%;background: #fff;border: 1px solid #e8e8e8;box-shadow: 0 0 3px #ddd;border-radius: 3px;display: none;z-index: 2;position: absolute;top:32px!important;overflow: hidden;}
.select-list ul{margin: 0;padding: 0;overflow-x: hidden;overflow-y: auto;line-height: 30px;max-height: 240px;}
.select-list ul li{width: auto;height: 30px;cursor: pointer;overflow: hidden;white-space: nowrap;word-break: keep-all;text-overflow: ellipsis;text-align:center;}
.select-list ul li.selected, .select-list ul li:hover{color: #fff;background: #192350;}
.select-button-disable{color: #ccc;width: 238px;height: 34px;border: 1px solid #e3e3e3;border-radius: 3px;background: #fff;cursor: pointer;padding-left: 10px;overflow: hidden;text-align: left;outline: none;}
.select-down-disable{color: #ccc;font-size: 18px;position: absolute;top: 0;right: 10px;line-height: 34px;}

@media screen and (min-width:1481px) { .wp2{max-width:1480px;} .header-nav{display:block;}} 
@media screen and (max-width:1480px){ .wp2{padding:0 40px}.header-nav{display:block;} } 
@media screen and (min-width:1201px) { .wp{max-width:1200px;}.header-nav{display:block;} }
@media screen and (max-width:1200px){ .wp2{padding:0 20px} .wp{padding:0 30px}.header-nav{display:block;} } 
@media screen and (min-width:1000px)  and (max-width:1199px){ 
.wp2{padding:0 15px}
.wp{padding:0 20px}
.header-a{padding:0 10px;font-size:15px}.header-nav{display:block;}
}
@media screen and (min-width:1000px)  and (max-width:1260px){ 
.header-a{padding:0 15px;}  
.header-nav{display:block;}
}
@media screen and (min-width:1000px)  and (max-width:1360px){ 
/* fonts */
.f30{font-size:22px;}
.f24{font-size:18px}
.f20{font-size:17px}
.f18{font-size:16px}
.f16{font-size:15px}
.pt60{padding-top:30px}
.p60{padding:30px 0;}
.p30{padding:20px 0;}
.mt30{margin-top:20px;}  
.ky_type .en{
   font-size:22px!important; 
}
.ky_type .cn{
    font-size:18px!important;
}
.link2{padding:30px 0}
.header-nav{display:block;}
}
@media screen and (min-width:1000px){
.top.show-xl{display:none!important;}   
.header-nav{display:block;}
}
@media screen and (max-width:999px){
.wp,.wp2{padding:0 15px} 
.tkg{padding-top:60px}
.p60{padding:30px 0;}
.top.hidden-xl{display:none!important;}
.top.show-xl{display:block!important;}
.header-nav{width: 100%;position: fixed;top: 60px;left: 0;display: none;padding:0 15px;box-shadow: 0 10px 20px rgba(0,0,0,.075)!important;background: #fff;z-index:22;}
.header-dx{display: block;position: absolute;right:10px}
.header-nav li{width: 100%;margin: 0;position: relative;padding:0 15px;border-bottom:1px solid #eee;}
.header-a:after{display: none;}
.header-nav li .v1{content: '';width:55px;height:55px;float: right;background: url(../img/icon_jia.png) no-repeat right center;transition: all .3s;
-webkit-transition: all .3s;background-size:18px;z-index:22;position: absolute;right:15px;top:0;}
.header-nav li.on .v1{transform: rotate(45deg);transition: all .3s;;
-webkit-transition: all .3s;top:-15px;right:10px}
.header-b{position: relative;top: initial;left: inherit;background: initial;padding:0 0 15px 0;height:auto}
.header-b .flex{flex-wrap: wrap;}
.header-b  .n1{display:none;}
.header-b a>div{display: none;}
.header-b a{width: 100%;border-bottom: 1px solid rgba(255,255,255,.2);padding: 0 10px;line-height:36px;text-align: left;margin: 0;}
.top{margin:15px 0;}
.top .flex{justify-content:space-between;}
.header-b a.on{color:#192350}
.header-b a::after{display:none;}
}
@media(max-width:750px){
/* fonts */
.f30{font-size:20px}
.f24{font-size:18px}
.f20{font-size:16px}
.f18{font-size:15px}
.f16{font-size:14px}
.p20{padding:10px 0}
.pt60{padding-top:30px}
.logo{line-height:40px;}
.logo img{height:45px;margin-top:7px;}
.header{position:fixed;width:100%;left:0;top:0;background:#fff;}
body{padding-top:60px;}
.header-dx{width:30px;margin-top:18px;}
.header-dx1, .header-dx2, .header-dx3{height:3px;margin-bottom:7px;}
.header{height:60px;}
.header-a{font-size:16px;line-height:55px;height:55px;width:90%;padding:0;}
.header-a:before{height:55px;background-size:18px;}
.header-b a{font-size:15px;}
/* footer */
.footer .fbox{padding:20px 0 15px 0}
.footer .login{margin:25px 0;max-width:initial;padding:30px 12%;border-top:1px solid rgba(180, 194, 254,.1);border-bottom:1px solid rgba(180, 194, 254,.1);}
.footer .login li .info{width:calc(100% - 60px)}
.footer .ft3 img{max-width:100px;padding-left: 10px;padding-right: 10px;}
.footer .ft3 li p{font-size:12px;}
.footer .copyright{font-size:12px;line-height:22px;}
.footer .copyright .bn{padding:0 15px}
.grid-large{padding:10px 0}
.grid-large>.grid{margin:-10px;}
.grid-large>.grid>[class*='x'],.grid-large>.grid>[class*='y']{padding:10px;}

.grid-big{padding:10px 0}
.grid-big>.grid{margin:-10px;}
.grid-big>.grid>[class*='x'],.grid-big>.grid>[class*='y']{padding:10px;}
.grid-middle{padding:10px 0}
.grid-middle>.grid{margin:-10px;}
.grid-middle>.grid>[class*='x'],.grid-middle>.grid>[class*='y']{padding:10px;}
.mt30{margin-top:15px;}
.section4{
    overflow-x:hidden;
}
}