body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word}
body,html,input{font:15px/1.5 '微软雅黑';}
table{border-collapse:collapse;border-spacing:0;}img{border:none}
pre {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */	word-wrap: break-word; /* Internet Explorer 5.5+ */}
h1,h2,h3,h4,h5,h6{font-size:100%;}input.dialog{height:0; height:0; font-size:0; line-height:0; border:none}
h1{font-size:34px;}h2{font-size:26px;}h3{font-size:18px; }h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}
input,label,img,th{vertical-align:rightdle;}.font-fixh{font-family: Georgia,Arial; color: #f00; font-size: 16px; font-weight: 700;}address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
input.button ,input.btn{padding:0.25em;width: auto;_width:0;overflow:visible !ie;}
ul,ol,li{list-style:none;}
a{text-decoration:none; color: inherit;}
a:hover{text-decoration:none;color:#25abaa}
.white,.white a{color:#fff}.blue,.blue a{color:#004499}.gray4,a.gray4{color:#999}
.red, .red a, a.red{color:red;}.green{color:#25abaa}
select optgroup{color:#CAC8BB;}
.fr{float:right; display:inline}
.fl{float:left; display:inline}
label {max-width: none;}
input.button,
input.btn {padding: 0.25em;width: auto;}
button {border: 0;border-radius: 0%;appearance: button;-moz-appearance: button;-webkit-appearance: button;}
input[type="button"],
input[type="submit"],
input[type="reset"],
input {-webkit-appearance: none;}
textarea {-webkit-appearance: none;}
textarea,
input {outline: none;}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;
*height: auto;}
.rect-22{padding-bottom: 22%;}
.rect-225{padding-bottom: 22.5%;}
.rect-25{padding-bottom: 25%;}
.rect-28{padding-bottom: 28%;}
.rect-30{padding-bottom: 30%;}
.rect-32{padding-bottom: 32%;}
.rect-35{padding-bottom: 35.5%;}
.rect-36{padding-bottom: 36%;}
.rect-375{padding-bottom: 37.5%;}
.rect-38{padding-bottom: 38%;}
.rect-40{padding-bottom: 40%;}
.rect-45{padding-bottom: 45%;}
.rect-49{padding-bottom: 49%;}
.rect-50{padding-bottom: 50%;}
.rect-53{padding-bottom: 53%;}
.rect-54{padding-bottom: 54%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-58{padding-bottom: 58%;}
.rect-5935{padding-bottom: 59.35%;}
.rect-60{padding-bottom: 60%;}
.rect-61{padding-bottom: 61%;}
.rect-618{padding-bottom: 61.8%;}
.rect-62{padding-bottom: 62%;}
.rect-63{padding-bottom: 63%;}
.rect-65{padding-bottom: 65%;}
.rect-66{padding-bottom: 66%;}
.rect-665{padding-bottom: 66.5%;}
.rect-671{padding-bottom: 67.1%;}
.rect-70{padding-bottom: 70%;}
.rect-715{padding-bottom: 71.5%;}
.rect-725{padding-bottom: 72.5%;}
.rect-745{padding-bottom: 74.5%;}
.rect-75{padding-bottom: 75%;}
.rect-775{padding-bottom: 77.5%;}
.rect-78{padding-bottom: 78%;}
.rect-80{padding-bottom: 80%;}
.rect-83{padding-bottom: 83%;}
.rect-85{padding-bottom: 85%;}
.rect-87{padding-bottom: 87%;}
.rect-90{padding-bottom: 90%;}
.rect-95{padding-bottom: 95%;}
.rect-98{padding-bottom: 98%;}
.rect-99{padding-bottom: 99%;}
.rect-100{padding-bottom: 100%;}
.rect-102{padding-bottom: 102%;}
.rect-109{padding-bottom: 109%;}
.rect-110{padding-bottom: 105%;}
.rect-120{padding-bottom: 120%;}
.rect-125{padding-bottom: 125%;}
.rect-130{padding-bottom: 130%;}
.rect-133{padding-bottom: 138%;}
.rect-150{padding-bottom: 150%;}
.rect-165{padding-bottom: 165%;}
.rect-160{padding-bottom: 160%;}
.rect-180{padding-bottom: 180%;}
.rect-6875{padding-bottom:68.75%;}
.rect-3175{padding-bottom:31.75%;}
/*page*/
.page{color: #777777; text-align: center; clear:both;float: none;}
.page a,.page span { color: #777777;display: inline-block;border: 1px solid #ededed;padding: 7px 12px;vertical-align: rightdle; margin-left:5px}
.page .gonext,.page .count {margin-left: 10px;}
.page a:hover,.page span{color:#fff; background: #015696;border: 1px solid #015696;padding: 7px 12px;}
.page span.goprev,.page span.gonext {color: #777777; background: none}
.page span.count { border: 0;background: 0;color: #777777;}
.page .fa{ font-size:22px;}
@media (max-width:426px) {
.page a,.page span { padding: 4px 8px; margin-left:2px}
.page a:hover,.page span{padding: 4px 8px;}
}

header{ display:block}
.hidden{display:none;}.invisible{visibility:hidden;}
.ib,.ib-a a{display:inline-block;zoom:1;*display:inline;}
.clear:after,.main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clear,.main{display:inline-block;}/* Hides from IE-mac \*/* html .clear,* html .main{height:1%;}.clear,.main{display:block;}
.f12{font-size: 12px}.f14{font-size: 14px}.f16{font-size: 16px}.f18{font-size:18px}.f20{font-size:20px}
.fb{ font-weight:bold}.fn{ font-weight:normal}
.cu,.cu-li li,.cu-span span {cursor: hand;!important;cursor: pointer}
.text-c{text-align: center}.text-l{text-align: left}.text-r{text-align: right}
.lf{float: left}.rt{float: right}.pr{ position:relative}.pa{ position:absolute}
.ellipsis{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all}
.multi-ellipsis{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2;word-wrap:break-word;word-break:break-all;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;word-break: break-all}
.img-wrap{border:1px solid #eee;text-align:center;overflow:hidden}
.img-wrap a{display:table-cell;vertical-align:rightdle;*display:block; overflow:hidden; background-color:#fff}
.img-wrap a:hover{ background-color:#e8eff6}
.mb50{ margin-bottom:50px;}
.col-left{float:left}
.col-auto{overflow:hidden;_zoom:1;_float:left;}
.col-right{float:right}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.f-cb {zoom: 1;}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.gray{ background:#fafafa;}
.imgHover {overflow:hidden; }
.imgHover img{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
.imgHover .title{-moz-transform: translateY(180%);-ms-transform: translateY(180%);-webkit-transform: translateY(180%);transform: translateY(180%);-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);opacity:1;}
.imgHover .m_detail{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);color: #fff;line-height: 1.5;width: 100%;opacity:0;}
.imgHover:hover .title,.imgHover:hover .m_detail{filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);opacity:1;}
@media (max-width:426px) {
.imgHover .title{-moz-transform: translateY(280%);-ms-transform: translateY(280%);-webkit-transform: translateY(280%);transform: translateY(280%);}
.imgHover:hover .title,.imgHover:hover .m_detail{-moz-transform: translateY(0%);-ms-transform: translateY(0%);-webkit-transform: translateY(0%);transform: translateY(0%);}
}
.more { width: 165px; line-height: 50px; margin: 0 auto; text-align: center; border: 1px solid #e5e5e5;}
.more a{ color: #666;}
.more .span{color: #919191;font-size: 15px;display: inline-block;background: url(../image/look_bg1.png) 75px center no-repeat;border-radius: 34px;line-height: 50px;padding: 0 45px 0 0px;border: 1px solid transparent; }
.more a:hover .span{color: #fff;background: url(../image/look_bg2.png) 75px center no-repeat;}
.more:hover{ background-color: #25abaa; border: 1px solid #25abaa;  color: #fff;}
.more:hover a { color: #fff;}
.more:hover span{color: #fff;background: url(../image/look_bg2.png) 75px center no-repeat;}
@media (max-width: 768px){
.more { width: 175px; line-height: 40px;}
}
.index-more a {display: inline-block; background: #25abaa;padding: 10px 35px;margin-top: 30px; color: #fff;-webkit-transition: all .5s;-o-transition: all .5s;-moz-transition: all .5s;transition: all .5s;white-space: nowrap;}
@media only screen and (max-device-width: 760px){.index-more a { margin-top: 20px;}}
.b-shadow{-o-box-shadow:0 0 30px rgba(0,0,0,.08); -ms-box-shadow:0 0 30px rgba(0,0,0,.08); -moz-box-shadow:0 0 30px rgba(0,0,0,.08); -webkit-box-shadow:0 0 30px rgba(0,0,0,.08); box-shadow:0 0 30px rgba(0,0,0,.08);}
.tc{ text-align: center;}
.v-middle{vertical-align:middle;}
.v-top{vertical-align:top;}
.v-bottom{vertical-align:bottom;}
.block{display:block;}
.inline{display:inline;}
.inline-block{display:inline-block !important;*display:inline;zoom:1;}
.relative{position:relative;z-index:1;}
.absolute{position:absolute;}
.t-hide{opacity: 0;visibility: hidden;}
.pointer{cursor:pointer !important;}
.posi {position: relative}
.zh{letter-spacing:0.075em;}
.justify, .inner, img, input, textarea, select, button, table, label, .center, .searchForm { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.bg_gray { background:#f6f6f6;}
.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:""; display:block; height:0; clear:both; } 
.clear{margin:0px auto;clear:both;height:0px;font-size:0px;overflow:hidden;position: relative;}
.clear.a{top: -54px;display:block;height: 1px;width: 100%;position: relative;}
.clean:after,
.clean:before{content:'';display:table;}
.clean:after{clear:both;}
.justify { text-align: justify; text-justify: inter-ideograph; letter-spacing: 0px; font-size: 0px; }
.justify:after { content: ''; height: 0px; width: 100%; display: inline-block; overflow: hidden; }
.justify .line { display: inline-block; height: 0px; overflow: hidden; }
.justify > * { text-align: left; font-size: 14px; }
.justify .box { display: inline-block; vertical-align: top; }
.container{ position: relative;}
.index-section{ padding:80px 0;}
.page-section{ padding:80px 0;}
.page_title { line-height: 1;text-align: center; margin-bottom:50px;}
.page_title h3 { margin-bottom: 15px; font-size: 36px; color: #333;}
.page_title .desc {font-size: 16px;text-align: center; text-transform: uppercase; line-height: 32px;color: #666;}
.page-tit { text-align: center; margin-bottom: 50px;}
.page-tit h3{ font-size: 40px; padding-bottom: 20px; font-weight: bold; width: 300px; margin: 0 auto 20px; position: relative;}
.page-tit h3:after{ content: ""; left: 42%; bottom: 0px; width: 45px; height: 2px; background-color: #cc3333; position: absolute;}
.page-tit p{ font-size: 16px; line-height: 30px; color: #666; width: 74%; margin: 0 auto;}
@media (max-width:1440px) {
.page_title { margin-bottom:40px;}
.page_title h3 { font-size: 34px; }
}
@media (max-width:1366px) {
.index-section{ padding:60px 0;}
.page-section{ padding:60px 0;}
.page_title p {width: 100%; }
.page_title h3 { font-size: 32px; }
.page-tit h3{ font-size: 26px; }
.page-tit p{ font-size: 15px; }
}
@media (max-width:1024px) {
.index-section{ padding:40px 0;}
.page-section{ padding:40px 0;}
.page_title { margin-bottom:30px;}
.page_title h3 { font-size: 26px; margin-bottom: 10px;}
.page_title p {font-size: 16px; line-height:28px;}
.page-tit h3{ font-size: 26px; margin-bottom: 10px;}
.page_title .desc {line-height: 28px; }
.page_title h3:after{ width: 40px;left: 45%;}
.page-tit p{ width: 100%; }
}
@media (max-width:768px) {
.page_title { margin-bottom:20px;}
.page_title h3 { font-size: 22px; }
.page_title p { line-height:26px;}
.page-tit h3{ font-size: 22px; margin-bottom: 15px;}
}
@media (max-width:490px) {
.page-section{ padding:70px 0 40px;}
}
#header{ padding:0em 0;position:fixed; left:0; top:0; width:100%; z-index:999;box-shadow: 0 6px 6px rgba(0, 0, 0, .075); }
#header:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0; background-color: #fff;}
#header.cur:before{display:none}	
.header_mid_left{float:left; margin-top:1em;}
#header.cur .header_mid_left{margin-top:0em;}
.header_mid_left img{float:left}
.header_mid_mid{float:right; position:relative;}
.header_mid_mid ul li{ margin-left:3em;float:left; position:relative}
.header_mid_mid ul li:last-child{ margin-left:0;padding-left:0px;float:right;}
.header_mid_mid ul li a.biga{ padding:1em 0;  display:block; position:relative;line-height:3.5em;}
.header_mid_mid ul li a.biga.hasxl{padding-left:18px;}
.header_mid_mid ul li:last-child a.biga{background-position:right; background-repeat:no-repeat; background-image:url(../image/search.png);}
.header_mid_mid ul li.ss a.biga{ background-repeat:no-repeat;background-position:50% 50%;right:0;background-image:url(../image/cc.png)} 
#header.cur .header_mid_mid ul li a.biga{line-height:1.75em;}
#header.cur .header_mid_mid ul li:last-child a.biga{background-image:url(../image/searchb.png);}
#header.cur .header_mid_mid ul li.ss a.biga{background-image:url(../image/cb.png);}
.header_mid_mid ul li:last-child a.biga span{opacity:0;}
.header_mid_mid ul li:last-child a.biga:before{display:none}
.search-box {position: absolute;top: -7px;top:48px;right: 40px;   width: 0px;opacity: 0;height: 0; z-index:100;overflow: hidden;transition: all .5s;  height: 50px;}
.header_mid_mid ul li:last-child{cursor:pointer}
#header.cur .header_mid_mid ul li:last-child a.biga{background-image:url(../image/searchb.png);}
#header.cur .header_mid_mid ul li.ss a.biga{background-image:url(../image/cb.png);}
.header_mid_mid ul li p{ display:none;clear:both; overflow:hidden; width:100%; background-color:rgba(206, 206, 206, 0.42);}
.header_mid_mid ul li dl dd p a{ font-size:16px; color:#666;display:block; width:50%; float:left; padding-right:0}
.navigate ul li dl dd p{display:none; margin-left: 80px;}
.header_mid_mid ul li dl dd:hover p,.navigate ul li dl dd:hover p{display:block; z-index:1000; margin-left: 15px;}
.header_mid_mid ul li dl dd:hover .showsub,.navigate ul li dl dd:hover p .mobile_p_c{color:#25abaa}
.navigate ul li.on dl dd.on a.mobile_p_c{color:#25abaa}
.navigate ul li dl dd.on p{ display:block}
.header_mid_mid ul li p{ background:none; height:calc(100% - 1.5em);position:absolute; right:0; top:1.5em; width:199px;}
.header_mid_mid ul li dl dd p a{ position:relative; display:block; width:auto; float:none;color:#666; padding-right:0em; padding-left:1.5em;}  
.header_mid_mid ul li dl dd p a:hover{background-color:#25abaa; color:#fff}
.header_mid_mid ul li dl dd p a span{display:inline-block; position:relative; padding:0px 0px;}
.header_mid_mid ul li dl dd p a span:after{ display:none;content:''; position:absolute; left:0; bottom:0; height:1px; background-color:#25abaa; width:0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.header_mid_mid ul li dl dd p a:hover span:after{width:100%;}
.header_mid_mid ul li dl.pro dd a.showsub{width:190px;}
.header_mid_mid ul li dl.pro{padding-bottom:1em;}
.header_mid_mid ul li dl dd:hover a.showsub{background-color:#25abaa; color:#fff}
.header_mid_mid ul li dl dd p a b{font-size:15px}
.header_mid_mid ul li dl.pro.b:after{ z-index:100;content:''; position:absolute; left:190px; height:100%; background-color:#dadada; top:0; width:1px;}
.header_mid_mid ul li dl.pro:before{content:''; position:absolute; left:0px; height:100%; width:190px; background-color:#fff; top:0; z-index:1;  }
.header_mid_mid ul li dl.pro{background:none; width:190px;}
.header_mid_mid ul li dl.pro.b{background-color:#fff; width:390px;}
.header_mid_mid ul li dl.pro dd a.showsub{background-color:#fff; position:relative; z-index:10;}
.header_mid_mid ul li dl.pro dd a.showsub.on { background: url(../image/img1b1.png) no-repeat right; }
.header_mid_mid ul li dl.pro dd a.showsub.on:hover{  background:#25abaa url(../image/img1b2.png) no-repeat right; }
.header_mid_mid ul li p{background-color:#fff;}
.header_mid_mid ul li dl.pro dd:hover a.showsub{background-color:#25abaa;}
.search-box {position: absolute;top:85px;right: 0px;   width: 0px;opacity: 0;height: 0; z-index:100;overflow: hidden;transition: all .5s;  height: 50px; }
.header_mid_mid ul li:last-child{cursor:pointer}
.header_mid_mid ul li.ss .search-box {opacity: 1;width: 820px;}
#header.cur .header_mid_mid ul li:last-child a.biga{background-image:url(../image/searchb.png);}
#header.cur .header_mid_mid ul li.ss a.biga{background-image:url(../image/cb.png);}
.search-box  .search {background-color: #fff;border: 1px solid #777;border-right: 1px solid transparent;color: #777;padding: 0 10px;width: 760px;height: 46px;float: left;}
.search-box .butt {float: left; border:none;width: 60px;height: 46px; background: url(../image/search2.png) no-repeat center;background-color: #25abaa;}
.slipbtn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center; }
.slipbtn .text-wrap{position:relative;display:inline-block; vertical-align:middle;overflow:hidden;font-size:18px; }
.slipbtn .text{display:block;-webkit-transition:opacity .4s,-webkit-transform .4s;transition:opacity .4s,-webkit-transform .4s;-o-transition:transform .4s,opacity .4s;transition:transform .4s,opacity .4s;transition:transform .4s,opacity .4s,-webkit-transform .4s;}
.slipbtn .text-wrap:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;-webkit-transform:translateY(12px);-ms-transform:translateY(12px);transform:translateY(12px);opacity:0;-webkit-transition:opacity .4s,-webkit-transform .4s;transition:opacity .4s,-webkit-transform .4s;-o-transition:transform .4s,opacity .4s;transition:transform .4s,opacity .4s;transition:transform .4s,opacity .4s,-webkit-transform .4s}
.slipbtn:hover .text-wrap:after{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}
.slipbtn:hover .text{-webkit-transform:translateY(-12px);-ms-transform:translateY(-12px);transform:translateY(-12px);opacity:0}
.header_mid_mid ul li a.biga:hover,.header_mid_mid ul li a.bigaon{color:#25abaa}
.header_mid_mid ul li a.biga:before{ opacity:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content:''; position:absolute; bottom:-1px; width:0px; height:2px; left:0; margin-left:0px; background-color:#25abaa}
.header_mid_mid ul li a.biga:hover:before,.header_mid_mid ul li a.bigaon:before{width:98%;opacity:1; left: 0; margin: 0 auto;}
.header_mid_mid ul li a.biga.hasxl:hover:after,.header_mid_mid ul li a.hasxl.bigaon:after{background-image:url(../image/img1b2.png);}
#header.cur .header_mid_mid ul li a.biga.hasxl:hover:after,#header.cur .header_mid_mid ul li a.hasxl.bigaon:after{background-image:url(../image/img1b2.png);}
#header.cur .search-box {position: absolute;top:63px}
.header_mid_mid ul li dl{ display:none; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);position:absolute; width:160px; z-index:100; left:-2em; margin-top: 1px; padding:1.5em 0;background:rgba(255, 255, 255, 0.93); background-color:#fff; }
.header_mid_mid ul li dl dd a{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;display:block; text-align:left; color:#000; font-size:16px; padding:17px 30px;}
.header_mid_mid ul li dl dd a:hover{background-color:#25abaa; color:#fff}
.header_mid_mid ul li dl dd:last-child{border:none}
@media all and (max-width: 1480px) {
.header_mid_mid ul li{ margin-left:2.7em; }
}
@media all and (max-width: 1366px) {
.header_mid_mid ul li{ margin-left:2em; }
}
@media all and (max-width: 1300px) {
.header_mid_mid ul li{ margin-left:1.6em; }
}
@media all and (max-width: 1280px) {
.header_mid_mid ul li{ margin-left:1.4em; }
}
@media all and (max-width: 1200px) {
.header_mid_mid ul li{ margin-left:0.8em; }
}
/********nav*********/
#header.cur{background-color:#fff;padding: 0.2em 0;}
.header_mid_left a{ overflow:hidden;display:block; position:relative;}
.header_mid_left a:after{ background-image:url(../image/logo.png); z-index:10;  transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content:''; position:absolute; left:0; top:100%; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
#header.cur .header_mid_left a:after{opacity:1; top:0;}
#header.cur .header_mid_left img{opacity:0}
#header.cur .header_mid_mid ul li a.biga{color:#000}
.pro_info_banner_jj{ color:#25abaa;position:absolute; left:0; top:150px; width:100%; text-align:center; z-index:10;}
.pro_info_banner_jj_1{font-size:2.125em; font-family:SourceHanSansCN-Normal; font-weight: bold;}
.pro_info_banner_jj_2{ color:#fff;line-height:2; margin-top:0em;}
#header.cur .header_mid_mid ul li dl dd a:hover,#header.cur .header_mid_mid ul li a.bigaon,#header.cur .header_mid_mid ul li a.biga:hover{color:#25abaa}
#header.cur .header_mid_mid ul li dl dd a:hover{color:#fff}
.mobilenav{ display:none;position:absolute; right:30px; top:1.5em}
.site__navi{ cursor:pointer; width:23px; height:16px;position:absolute; left:0;z-index:100;color:#25abaa; border-radius: 10px;}
.site__navi .text{ right:0;position:absolute; padding-right:30px}
.site__navi .icon{right:0;top:9px; display:block; cursor:pointer;}
.site__navi .icon,.site__navi .icon:before{position:absolute;width:23px;height:2px;background:#25abaa}
.site__navi .icon:before{top:-8px}
.site__navi .icon:after,.site__navi .icon:before{content:"";left:0;-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;-o-transition:transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s}
.site__navi .icon:after{background:#25abaa;height:2px;position:absolute;top:8px;width:23px}
.has-menu .site__navi .icon{background:transparent}
.has-menu .site__navi .icon:before{top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.has-menu .site__navi .icon:after{top:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.site__navi:hover .text{color:#fff;-webkit-transition:color .35s;-o-transition:color .35s;transition:color .35s}
.has-menu .site__navi:hover .text,.has-menu .site__navi .text{color:#000}
.mobile_lan{ display:none; z-index:10;position:absolute; left:0px; top:50%;transform:translate(0%, -50%);}
.mobile_lan a{margin-right:.75em}
.mobile_lan dl{ display:none;position:absolute; padding:5px 10px; width:80px; right:-30px; top:47px; z-index:10; background-color:rgba(255, 255, 255, 0.9);}
.mobile_lan dl dd a{ border:1px transparent solid;font-size:12px; display:inline-block; padding:0 4px; line-height:20px;}
.mobile_lan dl dd a.on,.mobile_lan dl dd a:hover{color:#25abaa; border:1px #25abaa solid;}
.mobile_lan dl dd{padding:5px 0px;}
.navmask{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity:0;position:fixed; right:0; top:0; width:100%; height:100%; z-index:666; background-color:#000; visibility:hidden}
.navmask.show{visibility:visible; opacity:.5;}
.navigate{ top:67px; overflow-y:auto; left:100%; transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity:0; visibility:hidden;position:fixed; width:62%; background-color:#fff; z-index:777; height:calc(100% - 67.4px);}
.navigate.show{left:38%; opacity:1; visibility:visible}
.navigate ul li{border-bottom:1px #e0e0e0 solid;}
.navigate ul li a{ padding:.875em 0;display:block; color:#555; font-size:16PX; margin:0 3.5vw; position:relative}
.navigate ul li a.mobile_alink:after{ content:''; position:absolute; right:0; top:50%;transform:translate(0%, -50%); background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../image/img4.png); width:.5em; height:1em;}
.navigate ul li dl dd a{font-size:15PX; color:#888; padding:.5em 0;}
.navigate ul li dl { padding:1em 0;background-color:#f5f5f5; display:none}
.navigate ul li dl dd a:after{display:none}
.navigate ul li.on a{color:#25abaa}
.navigate ul li.on dl dd a{color:#888}
.navigate ul li.on a.mobile_alink:after{ background-image:url(../image/img4r.png); width:1em; height:.5em;}
.navigate ul li dl dd .mobile_p_c { background: url(../image/img1b1.png) no-repeat right; }
.navigate ul li dl dd.on .mobile_p_c { background: url(../image/img1b1.png) no-repeat right; }
.navigate ul li dl dd:hover .mobile_p_c{  background: url(../image/img1b.png) no-repeat right; }
.navigate ul li dl dd.on .mobile_p_c p { display: block; background: #ffffff;}
.ovh{overflow:hidden}
.searchbox{ z-index:888;position: fixed;left: 50%;max-width: 1200px;width: 90%;transform: translate(-50%, -50%);z-index: 19900210151;top: 50%;transition: all .3s; opacity:0; visibility:hidden}
.searchbox.show{opacity:1; visibility:visible}
.searchbox form{display: flex;align-items: center;}
.hs-search-field__input{width: 100%;border: 0;background-color: #FFF;height: 70px;padding: 0 150px 0 20px; border:none}
.geek_search-btn {display: inline-block;width: 65px;position: absolute;height: 70px;top: 0;right: 65px;background-color: #25abaa;background-image: url(../image/main-search-icon.png);
background-repeat: no-repeat;background-position: 50% 50%;border: 0;font-size: 0px;cursor: pointer;}
.close-btn a {display: inline-block;width: 65px;position: absolute;height: 70px;top: 0;background-repeat: no-repeat;background-position: 50% 50%;right: 0;background-color: #434343;
background-image: url(../image/close-icon.png);
}
@media screen and (max-width:1140px) {
.header_mid_left{margin-top:0}
#header:before{display:none}
.mobile_lan{display:block}
.mobilenav{display:block}
.header_mid_mid{display:none}
.header_mid_left{ float:none;width:100%; text-align:center}
.header_mid_left a{display:inline-block;}
#header{background-color:#fff;}
#header .header_mid_left a:after{opacity:1; top:0;}
#header .header_mid_left img{opacity:0}
}
footer a:focus,footer a:hover,footer a {text-decoration: none;}
footer .footer-main .footer-right{display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
footer .footer-main .footer-right .footer-item{padding-left: 30px;border-left: 1px solid #dcdcdc;position: relative;}
footer .footer-main .footer-right .footer-item::before{position: absolute;left:-1.5px;content:"";height: 26px;width: 2px;background-color: #25abaa;}
footer .footer-main .footer-right .footer-item.sp{border-left: 0;}
footer .footer-main .footer-right .footer-item.sp::before{content:none;}
footer .footer-main .footer-top {background-color: #f2f1f1;padding: 80px 0;}
footer .footer-main .footer-top .footer-item.sp {-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;margin-left: -57px;}
footer .footer-main .footer-top .footer-item.sp dl dt {opacity: 0;visibility: hidden;}
footer .footer-main .footer-top .footer-item dl dt {margin-bottom: 25px;}
footer .footer-main .footer-top .footer-left .footer-item dl dd,footer .footer-main .footer-top .footer-left .footer-item dl dd a,footer .footer-main .footer-top .footer-item dt,footer .footer-main .footer-top .footer-item dt a {color: #25abaa;}
footer .footer-main .footer-top .footer-right .footer-item dl dd,footer .footer-main .footer-top .footer-right .footer-item dl dd a {color: #666;}
footer .footer-main .footer-top .footer-left .footer-item dl dd {margin-bottom: 5px;}
footer .footer-main .footer-top .footer-right .footer-item dl dd {margin-bottom: 12px;}
footer .footer-main .footer-top .footer-right .footer-item dl dd:last-child {margin-bottom: 0;}
footer .footer-main .footer-top .footer-right .footer-item ul { margin-top: 15px;}
footer .footer-main .footer-top .footer-right .footer-item ul li{ width: 42%; float: left; }
footer .footer-main .footer-bottom {padding: 25px 0 22px;background-color: #f2f1f1; border-top: 1px solid #dcdcdc;}
footer .footer-main .footer-bottom,footer .footer-main .footer-bottom a {font-size: 15px;color: #999; line-height: 35px;}
footer .footer-main .footer-bottom a {margin-left: 10px;}
footer .footer-main .footer-top .footer-item dt,footer .footer-main .footer-top .footer-item dt a {font-size: 18px;}
footer .footer-main .footer-share .wechat {position: relative;}
footer .footer-main .footer-share .wechat:hover .vx {display: block;}
footer .footer-main .footer-share .wechat .vx::after {content: '';position: absolute;left: 50%;margin-left: -6px;bottom: -13px;width: 0;height: 0;border-width: 8px 6px 6px 6px;border-style: solid;border-color: #fff transparent transparent transparent}
footer .footer-main .footer-share .wechat .vx {position: absolute;top: -180px;width: 180px;height: 172px;text-align: center;box-shadow: 0 2px 10px #aaa;background-color: #fff;z-index: 999;left: -63px;display: none;}
footer .footer-main .footer-share .wechat .vx h4 {font-weight: normal;height: 26px;line-height: 26px;font-size: 12px;background-color: #f3f3f3;margin: 0;padding: 0;color: #777;}
footer .footer-main .footer-share .wechat .vx .help p {font-weight: normal;line-height: 16px;padding: 0;margin: 0;font-size: 12px;color: #333;}
footer .footer-main .footer-share .wechat .vx .vx-img img {width: 100px;height: 100px;margin: 10px auto;display: block;}
footer .footer-main .footer-share .share-item {margin-right: 10px;}
footer .footer-main .footer-share>a:last-child {margin-right: 0;}
footer .footer-bottom .bottom_right_link{color:#a5a5a5;border:1px #a5a5a5 solid; width: 240px; margin-top: -6px; height: 45px; padding: 5px 10px; cursor: pointer;position: relative;}
footer .footer-bottom .bottom_right_link .right_link_down{ position: absolute; background: #fff; bottom: 43px; width: 240px; padding: 5px 0; left: -1px;border:1px #a5a5a5 solid; display: none;}
footer .footer-bottom .bottom_right_link .right_link_down a{ display: inline-block; width: 100%; padding: 0px 10px; color: #9d9d9d; line-height: 32px;}
footer .footer-bottom .bottom_right_link .right_link_down a:hover{color: #25abaa;}
footer .footer-bottom .bottom_right_link .right_link_title{line-height: 35px;}
footer .footer-bottom .bottom_right_link:hover .right_link_down{ display: block;}
footer .footer-bottom .bottom_right_link .right_link_title dd{ color: #a5a5a5; line-height: 35px;}
footer .footer-bottom .bottom_right_link .right_link_title dt{ color: #a5a5a5; line-height: 35px;}
footer .footer-bottom .bottom_right_link .fa { font-size: 20px;}
@media(max-width:1366px) {
footer .footer-main .footer-top { padding: 60px 0;}
}
@media(max-width:1280px) {
footer .footer-main .footer-top { padding: 40px 0;}
}
@media(max-width:1199px) {
footer .footer-main .footer-top{padding: 0px 0; display: none;}
footer .footer-main .footer-bottom { border-top:0px solid #dcdcdc;}
footer .footer-main .footer-right{-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
footer .footer-main .footer-right .footer-item:last-child{-webkit-flex:0 1 100%;-moz-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;margin-top: 30px;}
footer .footer-main .footer-right .footer-item{display:none;}
footer .footer-bottom .bottom_right_link {display: none;width: 0px; padding: 15px 0 15px;}
footer .footer-main .footer-bottom .beian {margin-left: 10px;margin-right: 10px;}
}
@media(max-width:991px) {
footer .footer-main .footer-right{display: block;}
footer .footer-main .footer-right .footer-item:last-child{display:block;margin: 0;padding: 0;border-left: 0;}
footer .footer-main .footer-top{padding: 30px 0;}
footer .footer-main .footer-right .footer-item:last-child::before{content:none;}
footer .footer-main .footer-top>.container>.row>div:first-child {display: none;}
footer .footer-main .footer-top>.container>.row>div:nth-child(2) {margin-top: 20px;}
footer .footer-main .footer-bottom .beian {margin-left: 2px;margin-right: 2px;}
}
@media(max-width:768px) {
footer .footer-main .footer-bottom .beian {margin-left: 10px;margin-right: 10px; }
}
@media(max-width:767px) {
footer .footer-bottom .float-left {height: auto;line-height: 25px;}
footer .footer-main .footer-top {padding: 30px 0;}
}
@media(max-width:640px) {
footer .footer-main .footer-bottom,
footer .footer-main .footer-bottom .float-left,
footer .footer-main .footer-bottom,
footer .footer-main .footer-bottom .float-right {float: none;text-align: center;}
footer .footer-main .footer-bottom,
footer .footer-main .footer-bottom a {line-height: 24px;}
}
@media(max-width:425px) {
footer .footer-main .footer-top .footer-item dl dt {margin-bottom: 20px;}
}

.serverBar{display:none;position:fixed;z-index:999;top:50%;right: 0;transform:translateY(-50%);}
.serverBar li{position:relative;margin-bottom:8px;}
.serverBar li a{display:block;padding:5px;width: 50px;height: 50px;padding: 15px 0;text-align:center;color: #fff!important;background: rgba(23,180,174,.95);border-radius: 4px;box-sizing: border-box;}
.serverBar li a>i{display:block;font-size: 20px;}
.serverBar li:hover a{color:#fff !important;background:#17b4ae;border-color:rgba(255,255,255,0.1);}
.serverBar li .infos{display:none;position:absolute;right: 65px;overflow: hidden;padding:10px;background:#fff;border:#f0f0f0 solid 1px;box-shadow:0 0 10px rgba(255,255,255,0.1);}
.serverBar li .infos.QRcode {bottom: -65px;right:50px;padding-bottom: 25px;box-shadow: none;border: none;}
.serverBar li .tel{top:0;}
.serverBar li .tel dt{padding-bottom:6px;font-size:14px;color:#666;border-bottom:#f0f0f0 solid 1px;}
.serverBar li .tel dd{padding-top:6px;font-size:20px;font-family:"DIN Medium";color:#17b4ae;white-space:nowrap;}
.serverBar li#backTop a {background:#17b4ae;}
.serverBar li:hover .infos{display:block;}
#QRcode .QRcode .QRcode-main {display: block;width:100px;height:120px;box-sizing: border-box;background: #fff;}
#QRcode .QRcode .QRcode-main .item { display:block; overflow:hidden;}
#QRcode .QRcode .QRcode-main i { display: block; width: 100%; margin: 0 auto;}
#QRcode .QRcode .QRcode-main i img { margin: 0 auto; display: block; width: 100%;}
#QRcode .QRcode .QRcode-main p { text-align: center; font-size: 14px; color: #999;}
.serverBar li:hover .infos{display:block;}