html{font-size: 20px;}
a{color: #333;}
*{box-sizing: border-box;}
img{max-width: 100%;vertical-align: top;}
body,html{min-height:100%;}
body{font:16px Arial,"SourceHanSansCN-Regular","microsoft yahei","microsoft JhengHei", Helvetica, sans-serif;*font:14px "SourceHanSansCN-Regular","microsoft JhengHei",Arial, Helvetica, sans-serif; color:#333333;-webkit-tap-highlight-color:rgba(255,255,255,0);background-color: #fff;overflow-x: hidden;line-height: 1.6;}
pre{font-family:'SourceHanSansCN-Regular',"microsoft JhengHei"; white-space:pre-wrap;word-wrap: break-word;}
a{font-size:16px;text-decoration:none; color:#000; outline:none; transition:cubic-bezier(0.215,.61,.355,1);}
.clearfix:after{content:"\200B"; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}/*IE/7/6*/
/*h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}*/
/*input{outline: none;-webkit-appearance: none;border-radius: 0; font-size:14px;}*/
input[type="text"],input[type="password"],input[type="search"],textarea,select,input[type="date"]{outline: none; font-family:"SourceHanSansCN-Regular","microsoft JhengHei";-webkit-appearance: none;border-radius: 0; font-size:14px; display:block; width:100%; border:none; background:none; border:1px solid #dbdbdb; padding:6px 12px; transition:ease .45s;}
input[type="radio"]{display:inline-block; width:20px; height:20px; position:relative; top:2px; margin-right:5px; cursor:pointer;}
input[type="checkbox"]{display:inline-block; width:20px; height:20px; position:relative; top:2px; margin-right:5px; cursor:pointer;}
input::-webkit-input-placeholder {color: #888888;}
input:-moz-placeholder {　color: #888888;}
input::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder {color: #888888;}
textarea{resize:none; overflow:hidden;}
textarea::-webkit-input-placeholder {color: #888888;}
textarea:-moz-placeholder {　color: #888888;}
textarea::-moz-placeholder {color: #888888;}
textarea:-ms-input-placeholder {color: #888888;}
select::-ms-expand { display: none; }
select{background: url(../images/icon_xiala_light.png) right 12px center no-repeat;
    background-size: 14px;
    padding-left: 25px;
    padding-right: 26px!important;}
i,em{font-style:normal;}
ul,li,ol{list-style: none;}
a:focus,button:focus,.swiper-button-next:focus, .swiper-button-prev:focus,.main_visual_autoplay>span:focus,.swiper-pagination-bullet:focus{outline: none;}
.wow{opacity: 0;}
.fl{float:left;}
.fr{float:right;}
.flex{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;}
.flex-text-center{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;justify-content: center;-webkit-justify-content: center;-ms-justify-content: center;}
.flex-align-center{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;align-items: center;-webkit-align-items: center;-ms-align-items: center;}
.flex-center{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;align-items: center;-webkit-align-items: center;-ms-align-items: center;justify-content: center;-webkit-justify-content: center;-ms-justify-content: center;}

.flex-space-between{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;justify-content: space-between;-webkit-justify-content: space-between;-ms-justify-content: space-between;}
.flex-space-between-center{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;justify-content: space-between;-webkit-justify-content: space-between;-ms-justify-content: space-between;align-items: center;-webkit-align-items: center;-ms-align-items: center;}

.flex1{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:column; -webkit-flex-direction:column;-ms-flex-direction:column;}

.flex-wrap{flex-wrap:wrap; -webkit-flex-wrap:wrap;-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.flex-auto{flex: 0 0 auto;-ms-flex: 0 0 auto;-webkit-flex: 0 0 auto;}

.tran03{-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;}
.tran1{-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;}
.tran06{
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}

@font-face {
  font-family: 'Dosis';font-style: normal;  /* project id 1853964 */
  src: url('../fonts/Dosis.ttf');
  src: url('../fonts/Dosis.woff') format('woff');
  font-display:swap;
}

.container{ margin:auto; position:relative;}
.container1400{max-width:1420px; margin:auto; position:relative; padding:0 10px;}
.blue{color:#1e4fdb;}
.l-grid-2>li{width:50%; float:left;}
.l-grid-3>li{width:33.333333333333336%; float:left;}
.l-grid-4>li{width:25%; float:left;}
.l-grid-5>li{width:20%; float:left;}
.l-grid-6>li{width:16.666666666666668%; float:left;}
/*分享*/
#bsWXBox{box-sizing:initial;}
#bsBox{box-sizing:initial;}
/*浏览器滚动条*/
::-webkit-scrollbar{width:10px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/*.preload{width: 100vw;height: 100vh;background-color: #fff;position: fixed;top: 0;left: 0;z-index: 9999;display: none;}*/
/*.pace-done .preload{visibility: hidden;opacity: 0;}*/
/*.pace{width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;z-index: 10000;display: none;}*/


.container{width: 83%;max-width: 1600px; margin-left: auto;margin-right: auto;}
.headtop{position:fixed; top:0; left:0; width:100%; z-index:100; }
.head{position:absolute; top:0; left:0; width:100%; height:86px; box-sizing:border-box; z-index:100; transition:all 0.35s;background-color: #fff;}
.head .container{height: 100%;}
.head .logo{width: 365px;height: 56px;margin-top: 15px; background: url(../images/logo.png) left center no-repeat;background-size: 100%; float: left;transition: all 0.5s;}
.head .logo a{display: block;width: 100%;height: 100%;text-indent: -999px; overflow: hidden;}
.head .rightnav{float: right;height: 100%;}
.head .rightnav>ul{ height: 100%;float: left;}
.head .rightnav>ul>li{height: 100%;line-height: 86px;float: left;position:relative;transition: all 0.5s;}
.head .rightnav>ul>li>a{display: block;margin: 0 0.6rem;padding: 0 0.6rem;position: relative;z-index: 9;height: 100%;font-size: 16px;color: #333;}

/*.head .rightnav li.cur a,.head .rightnav li.hover a,.head .rightnav li a:hover{color: #003b8f;}*/
.head .rightnav li a:after{position: absolute;z-index: 2; width: 100%;height: 3px;left: 0;bottom: 0px;background-color: #024298;content: "";-webkit-transition: all 0.33s;-o-transition: all 0.33s;transition: all 0.33s; transform: scale3d(0,1,1);}
.headtop.headHover .head li a:after,.headtop.scroll .head li a:after,.headtop.fixed .head li a:after{background-color: #024298;}
/*.head .rightnav li a:after{}*/
.head .rightnav li.cur a:after{width: 100%;transform: scale3d(1,1,1);}


.lh-search {
	float: left;position: relative;height: 35px;width: 35px;margin: 26px 0 0 1vw;transition: ease .45s;
}
.lh-search input {height: 35px;line-height: 35px;background: #fff;border: none;padding: 0;transform: scaleX(0);transform-origin: center right;border-bottom: 1px solid #6D6D6D;
}
.lh-search a {color: #fff;line-height: 35px;display: block;width: 35px;position: absolute;right: 0;top: 0;text-align: center;
}
.Search .lh-search{width:10vw;}
.Search .lh-search input[name='keyword']{padding:0 12px;transform:scaleX(1);width: 130px;background-color: transparent;}
.Search .lh-search a{color:#000;}

.menunav{float: left;width: 40px;height: 40px;background: url(../images/icon_menu_w.png) center no-repeat;margin: 22px 0 0 1vw;cursor: pointer;transition: ease .45s;}
.navtel{float: left;margin-left: 30px;width: 180px;height: 40px;line-height: 40px; font-family: 'Dosis';font-size: 22px; color: #fff;padding-left: 30px;background: url(../images/icon_top_ipone.png) left center no-repeat;position: relative;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transition: all 0.5s;}

.headtop.scroll .head,.headtop.fixed .head{height:70px; line-height:70px;}
.headtop.scroll .rightnav>ul>li,.headtop.fixed .rightnav>ul>li{line-height: 70px;}
.headtop.scroll.hidden,.headtop.fixed.hidden{top: -70px;}

.headtop.headHover .head,.headtop.scroll .head,.headtop.fixed .head{background-color: #fff;box-shadow: 0 0 3px #ccc;}
.headtop.headHover .head .rightnav>ul>li>a,.headtop.scroll .head .rightnav>ul>li>a,.headtop.fixed .head .rightnav>ul>li>a{color: #333;}
.headtop.headHover .head .logo,.headtop.scroll .head .logo,.headtop.fixed .head .logo{background-image: url(../images/logo.png);}
.headtop.scroll .head .logo,.headtop.fixed .head .logo{margin-top: 7px;}
.headtop.scroll .lh-search,.headtop.fixed .lh-search{margin-top: 15px;}
.headtop.scroll .menunav,.headtop.fixed .menunav{margin-top: 14px;}
.headtop.headHover .lh-search a,.headtop.scroll .lh-search a,.headtop.fixed .lh-search a{color: #333;}
.headtop.headHover .menunav,.headtop.scroll .menunav,.headtop.fixed .menunav{background-image: url(../images/icon_menu.png);}
.headtop.headHover .navtel,.headtop.scroll .navtel,.headtop.fixed .navtel{background-image: url(../images/top_ipone_red.png);color: #e70a03;}

/* Member pager common CSS */
.container.member {margin:50px auto 80px;}
.subnavwarp{position: absolute;left: 0;top: 86px;width: 100%;height: 350px;padding-bottom: 30px; z-index: 100;background-color: #fff;display: none;box-shadow: 0 0 3px #ccc;}
.headtop.scroll .subnavwarp,.headtop.fixed .subnavwarp{top: 70px;}
.subnavwarp .con{position: relative;display: none;width: 80%;margin: 0 auto;}

.subnavwarp .con .left {float: left;width: 20%;}

.subnavwarp .con .tu {
    /*float: right;
    width: 32%;*/
    padding-top: 2rem;
}
.subnavwarp .con .tu img {
    width: 100%;
}

.subnavwarp .con  ul.subnav {
    float: left;
    width: 40%;
    margin-left: 5%;
    margin-top: -0.5rem;
}
.subnavwarp .con ul.subnav li {
    /*float: left;
    width: 50%;*/
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
   	line-height: 2;
    /*border-bottom: 1px dashed #ccc;*/
    /*text-align: center;*/
}
.subnavwarp .con ul.subnav.item2 li{
    float: left;
    width: 50%;
}
.text-right{text-align: right;}
.text-center{text-align: center;}
.subnavwarp .con ul.subnav li a i {
    width: 42px;
    height: 42px;
    line-height: 42px;
    border-radius: 50%;
    background-color: #004098;
    background-repeat: no-repeat;
    display: inline-block;vertical-align: top;
    margin-right: 20px;
    transition: all .3s;
    margin-left: 0;
    color: #fff;
    font-size: 27px;
    text-align: center;
    font-weight: normal;
}
.subnavwarp .con ul.subnav li a {
    font-size: 0.9rem;
    display: block;
    color: #333;
    font-weight: normal;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
}
.subnavwarp .con  ul.subnav li:hover a {
    color: #0065bf;
}
/*.subnavwarp .con ul.subnav li a:after{
    content:'→';
    font-family: iconfont;
    font-size: 0.9rem;
    color:#0065bf;
    position: absolute;
    right:6rem;
    top:0;
    opacity: 0;
    transition: all 0.5s;
}
.subnavwarp .con ul.subnav li a:hover:after{
    right:5rem;
    opacity: 1;
    
}*/


.subnavwarp .con .right {
    float: left;
    width: 71.5%;
    width: 80%;
    padding-top: 2rem;
}
.subnavwarp .con .right .brief {
    float: left;
    width: 50%;
    padding-left: 4rem;
    padding-top: 0;
}
.box .right .brief h2 {
    font-size: 1.2rem;
    font-weight: bold;
    color: #333;
}
.subnavwarp .con .right .brief p {
    font-size: 0.8rem;
    color: #666;
    line-height: 1.8;
    text-align: justify;
    margin: 1.5rem 0 1rem;
}
.subnavwarp .con .right .brief .more {
    width: 7.5rem;
    height: 2.4rem;
    background-color: #0796d8;
    /*background-image: linear-gradient(to right,#32beff 0,#005aab 51%,#32beff 100%);*/
    background-size: 200% auto;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    position: relative;overflow: hidden;
}
.subnavwarp .con .right .brief .more:hover{background-color: #005aab;}

/*.subnavwarp .con .right .brief .more:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: linear-gradient(to right, #32beff, #005aab);content: "";z-index: 0;transform: translate3d(0%,0,0);transition: 0.5s;}
.subnavwarp .con .right .brief .more:hover:after{transform: translate3d(0%,0,0);background-image: linear-gradient(to left, #32beff, #005aab);background-color: #005aab;background-position: 100% 0;}*/
.subnavwarp .con .right .brief .more a {
    display: block;
    text-align: center;
    font-size: 0.8rem;
    color: #fff;
    line-height: 2.4rem;
    position: relative;z-index: 1;
}


/*.subnavwarp .container{  display: flex; flex-flow: wrap;  justify-content: space-between; }
.subnavwarp .text{ width: 30%; padding: 65px 0 80px; background:#f8f8f8; position:relative; font-weight: bold;}
.subnavwarp .text:before{ content: ""; position: absolute; right: 100%; top:0; width: 100%; background: #f8f8f8; height: 100%;}
.subnavwarp .text span{ font-size: 36px; color: #333333;}
.subnavwarp .text p{ font-size: 60px; color: #cdcdcd;  margin-top: 10px; text-transform:uppercase;}
.subnavwarp .con{ width: 70%; padding: 40px 80px;}
.subnavwarp .con .row{ margin-bottom: 50px;}
.subnavwarp .con .tit{ margin-bottom: 15px; position: relative;}
.subnavwarp .con .tit img{  position:absolute; top:50%; margin-top: -15px; left:-40px;}
.subnavwarp .con .tit span{  font-size: 18px; color: #333333;}
.subnavwarp .con a{ display: inline-block; font-size: 16px; margin-right: 35px; text-transform:uppercase;}
.subnavwarp .con a:hover{ color: #2a6cf4;}
.subnavwarp .con .des{ width: 120%; clear: both; font-size:30px; color: #d0d0d0; font-style: italic;  margin-top:100px; }
.subnavwarp .con .des span{ display: inline-block; padding:0 40px; position: relative; }
.subnavwarp .con .des span:before,
.subnavwarp .con .des span:after{ content: ""; position: absolute;  width: 30px; height: 30px;  background-size:cover;}
.subnavwarp .con .des span:before{ left:0; top:-8px; background-image: url(../images/navdiv_yin1.png); }
.subnavwarp .con .des span:after{ right:0; bottom:-8px; background-image: url(../images/navdiv_yin2.png);}
*/
/* ========== */
/* = PC-HEADER = */
/* ========== */
.pc-header{ position:fixed; z-index: 99; top:0; left:0; width: 100%; background:#FFFFFF; -webkit-box-shadow:0 0 20px rgba(0,0,0,.1); box-shadow:0 0 20px rgba(0,0,0,.1);}
.pc-header .logo2{ display:none; }
.pc-header>.container{  display: flex; flex-flow: wrap;  justify-content: space-between; align-items: center;}
.pc-header ul{ width:58%; max-width:840px; display: flex; flex-flow: wrap;  justify-content: space-between; align-items: center;}
.pc-header ul li>a{ font-size: 20px; line-height: 100px; height: 100px;}
.pc-header ul li.current>a,
.pc-header ul li:hover>a{ color: #2a6cf4;}
.pc-header .navdiv{ display: none; position:absolute; top:100px; left:0; width: 100%; background-image: url(../images/navdiv_bg.png); background-position:bottom right; background-repeat: no-repeat; background-color: #FFFFFF; -webkit-box-shadow:0 0 20px rgba(0,0,0,.1); box-shadow:0 0 20px rgba(0,0,0,.1);}
.pc-header .navdiv .container{  display: flex; flex-flow: wrap;  justify-content: space-between; }
.pc-header .navdiv .text{ width: 30%; padding: 65px 0 80px; background:#f8f8f8; position:relative; font-weight: bold;}
.pc-header .navdiv .text:before{ content: ""; position: absolute; right: 100%; top:0; width: 100%; background: #f8f8f8; height: 100%;}
.pc-header .navdiv .text span{ font-size: 36px; color: #333333;}
.pc-header .navdiv .text p{ font-size: 60px; color: #cdcdcd;  margin-top: 10px; text-transform:uppercase;}
.pc-header .navdiv .con{ width: 70%; padding: 40px 80px;}
.pc-header .navdiv .con .row{ margin-bottom: 50px;}
.pc-header .navdiv .con .tit{ margin-bottom: 15px; position: relative;}
.pc-header .navdiv .con .tit img{  position:absolute; top:50%; margin-top: -15px; left:-40px;}
.pc-header .navdiv .con .tit span{  font-size: 18px; color: #333333;}
.pc-header .navdiv .con a{ display: inline-block; font-size: 16px; margin-right: 35px; text-transform:uppercase;}
.pc-header .navdiv .con a:hover{ color: #2a6cf4;}
.pc-header .navdiv .con .des{ width: 120%; clear: both; font-size:30px; color: #d0d0d0; font-style: italic;  margin-top:100px; }
.pc-header .navdiv .con .des span{ display: inline-block; padding:0 40px; position: relative; }
.pc-header .navdiv .con .des span:before,
.pc-header .navdiv .con .des span:after{ content: ""; position: absolute;  width: 30px; height: 30px;  background-size:cover;}
.pc-header .navdiv .con .des span:before{ left:0; top:-8px; background-image: url(../images/navdiv_yin1.png); }
.pc-header .navdiv .con .des span:after{ right:0; bottom:-8px; background-image: url(../images/navdiv_yin2.png);}
.pc-header li:hover .navdiv{ display: block;}
.pc-header .top .tel{ display: block; padding-left: 40px; line-height: 30px; background: url(../images/ico_tel.png) no-repeat left; color: #2a6cf4; font-size: 20px;}
.pc-header .top a{ margin-top: 4px; display: block; background: #2a6cf4; color: #FFFFFF; font-size: 18px; line-height: 40px; padding: 0 5px; text-align: center;}
 
.pc-header-index{ background: none; -webkit-box-shadow:0 0 0 rgba(0,0,0,.08); box-shadow:0 0 0 rgba(0,0,0,.08);}
.pc-header-index .logo2{ display: block;}
.pc-header-index .logo{ display: none;}
.pc-header-index ul li>a{ color: #FFFFFF;}
.pc-header-index ul li.current>a{ color: #FFFFFF;}
.pc-header-index .top .tel{ background:url(../images/ico_tel_index.png) no-repeat left; color: #FFFFFF;} 

body{padding-bottom: 15.5rem;}
/* FOOTER */
.footer{ background:#09336d;background-image:url(../images/foot_bg.jpg);background-attachment:fixed; background-repeat:no-repeat; background-position:center center;background-size: cover; color: #ddd;position: fixed;width: 100%;left: 0;bottom: 0;z-index: 0;}
.footer .container{padding-top: 3.5rem;padding-bottom: 2rem;}
.footer .foot_top{padding-bottom: 1rem;margin-bottom: 2rem;border-bottom: 1px solid #aaa;}
.footer .foot_top .title{font-size: 1.8rem;}
.footer .foot_top .title span{font-size: 2.4rem;padding-right: 10px;}
.footer .foot_top .desc{font-size: 14px;color: #ccc;margin-top: 10px;}
.footer .foot_top .joinus{width: 10.8rem;height: 2.9rem;line-height: 2.9rem;font-size: 1.2rem;padding-left: 2rem; color: #ddd;border-radius: 2.9rem;background: #ec3630 url('../images/icon_arr_right_w.png') right 1.4rem center no-repeat; align-self: flex-end;display: block;cursor: pointer;box-shadow: 3px 3px 10px rgba(236,54,48,0.4),-3px -3px 10px rgba(236,54,48,0.4);}
.footer .foot_middle{position:relative; }
.foot_nav{width: 60%;float: left;}
.foot_nav .item{width: 100%;}
.foot_nav .title{font-size: 0.9rem;margin-bottom: 1.5rem;}
.footer .foot_lnk {position:relative; width:100%;margin-bottom: 30px;}
.footer .foot_lnk li {display: inline-block;vertical-align: top;margin-right: 2.0rem;}
.footer .foot_lnk li a {display:block; width:100%; height:100%;  font-size:0.8rem; line-height:24px; letter-spacing:-0.045rem; color:#eee;}
.footer .foot_lnk li a:hover{color: #fff;}
.footer .foot_info {position:relative;  float: left; padding-right: 2.5rem;}
.footer .foot_info p { font-size:0.8rem; line-height:24px; color:#ddd; margin-bottom:10px;padding-left: 30px;background-position: left center ;background-repeat: no-repeat;}
.footer .foot_info p.tel{background-image: url(../images/icon_tel_l.png);}
.footer .foot_info p.te{background-image: url(../images/icon_te_l.png);}
.footer .foot_info p.email{background-image: url(../images/icon_email_l.png);}
.footer .foot_info p.addr{background-image: url(../images/icon_addr_l.png);}
.footer .foot_info p.tel span{font-size: 1.5rem;font-family: 'Dosis';}
.footer .ftewm{float: right;width: 358px;}
.footer .ftewm .con{width: 110px;display: inline-block;text-align: center;margin-right: 20px;}
.footer .ftewm .con .img{border: 1px solid #ddd;padding: 4px;height: 110px;width: 110px;}
.footer .ftewm .con img{width: 100px;}
.footer .ftewm p{margin-top: 10px;}


.footer .powerby{border-top: 1px solid #aaa;color: #ddd;margin-top: 15px;padding-top: 1rem;overflow: hidden;}
.footer .powerby a{color: #eee;}
.footer .powerby a:hover{text-decoration: underline;}
.footer .powerby .leftcon{width: 60%;float: left;}
.footer .powerby  .rightcon{float: right;width: 358px;}

.m_kefu{position: fixed;z-index: 9;}
    .zxkf{position: fixed;z-index: 9;width: 88%;height: 42px;line-height: 42px; left: 6%;bottom: 15px;display: flex;align-items: center;justify-content: center;background-color: #003693;border-radius: 42px;/*opacity: 0;visibility: hidden;*/transition: all 0.5s;}
    .zxkf.show{opacity: 1;visibility: visible;}
    .zxkf .icon{width: 28px;height: 28px;background: url(../images/icon_kefu.png) center;background-size: 28px;margin-right: 20px;}
    .zxkf .name{font-size: 16px;font-weight: bold;color: #fff;}
    .zixun_tel{bottom: 250px;right: 5px;width: 60px;height: 60px;overflow: visible;background-color: transparent;transform: translateZ(0px);position: fixed;z-index: 10000 !important;  }
    .zixun_tel_wrap {position: relative;display: block;cursor: pointer;width: 60px;height: 60px;background-image: url(../images/zixun_tel_bg.png);background-size: 100% 100%;}
    .zixun_tel .img{position: absolute;top: 10px;left: 10px;width: 1.58125rem;height: 1.58125rem;transform-origin: center center;animation: shake2 4s linear infinite;}
    .zixun_tel .text{position: absolute;left: 0;bottom: 0;width: 60px;height: 24px;text-align: center;line-height: 24px;color: #fff;}
    @keyframes shake2 {
        0% {transform: rotate(0) scale(1);}
        4% {transform: rotate(20deg) scale(1.2);}
        8% {transform: rotate(0) scale(1);}
        13% {transform: rotate(20deg) scale(1.2);}
        17% {transform: rotate(0) scale(1);}
        33% {transform: rotate(0) scale(1);}
        38% {transform: rotate(20deg) scale(1.2);}
        42% {transform: rotate(0) scale(1);}
        46% {transform: rotate(20deg) scale(1.2);}
        50% {transform: rotate(0) scale(1);}
        100% {transform: rotate(0) scale(1);}
    }

.feedform_wrap{position: fixed;z-index: 9999; width: 100%;height: 100%;left: 0;top: 0;opacity: 0;visibility: hidden;padding: 20px;transition: all 0.5s ease-in-out;}
.feedform_wrap.open{opacity: 1;visibility: visible;}
.feedform_wrap .feedform_bg{position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(0,0,0,0.3);z-index: 0;cursor: pointer;}
.feedform_wrap .content{width: 100%;max-width: 500px;margin: 0 auto;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%); background-color: #fff;padding: 25px;border-radius: 5px;position: relative;z-index: 1;}
.feedform_wrap .content .close{width: 36px;height: 36px;background: url(../images/icon_close_b.png) center no-repeat;background-size: 26px;position: absolute;right: 15px;top: 15px;z-index: 1;cursor: pointer;}
.feedform_wrap .img{width: 152px;margin: 0 auto;}
.feedform_wrap .name{font-size: 16px;margin-top: 10px;text-align: center;color: #ec3630;}
.feedform_wrap form{display: block;margin-top: 1.5rem;}
.feedform_wrap form .item{position: relative;margin-bottom: 1.0rem;display: flex;font-size: 15px;height: 2.25rem;line-height: 2.25rem;}
.feedform_wrap form label{width: 45px;color: #666;flex: 0 0 auto;}
.feedform_wrap form input{flex: 1;color: #333;}
.feedform_wrap form button{width: 100%;height: 40px;background-color: #ec3630;border-radius: 40px;color: #fff;font-size: 18px;font-weight: bold;border: 0; }



.z_menu_mask{ width: 100%; height: 100vh; transition: ease 1s; transform: translateY(-100%);-ms-transform: translateY(-100%); visibility: hidden;  background:#fff; position: fixed; left: 0; top: 0; z-index: 101; background:url(../images/about_bg2.jpg) no-repeat bottom center; background-size: cover;opacity: 0;}
.z_menu_mask.on{ transform: translateY(0);-ms-transform: translateY(0); visibility: visible;opacity: 1;}
.z_menu_header{ width: 100%; height: 100px; border-bottom: 1px solid #E5E5E5;  position: relative; padding: 0 10vw; padding-right: 0;}
.z_menu_logo{width: 197px;margin-top: 30px;float: left;}
.z_menu_close{ cursor: pointer; font-size: 20px!important;font-weight: bold; position: absolute; right:4vw; top: 50%; transform: translateY(-50%);}
.z_menu_header .icon-l-close:before{font-size: 32px;}
.z_menu_header .z_search{ color: #333; float: right;margin-top: 30px;margin-right: 10vw;}
.z_menu_header .z_search .icon,.z_menu_header .z_search .text{ color: #333;}
.z_menu_header .z_search .text{ display: inline-block; color: #333; margin-left: 10px; width: auto;}
.z_menu_header .z_search .text::-webkit-input-placeholder { /* WebKit browsers */color: #333;}
.z_menu_header .z_search .text::-moz-placeholder { /* Mozilla Firefox 19+ */color: #333;}
.z_menu_header .z_search .text:-ms-input-placeholder { /* Internet Explorer 10+ */color: #333;}
.z_menu_btmwarp{ width: 100%; padding: 0 10vw; box-sizing: border-box;}
.z_menu_nav{ padding: 3.125vw 0; border-bottom: 1px solid  #E5E5E5; margin-bottom: 3.125vw;}
.z_menu_nav ul{ display: flex; justify-content: space-between;}
.z_menu_nav li{ display: inline-block;}
.z_menu_nav li a{ display: block;font-size: 16px;font-weight: 500;color: #515151;line-height: 40px;}
.z_menu_nav li h3 a{ font-weight: bold;color: #404040;}
.z_menu_nav li a:hover{ color: #6510AD;}
.z_menu_contact .z_footer_tel{ margin-bottom: 2vw;}

.cursor{width:40px; height:40px; position:absolute; left:0; top:0;pointer-events: none;margin: -25px 0 0 -25px; z-index: 12;  visibility:hidden;}
.cursor:before{content: '';display: block;width: 100%;height: 100%; background:#fff; border-radius: 50%;box-sizing: border-box;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(1);transition: all .4s cubic-bezier(.3,1.83,.49,.88);}
.cursor.nav:before{ background: none; border:1px solid #fff;width:80px;height: 30px; border-radius: 15px;}
.cursor.btn:before{width:6rem; height:6rem;}
.cursor.btn2:before{width:100%; height:100%; border:1px solid #f4f4f4; background: none; }
.cursor,
.cursor::after {
	user-select: none;
	pointer-events: none;
	mix-blend-mode: difference
}

.PosFixedNavBlock{position: fixed;bottom: 120px;right: 5px;width: 70px;z-index : 99;}
.PosFixedNav{background: #E6251F;border-radius: 4px;}
.PosFixedNavTop{margin-top :10px;background: #fff;border-radius: 4px;opacity: 0;visibility: hidden;transition: all 0.5s;}
.PosFixedNavTop.show{opacity: 1;visibility: visible;}
.PosFixedNavItem{padding: 10px;display: block;text-align: center;position: relative;}

.PosFixedNavItem.Act{background:#FF3C36;}
.PosFixedNavTop .PosFixedNavItem.Act{background : #fff;border-radius: 4px;}
.PosFixedNavTop .PosFixedNavItem.Act .PosFixedNavItemTxt{color : #FF3C36 ;}

.PosFixedNavItem img{width: 24px;}
.PosFixedNavItem:first-child{border-radius: 4px 4px 0 0 ;}
.PosFixedNavItem:last-child{border-radius: 0 0 4px 4px;}
.PosFixedNav .PosFixedNavItem .PosFixedNavItemTxt{padding-top: 5px;font-size: 12px;color: #FFFFFF;}

.PosFixedNavTop .PosFixedNavItem .PosFixedNavItemTxt{padding-top: 5px;font-size: 12px;color: #666;}
.PosFixedNavHide{padding: 10px 10px 10px 15px;position: absolute;top: 0;left: -196px;width: 195px;height: 55px;background: #FFFFFF;box-shadow: 0 4px 8px 0 rgba(206,206,206,0.50);border-radius: 2px;display: flex;align-items: center;}
.PosFixedNavHide img{width: auto;margin-right: 10px;}
.PosFixedNavHideCont{text-align: center;}
.PosFixedNavHideCont div{text-align: left;margin-left: 7px;padding-top: 0px;padding-bottom: 0px;}
.PosFixedNavHideCont div:nth-child(1){color: #222222;}
.PosFixedNavHideCont div:nth-child(2){color: #2A2A2A;}
.PosFixedNavHideCont div:nth-child(2) span{color: #E6251F;font-size: 16px;}


.icon{width: 16px;height: 16px;display: inline-block; vertical-align: middle;  fill: currentColor;  overflow: hidden;}


 .preload {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 1000;
    background: #fff;
    -webkit-transition: background-color .5s;
    transition: background-color .5s;
    -webkit-transform-origin: 50% 42%;
    -ms-transform-origin: 50% 42%;
    transform-origin: 50% 42%
    }

    .preload.is-loaded {
        background: 0 0
    }

    .preload.is-animate-out {
        -webkit-transform: scale(5);
        -ms-transform: scale(5);
        transform: scale(5);
        opacity: 0;
        -webkit-transition: opacity 1s,-webkit-transform 1s;
        transition: opacity 1s,-webkit-transform 1s;
        transition: transform 1s,opacity 1s;
        transition: transform 1s,opacity 1s,-webkit-transform 1s
    }

    .preload.is-paused .preload__progress {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0)
    }

    .preload.is-paused .preload__progress-inner {
        -webkit-animation: none;
        animation: none
    }

    .preload.is-clean {
        background: 0 0;
        z-index: -1;
        -webkit-transition: none;
        transition: none
    }

    .preload.is-clean .preload__bg {
        display: none
    }

    .preload.is-clean .preload__progress {
        background: rgba(0,0,0,.5);
        top: 50%
    }

    .preload.is-clean .preload__progress-inner {
        background: #35373b
    }

    .preload.is-clean-paused .preload__progress-inner {
        -webkit-animation: none;
        animation: none
    }

    .preload__bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }

    .preload__progress {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 200px;
        margin:-1px 0 0 -100px;
        height: 1px;
        background: rgba(255,255,255,.15);
        -webkit-transition: .3s;
        transition: .3s
    }
    .preload__progress.hid{
        left: 0;
        width: 100%;
    }

.preload__progress-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-animation: preloadLine 1.6s both infinite;
    animation: preloadLine 1.6s both infinite;
}

@-webkit-keyframes preloadLine {
    2% {
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    48% {
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    52% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    98% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes preloadLine {
    2% {
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    48% {
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    52% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    98% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.load-bg{
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index:999;
}
.load-bg .top{
    height: 50%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 0;
    left: 0;
}
.load-bg .top i{
    display: block;
    width: 200px;
    height: 1px;
    background-color: #555;
    position: absolute;
    bottom: 0;
    left:50%;
    margin-left: -100px;
    -webkit-transition: .5s;
    transition: .5s;
}
.load-bg .top i.on{
    left:0%;
    margin-left: 0px;
    width:100%;
}
.load-bg .bot{
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height:50%;
    background-color: rgba(255, 255, 255, 0.5);
}

/*首页有加载条*/
.load-bg,.preload{display: none;}
.index_page .load-bg,.index_page .preload{display: block;}


.banner{width: 100%;height: 100vh;overflow: hidden; position: relative;z-index: 10;background-color: #fff;overflow: hidden;}
/*.banner:before{position: absolute; left: 50%;margin-left: -70px;bottom: 0; z-index: 2;width: 140px;height: 35px;content: "";background: url(../images/icon_mouse_bg.png) center no-repeat;background-size: 100%;}*/
/*.banner:after{position: absolute; left: 50%;margin-left: -67px;bottom: 0; z-index: 3;width: 140px;height: 35px;content: "";background: url(../images/icon_mouse_b.png) center no-repeat;}*/

.banner:after{position: absolute; left: 50%;margin-left: -67px;bottom: 20px; z-index: 3;width: 140px;height: 35px;content: "";background: url(../images/icon_mouse_w.png) center no-repeat;animation: mousedown 2s linear 0s infinite both;}
@keyframes mousedown{
    0% {transform: translate3d(0,-8px,0);}
    25% {transform: translate3d(0,0px,0);}
    50% {transform: translate3d(0,8px,0);}
    75% {transform: translate3d(0,0px,0);}
    100% {transform: translate3d(0,-8px,0);}
}
.banner .swiper-slide {height: 100%;}
.banner .slick-list,.banner .swiper-wrapper,.banner .slick-slider .slick-track,.banner .slick-slider .slick-list,.banner .slick-slider .slick-slide >div{height: 100%;}
.banner .swiper-slide a{display: block;width: 100%;height: 100%;}
.banner .swiper-slide img{margin: 0 auto;}
.banner .container{position: relative;height: 100%;z-index: 100;}
.banner .container .con{position: absolute;top: 50%;left: 0; transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);color: #fff; }
.banner .container .con .title{font-size: 1.75rem;line-height: 1.4;}
.banner .container .con .subtitle{font-size: 2.1rem;color: #f6ce53;line-height: 1.4;position: relative;margin-top: 1.5rem;font-weight: bold;padding: 0.6rem 0;}
.banner .container .con .subtitle:before{width: 21.0rem;height: 100%;border-top: 1px solid #fff;border-bottom: 1px solid #fff; content: "";position: absolute;left: 0; top:0; z-index: 1;}
.banner .container .con .subtitle:after{width: 2.0rem;height: 0.25rem;position: absolute;left: 0;top: 0;z-index: 2;background-color: #f6ce53;content: "";top: -0.1rem;}
.banner .container .con .desc{font-size: 0.9rem;line-height: 1.4;margin-top: 1.5rem;color: #fff;}
.banner .container .con .desc p{padding-left: 1.4rem;background: url(../images/banner_zi_dian.png) left 0.4rem center no-repeat;margin-right: 1.1rem;display: inline-block;vertical-align: middle;}
.banner .container .con .btns{margin-top: 2.5rem;}
.banner .container .con .btns a{display: inline-block;padding: 15px 20px;vertical-align: top;margin-right: 16px;border: 1px solid #fff;border-radius: 5px;min-width: 9.0rem;text-align: center;font-size: 1rem;font-weight: normal;color: #fff;transition: all 0.5s;cursor: pointer;}
.banner .container .con .btns a .iconfont{font-size: 1.2rem;line-height: 1; margin-left: 0.5rem;}
.banner .container .con .btns a.on,.banner .container .con .btns a:hover{background-color: #fff;color: #ec3630;}
.banner .bgb { position:absolute; width:100%; height:100%; left:0; top:0;background-size: cover;background-position: center center;background-repeat: no-repeat; }  
.banner .bgb .mimg{width: 100%;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.banner .swiper-slide .bgb{
    -ms-transform: scale(1.02,1.02);
    -o-transform: scale(1.02,1.02);
    -moz-transform: scale(1.02,1.02);
    -webkit-transform: scale(1.02,1.02);
    transform: scale(1.02,1.02);
    -webkit-transition: transform 8000ms ease-in-out;
    -moz-transition: transform 8000ms ease-in-out;
    -o-transition: transform 8000ms ease-in-out;
    -ms-transition: transform 8000ms ease-in-out;
    transition: transform 8000ms ease-in-out;}
.banner .swiper-slide-active .bgb,.banner .slick-active .bgb {
    -ms-transform: scale(1.0,1.0) rotate(0.00001deg);
    -o-transform: scale(1.0,1.0) rotate(0.00001deg);
    -moz-transform: scale(1.0,1.0) rotate(0.00001deg);
    -webkit-transform: scale(1.0,1.0) rotate(0.00001deg);
    transform: scale(1.0,1.0) rotate(0.00001deg);}

.banner .con .title,.banner .con .subtitle,.banner .con .desc{opacity: 0;transition: all 1s ease-out;transform: translateX(-200px);}
.banner .slick-active .con .title,.banner .swiper-slide-active .con .title{opacity: 1;transform: translateX(0);transition-delay: 0.3s;}
.banner .slick-active .con .subtitle,.banner .swiper-slide-active .con .subtitle{opacity: 1;transform: translateX(0);transition-delay: 0.6s;}
.banner .slick-active .con .desc,.banner .swiper-slide-active .con .desc{opacity: 1;transform: translateX(0);transition-delay: 0.9s;}

.banner .pagination_wrap{width: auto;position: absolute;z-index: 101;left: 0;top: -90px;}
.banner .swiper-pagination{position: relative;left: 0;bottom: 0; color: #fff;font-size: 16px;font-family: 'Dosis';margin: 0 10px; }
.banner .swiper-pagination .slick-dots{position: relative;}
.banner .swiper-pagination .slick-dots li,.banner .swiper-pagination span{width: 30px;height: auto;text-align: left;position: relative;transition: all 0.5s;border-radius: 0;background-color: transparent;color: #fff;opacity: 1;}
/*.banner .swiper-pagination span{background-color: #fff;width: 10px;height: 10px;border-radius: 10px;transition: all 0.5s;opacity: 1;margin: 5px 0!important;}*/
/*.banner .swiper-pagination .swiper-pagination-bullet-active{height: 40px;}*/
.banner .swiper-pagination .slick-dots li.slick-active,.banner .swiper-pagination span.swiper-pagination-bullet-active{position: relative;width: 4.3rem;transition: all 0.5s;}
.banner .swiper-pagination .slick-dots li:after,.banner .swiper-pagination span:after{background-color: #fff;content: "";width: 0;height: 2px; position: absolute;right: 0.5rem;top: 50%;margin-top: -1px;transition: all 0.5s; }
.banner .swiper-pagination .slick-dots li.slick-active:after,.banner .swiper-pagination span.swiper-pagination-bullet-active:after{width: 2.5rem; }


.main_visual_autoplay {width: 20px;height: 20px; position: absolute;right: -20px;}
.main_visual_autoplay>span {display: block;width: 100%;height: 100%;position: absolute;left:0;top: 0; font-size: 0;cursor: pointer;background: url(../images/icon_pause_w.png) center no-repeat;background-size: 20px;}
.main_visual_autoplay .autoplay_play {background-image: url(../images/icon_play_w1.png);opacity: 0;}
.main_visual_autoplay.pause .autoplay_play{opacity: 1;}
.main_visual_autoplay.pause .autoplay_pause{opacity: 0;}

.pagination_wrap .swiper-button-prev,.pagination_wrap .swiper-button-next{ position: relative;  width: 20px;height: 20px;margin: 0 10px; top: 0;background: url(../images/arr_left_w.png) center no-repeat;background-size: 16px;}
.pagination_wrap .swiper-button-next{top: auto;bottom: 0; background-image: url(../images/arr_right_w.png);}

.video_bg{position: fixed;width: 100%;height: 100vh;top: 0;left: 0;background: rgba(0, 0, 0, 0.8);z-index: 99;display: none;}
.video_inner{position: fixed;width: 100%; max-width: 900px; margin: 0 auto;text-align: right;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);   -moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 99;display: none;}
.video_inner span{display: inline-block;font-size: 50px;color: #fff;cursor: pointer;}



@media(max-width: 1650px){
  html{font-size: 18px;}
  .head .rightnav>ul>li>a{font-size: 16px;}
}
@media(max-width: 1440px){
  html{font-size: 16px;}
  .container{width: 1200px;}
  .hezuoyoushi .container{width: 1200px;}

    .hzys_con .item{width: 30%;height: 280px;margin-left: 5%;}
    .hzys_con .item:nth-child(2n+1){text-align: right;}
    .hzys_con .item:nth-child(2n){margin-right: 3%;}
    .hzys_con .item:nth-child(2){margin-right: 0%;}
    .hzys_con .item:nth-child(3){padding-right: 100px;}
    .hzys_con .item:nth-child(4){padding-left: 100px;}
    .hzys_con .item:nth-child(5){margin-top: 40px;}
    .hzys_con .item:nth-child(6){margin-top: 40px;margin-right: 5%;}
}

@media(max-width: 1280px){
  html{font-size: 16px;}
  .container{width: 95%;}
  .head .rightnav>ul>li>a{padding: 0 0.5rem;margin: 0;}
  .hezuoyoushi .container{width: 1000px;}
  .hzys_con .item:nth-child(2){margin-right: -4%;}
  .hzys_con .item:nth-child(6){margin-right: 0%;}
}
.lhShare{padding: 0 8px;font-size: 16px;}
.lhShare:hover{color: #1060bf}
.lhShare .iconfont:before{font-size: 20px;}
.lhShare{
    color: #565656;
    font: 12px '宋体';
    display: block;
    background-image: url(../images/icons_0_16.png?v=d754dcc0.png);
    background-repeat: no-repeat;
    padding: 5px 0 5px 28px;
    text-decoration: none;
    border: 1px solid #fff;
    line-height: 18px;
}
#lhCode{position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:3px; background:#fff; border:4px solid #7F7F7F; z-index:3000;}
#lhCode>h2{height:36px; line-height:36px; background:#F2F2F2; overflow:hidden; position:relative; padding:0 0 0 20px; font-size:14px; color:#666666;}
#lhCode>h2>i{cursor:pointer; float:right; width:35px; height:35px; text-align:center;}
#lhCode>.ewm{width:220px; height:220px; padding:20px;}
#lhCode>.ewm canvas{width:100%; height:100%;}
.lhShare.xinlang{display:inline-block;background-position: 4px -99px;width: 10px;height: 23px;position: relative;top: 3px;}
.lhShare.sqq{display:inline-block;background-position: 4px -2647px;width: 10px;height: 23px;position: relative;top: 3px;}
.lhShare.weixin{display:inline-block;background-position: 4px -1607px;width: 10px;height: 23px;position: relative;top: 3px;}
.icon-l-close {
    background-image: url("../images/icon-cha.png");
    background-position: center;
}