@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{ color:#333; font-size:14px; 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:#333; text-decoration:none;}
a:hover {color:#0158bf; 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;height: 100px;transition: all 0.3s;box-shadow: 0 0 5px rgba(0,0,0,0.1);}
header:hover{background: rgba(255, 255, 255, 1);}
header h1{width: 350px;position: fixed;left: 5%;top: 10px;z-index: 100;}
header h1 img{width: 100%;}
.nav{position: fixed;font-size: 0px;text-align: center;left: 0px;top: 0px;right: 0px;}
.nav li{margin:0 20px;padding:0 5px;display: inline-block;}
.nav li p{line-height: 100px;font-size: 18px;position: relative;padding:0 5px;font-weight: bold;}
.nav li p:after{content: "";display: block;position: absolute;left: 50%;bottom: 0;width: 0;z-index: 100;height: 3px;background: #0158bf;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:hover p a{color: #0158bf;}
.nav li p a{display: block;}
.nav li p a:hover{text-decoration: none;}
.nav li.current p a{color: #0158bf;}
.nav li .subnav{position: fixed;left: 0%;top: 100px;right: 0px;background: #FFF;width: 100%;visibility: hidden;opacity: 0;transition: all 0.3s;text-align: center;font-size: 0px;border-top: 1px solid #DDD;}
.nav li:hover .subnav{visibility: visible;opacity: 1;}
.nav li dd{display: inline-block;line-height: 90px;padding: 0 20px;font-size: 18px;}
.nav li dd a{display: block;transition: all 0.3s;}
.nav li dd a:hover{display: block;text-decoration: none;}
.nav li dd:last-child{border-bottom: none;}

header .yuyan{position: fixed;right: 10%;top: 25px;font-size: 18px;cursor: pointer;z-index:1000;line-height: 50px;}

.search{line-height: 50px;width: 50px;height: 50px;cursor: pointer;text-align: center;position: absolute;right: 5%;top: 25px;}
.search i{font-size: 24px;}
.search_box{position: fixed;left: 0px;right: 0px;top: 100px;height: 100px;background: #f5f5f8;display: none;border-bottom: 4px solid #0158bf;}
.search_box .box{width: 50%;position: absolute;left: 50%;top: 30px;margin-left: -25%;}
.search_box .input_btn{float: left;width: 10%;height: 40px;border: none;outline: magenta;background: #f5f5f8 url(../images/pic4.png) no-repeat center;background-size: 20px;cursor: pointer;}
.search_box .input_txt{float: left;width: 90%;height: 40px;border: none;outline: magenta;box-sizing: border-box;border-bottom: 1px solid #999;background: #f5f5f8;}

.guanbi{position: fixed;right: 5%;top: 5%;z-index: 101;}
.guanbi i{width: 100px;height: 100px;display: block;text-align: center;line-height: 100px;font-size: 24px;cursor: pointer;color: #FFF;}

header .header-main { transition: padding 0.3s ease 0s, transform 0.5s ease 0s;}
header .m-btn { display: none; width:50px; height:50px; line-height:50px; cursor:pointer; float:right;text-align: center;}
header .m-btn .box {position: relative; font-size:22px;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:#0158bf; height:50px; line-height:50px;}
.m-sub-menu .top-box ul{float: left;margin-left: 8%;}
.m-sub-menu .top-box li{float: left;width: 30px;text-align: center;}
.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{color:#0158bf;}
.m-sub-menu .top-box .close{ cursor: pointer; float:right; text-align:center; width:50px;height: 50px;}
.m-sub-menu .top-box .close i{ font-size:18px; color: #FFF;}
.m-sub-menu .list-wrap ul { width:100%;}
.m-sub-menu .list-wrap li { height:50px; line-height:50px; border-bottom:1px solid #f2f2f2; font-size:14px;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:30px; height:50px; right:0px; top:0px;display:block; color:#999;font-size: 12px;}
.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: 50px; width: 100%;}
.m-sub-menu .sec-sub-list .return-fir { display: block; padding:0 10%; line-height: 50px; background-color: #0158bf;}
.m-sub-menu .sec-sub-list .return-fir p { color: #fff;font-size: 14px;}
.m-sub-menu .sec-sub-list .return-fir p i{ font-size:14px; 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; line-height: 50px;font-size: 14px;}
.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:#0158bf;}
.m-sub-menu .sec-sub-list .bot-link { margin-top: 14px;}

.foot{background: #333;}
.foot .foot_t{padding:60px 5%;}
.foot .foot_t .left{width: 70%;box-sizing: border-box;float: left;padding-right: 10%;border-right: 1px solid #999;}
.foot .foot_t .left dl{float: left;width: 40%;}
.foot .foot_t .left dt{font-size: 20px;line-height: 30px;font-weight: bold;margin-bottom: 20px;color: #FFF;}
.foot .foot_t .left dd{line-height: 40px;font-size: 14px;width: 50%;float: left;}
.foot .foot_t .left dd a{transition: all 0.3s;color: #FFF;}
.foot .foot_t .left dd a:hover{text-decoration: none;padding-left: 10px;color: #FFF;}
.foot .foot_t .left ul{float: left;width: 60%;color: #FFF;}
.foot .foot_t .left li{padding-bottom: 30px;display: flex;}
.foot .foot_t .left li h2{line-height: 30px;font-size: 20px;font-weight: bold;}
.foot .foot_t .left li i,.foot .foot_t .left li em{font-size: 40px;margin-right: 10px;}
.foot .foot_t .left li p{font-size: 14px;line-height: 24px;}
.foot .foot_t .left li .box{text-align: left;}
.foot .foot_t .right{width: 30%;float: right;box-sizing: border-box;padding-left: 10%;}
.foot .foot_t .right .title{font-size: 20px;font-weight: bold;color: #FFF;}
.foot .foot_t .right ul{margin-top: 30px;}
.foot .foot_t .right li{margin-bottom: 10px;}
.foot .foot_t .right li p{padding-bottom: 5px;}
.foot .foot_t .right li .input_txt{ width:100%; height:50px; border:1px solid #999; outline:medium; padding:0 2%; font-family:'Conv_Armata-Regular';box-sizing: border-box;font-size: 16px;background: #333;color: #FFF;}
.foot .foot_t .right li input::-webkit-input-placeholder{color:#FFF;}
.foot .foot_t .right li input::-moz-placeholder{color:#FFF;}
.foot .foot_t .right li input:-moz-placeholder{color:#FFF;}
.foot .foot_t .right li input:-ms-input-placeholder{color:#FFF;}
.foot .foot_t .right .textarea{margin:0;}
.foot .foot_t .right .textarea textarea{ width:100%; height:100px; border:1px solid #999; outline:medium; padding:2%;box-sizing: border-box;font-size: 16px;background: #333;color: #999;}
.foot .foot_t .right textarea::-webkit-input-placeholder{color:#FFF;}
.foot .foot_t .right textarea::-moz-placeholder{color:#FFF;}
.foot .foot_t .right textarea:-moz-placeholder{color:#FFF;}
.foot .foot_t .right textarea:-ms-input-placeholder{color:#FFF;}
.foot .foot_t .right .textarea p{font-weight: bold;padding-bottom: 10px;}
.foot .foot_t .right .more{margin-top:10px;}
.foot .foot_t .right .input_btn{ width:150px; height:50px; font-family:'Conv_Armata-Regular'; border:0 none; margin-right:10px; color:#FFF; background:#0158bf;cursor: pointer;outline: medium;font-size: 18px;}

.foot .foot_b{background: #222;padding:30px 5%;color:#FFF;}


.y-kefu-box{position:fixed; right:0; top:20%; z-index:9999; font-size:13px;}
.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:10px 0 10px 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;}