@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body,pre{ color:#000; font-size:.1rem; font-family:"微软雅黑";}
ul, ol { list-style: none;} 
img,fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
table,td,tr,th{font-size:12px;}
.nodispaly{ display:none}
.line{line-height:50px;}
.lineer{line-height:40px;}
.FK{color: #999;}
.F14{font-size: 14px;}
.clearfix{zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#000; text-decoration:none;}
a:hover {color:#1b5494; text-decoration:underline; }
.layout{max-width: 1300px;margin:0 auto;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
input{-webkit-appearance:none;border-radius: 0;}
textarea{-webkit-appearance:none;border-radius: 0;}

header{position: fixed;z-index: 1000;background: #FFF;left: 0px;top: 0px;right: 0px;transition: all 0.3s;}
header .top{height: .5rem;}
header .logo{position: fixed;left: 10%;top: .1rem;z-index: 100;}
header .logo h1{width: .7rem;float: left;}
header .logo h1 img{width: 100%;}
header .logo .txt{float: left;margin-left: .1rem;font-size: .12rem;}
header .top_r{position: fixed;right: 10%;top: .1rem;}
header .top_r i{width: .26rem;height: .26rem;border: 1px solid #DDD;border-radius: 60px;line-height: .26rem;display: block;text-align: center;font-size: .18rem;float: left;}
header .top_r .txt{float: left;margin-left: .08rem;}
header .top_r .txt span{font-size: .12rem;font-weight: bold;}
.nav{font-size: 0px;padding: 0 10%;background: #1b5494;}
.nav li{margin:0 .15rem;padding:0 .05rem;display: inline-block;position: relative;}
.nav li p{line-height: 3;font-size: .1rem;position: relative;padding:0 .05rem;}
.nav li p:after{content: "";display: block;position: absolute;left: 50%;bottom: 0;width: 0;z-index: 100;height: 3px;background: #FFF;opacity: 0;transform: translateX(-50%);}
.nav li:hover p:after{width: 100%;opacity: 1;}
.nav li.current p:after{width: 100%;opacity: 1;}
.nav li p a{color:#FFF;}
.nav li:hover p a{color: #FFF;}
.nav li p a{display: block;}
.nav li p a:hover{text-decoration: none;}
.nav li.current p a{color: #FFF;}
.nav li .subnav{position: absolute;left: 0%;top: 3;right: 0px;background: #FFF;width: 1rem;visibility: hidden;opacity: 0;transition: all 0.3s;font-size: 0px;box-shadow: 0 3px 3px rgba(0,0,0,0.2);}
.nav li:hover .subnav{visibility: visible;opacity: 1;}
.nav li dd{line-height: 2.5;font-size: .08rem;}
.nav li dd a{display: block;transition: all 0.3s;padding: 0 .1rem;}
.nav li dd a:hover{display: block;text-decoration: none;background: #1b5494;color: #FFF;}
.nav li dd:last-child{border-bottom: none;}

header .header-main { transition: padding 0.3s ease 0s, transform 0.5s ease 0s;}
header .m-btn { display: none; width:1.2rem; height:1.2rem; line-height:1.2rem; cursor:pointer; float:right;text-align: center;}
header .m-btn .box {position: relative; font-size:.6rem;color: #0158bf;}

.body-wrap { width: 100%;position: relative;transition: all 0.5s ease 0s;}
.body-wrap.left, header.left .header-main {transform:translateX(-66%);}
.m-sub-menu.show {right: 0;transition: all 0.44s ease 0s;}

.m-sub-menu {position:fixed; right:-100%;width:66%;top:0;z-index:2000;height: 100%;background:#FFF;transition:all 0.64s ease 0s; box-shadow:0 0 30px rgba(0,0,0,0.1);}
.m-sub-menu .top-box{ background:#1b5494; height:1.2rem; line-height:1.2rem;}
.m-sub-menu .top-box ul{float: left;}
.m-sub-menu .top-box li{float: left;margin-left: 0.6rem;font-size: 0.32rem;}
.m-sub-menu .top-box li a{color: #FFF;}
.m-sub-menu .top-box li a:hover{text-decoration: none;}
.m-sub-menu .top-box li a.current{font-weight: bold;}
.m-sub-menu .top-box .close{ cursor: pointer; float:right; text-align:center; width:1.2rem;height: 1.2rem;}
.m-sub-menu .top-box .close i{ font-size:.5rem; color: #FFF;}
.m-sub-menu .list-wrap ul { width:100%;}
.m-sub-menu .list-wrap li { height:1rem; line-height:1rem; border-bottom:1px solid #f2f2f2; font-size:0.32rem;text-transform: uppercase;}
.m-sub-menu .list-wrap li .col-box{ position:relative;}
.m-sub-menu .list-wrap li .col-box .tit{ float:left; width:90%;display:block; padding-left:10%;}
.m-sub-menu .list-wrap li .col-box .point{ position:absolute; width:1rem; height:1rem; right:0px; top:0px;display:block; color:#999;font-size: 0.32rem;}
.m-sub-menu .list-wrap li a{ display:block; padding:0 10%;}
.m-sub-menu .list-wrap li a:hover{ text-decoration:none; display:block;}
.m-sub-menu .list-wrap li i{ float:right;}

.m-sub-menu .bot-link { margin-top:30px; text-align:right;}
.m-sub-menu .bot-link i { font-size:20px;}
.m-sub-menu .bot-link a{ margin-left:20px;}
.m-sub-menu .bot-link a:hover{ text-decoration:none;}
.m-sub-menu .sec-sub-list { position: absolute; right: -100%; top: 1.2rem; width: 100%;}
.m-sub-menu .sec-sub-list .return-fir { display: block; padding:0 10%; line-height: 1rem; background-color: #1b5494;}
.m-sub-menu .sec-sub-list .return-fir p { color: #fff;font-size: 0.32rem;}
.m-sub-menu .sec-sub-list .return-fir p i{ font-size:0.32rem; margin-right:10px;}
.m-sub-menu .sec-sub-list .boxs { width: 100%; height:1000px; transition: all 0.4s ease 0s; background:#fff; position: absolute; left: 0; top: 0;}
.m-sub-menu .sec-sub-list .boxs.show { left: -100%;}
.m-sub-menu .sec-sub-list ul, .m-sub-menu .sec-sub-list li { width: 100%;}
.m-sub-menu .sec-sub-list li{ border-bottom: 1px solid #f2f2f2; height:1rem; line-height:1rem; font-size:0.32rem;}
.m-sub-menu .sec-sub-list li a { display: block; padding:0 10%;}
.m-sub-menu .sec-sub-list li a:hover{ text-decoration:none;color:#1b5494;}
.m-sub-menu .sec-sub-list .bot-link { margin-top: 14px;}

.foot{background: #1b5494;}
.foot .foot_t{padding:.2rem 10%;color: #FFF;}
.foot .foot_t dl{float: left;width: 25%;}
.foot .foot_t dt{font-size: .12rem;font-weight: bold;margin-bottom: .1rem;}
.foot .foot_t dd{line-height: 2.4;font-size: .08rem;}
.foot .foot_t dd a{transition: all 0.3s;color: #FFF;}
.foot .foot_t dd a:hover{text-decoration: none;}

.foot .foot_b{background: #1b5494;padding:.1rem 10%;border-top: 1px solid rgba(255, 255, 255, 0.2);color: #FFF;}



.y-kefu-box{position:fixed; right:0; top:20%; z-index:9999; font-size:13px;display: none;}
.y-kefu-box img{display: block; width:100%; height:auto;}
.y-kefu-box01 .icon{display:block; background:url(../images/icons01.png) no-repeat; margin:0 auto 6px;}
.y-kefu-box01{width:54px; color: #666; text-align: center;}
.y-kefu-box01 .kf-close-btn{width:27px; height:27px; background-position:-5px -115px; position: relative; cursor:pointer;}
.y-kefu-box01 .kf-close-btn:before{content:''; display: block; width:1px; height:12px; background-color:#0158bf; position: absolute; bottom:-12px; left:13px; z-index:1;}
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div{display:block; width:52px; padding:8px 0 12px; background-color:#fff; border-left:solid 1px #efefef; border-top:solid 1px #efefef; border-right:solid 1px #efefef; position:relative;}
.y-kefu-box01 .show-status{position: relative;}
.y-kefu-box01 .show-status .kf-qiao{background-color:#0158bf; border-color:#0158bf; color: #fff; margin:10px 0 7px;}
.y-kefu-box01 .kf-qiao{border-radius:2px;}
.y-kefu-box01 .kf-qiao i{width:21px; height:22px; background-position:-30px -150px;}
.y-kefu-box01 .kf-QQ{border-top-left-radius:2px;border-top-right-radius:2px;}
.y-kefu-box01 .kf-QQ>i{width:21px; height:22px; background-position:-5px -5px;}
.y-kefu-box01 .kf-QQ:hover>i{background-position:-30px -5px;}
.y-kefu-box01 .kf-zixun{border-radius:2px;}
.y-kefu-box01 .kf-zixun i{width:21px;height:22px;background-position:-30px -150px;}
.y-kefu-box01 .kf-mobile{border-top-left-radius:2px; border-top-right-radius:2px;}
.y-kefu-box01 .kf-mobile>i{width:18px; height:18px; background-position:-5px -32px;}
.y-kefu-box01 .kf-mobile:hover>i{background-position:-30px -32px;}
.y-kefu-box01 .kf-weChat>i{width:22px; height:19px; background-position:-5px -55px;}
.y-kefu-box01 .kf-weChat:hover>i{background-position:-30px -55px;}
.y-kefu-box01 .kf-email{border-bottom-left-radius:2px; border-bottom-right-radius:2px;}
.y-kefu-box01 .kf-email>i{width:18px; height:14px; background-position:-5px -80px;}
.y-kefu-box01 .kf-email:hover>i{background-position:-30px -80px;}
.y-kefu-box01 .back-top i{width:13px; height:11px; background-position:-5px -98px;}
.y-kefu-box01 .back-top:hover i{background-position:-30px -98px;}
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top{border-bottom:solid 1px #efefef;}
.y-kefu-box01 .back-top{margin-top:-1px; border-radius:2px; left:55px;}
.y-kefu-box01 .hver:hover{background-color:#0158bf; border-color:#0158bf;}
.y-kefu-box01 .hver:hover>p{color:#fff;}
.y-kefu-box01 .mobile-infos,.y-kefu-box01 .QQ-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos{background-color:#fff; border:solid 1px #efefef; position:absolute; right:90px; z-index:2; border-radius:2px; display:none;}
.y-kefu-box01 .mobile-infos{width:215px; text-align:left; top:0;}
.y-kefu-box01 .mobile-infos>div{padding:20px 0 20px 45px; position:relative;}
.y-kefu-box01 .mobile-infos>div i{width:15px; height:15px; background-position:-52px -32px; position:absolute; top:22px; left:20px; z-index:2;}
.y-kefu-box01 .mobile-infos .online1{border-bottom:solid 1px #efefef;}
.y-kefu-box01 .mobile-infos span{color:#999;}
.y-kefu-box01 .mobile-infos p{color:#0158bf; font-size:18px;}
.y-kefu-box01 .QQ-infos{width:320px;text-align: left;top: 0;}
.y-kefu-box01 .part01{padding:20px 20px 20px 30px; border-bottom:solid 1px #e9e9e9; position:relative;}
.y-kefu-box01 .part01 p{font-size:16px; color:#0158bf; padding-bottom:5px;}
.y-kefu-box01 .part01 i{width:28px; height: 26px; background-position:-40px -5px; position: absolute; left:0; top:18px; z-index:2;}
.y-kefu-box01 .part02{padding:20px;}
.y-kefu-box01 .part02 li{width:86px; float:left; position:relative; margin:10px; padding-left:30px;}
.y-kefu-box01 .part02 i{width:22px; height:22px; background-position:-5px -5px; position:absolute; left:0; top:0; z-index:2;}
.y-kefu-box01 .part02 li:hover a{color:#0158bf;}
.ri{width:12px; height:12px; position:absolute; right:-12px; top:24px;}
.ri-arrow1,.ri-arrow2{width:0; height:0; display:block; position:absolute; left:0; top:0; border-top:6px transparent dashed; border-right:6px transparent dashed; border-bottom:6px transparent dashed; border-left:6px white solid; overflow:hidden;}
.ri-arrow1{left:1px; border-left:6px #efefef solid;}
.ri-arrow2{border-left:6px white solid;}

.y-kefu-box01 .y-ewm-box{width:131px;top:-60px;}
.y-kefu-box01 .y-ewm-box ul{padding: 15px;}
.y-kefu-box01 .y-ewm-box li{text-align: center;line-height: 30px;margin-bottom: 10px;}
.y-kefu-box01 .y-ewm-box .right{top:84px;}

.y-kefu-box01 .y-email-infos{padding:28px 20px 28px 45px; color:#999; text-align:left; bottom:0;}
.y-kefu-box01 .y-email-infos p{color:#0158bf; font-size:16px;}
.y-kefu-box01 .y-email-infos>i{width:18px; height:13px; background-position:-52px -80px; position:absolute; left:15px; top:30px;}
.y-kefu-box01 .y-email-infos .right{top:55px;}
.y-kefu-box01 .hide-status{width:54px; height:65px; background-color:#0158bf; position:absolute; top:37px; left:55px; z-index:9;}
.y-kefu-box01 .hide-status .kf-zixun{padding:10px 0 7px; color:#fff; cursor:pointer;}


.ydy{width: 100%;height: 100%;position: fixed;left: 0px;top: 0px;display: flex;align-items: center;justify-content: center;}
.ydy li{float: left;width: 220px;height: 220px;text-align: center;background: #FFF;margin: 0 40px;font-size: 24px;border-radius: 20px;}
.ydy li i{font-size: 50px;}
.ydy li p{margin-top: 20px;}
.ydy li a{display: flex;align-items: center;justify-content: center;flex-flow: column;height: 220px;color: #1b5494;}
.ydy li a:hover{text-decoration: none;}