html{font-size: 20px;}
a{color: #333;}
*{box-sizing: border-box;}
img{max-width: 100%;}
body,html{min-height:100%;}
body{font:14px Arial,"SourceHanSansCN-Regular","microsoft yahei","microsoft JhengHei", Helvetica, sans-serif;*font:14px "SourceHanSansCN-Regular","microsoft JhengHei",Arial, Helvetica, sans-serif; color:#212121;-webkit-tap-highlight-color:rgba(255,255,255,0);background-color: #fff;overflow-x: hidden;}
pre{font-family:'SourceHanSansCN-Regular',"microsoft JhengHei"; white-space:pre-wrap;word-wrap: break-word;}
a{font-size:14px;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;}
.wow{visibility: hidden;}
.left{float:left;}
.right{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;
}
.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:5px;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;}
/*棣栭〉鏈夊姞杞芥潯*/
.index_page .preload{display: block;}
.index_page .pace{display: block;}
.container{width: 80%;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: transparent;}
.head .container{height: 100%;}
.head .logo{width: 197px;height: 64px;margin-top: 11px; background: url(../images/logo_w.png) left center no-repeat;background-size: 100%; float: left;}
.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;}
.head .rightnav>ul>li>a{display: block;padding: 0 1.6rem;position: relative;z-index: 9;height: 100%;font-size: 18px;color: #fff;}
/*.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: #ffffff;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{background-color: #0065bf;}
/*.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: 6.5rem;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;}
.headtop.scroll .head{height:70px; line-height:70px;}
.headtop.scroll .rightnav>ul>li{line-height: 70px;}
.headtop.headHover .head,.headtop.scroll .head{background-color: #fff;box-shadow: 0 0 3px #ccc;}
.headtop.headHover .head .rightnav>ul>li>a,.headtop.scroll .head .rightnav>ul>li>a{color: #333;}
.headtop.headHover .head .logo,.headtop.scroll .head .logo{background-image: url(../images/logo.png);}
.headtop.scroll .head .logo{margin-top: 0;}
.headtop.scroll .lh-search{margin-top: 15px;}
.headtop.scroll .menunav{margin-top: 14px;}
.headtop.headHover .lh-search a,.headtop.scroll .lh-search a{color: #333;}
.headtop.headHover .menunav,.headtop.scroll .menunav{background-image: url(../images/icon_menu.png);}
/* 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{top: 70px;}
.subnavwarp .con{position: relative;display: none;width: 80%;margin: 0 auto;}
.subnavwarp .con .left {float: left;width: 28.5%;}
.subnavwarp .con .tu {
/*float: right;
width: 32%;*/
padding-top: 2rem;
}
.subnavwarp .con .tu img {
width: 100%;
}
.subnavwarp .con ul.subnav {
float: left;
width: 30%;
margin-left: 10%;
margin-top: -0.5rem;
}
.subnavwarp .con ul.subnav li {
/*float: left;
width: 50%;*/
padding-top: 0.4rem;
padding-bottom: 0.3rem;
line-height: 2;
border-bottom: 1px dashed #ccc;
/*text-align: center;*/
}
.subnavwarp .con ul.subnav li a {
font-size: 0.9rem;
display: block;
color: #333;
font-weight: bold;
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:4rem;
top:0;
opacity: 0;
transition: all 0.5s;
}
.subnavwarp .con ul.subnav li a:hover:after{
right:3.5rem;
opacity: 1;
}
.subnavwarp .con .right {
float: left;
width: 71.5%;
padding-top: 2rem;
}
.subnavwarp .con .right .brief {
float: left;
width: 60%;
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 1.5rem;
}
.subnavwarp .con .right .brief .more {
width: 7.5rem;
height: 2.7rem;
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.7rem;
position: relative;z-index: 1;
}
body{padding-bottom: 15.5rem;}
/* FOOTER */
.footer{ background:#464646;background-image:url(images/footer-bg.jpg);background-attachment:fixed; background-repeat:no-repeat; background-position:center center; color: #fff;position: fixed;width: 100%;left: 0;bottom: 0;z-index: 0;}
.footer .content{position:relative;padding-top: 2.5rem;padding-bottom: 2.5rem; }
.footer .foot_logo {position:relative; cursor: pointer; width:20%;margin-right: 5%; float: left; height:100px; background:url(../images/flogo.png) left top no-repeat;background-size: 75%; text-indent:-9999px;}
.footer .foot_lnk {position:relative; width:25%;float: left; padding-right: 2.5rem;}
.footer .foot_lnk li {float:left;width: 32%;margin-right: 1.33%;}
.footer .foot_lnk li a {display:block; width:100%; height:100%; font-size:0.85rem; line-height:24px; letter-spacing:-0.045rem; color:#fff; margin:0 20px 20px 0;}
.footer .foot_info {position:relative; width:25%; float: left; padding-right: 1.2rem;}
.footer .foot_info p { font-size:0.8rem; line-height:24px; color:#fff; margin-bottom:20px;}
.footer .foot_flnk {position:relative; width:25%;float: left;position: relative;padding-left: 85px;}
.footer .foot_flnk .name{position: absolute;left: 0;top: 0;font-size: 0.8rem;}
.footer .foot_flnk .flinks{max-height: 200px;overflow-y: auto;}
.footer .foot_flnk li{display: block;}
.footer .foot_flnk li a { width:100%; height:100%; font-size:0.8rem; line-height:24px; letter-spacing:-0.045rem; color:#fff; margin:0 10px 10px 0;}
.footer .powerby{border-top: 1px solid #565555;padding: 1.0rem 0;color: #ccc;}
.footer .powerby a{color: #ccc;}
.footer .powerby .right a{color: #464646;}
.footer .powerby a:hover{text-decoration: underline;}
.footer .powerby .right a:hover{text-decoration: underline;color: #ccc;}
.footer .powerby .left{width: 80%;float: left;}
.footer .powerby .right{width: 20%;height: 0px;float: right;position: relative;top: -19px;}
.footer .powerby .center{text-align: center;}
.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
}
/*鍒嗕韩浜岀淮鐮?/
#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{padding: 0 8px;font-size: 16px;}
.lhShare:hover{color: #1060bf}
.lhShare .iconfont:before{font-size: 20px;}