Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Warning: Cannot modify header information - headers already sent by (output started at /www/wwwroot/www.85520057.com/func.php:230) in /www/wwwroot/www.85520057.com/css.php on line 26
/* Reset Css */
html,body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; overflow-x:hidden;}
body,div,ul,li,ol,dl,dd,dt,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,caption{margin:0px;padding:0px;}
fieldset,img{border:0;outline:medium none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button; cursor:pointer;}
table{border-collapse:collapse;}
ol,ul{list-style:none;}
address,caption,cite,code,dfn,en,th,var{font-weight:normal; font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
a{text-decoration:none;outline:medium none;}
input,textarea{outline:medium none;}
img{transition:all .5s; -webkit-transition:all .5s;}
/* 公共部分CSS样式 */
html,body{font:14px/1 microsoft Yahei,Arial,Helvetica,sans-serif;}
input,label,textarea{font:12px Microsoft Yahei;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset;}
a{color:#333333; text-decoration:none;-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.clear{clear:both;}
.clearfix:after{
content: "020";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
zoom: 1;
}
@font-face {
font-family: 'Candara';
src: url('../font/Candara.eot');
src: url('../font/Candara.eot?#iefix') format('embedded-opentype'),
url('../font/Candara.woff') format('woff'),
url('../font/Candara.ttf') format('truetype'),
url('../font/Candara.svg#webfont34M5alKg') format('svg');
font-style:normal;
font-weight:normal;
}
@font-face {
font-family: 'gothambook';
src: url('../font/gothambook.eot');
src: url('../font/gothambook.eot?#iefix') format('embedded-opentype'),
url('../font/gothambook.woff') format('woff'),
url('../font/gothambook.ttf') format('truetype'),
url('../font/gothambook.svg#webfont34M5alKg') format('svg');
font-style:normal;
font-weight:normal;
}
@font-face {
font-family: "TW-Averta-Regular";
src: url("https://oss-cdn.inhitech.cn/cdn-joyweb/source/TW-Averta-Regular.woff2") format("woff2"),
url("https://oss-cdn.inhitech.cn/cdn-joyweb/source/TW-Averta-Regular.woff") format("woff"),
url("https://oss-cdn.inhitech.cn/cdn-joyweb/source/TW-Averta-Regular.ttf") format("truetype"),
url("https://oss-cdn.inhitech.cn/cdn-joyweb/source/TW-Averta-Regular.eot") format("embedded-opentype"),
url("https://oss-cdn.inhitech.cn/cdn-joyweb/source/TW-Averta-Regular.svg") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AvantGardeITCbyBT-Book";
src: url("../font/AvantGardeITCbyBT-Book.woff2") format("woff2"),
url("../font/AvantGardeITCbyBT-Book.woff") format("woff"),
url("../font/AvantGardeITCbyBT-Book.ttf") format("truetype"),
url("../font/AvantGardeITCbyBT-Book.eot") format("embedded-opentype"),
url("../font/AvantGardeITCbyBT-Book.svg") format("svg");
font-weight: normal;
font-style: normal;
}
.visible-hd {
display: none !important;
}
.visible-lg {
display: block !important;
}
@media screen and (max-width:1200px){
.visible-hd {
display: block !important;
}
.visible-lg {
display: none !important;
}
}
.l{float:left;}
.r{float:right;}
body.active{width: 100%;overflow: hidden;}
.g-wrap{max-width:1440px; margin-left:auto; margin-right:auto;padding-left:15px; padding-right:15px; }
@media screen and (max-width:1440px){
.g-wrap{max-width:1200px;}
}
.ellip1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-line-break: auto;-webkit-box-orient: vertical;}
.ellip{overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.head{background:rgba(255,255,255,0); position:fixed; top:-80px;width:100%; z-index:60;opacity:0; border-bottom: 1px solid rgba(255,255,255,0.15);transition:all 0.3s; -webkit-transition:all 0.3s;}
/*.headon{height:60px; transition:all 0.3s; -webkit-transition:all 0.3s;} */
.openhead{box-shadow:0px 0px 0px #FFF; background:transparent;}
.head .g-wrap{position:relative;}
.head .logo{display:inline-block;float:left;/* margin:17px 0px 13px 0px; */}
.openhead .logo{display:none;}
.head .logo .pic{width:150px; float:left;}
.head .logo .pic img.none{display: none}
.head.cur .logo .pic img.none{display:block}
.head.cur .logo .pic img.show{display:none}
.head.cur{background: rgba(255,255,255,0.95); border-bottom: none}
.head.cur .logo .txt{color: #7c7c7c;border-left: 1px solid rgba(0,0,0,0.1);}
/*.head .logo .txt .cls-1{font-size:22px;stroke:#fff;}
.cls-1{font-size:22px;stroke:#000;stroke-miterlimit:5;font-family:AvantGardeITCbyBT-Book, ITC Avant Garde Gothic Book BT; font-weight: bold}*/
.head.cur .logo .txt span{color:#404040;}
.head .logo .txt span img{width: 130px; display: block}
.head .logo .txt p{margin-bottom: 5px;}
.head .logo .txt span img.hide{display: none}
.head.cur .logo .txt span img.hide{display:block}
.head.cur .logo .txt span img.show{display: none}
.head.cur #nav li .aon a{color: #333}
.head.cur #nav li .aon a:hover, .head.cur #nav li .aon .sele{color:#ff7e01; }
.head.cur .menuph .navbtn::after,.head.cur .menuph .navbtn::before{background: #333}
.head.cur .menuph .navbtn{background: #333}
.active .head .logo .pic img.none{display:block}
.active .head .logo .pic img.show{display:none}
.active .head{background: rgba(255,255,255,1); border-bottom: none}
.head .logo .txt{margin:2px 0px 0px 13px;line-height:20px; color:#fff; float:left;padding-left: 13px;font-size: 14px;border-left: 1px solid rgba(255,255,255,0.4);}
.head .logo .txt span{display:block;color:#fff; font-size:22px; font-family: 'AvantGardeITCbyBT-Book'; line-height:28px; font-weight:bold;}
.headon .logo{margin-top:5.5px;transition:all 0.3s; -webkit-transition:all 0.3s;}
.h_right{float:right; padding-right:80px; position:relative;height:80px;}
.h_right .hotline{float:right; display:inline-block;margin-left:37px; margin-top:25px; overflow:hidden; position:relative;transition:all 0.3s; -webkit-transition:all 0.3s; display:none;}
.headon .h_right .hotline{margin-top:15px; transition:all 0.3s; -webkit-transition:all 0.3s; }
.h_right .hotline span{font-family:'gothambook'; font-size:24px; color:#ff7c00; display:block; line-height:30px; }
@media screen and (max-width:480px){
.head .logo .pic{width:120px;}
.head .logo .txt{line-height:15px; display:none;}
.head .logo .txt span{line-height:25px; font-size:20px;}
.h_right{height: 52px;padding-right:20px;}
}
.menu-container{background: rgba(255,255,255,0);position: fixed;top: 80px;right: 0px;height: calc(100% - 52px);width: 0;z-index: 67;overflow: hidden;color: #000;opacity:0;transition:all 0.5s;-webkit-transition:all 0.5s;}
.menu-container.open{width:100%; opacity:1;}
.menu-container .cont{position:absolute; left:50%; top:60%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);width:100%; z-index:65; opacity:0;}
.menu-container .cont .lianxi{width:392px; float:left;height:525px; background:#f8fafb; position:relative;}
.menu-container .cont .lianxi .info{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:208px; }
.menu-container .cont .lianxi .info .pic{width:100%;margin-bottom:20px;}
.menu-container .cont .lianxi .info .tit{font-size:18px; color:#333; line-height:1.2; tet-align:center; width:100%; padding-left:8px;}
.menu-container .cont .lianxi .info .tel{color:#333;margin-top:55px; line-height:1.3;}
.menu-container .cont .lianxi .info .tel span{font-family:'AvantGardeITCbyBT-Book'; color:#ff7c00; font-size:30px; display:block; margin-top:5px;}
.menu-container .cont .lianxi .info .ewm{color:#333;margin-top:40px; line-height:1.3;}
.menu-container .cont .lianxi .info .ewm ul{margin-top:15px;}
.menu-container .cont .lianxi .info .ewm ul li{float:left;width:45%; margin:0px;}
.menu-container .cont .lianxi .info .ewm ul li:last-child{float:right;}
.menu-container .cont .lianxi .info .ewm ul li .img{width:100%;box-sizing: border-box; }
.menu-container .cont .lianxi .info .ewm ul li .img img{display:block;}
.menu-container .cont .lianxi .info .ewm ul li:last-child .img{height:92px; }
.menu-container .cont .lianxi .info .ewm ul li .img a{display:block;position:relative;width:100%; height:100%;background-color: rgba(0,0,0,0.1);}
.menu-container .cont .lianxi .info .ewm ul li .img a em{position:absolute; width:31px; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.menu-container .cont .lianxi .info .ewm ul li .txt{color:rgba(51,51,51,0.6); line-height:20px; text-align:center; margin-top:10px;}
.menu-container .cont .lianxi .info .ewm ul li:last-child .txt{margin-top:12px;}
.menu-container .cont .shownav{width:840px; float:right;}
.menu-container .cont .shownav dl{border-bottom:1px solid rgba(0,0,0,0.1); line-height:1; margin-bottom:15px;padding:20px 0px; transition:all 0.8s; -webkit-transition:all 0.8s;}
.menu-container .cont .shownav dl.active{margin-bottom:40px;transition:all 0.8s; -webkit-transition:all 0.8s;}
.menu-container .cont .shownav dl:last-child{margin-bottom:0px; border-bottom:0px;}
.menu-container .cont .shownav dl dt{font-size:36px; width:100%; position:relative; cursor:pointer;}
.menu-container .cont .shownav dl dt:after{position:absolute; content:"";width:12px; height:7px; background:url(../../images/ico113.png) center/cover no-repeat; right:0px; top:50%; margin-top:-6px;transition:all 0.3s; -webkit-transition:all 0.3s;}
/*.menu-container .cont .shownav dl:nth-child(1) dt:after{ display: none}
.menu-container .cont .shownav dl:nth-child(1) dt a{display: block}*/
.menu-container .cont .shownav dl.active dt:after{transform:rotate(-180deg); -webkit-transform:rotate(-180deg); transition:all 0.3s; -webkit-transition:all 0.3s;}
.menu-container .cont .shownav dl .list{margin:20px 0px 10px 0px; display:none; font-size:16px;}
.menu-container .cont .shownav dl .list dd{display:inline-block; margin-right:25px; line-height:25px;}
.menu-container .cont .shownav dl .list dd:last-child{margin-right:0px;}
.menu-container .cont .shownav dl .list dd a{color:#333;}
.menu-container .cont .shownav dl .list dd a:hover{color:#ff7c00;}
.menu-container.open .cont{top:50%; transition:all 0.5s 0.5s; -webkit-transition:all 0.5s 0.5s; opacity:1;}
@media screen and (max-width:1440px){
.menu-container .cont .shownav dl .list{font-size:14px;}
.menu-container .cont .shownav{width:595px;}
}
@media screen and (max-width:1200px){
.menu-container .cont .lianxi{width:32%;}
.menu-container .cont .shownav{width:60%;}
}
@media screen and (max-width:991px){
.menu-container .cont .lianxi{display:none;}
.menu-container .cont .shownav{width:100%;}
.menu-container .cont .shownav dl dt{font-size:30px;}
}
@media screen and (max-width:640px){
.menu-container{background:rgba(255,255,255,1);top: 52px;opacity:1;}
.menu-container .cont .shownav dl.active{margin-bottom:20px; border-bottom:0px; padding-bottom:0px;}
.menu-container .cont .shownav dl dt{font-size:24px;}
.menu-container .cont .shownav dl .list{margin:15px 15px 0px 15px;}
.menu-container .cont .shownav dl .list dd{margin-right:0px; display:block; padding:10px 0px; border-bottom:1px solid rgba(0,0,0,0.1)}
.menu-container .cont .shownav dl .list dd a{display: block}
.menu-container .cont .shownav dl dt a{width: 30%; display: block}
}
@media screen and (max-width:480px){
.menu-container .cont .shownav dl{margin-bottom:0px;}
.menu-container .cont .shownav dl.active{margin-bottom:10px;}
.menu-container .cont .shownav dl dt{font-size:18px;}
}
@media screen and (max-height:480px) and (max-width:900px){
.shownav{overflow-y: scroll; max-height: 80vh}
.menu-container .cont .shownav dl{margin-bottom: 0px;}
.menu-container .cont .shownav dl dt{font-size: 20px;}
.menu-container .cont .shownav dl.active{margin-bottom: 0px;}
.head .logo{margin: 10px 0px;}
.head .logo .pic{width: 122px;}
.head .logo .txt{font-size: 12px;}
.head .logo .txt span{font-size: 16px; line-height: 1}
.h_right{height: 60px;}
.menu-container{top: 50px;height: calc(100% - 50px);}
}
/* .menu-container .cont li{width:15%;float:left; overflow:hidden; margin:0px 2.5%;}
.menu-container .cont li a{color:#333;}
.menu-container .cont li a:hover{color:#ff7c00;}
.menu-container .cont li dl{position: relative;left: 0;pointer-events: auto;transform: translateX(0);transition: left .4s ease,transform .4s ease;line-height:3;}
.menu-container .cont li dl dt{font-size:24px;}
.menu-container .cont li dl dd{font-size:18px;}
.menu-container .copy{bottom:10px; width:100%; text-align:center; font-size:18px; color:#333; line-height:30px; position:absolute; display:none;}
.menu-container .copy span{font-family:'AvantGardeITCbyBT-Book'; color:#ff7c00; font-size:30px;} */
#nav{height:80px;line-height:80px; float:left; margin-right:10px; transition:all 0.5s; -webkit-transition:all 0.5s; opacity:1;}
.openhead .h_right #nav{opacity:0; transition:all 0.5s; -webkit-transition:all 0.5s;}
.headon #nav{height:60px;line-height:60px; transition:all 0.05s; -webkit-transition:all 0.05s;}
#nav li{color:#fff;float:left; text-align:center; position:relative; z-index:10; }
#nav li .aon a{display:block; color:#fff; text-align:center; padding:0px 13px; transition:all 0.5s; -webkit-transition:all 0.5s; position:relative; font-size:16px; margin-left:30px;}
#nav li:first-child .aon a{margin-left:0px;}
#nav li .aon a:after{position:absolute;content:"";bottom:0px; left:50%;height:1px; width:0px; background:#ff7e01; transition:all 0.8s; -webkit-transition:all 0.8s;}
#nav li .aon a:hover, #nav li .aon .sele{color:#ff7e01; }
#nav li .aon a:hover:after, #nav li .aon .sele:after{width:100%; left:0px;}
#nav li .subnav{position:absolute;top:90px; display:none; z-index:20; background:rgba(0,0,0,0.5); left:-30px; }
#nav li .subnav dd{line-height:50px; color:#FFFFFF; width:130px; }
#nav li .subnav dd a{color:#FFFFFF; display:block; font-size:14px; transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s; }
#nav li .subnav dd a:hover{color:#FFF; background:rgba(0,92,161,0.5);}
#nav li .aon a:hover .subnav{display:block;}
/*手机网站头部*/
.phhead{width:100%; position: fixed;left: 0;top: 0; z-index: 210; display:none; background:#1f1c1d;}
.pcontainer { padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;position:relative;}
.phhead .logo{ padding:15px 0px; width:86px;margin:0px auto;position:relative;}
.phhead .logo .txt{position:absolute; font-size:25px;left:100px; top:58px; color:#525252;}
.m_search{position:absolute; left:15px; top:50%; margin-top:-12.5px; cursor:pointer; width:25px; }
.phonemeng{width:100%;z-index: 196; height:127px; background:#dde2e5;}
@media screen and (max-width:480px){
.phhead .logo{width:75px;}
.phonemeng{height:115px;}
}
.pf_h{ float:left; width:100%; height:0px;}
.menuph{position: absolute;top: 50%;margin-top:-15px;right: 10px;cursor: pointer;width: 30px;text-align: center; z-index:60;}
.menuph .point{display: inline-block;width: 30px;height: 20px;position: relative; z-index:2}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before{width: 20px;}
.menuph .navbtn{position: absolute;top: 13px;right: 0;display: inline-block;width: 13px;height: 2px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;}
.menuph .navbtn::after,
.menuph .navbtn::before{position: absolute;right: 0;display: inline-block;width: 20px;height: 2px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;}
.menuph .navbtn::after{top: -7px;}
.menuph .navbtn::before{top: 7px;}
.menuph.active .point .navbtn{background: transparent;}
.menuph.active .point .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px; background: #333}
.menuph.active .point .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px; background: #333}
.menuph .c-circle-overlay,.menuph .c-circle-overlay--yellow{position: absolute;width: 6px;height: 6px;top: 50%;left: 50%;z-index: 1; }
/* .menuph.active .c-circle-overlay,.menuph.active .c-circle-overlay--yellow{opacity:1;} */
.menuph .c-circle-overlay span{background-color: #fff;-webkit-transition: -webkit-transform .5s ease-in-out 0s;transition: -webkit-transform .5s ease-in-out 0s;transition: transform .5s ease-in-out 0s;transition: transform .5s ease-in-out 0s , -webkit-transform .5s ease-in-out 0s;}
.menuph .c-circle-overlay--yellow span{background-color: #ff7c00;-webkit-transition: -webkit-transform .5s ease-in-out .2s;transition: -webkit-transform .5s ease-in-out .2s;transition: transform .5s ease-in-out .2s;transition: transform .5s ease-in-out .2s, -webkit-transform .5s ease-in-out .2s;}
.menuph .c-circle-overlay span,.menuph .c-circle-overlay--yellow span{width: 5000px;height: 5000px;left: calc(-2500px + 3px);top: calc(-2500px + 3px);position: absolute;border-radius: 50%;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-transform: scale(0);transform: scale(0);}
.menuph.active .c-circle-overlay span,.menuph.active .c-circle-overlay--yellow span{-webkit-transform: scale(1);transform: scale(1); }
.menuph.active .c-circle-overlay--yellow span{-webkit-transition: -webkit-transform .5s ease-in-out 0s;transition: -webkit-transform .5s ease-in-out 0s;transition: transform .5s ease-in-out 0s;transition: transform .5s ease-in-out 0s , -webkit-transform .5s ease-in-out 0s;}
.menuph.active .c-circle-overlay span{-webkit-transition: -webkit-transform .5s ease-in-out .2s;transition: -webkit-transform .5s ease-in-out .2s;transition: transform .5s ease-in-out .2s;transition: transform .5s ease-in-out .2s , -webkit-transform .5s ease-in-out .2s;}
@media screen and (max-width:990px){
.menuph .c-circle-overlay,.menuph .c-circle-overlay--yellow{display:none;}
.menu-container.open{background: #fff}
body.active .head .logo .txt{color:#7c7c7c;border-left: 1px solid rgba(0,0,0,0.1);}
body.active .head .logo .txt span{color: #404040;}
}
@media screen and (max-width:480px){
.menuph{right:0px;}
}
/*手机网站下拉样式*/
.xialaph{top:127px;left: 0;width: 100%;background:rgba(31,28,29,0.8);z-index: 998;display:none; position:fixed;}
.xialaph .img_d{ display:none;}
.xialaph .ul2,.xialaph .ul3{ display: none;}
.xialaph h4 a{color:#FFF;font-size: 14px;font-weight: bold;line-height: 50px;}
.xialaph h4 a em{font-style:normal; display:block;}
.xialaph h4 a em.en{font-family:Arial; text-transform:uppercase;}
.xialaph h4 a em.cn{display:none; color:#cba15a;}
.xialaph h4 a:hover{color:#ccc;}
.xialaph h4 a:hover em.en{display:none;}
.xialaph h4 a:hover em.cn{display:block;}
.xialaph h4{position: relative;}
.xialaph li:last-child h4::before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: #ccc;/*opacity: 0.1;*/}
.xialaph h4::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 1px;background-color: #ccc;/*opacity: 0.1;*/}
.xialaph h5 a{color: #FFF;font-size: 14px;line-height: 50px; display:block;}
.xialaph h5{position: relative;}
.xialaph h5::after{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 1px;background-color: #ccc;/*opacity: 0.05;*/}
.xialaph .ul2 li:last-child h5::after{height:0px;}
.xialaph h4 img{width:15px;height:8px;float: right;margin-top: 21px;cursor: pointer; margin-right:15px;}
.xialaph h5 img{width:11px;height:6px;float: right;margin-top: 26px;margin-right: 18px;cursor: pointer;}
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{display: none;}
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{display: block;}
.xialaph h4.active {border-bottom: 1px solid #e5e5e5;}
.xialaph .ul2{width:92%; margin:0px auto;}
.xialaph .ul3{padding-top: 12px;padding-bottom: 18px;padding-left: 15px;position: relative;}
.xialaph .ul3::after{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 1px;background-color: #e5e5e5;}
.xialaph li:last-child .ul3::after{display: none;}
.xialaph .ul3 li a{color: #666;font-size: 14px;line-height: 35px;display: block;}
.xialaph .ul3 li{padding-top: 5px;}
.xialaph .ul3 li:first-child{padding-top: 0;}
.xialaph .phsou{position: relative;margin-top: 30px;}
.xialaph .phsou input{width: 100%;height: 42px;background-color: #fff;color: #aaa;font-size: 14px;padding-left: 10px;border: 1px solid #e5e5e5;}
.xialaph .phsou button{cursor: pointer;outline:none;width: 34px;height: 34px;position: absolute;top: 4px;right: 4px;}
.xialaph .try{ text-align:center; padding:30px 0 0 0;}
.xialaph .try span{ display:inline-block; background:#efefef;-webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px;}
.xialaph .try a{ display:block; float:left; width:120px; font-size:16px; color:#1c71ba; line-height:42px;-webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px;}
.xialaph .try a:hover,
.xialaph .try a.hover{ background:#1c71ba; color:#fff;}
.xialaph .h_w_top{text-align:center; line-height:50px;}
.xialaph .lang{width:80%;margin:15px auto; overflow:hidden;}
.xialaph .lang a{display:block;line-height:30px; width:47%; transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; float:left; border-radius:3px; font-family:microsoft Yahei; color:#FFF; text-align:center;margin-right:1.5%;margin-left:1.5%; background:rgba(255,255,255,0.5);}
.xialaph .lang a:hover{background:#cba15a; color:#FFF;}
.xialaph .lang a.on{background:#cba15a; color:#FFF;}
.xialaph .lang a:last-child{font-family:Arial; text-transform:uppercase;}
@media screen and (max-width:640px){
.xialaph{top:115px;}
}
.slide_banner{ margin:0;}
.slide_banner .slick-slide{ width:100%; padding:0; position:relative;}
.slide_banner .txt{position:absolute; width:1170px; left:50%; top:44%; margin-left:-567.5px; z-index:2;padding-left:2.5%; font-size:18px; color:#FFF; line-height:25px; font-style:normal;}
.slide_banner .txt span{font-size:38px; margin-bottom:28px; display:block; }
.slide_banner .txt a{width:143px; height:35px; line-height:35px; display:block; background:#2a8ae2; font-size:16px; margin-top:28px; color:#FFF; text-align:center;}
.slide_banner .txt_pd35{padding-left:580px;}
.slide_banner .slick-prev{position:absolute; width:82px; height:53px; left:50px; top:50%; z-index:2; background:url(../images/banner_prev.png) no-repeat center; cursor:pointer;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;}
.slide_banner .slick-prev:hover{left:45px;}
.slide_banner .slick-next{position:absolute; width:82px; height:53px; right:50px; top:50%; z-index:2; background:url(../images/banner_next.png) no-repeat center; cursor:pointer;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;}
.slide_banner .slick-next:hover{right:45px;}
.slide_banner .slick-dots{bottom:50px; width:100%; text-align:center; z-index:50;}
.slide_banner .slick-dots li{ display:inline-block; width:60px;height:30px; margin:0px 8px;position:relative; }
.slide_banner .slick-dots li:after{position:absolute; content:""; background:rgba(255,255,255,0.4); width:100%;height:1px;top:50%;left:0px; margin-top:-5px;}
.slide_banner .slick-dots li button{ display:none;}
.slide_banner .slick-dots li.slick-active:before{background:rgba(255,255,255,1); animation:mymove 7s;-webkit-animation:mymove 7s;position:absolute; content:""; width:100%;height:1px;top:50%;left:0px; margin-top:-5px;}
@-webkit-keyframes mymove{
0% {
width: 0px;
}
100% {
width: 100%
}
}
@keyframes mymove{
0% {
width: 0px;
}
100% {
width: 100%
}
}
.mymove {-webkit-animation-name:mymove;animation-name:mymove;}
.pz_banner{ position:relative; width:100%; overflow: hidden;z-index: 99999;}
.w_0100_2{float: left;width: 100%;height: 100vh;position: relative;outline: none;}
.w_0100_2 .w_2_1{float: left;width: 100%;height: 100%;position: relative;outline: none;z-index: -1;overflow: hidden;}
.w_0100_2 .w_2_1 video{display: block;position:absolute;top: 50%;left: 50%; min-height: 100%;min-width: 100%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%); z-index:1;object-fit:fill; }
.hsbj{position: absolute; left: 0px; top: 0px; background: rgba(0,0,0,0.6); z-index:9999; width: 100%; height: 100%}
.gezibj{position: absolute; left: 0px; top: 0px; background:url("../images/gezi.png")repeat center center; width: 100%; height: 100%; z-index:10}
@media screen and (max-width:800px){
#wapvideo{ background: url("../images/video.gif") no-repeat center center; background-size: cover;}
#wapvideo video{display: none}
}
.w_0100_2 .w_2_2{display:block;position: absolute;top:50%; width:1200px;left:50%;transform:translate(-50%,-50%);color:#FFF; z-index: 9999; }
.w_0100_2 .w_2_2 .info{line-height:1.4; padding-bottom:87px; position:relative; text-align:center; }
.w_0100_2 .w_2_2 .info big{display:block;font-size:80px;opacity:0; width:100%; font-weight:bold;}
.w_0100_2 .w_2_2 .info small{display:block;font-size:50px;opacity:0; width:100%; font-weight:100;}
.w_0100_2 .w_2_2 .info:after{position:absolute; content:""; bottom:0px; left:50%;margin-left:-25px; height:6px; width:60px; background:#ff7c00;opacity: 0 }
.w_0100_2 .w_2_2 .logo{margin:95px auto 0px auto; opacity:0; text-align:center;height:50px;}
.w_0100_2 .w_2_2 .logo img{max-width:100%; width:auto; display:inline;}
.slide_banner .slick-slide.slick-current .w_0100_2 .w_2_2 .info big{opacity:1;-webkit-animation: fadeInUp 1s;-moz-animation: fadeInUp 1s ;animation: fadeInUp 1s; transition:all 0.5s; -webkit-transition:all 0.5s;}
.slide_banner .slick-slide.slick-current .w_0100_2 .w_2_2 .info small{opacity:1;-webkit-animation: fadeInUp 2s;-moz-animation: fadeInUp 2s ;animation: fadeInUp 2s; transition:all 1s; -webkit-transition:all 1s;}
.slide_banner .slick-slide.slick-current .w_0100_2 .w_2_2 .info:after{opacity:1;-webkit-animation: fadeInUp 2s;-moz-animation: fadeInUp 2s ;animation: fadeInUp 2s; transition:all 1s; -webkit-transition:all 1s;}
.slide_banner .slick-slide.slick-current .w_0100_2 .w_2_2 .logo{opacity:1;-webkit-animation: fadeInUp 3s;-moz-animation: fadeInUp 3s ;animation: fadeInUp 3s; transition:all 1.5s; -webkit-transition:all 1.5s;}
.s_banner{width: 100%;position: relative;}
.s_banner .w_2_1{width: 100%;height:599px;}
.s_banner .w_2_2{overflow: hidden; display:none;}
.s_banner .ban_txt{width:1200px; position:absolute; top:54%; left:50%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); line-height:1.8; font-size:16px; color:#FFF;}
.s_banner .ban_txt span{font-size:46px;}
.s_banner .ban_txt em{font-style:normal; display: none;}
.s_banner .ban_txt1{width:1200px; position:absolute; top:54%; left:50%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); line-height:1.8; font-size:16px; color:#FFF;}
.s_banner .ban_txt1 span{font-size:46px;}
.s_banner .ban_txt1 em{font-style:normal; display:none;}
.s_banner .ban_txt1 span i{font-style: normal}
#ban_dh1{position:absolute;width:100%; height:100%; top:0px; left:0px;}
.ban_dh4{position:absolute;width:100%; height:100%; top:0px; left:0px;}
.ban_dh3{position:absolute;width:100%; height:100%; top:0px; left:0px;}
.ban_dh2{position:absolute;width:1200px; height:calc(100% - 84px); bottom:0px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.ban_dh2 .earth{position:absolute; width:410px; right:130px; top:50%; margin-top:-205px;animation: rotation 30s linear infinite;-moz-animation: rotation 30s linear infinite;-webkit-animation: rotation 30s linear infinite;-o-animation: rotation 30s linear infinite; display:none;}
#ban_dh3{position:absolute;width:50%; height:100%; bottom:0px; right:0px;}
.faguang{position:absolute; top:10%; left:45%; width:250px; height:250px; opacity: 0;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%; background:#fff;-webkit-animation: dots 3s 0s linear infinite;animation: dots 3s 0s linear infinite;}
.faguang1{top:30%; left:60%;}
.faguang2{top:30%; left:30%;}
@-webkit-keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}
.sc_banner{width: 100%;position: relative;}
.sc_banner .w_2_1{width: 100%;height:520px;}
.sc_banner .w_2_2{overflow: hidden; display:none;}
@keyframes myfirst {
0% {transform: translate(0px, 0px);}
50% {transform: translate(0px, -10px);}
100% {transform: translate(0px, 0px);}
}
@keyframes dots{
0%{transform: scale(0);-ms-transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);opacity: .3;}
100%{transform: scale(2);-ms-transform:scale(2);-moz-transform:scale(2);-webkit-transform:scale(2);-o-transform:scale(2); opacity:0;}
}
@media screen and (max-height:800px){
.s_banner .w_2_1{height:499px;}
.ban_dh2 .earth{width:320px;margin-top:-160px;}
}
@media screen and (max-width:1260px){
.w_0100_2 .w_2_2{width:95%;}
.w_0100_2 .w_2_2 .info{font-size:40px;}
.ban_dh2{width:95%;}
.ban_dh2 .earth{right:20px;width:320px;margin-top:-160px;}
.s_banner .w_2_1{height:499px;}
.s_banner .ban_txt{width:95%;}
.s_banner .ban_txt1{width:95%;}
.sc_banner .w_2_1{height:420px;}
}
@media screen and (max-width:991px){
.w_0100_2 .w_2_2 .info{font-size:30px;padding-bottom:37px;}
.w_0100_2 .w_2_2 .logo{margin-top:35px;}
.w_0100_2 .w_2_2 .logo img{max-width:80%;}
.s_banner .w_2_1{height:399px;}
.s_banner .ban_txt{font-size:14px;}
.s_banner .ban_txt span{font-size:30px;}
.s_banner .ban_txt1{font-size:14px;}
.s_banner .ban_txt1 span{font-size:30px;}
.ban_dh2 .earth{width:250px;margin-top:-125px;}
.sc_banner .w_2_1{height:320px;}
}
@media screen and (max-width:768px){
.s_banner .ban_txt span{font-size:24px;}
.s_banner .ban_txt1 span{font-size:24px;}
}
@media screen and (max-width:640px){
.w_0100_2 .w_2_2 .info{font-size:24px;padding-bottom:27px; line-height:1.7;}
.w_0100_2 .w_2_2 .logo{margin-top:25px;}
.w_0100_2 .w_2_2 .logo img{max-width:50%;}
.slide_banner .slick-dots li{width:20px; margin: 0px 5px}
.s_banner .ban_txt span{font-size:20px;}
.s_banner .ban_txt1{text-align:center; top:55%;}
.s_banner .ban_txt1 span{font-size:30px; }
.ban_dh2 .earth{width:200px;margin-top:-100px;}
.s_banner .ban_txt1 span i{display: block}
}
@media screen and (max-width:480px){
.w_0100_2 .w_2_2 .info{font-size:18px;padding-bottom:25px; line-height:1.7; text-align:center;}
.w_0100_2 .w_2_2 .info:after{left:50%; margin-left:-30px; width:60px;}
.w_0100_2 .w_2_2 .logo{margin-top:25px;text-align:center;}
.w_0100_2 .w_2_2 .logo img{display:inline-block; width:35%;}
.s_banner .ban_txt{top:30%; text-align:center;}
.s_banner .ban_txt span{font-size:16px;}
.s_banner .ban_txt em{display:none;}
.s_banner .ban_txt1 em{display:none;}
.ban_dh2 .earth{top:60%; right:auto; left:50%; margin-left:-100px;}
}
.mobile_subnav{width:325px; margin:60px auto 114px auto;}
.t_ntop_1 {width:90%;height:46px;line-height: 46px;padding: 0 14px;border: 1px solid #919191;font-size: 24px;color: #919191;background: url(../images/ico20.png) no-repeat 95% center;margin-left:auto;margin-right:auto;}
.pz_SideLayer{ width:100%; margin-top:10px; margin-left:auto; margin-right:auto;background:rgba(255,255,255,0.6); overflow:hidden; }
.pz_SideLayer .l1{ display:block; float:left; background:url(images/bg_l1.png) no-repeat left center; }
.pz_SideLayer .l1:nth-child(1){ padding-left:0; background:none;}
.pz_SideLayer .l1 a{ display:block; float:left; height:35px; line-height:35px; font-size:20px; color:#666;
-webkit-border-radius:13.5px;
-moz-border-radius:13.5px;
border-radius:13.5px;}
.pz_SideLayer .l1 a:hover,
.pz_SideLayer .l1.hover a{ color:#FFF;}
.pz_SideLayer .l2{ float:left; margin-right:12px; font-size:16px; color:#8bbeea; height:32px; line-height:32px;}
.pz_SideLayer .l2 a{ color:#315995; margin-right:12px;}
.pz_SideLayer .l2 a:hover,
.pz_SideLayer .l2.hover a{ color:#fff; text-decoration:underline;}
.pz_SideLayer{ display:none; margin-bottom:20px; margin-left:auto; margin-right:auto; }
.pz_SideLayer .l1{ padding-left:0; margin-right:0; background:none; width:100%; }
.pz_SideLayer .l1 a{ width:95%; height:35px; line-height:35px; font-size:18px;float:none; margin:0px auto;-webkit-border-radius:0; -moz-border-radius:0;border-radius:0;}}
.imglist{margin-top:-30px; margin-right:-30px; overflow:hidden;}
.imglist li{float:left;}
.imglist li a{margin-right: 30px;margin-top:30px;position: relative;color: #fff;overflow: hidden; display:block; transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s;}
.h_classname{text-align:center; font-size:40px; font-weight:bold; color:#333333; line-height:100%;}
.h_classname span{display:block;}
.h_classname .cn{margin-bottom:25px;}
.h_classname .en{font-size:14px; color:#666666; line-height:100%; font-weight:normal; line-height:23px;}
@media screen and (max-width:991px){
.h_classname{font-size:24px;}
}
@media screen and (max-width:640px){
.h_classname{font-size:20px;}
}
.h_about{padding:87px 0px 110px 0px;}
.h_about h3{font-size:14px; line-height:23px; text-align:center; margin-top:20px; margin-bottom:80px;}
.h_about .dolist .imglist{margin-top:-15px; margin-right:-13px;}
.h_about .dolist .imglist li{width:25%;}
.h_about .dolist .imglist li a{margin-right:13px;margin-top:15px; position:relative;}
.h_about .dolist .imglist li a .img{width:100%; }
.h_about .dolist .imglist li a .img img{filter:grayscale(1.0);-webkit-filter:grayscale(1.0); -ms-filter:grayscale(1.0); -moz-filter:grayscale(1.0);transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s; display: block }
.h_about .dolist .imglist li a:hover .img img{filter:grayscale(0);-webkit-filter:grayscale(0); -ms-filter:grayscale(0); -moz-filter:grayscale(0); }
.h_about .dolist .imglist li a .cont1{background:rgba(0,0,0,0.45); position:absolute;width:100%; height:100%; top:0px; left:0px;transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s;}
.h_about .dolist .imglist li a:hover .cont1{top:-100%;}
.h_about .dolist .imglist li a .cont1 .txt{position:absolute; top:50%; left:50%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); width:90%;}
.h_about .dolist .imglist li a .cont1 .txt em{font-style:normal;margin-bottom:37px; display:block;width:80px; margin:0px auto;}
.h_about .dolist .imglist li a .cont1 .txt h2{font-size:22px; font-weight:100; display:block; margin-top:33px; text-align:center;}
.h_about .dolist .imglist li a .cont2{background:rgba(0,0,0,0.30); position:absolute;width:100%; height:100%; top:100%; left:0px;transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s;}
.h_about .dolist .imglist li a:hover .cont2{top:0px;}
.h_about .dolist .imglist li a .cont2 .txt{position:absolute; top:50%; left:50%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); width:75%;}
.h_about .dolist .imglist li a .cont2 .txt em{font-style:normal;display:block;width:80px; margin:0px auto;}
.h_about .dolist .imglist li a .cont2 .txt h2{font-size:20px; display:block; margin-top:25px; text-align:center; color:#f39801;}
.h_about .dolist .imglist li a .cont2 .txt .info{margin-top:35px;}
.h_about .dolist .imglist li a .cont2 .txt .info span{display:block;width:50%; line-height:25px; float:left; color:#FFF;}
@media screen and (max-width:1200px){
.h_about .dolist .imglist li a .cont1 .txt em{width:60px;margin-bottom:27px;}
.h_about .dolist .imglist li a .cont1 .txt h2{font-size:18px;}
.h_about .dolist .imglist li a .cont2 .txt{width:85%;}
.h_about .dolist .imglist li a .cont2 .txt em{width:60px;}
.h_about .dolist .imglist li a .cont2 .txt h2{font-size:18px; margin-top:15px;}
.h_about .dolist .imglist li a .cont2 .txt .info{margin-top:25px;}
}
@media screen and (max-width:991px){
.h_about{padding:57px 0px 80px 0px;}
.h_about h3{margin-bottom:50px;}
.h_about .dolist .imglist li{width:50%;}
}
@media screen and (max-width:640px){
.h_about{padding:37px 0px 50px 0px;}
.h_about h3{margin-bottom:30px;}
.h_about .dolist .imglist li a .cont1 .txt em{width:50px;margin-bottom:17px;}
.h_about .dolist .imglist li a .cont1 .txt h2{font-size:16px;margin-top: 15px;}
.h_about .dolist .imglist li a .cont2 .txt{width:85%;}
.h_about .dolist .imglist li a .cont2 .txt em{width:50px;}
.h_about .dolist .imglist li a .cont2 .txt h2{font-size:16px; margin-top:15px;}
.h_about .dolist .imglist li a .cont2 .txt .info{margin-top:8px;}
.h_about .dolist .imglist li a .cont2 .txt .info span{font-size:12px;}
.h_about .dolist .imglist li a{margin-right: 8px; margin-top: 8px;}
.h_about .dolist .imglist li a .cont2 .txt em{display: none}
}
@media screen and (max-width:480px){
.h_about{padding:30px 0px 40px 0px;}
.h_about .dolist .imglist li{}
.h_about .dolist .imglist li a .cont2 .txt .info span{width:100%; font-size:12px; line-height: 20px; text-align:center;}
}
.h_case{padding:0px 0px 120px 0px;}
.h_case .d_0100_2{width:100%;position:relative;margin-top:80px; overflow:hidden;height:786px;-webkit-transition: all 0.8s linear 0.3s;-moz-transition: all 0.8s linear 0.3s;-o-transition: all 0.8s linear 0.3s;transition: all 0.8s linear 0.3s; opacity: 1; filter: alpha(opacity=00);}
.h_case .d_0100_2.show{opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);-o-transform: scale(1,1);transform: scale(1,1);}
.h_case .d_0100_2 .ul_12{height:786px; position:relative;}
.h_case .d_0100_2 .imglist{margin-top:-10px; margin-right:-10px;}
.h_case .d_0100_2 .imglist li{width:970px;}
.h_case .d_0100_2 .imglist li a{margin-top:10px; margin-right:10px;}
.h_case .d_0100_2 .imglist li .box{margin-top:10px; margin-right:10px;}
.h_case .d_0100_2 .imglist li .box dd{width:50%;float:left;}
.h_case .d_0100_2 .imglist li .box dd.w100{width:100%;}
.h_case .h_caselist{margin-top:50px; width:100%; position:relative; display:none;}
/*.h_case .h_caselist .imglist{margin-top:-10px; margin-right:-10px;}
.h_case .h_caselist .imglist li{width:50%;}
.h_case .h_caselist .imglist li a{max-width:954px; margin-top:10px; margin-right:10px;}*/
.h_case .h_caselist .caseimg{margin-top:-10px; margin-right:-10px; overflow:hidden; }
.h_case .h_caselist .caseimg dd{width:100%; float:left;}
.h_case .h_caselist .caseimg dd .cont{margin-right:10px;margin-top:10px;position: relative;color: #fff;overflow: hidden; transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s; overflow:hidden;}
.h_case .h_caselist .caseimg dd .cont a img{transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s;}
.h_case .h_caselist .caseimg dd .cont a:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); opacity:0.9;}
.h_case .h_caselist .caseimg dd .cont .imglist{margin-top:-10px; margin-right:-8px; position:absolute;top:0px; left:0px;}
.h_case .h_caselist .caseimg dd .cont .imglist .pic{width:50%; float:left; }
.h_case .h_caselist .caseimg dd .cont .imglist .pic a{margin-top:8px; margin-right:8px; display:block;overflow:hidden;}
.h_case .h_caselist .owl-prev,.h_case .h_caselist .owl-next{width:30px; height:60px; position:absolute; top:50%; margin-top:-30px;}
.h_case .h_caselist .disabled{background-color:rgba(0,0,0,0.2);}
.h_case .h_caselist .owl-prev{left:0px; background:url(../images/left.png) rgba(0,0,0,0.5) center center no-repeat; background-size:10px auto; transition:all 0.3s;}
.h_case .h_caselist .owl-prev:hover{background:url(../images/left.png) rgba(0,0,0,0.2) center center no-repeat; background-size:10px auto;}
.h_case .h_caselist .owl-next{right:0px; background:url(../images/right.png) rgba(0,0,0,0.5) center center no-repeat; transition:all 0.3s; background-size:10px auto;}
.h_case .h_caselist .owl-next:hover{background:url(../images/right.png) rgba(0,0,0,0.2) center center no-repeat; background-size:10px auto;}
@media screen and (max-width:1610px){
.h_case .d_0100_2 .imglist li{width:720px;}
.h_case .d_0100_2{ height: 560px;}
.h_case .d_0100_2 .ul_12{ height: 560px;}
}
@media screen and (max-width:1200px){
.h_case .d_0100_2{display:none;}
.h_case .h_caselist{display:block;}
.h_case .h_caselist .caseimg dd .cont .imglist{width: 100%}
}
@media screen and (max-width:991px){
.h_case{padding:0px 0px 90px 0px;}
.h_case .d_0100_2{margin-top:50px; height:auto;display:none;}
.h_case .d_0100_2 .ul_12{height:auto;}
.h_case .d_0100_2 .imglist li{width:500px;}
.h_case .h_caselist{display:block;}
}
@media screen and (max-width:640px){
.h_case{padding:0px 0px 60px 0px;}
.h_case .h_caselist{margin-top:30px;}
}
@media screen and (max-width:480px){
.h_case{padding:0px 0px 40px 0px;}
}
.h_client{padding:0px 0px 105px 0px;width:1460px; margin:0px auto 0px auto;}
.h_client .imglist{margin-top:80px; margin-right:0px; overflow:hidden;}
.h_client .imglist li{width:20%; }
.h_client .imglist li a{margin-top:0px; margin-right:0px; position:relative; overflow: visible;}
.h_client .imglist li a:before{position:absolute; content:""; right:0px; top:0px; width:1px; height:100%; background:#e6e6e6;}
.h_client .imglist li a:after{position:absolute;content:""; bottom:-1px; left:0px; width:100%; height:1px; background:#e6e6e6;}
.h_client .imglist li:nth-child(5n) a:before{width:0px;}
.h_client .imglist li:nth-child(1) a{background: url("../images/log1.png") no-repeat center center; background-size:95% auto}
.h_client .imglist li:nth-child(2) a{background: url("../images/log2.png") no-repeat center center; background-size:95% auto}
.h_client .imglist li:nth-child(3) a{background: url("../images/log3.png") no-repeat center center; background-size:95% auto}
.h_client .imglist li:nth-child(4) a{background: url("../images/log4.png") no-repeat center center; background-size:95% auto}
.h_client .imglist li:nth-child(5) a{background: url("../images/log5.png") no-repeat center center; background-size:95% auto}
.h_client .imglist li:nth-child(6) a{background: url("../images/log6.png") no-repeat center center; background-size:95% auto}
.h_client .imglist li:nth-child(7) a{background: url("../images/log7.png") no-repeat center center; background-size:95% auto}
.h_client .imglist li:nth-child(8) a{background: url("../images/log8.png") no-repeat center center; background-size:95% auto}
.h_client .imglist li:nth-child(9) a{background: url("../images/log9.png") no-repeat center center; background-size:95% auto}
.h_client .imglist li:nth-child(10) a{background: url("../images/log10.png") no-repeat center center; background-size:95% auto}
.h_client .imglist li:nth-child(11) a{background: url("../images/log11.png") no-repeat center center; background-size:95% auto}
.h_client .imglist li:nth-child(12) a{background: url("../images/log12.png") no-repeat center center; background-size:95% auto}
.h_client .imglist li:nth-child(13) a{background: url("../images/log13.png") no-repeat center center; background-size:95% auto}
.h_client .imglist li:nth-child(14) a{background: url("../images/log14.png") no-repeat center center; background-size:95% auto}
.h_client .imglist li:nth-child(15) a{background: url("../images/log15.png") no-repeat center center; background-size:95% auto}
.h_client .imglist li:nth-child(1) a:hover{background: url("../images/log1h.png") no-repeat center center; background-size:95% auto}
.h_client .imglist li:nth-child(2) a:hover{background: url("../images/log2h.png") no-repeat center center; background-size:95% auto}
.h_client .imglist li:nth-child(3) a:hover{background: url("../images/log3h.png") no-repeat center center; background-size:95% auto}
.h_client .imglist li:nth-child(4) a:hover{background: url("../images/log4h.png") no-repeat center center; background-size:95% auto}
.h_client .imglist li:nth-child(5) a:hover{background: url("../images/log5h.png") no-repeat center center; background-size:95% auto}
.h_client .imglist li:nth-child(6) a:hover{background: url("../images/log6h.png") no-repeat center center; background-size:95% auto}
.h_client .imglist li:nth-child(7) a:hover{background: url("../images/log7h.png") no-repeat center center; background-size:95% auto}
.h_client .imglist li:nth-child(8) a:hover{background: url("../images/log8h.png") no-repeat center center; background-size:95% auto}
.h_client .imglist li:nth-child(9) a:hover{background: url("../images/log9h.png") no-repeat center center; background-size:95% auto}
.h_client .imglist li:nth-child(10) a:hover{background: url("../images/log10h.png") no-repeat center center; background-size:95% auto}
.h_client .imglist li:nth-child(11) a:hover{background: url("../images/log11h.png") no-repeat center center; background-size:95% auto}
.h_client .imglist li:nth-child(12) a:hover{background: url("../images/log12h.png") no-repeat center center; background-size:95% auto}
.h_client .imglist li:nth-child(13) a:hover{background: url("../images/log13h.png") no-repeat center center; background-size:95% auto}
.h_client .imglist li:nth-child(14) a:hover{background: url("../images/log14h.png") no-repeat center center; background-size:95% auto}
.h_client .imglist li:nth-child(15) a:hover{background: url("../images/log15h.png") no-repeat center center; background-size:95% auto}
@media screen and (max-width:1600px){
.h_client{width:1200px;}
}
@media screen and (max-width:1200px){
.h_client{width:auto;padding:0px 15px 105px 15px;}
}
@media screen and (max-width:991px){
.h_client{width:auto;padding:0px 15px 75px 15px;}
.h_client .imglist{margin-top:50px;}
.h_client .imglist li{width:25%; }
.h_client .imglist li:nth-child(5n) a:before{width:1px;}
.h_client .imglist li:nth-child(4n) a:before{width:0px;}
}
@media screen and (max-width:640px){
.h_client{width:auto;padding:0px 15px 45px 15px;}
.h_client .imglist{margin-top:30px;}
.h_client .imglist li{width:33.33%; }
.h_client .imglist li:nth-child(4n) a:before{width:1px;}
.h_client .imglist li:nth-child(3n) a:before{width:0px;}
.h_client .imglist li:nth-child(1) a{background-size:120% auto}
.h_client .imglist li:nth-child(2) a{background-size:120% auto}
.h_client .imglist li:nth-child(3) a{background-size:120% auto}
.h_client .imglist li:nth-child(4) a{background-size:120% auto}
.h_client .imglist li:nth-child(5) a{background-size:120% auto}
.h_client .imglist li:nth-child(6) a{background-size:120% auto}
.h_client .imglist li:nth-child(7) a{background-size:120% auto}
.h_client .imglist li:nth-child(8) a{background-size:120% auto}
.h_client .imglist li:nth-child(9) a{background-size:120% auto}
.h_client .imglist li:nth-child(10) a{background-size:120% auto}
.h_client .imglist li:nth-child(11) a{background-size:110% auto}
.h_client .imglist li:nth-child(12) a{background-size:100% auto}
.h_client .imglist li:nth-child(13) a{background-size:110% auto}
.h_client .imglist li:nth-child(14) a{background-size:120% auto}
.h_client .imglist li:nth-child(15) a{background-size:120% auto}
}
@media screen and (max-width:480px){
}
.h_why{width:100%; height:700px; background:url(../images/whybg.jpg) center/cover no-repeat; background-attachment: fixed; position:relative;}
.h_why:after{content:""; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.71); top:0px; z-index:1;}
.h_why .g-wrap{padding-top:85px; position:relative;z-index:2;}
.h_why .h_classname .cn{color:#FFF;}
.h_why .h_classname .en{color:#dddddd;}
.whylist{margin-top:100px;}
.whylist .owl-carousel .owl-item li {height:377px; position:relative; cursor:pointer; transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s;}
.whylist .owl-carousel .owl-item li:hover{background:rgba(0,0,0,0.18);}
.whylist .owl-carousel .owl-item li .cont{position:absolute; top:50%; left:50%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);width:70%;}
.whylist .owl-carousel .owl-item li .cont em{width:90px; display:block; margin:0px auto;transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s;}
.whylist .owl-carousel .owl-item li:hover .cont em{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);}
.whylist .owl-carousel .owl-item li .cont .txt{margin-top:60px; line-height:28px; color:#FFF; text-align:center;}
.whylist .owl-carousel .owl-item li .cont .txt h2{font-size:18px; font-weight:bold;}
.whylist .owl-carousel .owl-item li .cont .txt h3{font-size:14px;}
.whylist .owl-dots{ position:absolute; bottom:-60px; text-align: center; line-height: 0; width:100%;}
.whylist .owl-dot{ display: inline-block; *display: inline; *zoom: 1; width:10px; height: 10px; margin: 0 5px; border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;background: #bcbcbc;}
.whylist .owl-dot.active{ background: #f39801; width:10px; height: 10px;}
@media screen and (max-width:991px){
.h_why{height:700px;}
.whylist{margin-top:70px;}
}
@media screen and (max-width:991px){
.h_why{height:600px;}
.h_why .g-wrap{padding-top:55px;}
.whylist{margin-top:40px;}
.whylist .owl-carousel .owl-item li{height:300px;}
.whylist .owl-carousel .owl-item li .cont em{width:72px;}
.whylist .owl-carousel .owl-item li .cont .txt{margin-top:30px;}
.whylist .owl-carousel .owl-item li .cont{width: 100%}
}
@media screen and (max-width:640px){
.h_why{height:500px;}
.whylist .owl-carousel .owl-item li{height:230px; margin: 0px 5px;}
.whylist .owl-carousel .owl-item li .cont .txt{margin-top:15px;}
.whylist .owl-carousel .owl-item li .cont .txt h2{font-size:16px;}
.whylist .owl-carousel .owl-item li{background:rgba(0,0,0,0.18); margin: 0px 5px;}
}
@media screen and (max-width:480px){
.h_why .g-wrap{padding-top:40px;}
.whylist .owl-dots{bottom:-40px;}
}
.h_howdo{padding:80px 0px 145px 0px;}
.h_howdo .howtostart{margin:90px auto 0px auto; height:330px; position:relative; }
.h_howdo .howtostart li{float:left; padding:0 7px;cursor:pointer; height:370px;position:relative;display: flex;justify-content:center;align-items:Center; box-sizing: border-box;}
.h_howdo .howtostart li .cri{position:relative;border-radius:50%;transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s; z-index:3; }
.h_howdo .howtostart li:hover .cri{transform:scale(1.1); -webkit-transform:scale(1.1); }
.h_howdo .howtostart li .cri em{display:block; position:absolute; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); top:50%; left:50%;}
.h_howdo .howtostart li .cri em img{width:auto;transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s;}
.h_howdo .howtostart li:hover .cri em img{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);}
.h_howdo .howtostart li.r1 .cri{width:119px; background:#ff9f1e; }
.h_howdo .howtostart li.r1 .cri:after{position:absolute; content:""; top:50%; margin-top:-1px;right:-15px; width:15px;height:2px;background-image: linear-gradient(right,#ff9f1e,#dc9c37);background-image: -moz-linear-gradient(right,#ff9f1e,#dc9c37);background-image: -webkit-linear-gradient(left,#ff9f1e,#dc9c37);background-image: -o-linear-gradient(right,#ff9f1e,#dc9c37);}
.h_howdo .howtostart li.r2 .cri{width:136px; background:#dc9c37; }
.h_howdo .howtostart li.r2 .cri:after{position:absolute; content:""; top:50%; margin-top:-1px;right:-15px; width:15px;height:2px;background-image: linear-gradient(right,#dc9c37,#ac9859);background-image: -moz-linear-gradient(right,#dc9c37,#ac9859);background-image: -webkit-linear-gradient(left,#dc9c37,#ac9859);background-image: -o-linear-gradient(right,#dc9c37,#ac9859);}
.h_howdo .howtostart li.r3 .cri{width:186px; background:#ac9859;}
.h_howdo .howtostart li.r3 .cri:after{position:absolute; content:""; top:50%; margin-top:-1px;right:-15px; width:15px;height:2px;background-image: linear-gradient(right,#ac9859,#91966d);background-image: -moz-linear-gradient(right,#ac9859,#91966d);background-image: -webkit-linear-gradient(left,#ac9859,#91966d);background-image: -o-linear-gradient(right,#ac9859,#91966d);}
.h_howdo .howtostart li.r4 .cri{width:131px; background:#91966d;}
.h_howdo .howtostart li.r4 .cri:after{position:absolute; content:""; top:50%; margin-top:-1px;right:-15px; width:15px;height:2px;background-image: linear-gradient(right,#91966d,#709385);background-image: -moz-linear-gradient(right,#91966d,#709385);background-image: -webkit-linear-gradient(left,#91966d,#709385);background-image: -o-linear-gradient(right,#91966d,#709385);}
.h_howdo .howtostart li.r5 .cri{width:231px;background:#709385;}
.h_howdo .howtostart li.r5 .cri:after{position:absolute; content:""; top:50%; margin-top:-1px;right:-15px; width:15px;height:2px;background-image: linear-gradient(right,#709385,#4590a3);background-image: -moz-linear-gradient(right,#709385,#4590a3);background-image: -webkit-linear-gradient(left,#709385,#4590a3);background-image: -o-linear-gradient(right,#709385,#4590a3);}
.h_howdo .howtostart li.r6 .cri{width:108px; background:#4590a3;}
.h_howdo .howtostart li.r6 .cri:after{position:absolute; content:""; top:50%; margin-top:-1px;right:-15px; width:15px;height:2px;background-image: linear-gradient(right,#4590a3,#288db8);background-image: -moz-linear-gradient(right,#4590a3,#288db8);background-image: -webkit-linear-gradient(left,#4590a3,#288db8);background-image: -o-linear-gradient(right,#4590a3,#288db8);}
.h_howdo .howtostart li.r7 .cri{width:151px; background:#288db8;}
.h_howdo .howtostart li.r7 .cri:after{position:absolute; content:""; top:50%; margin-top:-1px;right:-15px; width:15px;height:2px;background-image: linear-gradient(right,#288db8,#108bc9);background-image: -moz-linear-gradient(right,#288db8,#108bc9);background-image: -webkit-linear-gradient(left,#288db8,#108bc9);background-image: -o-linear-gradient(right,#288db8,#108bc9);}
.h_howdo .howtostart li.r8 .cri{width:108px; background:#108bc9;}
.h_howdo .howtostart li.r8 .cri:after{position:absolute; content:""; top:50%; margin-top:-1px;right:-15px; width:15px;height:2px;background-image: linear-gradient(right,#108bc9,#028ad3);background-image: -moz-linear-gradient(right,#108bc9,#028ad3);background-image: -webkit-linear-gradient(left,#108bc9,#028ad3);background-image: -o-linear-gradient(right,#108bc9,#028ad3);}
.h_howdo .howtostart li.r9 .cri{width:144px; background:#028ad3;}
.h_howdo .howtostart li h2{position:absolute; font-size:18px; font-weight:bold; text-align:center; width:100%; background:#FFF; z-index:3; left:50%; transform: translate(-50%,0)}
.h_howdo .howtostart li h2:after{position:absolute;content:""; width:15px;height:15px; left:50%; margin-left:-7.5px; margin-top:-7.5px; border-radius:50%; }
.h_howdo .howtostart li.r1 h2{color:#ff9f1e;top:0px;padding-bottom:34px;}
.h_howdo .howtostart li.r1 h2:after{bottom:0px;background:#ff9f1e;}
.h_howdo .howtostart li.r2 h2{color:#dc9c37;bottom:0px; padding-top:20px;}
.h_howdo .howtostart li.r2 h2:after{top:0px;background:#dc9c37;}
.h_howdo .howtostart li.r3 h2{color:#ac9859;top:0px; padding-bottom:34px;}
.h_howdo .howtostart li.r3 h2:after{bottom:0px;background:#ac9859;}
.h_howdo .howtostart li.r4 h2{color:#91966d;bottom:0px;padding-top:20px;}
.h_howdo .howtostart li.r4 h2:after{top:0px;background:#91966d;}
.h_howdo .howtostart li.r5 h2{color:#709385;top:0px;padding-bottom:34px;}
.h_howdo .howtostart li.r5 h2:after{bottom:0px;background:#709385;}
.h_howdo .howtostart li.r6 h2{color:#4590a3;bottom:0px;padding-top:20px;}
.h_howdo .howtostart li.r6 h2:after{top:0px;background:#4590a3;}
.h_howdo .howtostart li.r7 h2{color:#288db8;top:0px;padding-bottom:34px;}
.h_howdo .howtostart li.r7 h2:after{bottom:0px;background:#288db8;}
.h_howdo .howtostart li.r8 h2{color:#108bc9;bottom:0px;padding-top:20px;}
.h_howdo .howtostart li.r8 h2:after{top:0px;background:#108bc9;}
.h_howdo .howtostart li.r9 h2{color:#028ad3;top:0px;padding-bottom:34px;}
.h_howdo .howtostart li.r9 h2:after{bottom:0px;background:#028ad3;}
.h_howdo .howtostart li .line{position:absolute; width:1px; height:50%; left:50%; transform: translate(-50%,0);z-index:2;}
.h_howdo .howtostart li.r1 .line{background:#ff9f1e; top:0px;}
.h_howdo .howtostart li.r2 .line{background:#dc9c37; bottom:0px;}
.h_howdo .howtostart li.r3 .line{background:#ac9859; top:0px;}
.h_howdo .howtostart li.r4 .line{background:#91966d; bottom:0px;}
.h_howdo .howtostart li.r5 .line{background:#709385; top:0px;}
.h_howdo .howtostart li.r6 .line{background:#4590a3; bottom:0px;}
.h_howdo .howtostart li.r7 .line{background:#288db8; top:0px;}
.h_howdo .howtostart li.r8 .line{background:#108bc9; bottom:0px;}
.h_howdo .howtostart li.r9 .line{background:#028ad3; top:0px; margin-left:0px;}
.howtostartimg{display: none}
@media screen and (max-width:1480px){
.h_howdo .howtostart{width:1205px;}
.h_howdo .howtostart li.r1 .cri{width:93px;}
.h_howdo .howtostart li.r2 .cri{width:110px;}
.h_howdo .howtostart li.r3 .cri{width:160px;}
.h_howdo .howtostart li.r4 .cri{width:110px;}
.h_howdo .howtostart li.r5 .cri{width:205px;}
.h_howdo .howtostart li.r6 .cri{width:82px;}
.h_howdo .howtostart li.r7 .cri{width:125px;}
.h_howdo .howtostart li.r8 .cri{width:82px;}
.h_howdo .howtostart li.r9 .cri{width:118px;}
}
@media screen and (max-width:1440px){
.h_howdo .howtostart{width:auto;}
.h_howdo .howtostart li.r1{width:8%;}
.h_howdo .howtostart li.r1 .cri{width:auto;}
.h_howdo .howtostart li.r2{width:9%;}
.h_howdo .howtostart li.r2 .cri{width:auto;}
.h_howdo .howtostart li.r3{width:15%;}
.h_howdo .howtostart li.r3 .cri{width:auto;}
.h_howdo .howtostart li.r4{width:9%;}
.h_howdo .howtostart li.r4 .cri{width:auto;}
.h_howdo .howtostart li.r5{width:18%;}
.h_howdo .howtostart li.r5 .cri{width:auto;}
.h_howdo .howtostart li.r6{width:9%;}
.h_howdo .howtostart li.r6 .cri{width:auto;}
.h_howdo .howtostart li.r7{width:11%;}
.h_howdo .howtostart li.r7 .cri{width:auto;}
.h_howdo .howtostart li.r8{width:9%;}
.h_howdo .howtostart li.r8 .cri{width:auto;}
.h_howdo .howtostart li.r9{width:12%;}
.h_howdo .howtostart li.r9 .cri{width:auto;}
}
@media screen and (max-width:991px){
.h_howdo{padding:50px 0px 115px 0px;}
.h_howdo .howtostart{margin-top:60px; }
.h_howdo .howtostart li.r1{width:10%;}
.h_howdo .howtostart li.r2{width:11%;}
.h_howdo .howtostart li.r3{width:12%;}
.h_howdo .howtostart li.r4{width:11%;}
.h_howdo .howtostart li.r5{width:14%;}
.h_howdo .howtostart li.r6{width:11%;}
.h_howdo .howtostart li.r7{width:11%;}
.h_howdo .howtostart li.r8{width:10%;}
.h_howdo .howtostart li.r9{width:10%;}
}
@media screen and (max-width:800px)
{
.howtostart{overflow-x: scroll; overflow-y: hidden; padding-bottom: 20px;}
.howtostart ul{width: 250%; display: none}
.h_howdo .howtostart li{height: 230px; }
.h_howdo .howtostart{height:auto;}
.h_howdo .howtostart li.r3 h2{}
.howtostartimg{display:block; width: 150%}
}
/*
@media screen and (max-width:768px){
.h_howdo{padding:50px 0px 30px 0px;}
.h_howdo .howtostart{height:auto;}
.h_howdo .howtostart li{margin-bottom:40px; height:auto; padding-bottom:60px;}
.h_howdo .howtostart li:last-child{padding-right:15px;}
.h_howdo .howtostart li .line{width:0px;}
.h_howdo .howtostart li.r1{width:33.33%;}
.h_howdo .howtostart li.r1 h2{top:auto; bottom:0px;padding-bottom:0px; padding-top:28px;}
.h_howdo .howtostart li.r1 h2:after{display:none;}
.h_howdo .howtostart li.r2{width:33.33%;}
.h_howdo .howtostart li.r2 .cri em{text-align:center;}
.h_howdo .howtostart li.r2 .cri em img{width:90%;}
.h_howdo .howtostart li.r2 h2:after{display:none;}
.h_howdo .howtostart li.r3{width:33.33%;}
.h_howdo .howtostart li.r3 .cri em{text-align:center;}
.h_howdo .howtostart li.r3 .cri em img{width:90%;}
.h_howdo .howtostart li.r3 h2{top:auto; bottom:0px;padding-bottom:0px; padding-top:28px;}
.h_howdo .howtostart li.r3 h2:after{display:none;}
.h_howdo .howtostart li.r3 .cri:after{width:0px;}
.h_howdo .howtostart li.r4{width:33.33%;}
.h_howdo .howtostart li.r4 h2:after{display:none;}
.h_howdo .howtostart li.r5{width:33.33%;}
.h_howdo .howtostart li.r5 .cri em{text-align:center;}
.h_howdo .howtostart li.r5 .cri em img{width:90%;}
.h_howdo .howtostart li.r5 h2{top:auto; bottom:0px;padding-bottom:0px; padding-top:28px;}
.h_howdo .howtostart li.r5 h2:after{display:none;}
.h_howdo .howtostart li.r6{width:33.33%;}
.h_howdo .howtostart li.r6 h2{top:auto; bottom:0px;padding-bottom:0px; padding-top:28px;}
.h_howdo .howtostart li.r6 h2:after{display:none;}
.h_howdo .howtostart li.r6 .cri:after{width:0px;}
.h_howdo .howtostart li.r7{width:33.33%;}
.h_howdo .howtostart li.r7 h2{top:auto; bottom:0px;padding-bottom:0px; padding-top:28px;}
.h_howdo .howtostart li.r7 h2:after{display:none;}
.h_howdo .howtostart li.r8{width:33.33%;}
.h_howdo .howtostart li.r8 h2:after{display:none;}
.h_howdo .howtostart li.r9{width:33.33%;}
.h_howdo .howtostart li.r9 h2{top:auto; bottom:0px;padding-bottom:0px; padding-top:28px;}
.h_howdo .howtostart li.r9 h2:after{display:none;}
}
@media screen and (max-width:640px){
.h_howdo{padding:30px 0px 10px 0px;}
.h_howdo .howtostart{margin-top:30px;}
.h_howdo .howtostart li{padding-bottom:40px;}
.h_howdo .howtostart li h2{font-size:16px;}
.h_howdo .howtostart li.r1 h2{padding-top:0px;}
.h_howdo .howtostart li.r2 h2{padding-top:0px;}
.h_howdo .howtostart li.r3 h2{padding-top:0px;}
.h_howdo .howtostart li.r4 h2{padding-top:0px;}
.h_howdo .howtostart li.r5 h2{padding-top:0px;}
.h_howdo .howtostart li.r6 h2{padding-top:0px;}
.h_howdo .howtostart li.r7 h2{padding-top:0px;}
.h_howdo .howtostart li.r8 h2{padding-top:0px;}
.h_howdo .howtostart li.r9 h2{padding-top:0px;}
}
@media screen and (max-width:480px){
.h_howdo .howtostart li{padding-bottom:30px; margin-bottom:30px;}
.h_howdo .howtostart li h2{font-size:14px;}
}
*/
@media screen and (max-width:480px){
.h_howdo{padding: 50px 0px 50px 0px;}
.h_howdo .howtostart li h2{font-size:14px; padding-top:7px;}
}
.h_news{padding:0px 0px 120px 0px;}
.slideTxtBox{ width:100%; margin-top:40px;}
.slideTxtBox .hd{margin:0px 0px 60px 0px;text-align: center;}
.slideTxtBox .hd li{display:inline-block;*display:inline; *zoom:1; width:120px; height:35px; line-height:35px; border:solid 1px #e3e3e3; margin:0 10px; font-size:16px; transition:all 0.5s; -webkit-transition:all 0.5s; color:#999999; cursor:pointer; border-radius:3px;}
.slideTxtBox .hd li.on{border:1px solid #ff7e01; color:#ff7e01;}
.slideTxtBox .hd li.on a{color:#ff7e01;}
.slideTxtBox .bd ul{padding:0px;zoom:1;}
.h_newslist .imglist{margin-top:-30px; margin-right:-30px;}
.h_newslist .imglist dd{width:33.33%; float:left;}
.h_newslist .imglist dd a{margin-top:30px; margin-right:30px; overflow:hidden;display:block;}
.h_newslist .imglist dd a .img{overflow:hidden;height: 270px;border: solid 1px #e3e3e3;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;}
.h_newslist .imglist dd a .img img{transition:all 2s; -webkit-transition:all 2s;object-fit: cover;
height: 270px; }
.h_newslist .imglist dd a:hover .img img{transform:scale(1.1); -webkit-transform:scale(1.1); }
.h_newslist .imglist dd a .txt{margin-top:20px; line-height:30px;}
.h_newslist .imglist dd a .txt h2{font-size:16px; font-weight:bold; color:#333;transition:all 0.5s; -webkit-transition:all 0.5s;-moz-transition:all 0.5s; -ms-webkit-transition:all 0.5s;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow: hidden;}
.h_newslist .imglist dd a:hover .txt h2{color:#f39801;}
.h_newslist .imglist dd a .txt em{color:#999999; display:block; font-style:normal;}
.h_newslist .imglist dd a .txt h3{font-size:14px; color:#666; line-height:25px;}
.h_newslist .imglist dd a .txt .more{width:150px; height:30px; border:1px solid #cccccc; margin-top:40px;position:relative;transition:all 0.5s; -webkit-transition:all 0.5s;-moz-transition:all 0.5s; -ms-webkit-transition:all 0.5s; overflow:hidden;}
.h_newslist .imglist dd a:hover .txt .more{border-color:#f39801;}
.h_newslist .imglist dd a .txt .more span{display:block;position:absolute; width:100%; height:30px;}
.h_newslist .imglist dd a .txt .more .ico{left:0px; top:0px; background:url(../images/ico20.png) center center no-repeat;transition:all 0.5s; -webkit-transition:all 0.5s;-moz-transition:all 0.5s; -ms-webkit-transition:all 0.5s;}
.h_newslist .imglist dd a:hover .txt .more .ico{left:100%;}
.h_newslist .imglist dd a .txt .more .ico1{left:-100%; top:0px; background:url(../images/h_ico20.png) center center no-repeat;transition:all 0.5s; -webkit-transition:all 0.5s;-moz-transition:all 0.5s; -ms-webkit-transition:all 0.5s;}
.h_newslist .imglist dd a:hover .txt .more .ico1{left:0px;}
@media screen and (max-width:991px){
.h_news{padding:0px 0px 90px 0px;}
.slideTxtBox{margin-top:30px;}
.slideTxtBox .hd{margin:0px 0px 40px 0px;}
.h_newslist .imglist dd a .txt .more{width:120px; margin-top:20px;}
}
@media screen and (max-width:640px){
.h_news{padding:0px 0px 60px 0px;}
.slideTxtBox{margin-top:30px;}
.slideTxtBox .hd{margin:0px 0px 30px 0px; display:none;}
.h_newslist .imglist{ margin-right:-15px;}
.h_newslist .imglist dd a{ margin-right:15px;}
}
@media screen and (max-width:480px){
.h_news{padding:0px 0px 40px 0px;}
.slideTxtBox .hd li{width:100px;}
.h_newslist .imglist dd{width:100%;}
}
.h_contact{width:100%; height:675px; background:url(../images/zixunbg.jpg) center/cover no-repeat; background-attachment: fixed;position:relative;}
.h_contact:after{content:""; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.73); top:0px; z-index:1;}
.h_contact .g-wrap{padding-top:95px; position:relative;z-index:2;}
.h_contact .h_classname .cn{color:#FFF;}
.h_contact .h_classname .en{color:#FFF;}
.h_message{margin:96px auto 75px auto; width:70%;}
.h_message .imglist{margin-top:-15px; margin-right:-12px;}
.h_message .imglist li{width:33.33%; background:transparent !important;}
.h_message .imglist li .int{max-width:400px; height:50px;margin-top:15px; margin-right:12px; background:#FFF;}
.h_message .imglist li .int input {width:90%; margin:2px 5%; height:46px; line-height:46px; color:#666; border:0px; font-size:14px;}
.h_message .btn{margin:45px auto 0px auto;width:190px; height:50px;background:#ff7e01; position:relative; cursor:pointer; transition:all 0.5s; -webkit-transition:all 0.5s;-moz-transition:all 0.5s; -ms-webkit-transition:all 0.5s;}
.h_message .btn:hover{filter:alpha(opacity=80); opacity:0.8;}
.h_message .btn .ico{position:absolute; top:50%; left:50%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); font-size:16px; color:#FFF; width:60%;}
.h_message .btn .ico em{width:28px; float:left; margin-right:18px;}
.h_message .btn .ico span{display:block; float;right;line-height:30px;}
.h_contact .profile{width:100%;margin:0px auto; color:#999999;line-height:30px; text-align:center;}
@media screen and (max-width:991px){
.h_contact{height:auto;}
.h_contact .g-wrap{padding:60px 15px;}
.h_message{margin:66px auto 45px auto; width:80%;}
}
@media screen and (max-width:640px){
.h_contact{height:auto;}
.h_contact .g-wrap{padding:40px 15px;}
.h_message{margin:30px auto 25px auto; width:60%;}
.h_message .imglist li{width:100%;}
.h_message .btn{margin-top:25px; width:100%;}
.h_message .btn .ico{width:120px;}
}
@media screen and (max-width:480px){
.h_message{width:90%;}
.h_message .btn{margin-top:15px; width:100%;}
}
.footer{/* padding:40px 0px 50px 0px; */overflow:hidden;border-top:1px solid #e5e5e5;position:relative;z-index: 3;}
.sub_footer{background:#f5f5f5;}
.footer .botnav{float:left;}
.footer .botnav dl{float:left;margin-right:62px;}
.footer .botnav dl:last-child{margin-right:0px;}
.footer .botnav dl dt{font-size:16px;margin-bottom:10px; color:#333; line-height:30px;}
.footer .botnav dl dt a{color:#333;}
.footer .botnav dl dd{color:#666; line-height:34px;}
.footer .botnav dl dd a{color:#666;}
.footer .botnav dl dd a:hover{color:#ff7e01;}
.footer .botcontact{width:303px; float:right;}
.footer .botcontact .lianxi{margin-bottom:25px;}
.footer .botcontact .lianxi li{width:100%; padding:5px 0px; overflow:hidden; position:relative;}
/*.footer .botcontact .lianxi li:last-child{border-bottom:1px dashed #ccc;}*/
.footer .botcontact .lianxi li em{width:23px; float:left; display:block; position:absolute; top:10px; }
.footer .botcontact .lianxi li span{margin-left:38px; display:block; color:#797979; line-height:30px;}
.footer .botcontact .lianxi li span i{font-style: normal}
.footer .botcontact .lianxi li .t1{font-size:32px; font-family:'AvantGardeITCbyBT-Book'; color:#ff7c00;}
.footer .botcontact .lianxi li .t2{font-family:Arial;}
.footer .botcontact .lianxi li .t3{line-height:25px;margin-top:4px; padding-bottom:5px;}
/*.footer .botcontact .btn{overflow:hidden;}*/
.footer .botcontact .btn li{position:relative; height:35px; border-radius:17.5px; transition:all 0.5s; -webkit-transition:all 0.5s;-moz-transition:all 0.5s; -ms-webkit-transition:all 0.5s;}
.footer .botcontact .btn li:hover{filter:alpha(opacity=80); opacity:0.8;}
.footer .botcontact .btn li a{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); width:auto;}
.footer .botcontact .btn li a em{display:block;width:23px;float:left;}
.footer .botcontact .btn li a span{display:block;float:right; line-height:23px; color:#FFF;}
.footer .botcontact .btn li:first-child{width:158px; background:#ff7c00; float:left;}
.footer .botcontact .btn li:first-child a{width:72%;}
.footer .botcontact .btn li:last-child{width:128px; background:#008ad5;float:right;position:relative;}
.footer .botcontact .btn li:last-child .ewm{width:100%; bottom:35px;position:absolute;display:none; }
.footer .botcontact .btn li:last-child a{width:65%;}
.copyright{background:#2a2a2a; padding:15px 0px; color:#666666; line-height:25px;}
.copyright a{color:#666666;}
.copyright a:hover{color:#FFF;}
.copyright span{color:#666666;}
.copyright em{font-style: normal;}
@media screen and (max-width:991px){
.footer .botnav dl{margin-right:15px;}
}
@media screen and (max-width:768px){
.footer{/* padding:20px 0px 20px 0px; */}
.footer .botnav{display:none;}
.footer .botcontact{float:left; width:100%;}
.footer .botcontact .btn li:last-child{float:left; margin-left:30px;}
}
@media screen and (max-width:640px){
.footer .botcontact .lianxi{margin-bottom:0px;}
.footer .botcontact .btn li:last-child{float:left; margin-left:20px;}
.footer .botcontact .lianxi li .t1{font-size:24px;}
.footer .botcontact .lianxi li span i{display: block; font-style: normal}
.copyright{margin-bottom:70px; font-size: 13px;}
.copyright span{display:block;}
.copyright em{display:none;}
}
@media screen and (max-width:480px){
.footer .botcontact .lianxi li .t1{font-size:20px;}
}
.section_b{ /*height:200px;*/ /*background:#fff;*/ position:fixed; width:100%; left:0; transition:all 0.7s ease; z-index: 999;-webkit-transition:all 0.7s ease !important;}
.section_b2{bottom:0!important;}
@media screen and (max-width: 1400px){
.section_b2 {position: absolute;}
}
.section{position:relative;}
.section2 .cont,.section3 .cont,.section4 .cont,.section5 .cont,.section6 .cont,.section7 .cont{position:absolute; width:100%;top:55%; transform:translate(0%,-50%); -webkit-transform:translate(0%,-50%); -moz-transform:translate(0%,-50%); -ms-transform:translate(0%,-50%);}
.ad_section2 .cont,.ad_section3 .cont,.ad_section4 .cont,.ad_section5 .cont,.ad_section6 .cont{position:absolute; width:100%;top:55%; transform:translate(0%,-50%); -webkit-transform:translate(0%,-50%); -moz-transform:translate(0%,-50%); -ms-transform:translate(0%,-50%);}
/*流程页面样式 */
.section2 .cont .pic,.section3 .cont .pic,.section4 .cont .pic,.section5 .cont .pic,.section6 .cont .pic,.section7 .cont .pic{width:189px; height:189px;background:center center no-repeat; background-size: cover; border-radius: 50%; margin:0px auto;}
.section2 .cont .txt,.section3 .cont .txt,.section4 .cont .txt,.section5 .cont .txt,.section6 .cont .txt,.section7 .cont .txt{width:350px;margin:78px auto 0px auto;}
.section2 .cont .txt span,.section3 .cont .txt span,.section4 .cont .txt span,.section5 .cont .txt span,.section6 .cont .txt span,.section7 .cont .txt span{display:block; text-align:center; line-height:100%;}
.section2 .cont .txt .title,.section3 .cont .txt .title,.section4 .cont .txt .title,.section5 .cont .txt .title,.section6 .cont .txt .title,.section7 .cont .txt .title{color:#333; font-size:28px; font-weight:bold;}
.section2 .cont .txt .ico,.section3 .cont .txt .ico,.section4 .cont .txt .ico,.section5 .cont .txt .ico,.section6 .cont .txt .ico,.section7 .cont .txt .ico{width:22px; height:12px; margin:70px auto 0px auto;animation:bounce-down 1.5s linear infinite;-webkit-animation:bounce-down 1.5s linear infinite;}
.section2 .cont .txt .en,.section3 .cont .txt .en,.section4 .cont .txt .en,.section5 .cont .txt .en,.section6 .cont .txt .en,.section7 .cont .txt .en{font-size:14px; color:#666; margin-top:9px; font-family:Arial; text-transform:uppercase;}
.section2 .cont .txt .cn,.section3 .cont .txt .cn,.section4 .cont .txt .cn,.section5 .cont .txt .cn,.section6 .cont .txt .cn,.section7 .cont .txt .cn{color:#333; font-size:16px; margin-top:25px;}
.section2 .cont .pic,.section3 .cont .pic,.section4 .cont .pic,.section5 .cont .pic,.section6 .cont .pic,.section7 .cont .pic{transform: scale(0.1);-webkit-transform: scale(0.1); opacity: 0;}
.section2 .cont .txt,.section3 .cont .txt,.section4 .cont .txt,.section5 .cont .txt,.section6 .cont .txt,.section7 .cont .txt{transform: translate(0,200px);-webkit-transform: translate(0,200px); opacity: 0;}
/*动画*/
.section2_an .cont .pic,.section3_an .cont .pic,.section4_an .cont .pic,.section5_an .cont .pic,.section6_an .cont .pic,.section7_an .cont .pic{transform: scale(1); opacity: 1; transition: all 1.2s 0.4s;-webkit-transition: all 1.2s 0.4s;-webkit-transform: scale(1);}
.section2_an .cont .txt,.section3_an .cont .txt,.section4_an .cont .txt,.section5_an .cont .txt,.section6_an .cont .txt,.section7_an .cont .txt{transform: translate(0,0); opacity: 1; transition: all 1.6s;-webkit-transition: all 1.6s;-webkit-transform: translate(0,0);}
@-webkit-keyframes bounce-down{
25% {-webkit-transform: translateY(-10px);}
50%, 100% {-webkit-transform: translateY(0);}
75% {-webkit-transform: translateY(10px);}
}
@keyframes bounce-down{
25% {-webkit-transform: translateY(-10px);}
50%, 100% {-webkit-transform: translateY(0);}
75% {-webkit-transform: translateY(10px);}
}
/*优势页面样式*/
.ad_section2 .cont .s_advantage h2,.ad_section3 .cont .s_advantage h2,.ad_section4 .cont .s_advantage h2,.ad_section5 .cont .s_advantage h2,.ad_section6 .cont .s_advantage h2{font-size:30px; color:#333; font-weight:bold; text-align:center;}
.ad_section2 .cont .s_advantage h3,.ad_section3 .cont .s_advantage h3,.ad_section4 .cont .s_advantage h3,.ad_section5 .cont .s_advantage h3,.ad_section6 .cont .s_advantage h3{font-size:18px; color:#666; margin-top:26px;text-align:center;}
.ad_section2 .cont .s_advantage h2,.ad_section3 .cont .s_advantage h2,.ad_section4 .cont .s_advantage h2,.ad_section5 .cont .s_advantage h2,.ad_section6 .cont .s_advantage h2{transform: translate(0,-200px);-webkit-transform: translate(0,-200px); opacity: 0;}
.ad_section2 .cont .s_advantage h3,.ad_section3 .cont .s_advantage h3,.ad_section4 .cont .s_advantage h3,.ad_section5 .cont .s_advantage h3,.ad_section6 .cont .s_advantage h3{transform: translate(0,-200px);-webkit-transform: translate(0,-200px); opacity: 0;}
.ad_section2 .cont .s_advantage .img1{width:656px; margin:80px auto 0px auto;transform: scale(0.1);-webkit-transform: scale(0.1); opacity: 0;}
.ad_section3 .cont .s_advantage .img2{width:760px; margin:80px auto 0px auto; position:relative; box-shadow:0px 0px 15px #ccc;-moz-box-shadow:0px 0px 15px #ccc;-ms-box-shadow:0px 0px 15px #ccc;-webkit-box-shadow:0px 0px 15px #ccc;transform: translate(600px,0);-webkit-transform: translate(600px,0); opacity: 0;}
.ad_section3 .cont .s_advantage .img2 .img3{width:337px; position:absolute;top:50%; transform:translate(-75%,-50%); -webkit-transform:translate(-75%,-50%); -moz-transform:translate(-75%,-50%); -ms-transform:translate(-75%,-50%); box-shadow:0px 0px 15px #ccc;-moz-box-shadow:0px 0px 15px #ccc;-ms-box-shadow:0px 0px 15px #ccc;-webkit-box-shadow:0px 0px 15px #ccc;opacity: 0;}
.ad_section3 .cont .s_advantage .img2 .map1{padding:14px 20px; position:absolute; right:168px; bottom:265px; color:#FFF; background:#f39800; line-height:26px; transform: translate(-200px,0);-webkit-transform: translate(-200px,0); opacity: 0; }
.ad_section3 .cont .s_advantage .img2 .map1 .ico{float:left; margin-right:10px;width:25px; height:26px;}
.ad_section3 .cont .s_advantage .img2 .map1:before{width:1px; height:0px; bottom:-80px; right:0px; background:#f39800; position:absolute; content:"";}
.ad_section3 .cont .s_advantage .img2 .map1:after{width:5px; height:5px; border-radius:50%; background:#f39800; right:-2px;bottom:-82.5px; position:absolute; content:"";}
.ad_section3 .cont .s_advantage .img2 .map2{padding:14px 20px; position:absolute; right:46px; bottom:278px; color:#FFF; background:#f39800; line-height:26px;transform: translate(200px,0);-webkit-transform: translate(200px,0); opacity: 0; }
.ad_section3 .cont .s_advantage .img2 .map2:before{width:1px; height:75px; bottom:-85px; left:0px;background:#f39800; position:absolute; content:"";}
.ad_section3 .cont .s_advantage .img2 .map2:after{width:5px; height:5px; border-radius:50%; background:#f39800; left:-2px;bottom:-87.5px; position:absolute; content:"";}
.ad_section3 .cont .s_advantage .img2 .map2 .ico{float:left; margin-right:10px;width:23px; height:26px;}
.ad_section4 .cont .s_advantage .imglist{margin-top:10%;margin-right:-86px;}
.ad_section4 .cont .s_advantage .imglist li{width:25%;}
.ad_section4 .cont .s_advantage .imglist li .cri{max-width:400px; border-radius:50%; border:1px solid #cecece; margin-right:86px; margin-top:15px; position:relative; transition:all 0.5s; -webkit-transition:all 0.5s; cursor:pointer;}
.ad_section4 .cont .s_advantage .imglist li:hover .cri{border:1px solid #f39800; transform:rotateY(-360deg);-webkit-transform:rotateY(-360deg)}
.ad_section4 .cont .s_advantage .imglist li .cri .info{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.ad_section4 .cont .s_advantage .imglist li .cri .info em{display:block;width:60px; margin:0px auto;}
.ad_section4 .cont .s_advantage .imglist li .cri .info em .show{display:block; transition:all 0.3s; -webkit-transition:all 0.3s;}
.ad_section4 .cont .s_advantage .imglist li .cri .info em .hide{display:none; transition:all 0.3s; -webkit-transition:all 0.3s;}
.ad_section4 .cont .s_advantage .imglist li:hover .cri .info em .show{display:none;}
.ad_section4 .cont .s_advantage .imglist li:hover .cri .info em .hide{display:block;}
.ad_section4 .cont .s_advantage .imglist li .cri .info span{display:block; color:#333;margin-top:36px; text-align:center;}
.ad_section4 .cont .s_advantage .imglist li:hover .cri .info span{color:#f39800;}
.ad_section4 .cont .s_advantage .imglist li{transform: scale(0.1);-webkit-transform: scale(0.1); opacity: 0;}
.ad_section5 .cont .s_advantage .img3{width:246px; transform: scale(0.1);-webkit-transform: scale(0.1); opacity: 0; margin:75px auto 0px auto; position:relative;}
.ad_section5 .cont .s_advantage .img3 .img4{position:absolute; top:0px; left:0px; width:246px;opacity: 0;}
.ad_section5 .cont .s_advantage .img5{width:732px;margin:-43px auto 0px auto; position:relative;transform: translate(0,-200px);-webkit-transform: translate(0,-200px); opacity: 0;}
.ad_section5 .cont .s_advantage .img5 .yuan{width:125px; height:125px; border-radius:50%;border:1px solid #d3d4d5; position:absolute; background:#ebeef3;}
.ad_section5 .cont .s_advantage .img5 .yuan .info{position:absolute;top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.ad_section5 .cont .s_advantage .img5 .yuan .info em{display:block; width:50px; margin:0px auto;}
.ad_section5 .cont .s_advantage .img5 .yuan .info span{display:block; margin-top:10px;color:#8e8f93; text-align:center;}
.ad_section5 .cont .s_advantage .img5 .f1{left:-62.5px; top:-62.5px; transform: translate(0,200px);-webkit-transform: translate(0,200px); opacity: 0; }
.ad_section5 .cont .s_advantage .img5 .f2{left:13%; bottom:-13px;transform: translate(0,200px);-webkit-transform: translate(0,200px); opacity: 0;}
.ad_section5 .cont .s_advantage .img5 .f3{left:50%; margin-left:-62.5px; bottom:-62.5px; transform: translate(0,200px);-webkit-transform: translate(0,200px); opacity: 0;}
.ad_section5 .cont .s_advantage .img5 .f4{right:13%; bottom:-13px; transform: translate(0,200px);-webkit-transform: translate(0,200px); opacity: 0;}
.ad_section5 .cont .s_advantage .img5 .f5{right:-62.5px; top:-62.5px;transform: translate(0,200px);-webkit-transform: translate(0,200px); opacity: 0;}
.ad_section6 .cont .s_advantage .img6{transform: scale(0.1);-webkit-transform: scale(0.1); opacity: 0; width:763px; margin:70px auto 0px auto; box-shadow:0px 0px 15px #ccc;-moz-box-shadow:0px 0px 15px #ccc;-ms-box-shadow:0px 0px 15px #ccc;-webkit-box-shadow:0px 0px 15px #ccc;}
/*动画*/
.ad_section2_an .cont .s_advantage .img1{transform: scale(1); opacity: 1; transition: all 1.2s 0.4s;-webkit-transition: all 1.2s 0.4s;-webkit-transform: scale(1);}
.ad_section2_an .cont .s_advantage h2,.ad_section3_an .cont .s_advantage h2,.ad_section4_an .cont .s_advantage h2,.ad_section5_an .cont .s_advantage h2,.ad_section6_an .cont .s_advantage h2{transform: translate(0,0); opacity: 1; transition: all 1.2s;-webkit-transition: all 1.2s;-webkit-transform: translate(0,0);}
.ad_section2_an .cont .s_advantage h3,.ad_section3_an .cont .s_advantage h3,.ad_section4_an .cont .s_advantage h3,.ad_section5_an .cont .s_advantage h3,.ad_section6_an .cont .s_advantage h3{transform: translate(0,0); opacity: 1; transition: all 1.2s;-webkit-transition: all 1.2s;-webkit-transform: translate(0,0);}
.ad_section3_an .cont .s_advantage .img2{transform: translate(0,0); opacity: 1; transition: all 1s 1s;-webkit-transition: all 1s 1s;-webkit-transform: translate(0,0);}
.ad_section3_an .cont .s_advantage .img2 .img3{transform: translate(-25%,-50%); opacity: 1; transition: all 1s 1s;-webkit-transition: all 1s 1s;-webkit-transform: translate(-25%,-50%);}
.ad_section3_an .cont .s_advantage .img2 .map1{transform: translate(0,0); opacity: 1; transition: all 2s 2s;-webkit-transition: all 2s 2s;-webkit-transform: translate(0,0);}
.ad_section3_an .cont .s_advantage .img2 .map1:before{animation:addline 2s linear 2s;-webkit-animation:addline 2s linear 2s; height:75px;}
.ad_section3_an .cont .s_advantage .img2 .map2{transform: translate(0,0); opacity: 1; transition: all 2s 2s;-webkit-transition: all 2s 2s;-webkit-transform: translate(0,0);}
.ad_section3_an .cont .s_advantage .img2 .map2:before{animation:addline 2s linear 2s;-webkit-animation:addline 2s linear 2s; height:75px; }
@-webkit-keyframes addline{
0% {height:0px;}
100% {height:75px;}
}
@keyframes addline{
0% {height:0px;}
100% {height:75px;}
}
.ad_section4_an .cont .s_advantage .imglist li:first-child{transform: scale(1); opacity: 1; transition: all 1s 0.4s;-webkit-transition: all 1s 0.4s;-webkit-transform: scale(1);}
.ad_section4_an .cont .s_advantage .imglist li:nth-child(2){transform: scale(1); opacity: 1; transition: all 1s 1.4s;-webkit-transition: all 1s 1.4s;-webkit-transform: scale(1);}
.ad_section4_an .cont .s_advantage .imglist li:nth-child(3){transform: scale(1); opacity: 1; transition: all 1s 2.4s;-webkit-transition: all 1s 2.4s;-webkit-transform: scale(1);}
.ad_section4_an .cont .s_advantage .imglist li:nth-child(4){transform: scale(1); opacity: 1; transition: all 1s 3.4s;-webkit-transition: all 1s 3.4s;-webkit-transform: scale(1);}
.ad_section5_an .cont .s_advantage .img3{transform: scale(1); opacity: 1; transition: all 1s 0.4s;-webkit-transition: all 1s 0.4s;-webkit-transform: scale(1);}
.ad_section5_an .cont .s_advantage .img3 .img4{opacity: 1;animation:effect 2s linear infinite; -webkit-animation:effect 2s linear infinite;}
.ad_section5_an .cont .s_advantage .img5{transform: translate(0,0); opacity: 1; transition: all 1s 1.4s;-webkit-transition: all 1s 1.4s;-webkit-transform: translate(0,0);}
.ad_section5_an .cont .s_advantage .img5 .f1{transform: translate(0,0); opacity: 1; transition: all 1s 2.4s;-webkit-transition: all 1s 2.4s;-webkit-transform: translate(0,0);}
.ad_section5_an .cont .s_advantage .img5 .f2{transform: translate(0,0); opacity: 1; transition: all 1s 3.4s;-webkit-transition: all 1s 3.4s;-webkit-transform: translate(0,0);}
.ad_section5_an .cont .s_advantage .img5 .f3{transform: translate(0,0); opacity: 1; transition: all 1s 4.4s;-webkit-transition: all 1s 4.4s;-webkit-transform: translate(0,0);}
.ad_section5_an .cont .s_advantage .img5 .f4{transform: translate(0,0); opacity: 1; transition: all 1s 5.4s;-webkit-transition: all 1s 5.4s;-webkit-transform: translate(0,0);}
.ad_section5_an .cont .s_advantage .img5 .f5{transform: translate(0,0); opacity: 1; transition: all 1s 6.4s;-webkit-transition: all 1s 6.4s;-webkit-transform: translate(0,0);}
@-webkit-keyframes effect{
25% {opacity: 0.25;}
50% {opacity: 0.5;}
75% {opacity: 0.75;}
100% {opacity: 1;}
}
.ad_section6_an .cont .s_advantage .img6{transform: scale(1); opacity: 1; transition: all 1.2s 0.4s;-webkit-transition: all 1.2s 0.4s;-webkit-transform: scale(1);}
/*业务页面样式*/
.ad_section2 .cont .s_business{position:relative; overflow:hidden;}
.ad_section2 .cont .s_business .img{float:left;transform: scale(0.1);-webkit-transform: scale(0.1); opacity: 0; }
.ad_section2 .cont .s_business .txt{position:absolute; right:84px; height:100%;width:180px;}
.ad_section2 .cont .s_business .txt .info{position:absolute;top:50%;transform: translate(0%,0%); -webkit-transform: translate(0%,0%); opacity: 0;}
.ad_section2 .cont .s_business .txt .info h2{font-size:30px; font-weight:bold; }
.ad_section2 .cont .s_business .txt .info .business_c{margin-top:40px; line-height:40px; color:#333; font-size:18px;}
.ad_section2 .cont .s_business .txt .info .business_c p{padding-left:25px; position:relative;}
.ad_section2 .cont .s_business .txt .info .business_c p:before{position:absolute; content:""; left:0px;width:6px; height:6px; border-radius:50%; background:#f39800; top:50%; margin-top:-3px;}
/*动画*/
.ad_section2_an .cont .s_business .img{transform: scale(1); opacity: 1; transition: all 1.2s 0.4s;-webkit-transition: all 1.2s 0.4s;-webkit-transform: scale(1);}
.ad_section2_an .cont .s_business .txt .info{transform: translate(0%,-50%); opacity: 1; transition: all 1s 1.4s;-webkit-transition: all 1s 1.4s;-webkit-transform: translate(0%,-50%);}
.ad_section3 .cont .s_business{position:relative; }
.ad_section3 .cont .s_business .img1{float:right;position:relative; width:70%;transform: scale(0.1);-webkit-transform: scale(0.1); opacity: 0;}
.ad_section3 .cont .s_business .img1 .img2{position:absolute; left:0px; top:0px; width:100%; transform: translate(0,-200); -webkit-transform: translate(0,-200); opacity: 0;}
.ad_section3 .cont .s_business .img1 .img3{position:absolute; left:0px; top:0px; transform: translate(0,-200); -webkit-transform: translate(0,-200); opacity: 0;}
.ad_section3 .cont .s_business .txt{position:absolute; left:0px; height:100%;width:220px;}
.ad_section3 .cont .s_business .txt .info{position:absolute;top:50%;transform: translate(0%,0%); -webkit-transform: translate(0%,0%);opacity: 0;}
.ad_section3 .cont .s_business .txt .info h2{font-size:30px; font-weight:bold;}
.ad_section3 .cont .s_business .txt .info .business_c{margin-top:40px; line-height:40px; color:#333; font-size:18px;}
.ad_section3 .cont .s_business .txt .info .business_c p{padding-left:25px; position:relative;}
.ad_section3 .cont .s_business .txt .info .business_c p:before{position:absolute; content:""; left:0px;width:6px; height:6px; border-radius:50%; background:#f39800; top:50%; margin-top:-3px;}
/*动画*/
.ad_section3_an .cont .s_business .img1{transform: scale(1); opacity: 1; transition: all 1.2s 1.4s;-webkit-transition: all 1.2s 1.4s;-webkit-transform: scale(1);}
.ad_section3_an .cont .s_business .img1 .img2{transform: scale(1); opacity: 1; transition: all 2.4s 1.4s;-webkit-transition: all 1.2s 2.4s;-webkit-transform: scale(1);}
.ad_section3_an .cont .s_business .img1 .img3{transform: scale(1); opacity: 1; transition: all 3.4s 1.4s;-webkit-transition: all 1.2s 3.4s;-webkit-transform: scale(1);}
.ad_section3_an .cont .s_business .txt .info{transform: translate(0%,-50%); opacity: 1; transition: all 1s 0.4s;-webkit-transition: all 1s 0.4s;-webkit-transform: translate(0%,-50%);}
.ad_section4 .cont .s_business{position:relative; overflow:hidden;}
.ad_section4 .cont .s_business .img{float:left;transform: scale(0.1);-webkit-transform: scale(0.1); opacity: 0; }
.ad_section4 .cont .s_business .txt{position:absolute; right:84px; height:100%;width:220px;}
.ad_section4 .cont .s_business .txt .info{position:absolute;top:50%;transform: translate(0%,0%); -webkit-transform: translate(0%,0%); opacity: 0; }
.ad_section4 .cont .s_business .txt .info h2{font-size:30px; font-weight:bold;}
.ad_section4 .cont .s_business .txt .info .business_c{margin-top:40px; line-height:40px; color:#333; font-size:18px;}
.ad_section4 .cont .s_business .txt .info .business_c p{padding-left:25px; position:relative;}
.ad_section4 .cont .s_business .txt .info .business_c p:before{position:absolute; content:""; left:0px;width:6px; height:6px; border-radius:50%; background:#f39800; top:50%; margin-top:-3px;}
/*动画*/
.ad_section4_an .cont .s_business .img{transform: scale(1); opacity: 1; transition: all 1.2s 0.4s;-webkit-transition: all 1.2s 0.4s;-webkit-transform: scale(1);}
.ad_section4_an .cont .s_business .txt .info{transform: translate(0%,-50%); opacity: 1; transition: all 1s 1.4s;-webkit-transition: all 1s 1.4s;-webkit-transform: translate(0%,-50%);}
.ad_section5 .cont .s_business{position:relative;overflow:hidden; }
.ad_section5 .cont .s_business .img1{float:right;position:relative; width:712px; transform: scale(0.1);-webkit-transform: scale(0.1); opacity: 0;}
.ad_section5 .cont .s_business .txt{position:absolute; left:0px; height:100%;width:220px; }
.ad_section5 .cont .s_business .txt .info{position:absolute;top:50%;transform: translate(0%,0%); -webkit-transform: translate(0%,0%); opacity: 0;}
.ad_section5 .cont .s_business .txt .info h2{font-size:30px; font-weight:bold;}
.ad_section5 .cont .s_business .txt .info .business_c{margin-top:40px; line-height:40px; color:#333; font-size:18px;}
.ad_section5 .cont .s_business .txt .info .business_c p{padding-left:25px; position:relative;}
.ad_section5 .cont .s_business .txt .info .business_c p:before{position:absolute; content:""; left:0px;width:6px; height:6px; border-radius:50%; background:#f39800; top:50%; margin-top:-3px;}
/*动画*/
.ad_section5_an .cont .s_business .img1{transform: scale(1); opacity: 1; transition: all 1.2s 1.4s;-webkit-transition: all 1.2s 1.4s;-webkit-transform: scale(1);}
.ad_section5_an .cont .s_business .txt .info{transform: translate(0%,-50%); opacity: 1; transition: all 1s 0.4s;-webkit-transition: all 1s 0.4s;-webkit-transform: translate(0%,-50%);}
.ad_section6 .cont .s_business{position:relative; overflow:hidden;}
.ad_section6 .cont .s_business .img{float:left; transform: scale(0.1);-webkit-transform: scale(0.1); opacity: 0;}
.ad_section6 .cont .s_business .txt{position:absolute; right:84px; height:100%;width:220px;}
.ad_section6 .cont .s_business .txt .info{position:absolute;top:50%;transform: translate(0%,0%); -webkit-transform: translate(0%,0%); opacity: 0;}
.ad_section6 .cont .s_business .txt .info h2{font-size:30px; font-weight:bold;}
.ad_section6 .cont .s_business .txt .info .business_c{margin-top:40px; line-height:40px; color:#333; font-size:18px;}
.ad_section6 .cont .s_business .txt .info .business_c p{padding-left:25px; position:relative;}
.ad_section6 .cont .s_business .txt .info .business_c p:before{position:absolute; content:""; left:0px;width:6px; height:6px; border-radius:50%; background:#f39800; top:50%; margin-top:-3px;}
/*动画*/
.ad_section6_an .cont .s_business .img{transform: scale(1); opacity: 1; transition: all 1.2s 0.4s;-webkit-transition: all 1.2s 0.4s;-webkit-transform: scale(1);}
.ad_section6_an .cont .s_business .txt .info{transform: translate(0%,-50%); opacity: 1; transition: all 1s 1.4s;-webkit-transition: all 1s 1.4s;-webkit-transform: translate(0%,-50%);}
/*dialog*/
.mask-bg{display:none;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.8);z-index:200;}
.dialog-video{display:none;position:fixed;padding:15px;width:810px;height:456px;top:50%;margin-top:-265px;left:50%;margin-left:-420px;background-color:#000;z-index:19;}
.dialog-video .close{display:block;width:30px;height:30px;background:url(../images/close.png);position:absolute;right:-30px;top:-30px;}
/*获å–方案*/
.dialog-scheme{display:none;position:fixed;width:627px;height:0;top:50%;left:50%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);border-radius:5px;background:#FFF;z-index:999;}
.dialog-scheme .tit{width:100%; height:57px; position:relative; border-top-left-radius:5px; border-top-right-radius:5px; background:#0067b5; line-height:40px;}
.dialog-scheme .tit .cont{background:url(../images/ico105.png) left center no-repeat;position:absolute; top:50%; left:30px; padding-left:42px;transform:translateY(-50%); -webkit-transform:translateY(-50%);font-size:24px; color:#FFF;}
.dialog-scheme .close{display:block;width:43px;height:43px;position:absolute;right:-10px; top:-10px; background:url(../images/close2.png) center center no-repeat;}
.dialog-scheme .form-scheme{margin:14px auto 0;width:500px;}
.dialog-scheme .formscheme-item{line-height:28px;padding-top:16px;position:relative;}
.dialog-scheme .formscheme-item label,
.dialog-scheme .formscheme-item input{display:inline-block;vertical-align:middle;}
.dialog-scheme .formscheme-item label{width:70px;margin-right:30px;}
.dialog-scheme .formscheme-item input,
.dialog-scheme .formscheme-item textarea{width:275px;height:28px;border:1px solid #ddd;line-height:28px;padding:0 5px;}
.dialog-scheme .formscheme-item .text-name,
.dialog-scheme .formscheme-item .text-desc{width:360px;}
.dialog-scheme .formscheme-item textarea{display:inline-block;vertical-align:middle;height:80px;padding:5px;resize:none;}
.dialog-scheme .formscheme-item .ps{margin-left:100px;}
.dialog-scheme .formscheme-item .ps em{color:#f36201;font-style:normal;}
.dialog-scheme .formscheme-item .ok-btn{display:block;width:127px;height:34px;border-radius:5px;background-color:#f39801;border:none;color:#fff;margin-left:100px;}
.formscheme-item .tip-box{position:absolute;display:inline-block;font-size:12px;color:#fff;height:24px;line-height:24px;background-color:#f39801;top:-7px;left:100px;padding:0 10px;border-radius:3px;}
.formscheme-item .tip-box:before{content:'';position:absolute;display:block;/*border:5px solid #000;*/bottom:-6px;left:15px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #f39801;}
.dialog-scheme .formscheme-item input[type="text"]:focus,
.dialog-scheme .formscheme-item textarea:focus{border-color:#f39801;box-shadow:0 0 3px #f39801;}
.dialog-case{display:none;position:fixed;width:963px;height:0;top:50%;margin-top:0;left:50%;margin-left:-482px;border-radius:5px;background:url(../images/casebg.jpg) center center;overflow:hidden;z-index:999;}
.dialog-case .close{display:block;width:22px;height:22px;border-radius:50%;position:absolute;right:38px;top:30px; background:url(../images/close.png) center center no-repeat;}
.dialog-case .title{position:absolute;margin-top:110px; text-align:center; width:100%;}
.dialog-case .title:after{position:absolute; content:""; top:50%; width:100%; height:1px; background:#ccc; left:0px; z-index:1;}
.dialog-case .title span{padding:0px 30px; background:#FFF; color:#ff7f00;font-size:20px; position:relative; z-index:2;}
.dialog-case .cont{margin-top:216px; width:100%; text-align:center; font-size:26px;}
.dialog-case .btn{width:230px; height:55px;display:block; border:1px solid #ff7f00; border-radius:27.5px; color:#666666; line-height:55px;margin:65px auto 0px auto; font-size:16px; text-align:center; transition:all 0.5s; -webkit-transition:all 0.5s;}
.dialog-case .btn:hover{background:#ff7f00; color:#FFF;}
@media screen and (max-width: 768px){
.dialog-scheme{width:90%;}
.dialog-scheme .tit .cont{font-size:20px; background-size:25px auto;}
.dialog-scheme .form-scheme{width:80%; margin: 10px auto 0;}
.dialog-scheme .formscheme-item{padding-top:5px;}
.dialog-scheme .formscheme-item label{margin-right:0px;padding:5px 0px;}
.dialog-scheme .formscheme-item .text-name, .dialog-scheme .formscheme-item .text-desc{width:100%; box-sizing: border-box;}
.dialog-scheme .formscheme-item input, .dialog-scheme .formscheme-item textarea{width:100%;box-sizing: border-box;}
.dialog-scheme .formscheme-item textarea{height:60px;}
.dialog-scheme .formscheme-item .ps{margin-left:0px;}
.dialog-scheme .formscheme-item .ok-btn{margin:0px auto;}
}
.left_qq{position:fixed; right:0px; top:25%; z-index:999;box-shadow: 0px 0px 1px #ccc; display: none}
.left_qq li{width:78px; position:relative; }
.left_qq li:last-child a{border-bottom: none}
.left_qq li.on a{background:#ff7c00;}
.left_qq li a{display:block; position:relative; z-index:15;background:#ff7c00;border-bottom: 1px solid #fff;}
.left_qq li a:hover{background: #ffa54f}
.left_qq li a:hover .cont{background: #ffa54f}
.left_qq li a .cont{padding: 13.5px 0px}
.left_qq li .info{position:absolute; left:128px; width:200px; height:calc(100% - 2px); background:#fff; transition:all 1s; -webkit-transition:all 1s; z-index:0; line-height:88px; border-right:0px; top: 0px; box-shadow:0px 0px 3px rgba(0,0,0,0.1);}
.left_qq li:hover .info{ left:-200px;}
.left_qq li .info1{position:absolute; left:128px; width:179px; height:179px; background:#fff; transition:all 1s; -webkit-transition:all 1s; z-index:2; line-height:88px; border-right:0px; top:0px;box-shadow:0px 0px 3px rgba(0,0,0,0.1);}
.left_qq li:hover .info1{ left:-176px;}
.left_qq li .info .ico{width:100%; font-size:22px; color:#ff7c00; margin:0px auto; display:none; font-family:'AvantGardeITCbyBT-Book'; text-align:center;}
.left_qq li a .ico .show{display: block}
.left_qq li a .ico .none{display:none}
.left_qq li a:hover .ico .show{display: none}
.left_qq li a:hover .ico .none{display:block}
.left_qq li:hover .info .ico{display:block;}
/*.left_qq li a .cont{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:100%; z-index:15;} */
.left_qq li.on a .cont{background:#ff7c00;}
.left_qq li a .cont .ico{width:30px; margin:0px auto;}
.left_qq li:nth-child(2) a .cont .ico{width:30px;}
.left_qq li a .cont .txt{font-size:14px; color:#fff; text-align:center; line-height:30px; }
.bot_info{width:100%;height:70px; box-shadow: 0px 0px 5px #ddd; position:fixed; bottom:-100%; background:#FFF; z-index:30;opacity: 0;transition:all 0.5s; -webkit-transition:all 0.5s;}
.bot_info.cur{ bottom: 0px; opacity: 1}
.bot_info ul{overflow:hidden;}
.bot_info ul li{width:50%; float:left;}
.bot_info ul li a{display:block; height:70px; border-right:1px solid rgba(0,0,0,0.1); position:relative; transition:all 0.3s; -webkit-transition:all 0.3s; background:rgba(255,255,255,0.3);}
.bot_info ul li a:hover{background:#ff7c00;}
.bot_info ul li a .cont{position:absolute;width:100%; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.bot_info ul li a .cont .ico{width:25px; margin:0px auto;}
.bot_info ul li a .cont .ico .show{display:block;}
.bot_info ul li a:hover .cont .ico .show{display:none;}
.bot_info ul li a .cont .ico .hid{display:none;}
.bot_info ul li a:hover .cont .ico .hid{display:block;}
.bot_info ul li a .cont .txt{color:#ff7c00; line-height:30px; text-align:center;}
.bot_info ul li a:hover .cont .txt{color:#FFF;}
@media screen and (max-width:991px){
.left_qq{display:none;}
.bot_info{}
}
/*.Calculator{position:fixed; width:100%; height:100%; top:0px;left:0px; z-index:200;}*/
.sub_bg{background:#f5f5f5;}
.s_classname{font-size:40px; color:#333; font-weight:bold; text-align:center;}
.s_nav{margin-top:75px; text-align:center;}
.s_nav a{display:inline-block; width:123px; height:38px; text-align:center; border:1px solid #e3e3e3; border-radius:3px; color:#666; transition:all 0.3s; -webkit-transition:all 0.3; margin:0px 10px; line-height:38px;}
.s_nav a:hover,.s_nav a.on{color:#ff7e01; border:1px solid #ff7e01;}
.s_case{margin:70px 0px 60px 0px;}
/* .s_case .g-wrap{max-width:1495px}
@media screen and (max-width: 1600px){
.s_case .g-wrap{max-width:1300px}
} */
@media screen and (max-width: 1400px){
.s_case .g-wrap{max-width:1200px}
}
/* .scaseBox{margin-bottom:70px;}
.scaseBox .hd{margin:75px 0px 76px 0px;text-align: center;}
.scaseBox .hd li{display:inline-block;*display:inline; *zoom:1; width:120px; height:35px; line-height:35px; border:solid 1px #e3e3e3; margin:0 10px; font-size:16px; transition:all 0.5s; -webkit-transition:all 0.5s; color:#999999; cursor:pointer; border-radius:3px;}
.scaseBox .hd li.on{border:1px solid #ff7e01; color:#ff7e01;}
.scaseBox .hd li.on a{color:#ff7e01;}
.scaseBox .bd ul{padding:0px;zoom:1;} */
.s_caselist{margin-top:0px;}
.s_caselist .imglist{margin-top:-30px; margin-right:-25px; margin-bottom:70px; min-height:100px;}
.s_caselist .imglist .loading img{display:inline-block; max-width:100%; width:auto; margin-top:30px;}
.s_caselist .imglist dd{width:33.33%; float:left;}
.s_caselist .imglist dd a{margin-right:25px; margin-top:30px; background:#FFF; transition:all 0.5s; -webkit-transition:all 0.5s; color:#FFF; display:block; overflow: hidden}
.s_caselist .imglist dd a:hover{box-shadow:0px 0px 15px #ccc;-moz-box-shadow:0px 0px 15px #ccc;-ms-box-shadow:0px 0px 15px #ccc;-webkit-box-shadow:0px 0px 15px #ccc;}
.s_caselist .imglist dd a .img{width:100%; overflow:hidden; position:relative;}
.s_caselist .imglist dd a .img .cont{position:absolute;width:100%; height:100%; background:rgba(0,0,0,0.7);top:-100%; left:0px; transition:all 0.5s; -webkit-transition:all 0.5;}
.s_caselist .imglist dd a:hover .img .cont{top:0px;}
.s_caselist .imglist dd a .img .cont .title{font-size:22px; border-top:1px solid #FFF; border-bottom:1px solid #FFF; top:50%;left:50%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); text-align:center; position:absolute; line-height:35px;}
.s_caselist .imglist dd a .txt{ margin:20px 25px 20px 38px; line-height:25px; color:#666; position:relative;}
.s_caselist .imglist dd a .txt span{font-size:18px; color:#333; font-weight:bold; display:block;}
.s_caselist .imglist dd a .txt em{display:block;width:30px; height:30px;position:absolute; right:0px;top:50%; overflow:hidden; transform: translate(0,-50%)}
.s_caselist .imglist dd a .txt em .img1{position:absolute; top:0px; left:0px; display:block;transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_caselist .imglist dd a:hover .txt em .img1{top:-100%;}
.s_caselist .imglist dd a .txt em .img2{position:absolute; top:100%; left:0px; display:block;transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_caselist .imglist dd a:hover .txt em .img2{top:0px;}
.ajax-more{text-align:center;}
.ajax-more img{max-width:100%; width:auto; display:inline-block;}
.ajax-more a{display:inline-block; text-align:center; padding:15px 15px;color:#797979; background:#FFF; transition:all 0.5s; -webkit-transition:all 0.5; margin:0px 5px; }
.ajax-more a:hover,.ajax-more a.on{box-shadow:0px 0px 15px #ccc;-moz-box-shadow:0px 0px 15px #ccc;-ms-box-shadow:0px 0px 15px #ccc;-webkit-box-shadow:0px 0px 15px #ccc; color:#ff7e01;}
.case-more{text-align:center;}
.case-more a{display:inline-block; text-align:center; width:190px; height:35px; line-height:35px;color:#797979; background:#FFF; transition:all 0.3s; -webkit-transition:all 0.3;}
.case-more a:hover{box-shadow:0px 0px 15px #ccc;-moz-box-shadow:0px 0px 15px #ccc;-ms-box-shadow:0px 0px 15px #ccc;-webkit-box-shadow:0px 0px 15px #ccc; color:#ff7e01;}
@media screen and (max-width:1440px){
.s_caselist .imglist dd a .txt{min-height: 80px;}
}
@media screen and (max-width:1200px){
.s_case{margin:40px 0px 40px 0px;}
.s_nav{margin-top:45px;}
}
@media screen and (max-width:991px){
.s_classname{font-size:24px;}
.s_nav{margin-top:25px;}
.s_caselist .imglist dd a .txt{margin:15px;}
.s_caselist .imglist dd a .img .cont .title{font-size:18px; line-height:30px;}
.s_caselist .imglist dd a .txt span{font-size:16px;}
}
@media screen and (max-width:640px){
.s_classname{font-size:20px;}
.s_case{margin:30px 0px 40px 0px;}
.s_nav a{width:100px; height:30px; line-height:30px; margin:0px 5px; font-size:12px;}
.s_caselist .imglist{margin-top:-15px; margin-right:-15px; margin-bottom:40px;}
.s_caselist .imglist dd{width:50%;}
.s_caselist .imglist dd a{margin-top:15px; margin-right:15px;}
.s_caselist .imglist dd a .img .cont .title{font-size:16px; line-height:25px;}
.s_caselist .imglist dd a .txt{font-size:12px; height:50px;}
.s_caselist .imglist dd a .txt span{font-size:14px;}
.case-more a{width:140px;}
}
@media screen and (max-width:480px){
.s_classname{font-size:18px;}
.s_nav a{width:90px; margin:0px 3px;}
.s_caselist .imglist dd a .img .cont .title{font-size:14px;}
.s_caselist .imglist dd a .txt{margin:10px;}
.s_caselist .imglist dd a .txt em{width:25px; height:25px;}
.s_caselist .imglist dd a .txt span{font-size:12px; width:calc(100% - 30px);}
.s_caselist .imglist dd{width: 100%;}
.s_caselist .imglist dd a{margin-right: 0px;}
.s_caselist .imglist{margin-right: 0px;}
}
.s_casedetail{width:100%; margin-top:-270px;position:relative; z-index:2; }
.s_casedetail .g-wrap .title{margin-top:17px; text-align:left; margin-bottom:40px; overflow:hidden;}
.s_casedetail .g-wrap .title span{font-size:32px; font-weight:bold; color:#FFF;}
.s_casedetail .g-wrap .title .links{float:right;width:205px;}
.s_casedetail .g-wrap .title .links a{display:inline-block; width:50px; height:50px; background:#102449; border-radius:50%;margin-left:15px; transition:all 0.5s; -webkit-transition:all 0.5s; position:relative;}
.s_casedetail .g-wrap .title .links a em{display:block; width:30px; height:30px; position:absolute; left:50%; top:50%; margin-left:-15px; margin-top:-15px;}
.s_casedetail .g-wrap .title .links a:hover{background:#ff7e01;}
.s_casedetail .g-wrap .cont{width:100%; background:#FFF; margin-bottom:97px;}
.project_cont{margin:0px 16px 0px 16px; padding:15px 0px 80px 0px;overflow:hidden;}
.project_cont .project_jian{width:960px; min-height:385px; background:#f5f5f5; float:left;}
.project_cont .project_jian .info{margin:38px 56px;}
.project_cont .project_jian .info h2{line-height:1.5; font-size:24px; color:#333; padding-bottom:15px; position:relative;}
.project_cont .project_jian .info h2:after{position:absolute; content:"";width:11px; height:2px; background:#9a9a9a; left:0px; bottom:0px;}
.project_cont .project_jian .info .txt{margin-top:20px; color:#666; line-height:30px; letter-spacing:1.5px;}
.project_cont .project_service{width:428px; float:right;min-height:385px; background:#e8e8e8;}
.project_cont .project_service .info{margin:38px 56px;}
.project_cont .project_service .info h2{line-height:1.5; font-size:24px; color:#333; padding-bottom:15px; position:relative;}
.project_cont .project_service .info h2:after{position:absolute; content:"";width:11px; height:2px; background:#9a9a9a; left:0px; bottom:0px;}
.project_cont .project_service .info .txt{margin-top:20px; margin-bottom:30px; color:#666; line-height:30px; letter-spacing:1.5px;}
.project_cont .project_service .info .txt p{position:relative; padding-left:18px;}
.project_cont .project_service .info .txt p:before{position:absolute; content:""; width:5px; height:5px; border-radius:50%; background:#666666;top:13px; left:0px;}
.project_cont .project_service .info .contact{display:block;width:160px; height:42px; background:url(../images/ico29.png) 30px center no-repeat #ff7e01; line-height:42px;color:#FFF; float:left; transition:all 0.5s;-webkit-transition:all 0.5s;}
.project_cont .project_service .info .contact:hover{opacity:0.8;}
.project_cont .project_service .info .contact span{display:inline-block; line-height:22px; margin-left:70px;}
.case_pic{padding:0px 15px; padding-bottom:89px;}
.case_pic li{box-shadow:0px 0px 30px #ccc;-moz-box-shadow:0px 0px 30px #ccc;-ms-box-shadow:0px 0px 30px #ccc;-webkit-box-shadow:0px 0px 30px #ccc;}
.case_pic .owl-prev,.case_pic .owl-next{width:45px; height:75px; position:absolute; top:50%; margin-top:-32.5 px;}
.case_pic .disabled{background-color:rgba(0,0,0,0.2);}
.case_pic .owl-prev{left:-45px; background:url(../images/left.png) rgba(0,0,0,0.5) center center no-repeat; transition:all 0.3s;}
.case_pic .owl-prev:hover{background:url(../images/left.png) rgba(0,0,0,0.2) center center no-repeat;}
.case_pic .owl-next{right:-45px; background:url(../images/right.png) rgba(0,0,0,0.5) center center no-repeat; transition:all 0.3s;}
.case_pic .owl-next:hover{background:url(../images/right.png) rgba(0,0,0,0.2) center center no-repeat;}
.s_casedetail .pages{width:100%; min-height:225px; background:#222222; position:relative; color:#666;}
.s_casedetail .pages a{display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:185px; height:45px; line-height:45px; color:#666666;font-size:16px;}
.s_casedetail .pages a span{float:left; transition:all 0.3s; -webkit-transition:all 0.3s;}
.s_casedetail .pages a:hover span{color:#ff7c00;}
.s_casedetail .pages a em{width:45px; height:45px; background:#333333; position:absolute; right:10px; border-radius:50%; transition:all 0.3s; -webkit-transition:all 0.3s;}
.s_casedetail .pages a:hover em{right:0px; background:#ff7c00;}
@media screen and (max-width:1440px){
.project_cont .project_jian{width:740px;}
}
@media screen and (max-width:1260px){
.project_cont .project_jian{width:65%;}
.project_cont .project_service{width:35%;}
}
@media screen and (max-width:991px){
.s_casedetail{margin-top:-200px;}
.s_casedetail .g-wrap .title{margin-bottom:20px;}
.s_casedetail .g-wrap .title span{font-size:28px;}
.project_cont .project_jian .info{margin:28px 36px;}
.project_cont .project_jian .info h2{font-size:20px;}
.project_cont .project_service .info{margin:28px 36px;}
.project_cont .project_service .info h2{font-size:20px;}
}
@media screen and (max-width:768px){
.s_casedetail .g-wrap .title span{font-size:24px; margin-top:15px; float:left;}
.project_cont .project_jian{width:100%; min-height:auto;}
.project_cont .project_service{width:100%; min-height:auto;}
.project_cont .project_jian .info{margin:15px 25px;}
.project_cont .project_jian .info .txt{margin-top:10px; line-height:25px;}
.project_cont .project_jian .info h2{font-size:16px;}
.project_cont .project_service .info{margin:15px 25px;}
.project_cont .project_service .info .txt{margin-bottom:10px; margin-top:10px;}
.project_cont .project_service .info h2{font-size:16px;}
.project_cont .project_service .info .contact{margin-bottom:15px;}
}
@media screen and (max-width:640px){
.s_casedetail .g-wrap .title span{font-size:20px;display:block; width:100%;}
.s_casedetail .g-wrap .title .links{float:left; margin-top:15px;}
.s_casedetail .g-wrap .title .links a{margin-left:0px; margin-right:10px;width:30px;height:30px;}
.s_casedetail .g-wrap .title .links a em{width:20px; height:20px; margin-top:-10px; margin-left:-10px;}
}
.s_news{margin:90px 0px 75px 0px;}
.snewsBox .hd{margin:55px 0px 56px 0px;text-align: center;}
.snewsBox .hd li{display:inline-block;*display:inline; *zoom:1; width:120px; height:35px; line-height:35px; border:solid 1px #e3e3e3; margin:0 10px; font-size:16px; transition:all 0.5s; -webkit-transition:all 0.5s; color:#999999; cursor:pointer; border-radius:3px;}
.snewsBox .hd li.on{border:1px solid #ff7e01; color:#ff7e01;}
.snewsBox .hd li.on a{color:#ff7e01;}
.snewsBox .bd ul{padding:0px;zoom:1;}
@media screen and (max-width:991px){
.s_news{margin:60px 0px 75px 0px;}
.snewsBox .hd{margin:30px 0px;}
}
@media screen and (max-width:640px){
.s_news{margin:30px 0px 45px 0px;}
.snewsBox .hd li{font-size:14px; width:100px; height:30px; line-height:30px; margin:0px 3px;}
}
@media screen and (max-width:480px){
.snewsBox .hd li{font-size:12px; width:90px;}
}
.s_newslist .imglist{margin-top:-16px; margin-right:-16px; margin-bottom:67px;text-align:center; }
.s_newslist .imglist .loading img{display:inline-block; max-width:100%; width:auto; margin-top:30px;}
.s_newslist .imglist dd{width:33.33%; float:left;}
.s_newslist .imglist dd a{margin-top:16px; margin-right:16px; position:relative; display:block; overflow:hidden; color:#FFF;}
.s_newslist .imglist dd a .cont{position:absolute;height:100%; width:100%; top:0px; left:0px;transition:all 0.5s; -webkit-transition:all 0.5s; z-index:3;}
.s_newslist .imglist dd a:hover .cont{top:-100%;}
.s_newslist .imglist dd a .cont .txt{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); text-align:center; line-height:1.2; z-index:3;width:90%;}
.s_newslist .imglist dd a .cont .txt .times{font-size:18px; font-family:Arial;padding-bottom:20px; position:relative;}
.s_newslist .imglist dd a .cont .txt .times:after{position:absolute; content:"";width:30px; bottom:0px; left:50%; margin-left:-15px; height:1px; background:#FFF;}
.s_newslist .imglist dd a .cont .txt span{display:block; font-size:16px; margin-top:28px;}
.s_newslist .imglist dd a:before{position:absolute; content:"";width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:1; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_newslist .imglist dd a:hover:before{top:-100%;}
.s_newslist .imglist dd a:after{position:absolute; content:"";width:100%; height:100%; background:rgba(255,126,1,0.7); top:100%; left:0px; z-index:1; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_newslist .imglist dd a:hover:after{top:0px;}
.s_newslist .imglist dd a .cont1{position:absolute;height:100%; width:100%; top:100%; left:0px;transition:all 0.5s; -webkit-transition:all 0.5s; z-index:3; }
.s_newslist .imglist dd a:hover .cont1{top:0px;}
.s_newslist .imglist dd a .cont1 .txt{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); text-align:center; line-height:1.2; z-index:3;width:95%; height:90%; border:1px solid #FFF;}
.s_newslist .imglist dd a .cont1 .txt .info{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); text-align:center; line-height:1.2; width:80%; line-height:25px;}
.s_newslist .imglist dd a .cont1 .txt .info h2{font-size:16px; height:25px; }
.s_newslist .imglist dd a .cont1 .txt .info em{display:block; font-style:normal; padding:10px 0px;font-size:12px; line-height:12px;}
.s_newslist .imglist dd a .cont1 .txt .info h3{height:50px;}
.s_newslist .imglist dd a .cont1 .txt .info .more{width:105px; background:#FFF; text-align:center; height:30px; line-height:30px; font-size:18px;color:#ff7e01; margin:20px auto 0px auto;}
@media screen and (max-width:991px){
.s_newslist .imglist dd a .cont1 .txt .info h3{display:none;}
}
@media screen and (max-width:768px){
.s_newslist .imglist dd a .cont .txt .times{padding-bottom:10px;}
.s_newslist .imglist dd a .cont .txt span{font-size:14px; margin-top:15px;}
.s_newslist .imglist dd a .cont1 .txt .info .more{margin-top:10px;}
}
@media screen and (max-width:640px){
.s_newslist .imglist{margin-bottom:40px;}
.s_newslist .imglist dd{width:50%;}
}
@media screen and (max-width:480px){
.s_newslist .imglist dd a .cont .txt span{display:none;}
.s_newslist .imglist dd a .cont .txt .times{font-size:16px;}
.s_newslist .imglist dd a .cont1 .txt .info .more{display:none;}
.s_newslist .imglist dd a .cont1 .txt .info h2{font-size:14px;}
.s_newslist .imglist dd a .cont1 .txt .info em{display:none;}
}
.s_newsdetail{width:100%; margin-top:-270px;position:relative; z-index:2; overflow:hidden;}
.s_newsdetail .g-wrap .news_tit{text-align:left; margin-bottom:40px; overflow:hidden; font-size:38px; line-height:50px; color:#FFF;}
.s_newsdetail .g-wrap .news_cont{min-height:500px; background:#FFF; margin-bottom:40px; padding:20px 45px 60px 45px; line-height:30px; color:#666;}
.s_newsdetail .g-wrap .news_cont .info{padding:12px 0px; line-height:25px; height:25px; font-size:12px; color:#999999; border-bottom:1px solid #e5e5e5; text-align:right; margin-bottom:20px;}
.s_newsdetail .g-wrap .news_cont .info span{float:left;}
.s_newsdetail .g-wrap .news_cont .info a{display:inline-block; width:100px; height:25px; background:#f2f2f2; color:#666666; text-align:center; line-height:25px; margin-left:8px; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_newsdetail .g-wrap .news_cont .info a:hover{background:#ff7c00; color:#FFF;}
.s_newsdetail .g-wrap .news_cont p{margin-bottom:20px;}
.newspage{padding:20px 0px; margin-top:20px; border-top:1px solid #e5e5e5; line-height:30px; }
.newspage a{display:block; color:#666;}
.newspage a:hover{color:#ff7c00;}
.s_newsdetail .relanews{margin-bottom:24px;}
.s_newsdetail .relanews h2{font-size:24px; font-weight:bold; margin-bottom:40px;}
.s_newsdetail .relanews .imglist{margin-top:-16px; margin-right:-16px; margin-bottom:67px;}
.s_newsdetail .relanews .imglist li{width:33.33%;}
.s_newsdetail .relanews .imglist li a{margin-top:16px; margin-right:16px; position:relative;}
.s_newsdetail .relanews .imglist li a .cont{position:absolute;height:100%; width:100%; top:0px; left:0px;transition:all 0.5s; -webkit-transition:all 0.5s; z-index:3;}
.s_newsdetail .relanews .imglist li a:hover .cont{top:-100%;}
.s_newsdetail .relanews .imglist li a .cont .txt{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); text-align:center; line-height:1.2; z-index:3;width:90%;}
.s_newsdetail .relanews .imglist li a .cont .txt .times{font-size:18px; font-family:Arial;padding-bottom:20px; position:relative;}
.s_newsdetail .relanews .imglist li a .cont .txt .times:after{position:absolute; content:"";width:30px; bottom:0px; left:50%; margin-left:-15px; height:1px; background:#FFF;}
.s_newsdetail .relanews .imglist li a .cont .txt span{display:block; font-size:16px; margin-top:28px;}
.s_newsdetail .relanews .imglist li a:before{position:absolute; content:"";width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:1; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_newsdetail .relanews .imglist li a:hover:before{top:-100%;}
.s_newsdetail .relanews .imglist li a:after{position:absolute; content:"";width:100%; height:100%; background:rgba(255,126,1,0.7); top:100%; left:0px; z-index:1; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_newsdetail .relanews .imglist li a:hover:after{top:0px;}
.s_newsdetail .relanews .imglist li a .cont1{position:absolute;height:100%; width:100%; top:100%; left:0px;transition:all 0.5s; -webkit-transition:all 0.5s; z-index:3; }
.s_newsdetail .relanews .imglist li a:hover .cont1{top:0px;}
.s_newsdetail .relanews .imglist li a .cont1 .txt{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); text-align:center; line-height:1.2; z-index:3;width:95%; height:90%; border:1px solid #FFF;}
.s_newsdetail .relanews .imglist li a .cont1 .txt .info{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); text-align:center; line-height:1.2; width:80%; line-height:25px;}
.s_newsdetail .relanews .imglist li a .cont1 .txt .info h2{font-size:16px; height:25px; }
.s_newsdetail .relanews .imglist li a .cont1 .txt .info em{display:block; font-style:normal; padding:10px 0px;font-size:12px; line-height:12px;}
.s_newsdetail .relanews .imglist li a .cont1 .txt .info h3{height:50px;}
.s_newsdetail .relanews .imglist li a .cont1 .txt .info .more{width:105px; background:#FFF; text-align:center; height:30px; line-height:30px; font-size:18px;color:#ff7e01; margin:20px auto 0px auto;}
@media screen and (max-width:991px){
.s_newsdetail .g-wrap .news_tit{font-size:28px; margin-bottom:20px;}
.s_newsdetail .g-wrap .news_cont{padding:20px 20px 30px 20px;}
.s_newsdetail .relanews{display:none;}
}
@media screen and (max-width:640px){
.s_newsdetail{margin-top:-200px;}
.s_newsdetail .g-wrap .news_tit{font-size:22px; line-height:30px;}
.s_newsdetail .g-wrap .news_cont .info a{display:none;}
.s_newsdetail .g-wrap .news_cont p{margin-bottom:5px;}
.s_newsdetail .relanews h2{font-size:18px; margin-bottom:20px;}
.newspage{padding-bottom:0px;}
}
@media screen and (max-width:480px){
.s_newsdetail{margin-top:-250px;}
.s_newsdetail .g-wrap .news_tit{font-size:16px;}
}
.s_cooperation{margin:105px 0px 160px 0px;}
.s_cooperation .imglist{margin-top:80px;margin-right:-10px;}
.s_cooperation .imglist li{width:20%;}
.s_cooperation .imglist li a{margin-top:10px; margin-right:10px; background:#FFF; position:relative; height:270px; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_cooperation .imglist li a:hover{box-shadow:0px 0px 15px #ccc;-moz-box-shadow:0px 0px 15px #ccc;-ms-box-shadow:0px 0px 15px #ccc;-webkit-box-shadow:0px 0px 15px #ccc;}
.s_cooperation .imglist li a .cont{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:100%; text-align:center;}
.s_cooperation .imglist li a .cont img{max-width:100%; width:auto; margin:0px auto; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_cooperation .imglist li a:hover .cont img{ -webkit-animation:1s .1s bounceIn both; animation: 1s .1s bounceIn both;}
.s_cooperation .imglist li a .cont h2{font-size:16px; line-height:25px; margin:35px auto 0px auto; color:#333; width:80%; height:50px; }
.s_contact{margin:94px 0px 0px 0px;}
.newsBox{ width:100%;}
.newsBox .hd{margin:70px 0px 97px 0px;text-align: center; height:38px;}
.newsBox .hd ul{overflow:hidden; width:100%;}
.newsBox .hd li{display:inline-block; width:123px; height:38px; line-height:38px; border:solid 1px #e3e3e3; margin:0 10px; font-size:14px; transition:all 0.5s; -webkit-transition:all 0.5s; color:#999999; cursor:pointer; border-radius:3px;}
.newsBox .hd li.on{border:1px solid #ff7e01; color:#ff7e01;}
.newsBox .bd ul{padding:0px;zoom:1;}
.newsBox .bd ul .imglist{margin-top:-30px; margin-right:-30px;}
.newsBox .bd ul .imglist dd{float:left; width:25%;}
.newsBox .bd ul .imglist dd a{display:block; margin-top:30px; margin-right:30px;}
.newsBox .bd ul .imglist dd a .img{width:90px; height:90px; border:1px solid #ccc; border-radius:50%; margin:0px auto; position:relative;}
.newsBox .bd ul .imglist dd a .img em{display:block; width:30px; height:30px;position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.newsBox .bd ul .imglist dd a .title{margin-top:10px; text-align:center; color:#666; line-height:20px;}
.newsBox .bd ul .imglist dd a .title span{font-size:18px; color:#333; display:block; line-height:30px; margin-bottom:5px;}
.newsBox .bd ul #map1,.newsBox .bd ul #map2{margin-top:100px; height:530px;}
.s_feedback{margin-top:90px; margin-bottom:90px;}
.s_feedback .s_title{font-size:16px; color:#666; text-align:center; line-height:20px; margin-top:20px;}
.s_feedback .s_message{margin:67px 0px 67px 0px; overflow:hidden;}
.s_feedback .s_message .m_left,.s_feedback .s_message .m_right{ float:left; width:50%;}
.s_feedback .s_message .m_left ul{margin-top:-15px;}
.s_feedback .s_message .m_left li{width:100%;float:left;}
.s_feedback .s_message .m_left li .int-put{border:1px solid #ddd; margin-top:15px; margin-right:10px;}
.s_feedback .s_message .m_left li .int-put span{display:block;width:50px; line-height:43px; float:left; text-align:right; color:#666;}
.s_feedback .s_message .m_left li .int-put .int{margin-left:55px; margin-top:1px;}
.s_feedback .s_message .m_left li .int-put .int input{border:0px; background:transparent; width:100%; height:43px; line-height:43px; color:#000000; text-transform:uppercase;}
.s_feedback .s_message .m_left li .int-put .int input::-webkit-input-placeholder {color:#ccc; font-size:14px;}
.s_feedback .s_message .m_right{float:right; width:50%; height:167px;}
.s_feedback .s_message .m_right ul{margin-top:-15px;}
.s_feedback .s_message .m_right li{width:100%;float:left;}
.s_feedback .s_message .m_right li .int-put{border:1px solid #ddd; margin-top:15px; margin-left:10px;}
.s_feedback .s_message .m_right li .int-put span{display:block;width:50px; line-height:43px; float:left; text-align:right; color:#666;}
.s_feedback .s_message .m_right li .int-put .int{margin-left:55px;margin-top:1px;}
.s_feedback .s_message .m_right li .int-put .int textarea{width:100%; height:163px; border:0px; background:transparent;line-height:43px; color:#000000; text-transform:uppercase;}
.s_feedback .s_message .m_right li .int-put .int textarea::-webkit-input-placeholder {color:#ccc; font-size:14px;}
.s_feedback .btn{margin:0px auto 0px auto;width:190px; height:50px;background:#ff7e01; position:relative; cursor:pointer; transition:all 0.5s; -webkit-transition:all 0.5s;-moz-transition:all 0.5s; -ms-webkit-transition:all 0.5s;}
.s_feedback .btn:hover{filter:alpha(opacity=80); opacity:0.8;}
.s_feedback .btn .ico{position:absolute; top:50%; left:50%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); font-size:16px; color:#FFF; width:60%;}
.s_feedback .btn .ico em{width:28px; float:left; margin-right:18px;}
.s_feedback .btn .ico span{display:block; float:right;line-height:30px;}
@media screen and (max-width:991px){
.s_contact{margin:64px 0px 0px 0px;}
.newsBox .hd{margin:40px 0px 67px 0px;}
.newsBox .bd ul #map1, .newsBox .bd ul #map2{margin-top:70px; height:430px;}
.s_feedback{margin:60px 0px;}
.s_feedback .s_message{margin:50px 0px;}
}
@media screen and (max-width:640px){
.s_contact{margin:34px 0px 0px 0px;}
.newsBox .hd{margin:30px 0px 37px 0px;}
.newsBox .bd ul #map1, .newsBox .bd ul #map2{margin-top:40px; height:330px;}
.newsBox .bd ul .imglist dd{width:50%;}
.newsBox .bd ul .imglist dd a .img{width:70px; height:70px;}
.newsBox .bd ul .imglist dd a .title span{font-size:16px;}
.s_feedback{margin:30px 0px 40px 0px;}
.s_feedback .s_message{margin:30px 0px;}
.s_feedback .s_title{font-size:14px;}
.s_feedback .s_message .m_left li .int-put{margin-right:0px;}
.s_feedback .s_message .m_left, .s_feedback .s_message .m_right{width:100%;}
.s_feedback .s_message .m_right {margin-top:15px; height:auto;}
.s_feedback .s_message .m_right li .int-put{margin-left:0px;}
.s_feedback .s_message .m_right li .int-put .int textarea{height:110px;}
.s_feedback .btn{height:40px;}
.s_feedback .btn .ico{width:60%; font-size:14px;}
.s_feedback .btn .ico em{margin-right:10px;}
.s_feedback .btn{width:160px;}
}
@media screen and (max-width:480px){
.newsBox .bd ul .imglist{margin-top:-15px; margin-right:-15px;}
.newsBox .bd ul .imglist dd a{margin-top:15px; margin-right:15px;}
.newsBox .bd ul .imglist dd a .title span{font-size:14px; font-weight:bold;}
}
.s_service li{width:100%; height:100vh; background-size:cover; background-repeat:no-repeat; background-position: center center; background-attachment:fixed; position:relative; z-index:3;}
.s_service li .cont{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:1200px; z-index:9;}
.s_service li .cont .txt{position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); color:#FFF;}
.s_service li .cont .txt h2{font-size:30px; margin-bottom:30px; font-weight: bold;}
.s_service li .cont .txt h3{font-size:16px; line-height:26px; margin-bottom:30px;}
.s_service li .cont .txt p{padding-left:35px; line-height:30px; font-size:18px; position:relative; padding-top:5px; padding-bottom:5px;}
.s_service li .cont .txt p:before{width:8px; height:8px;position:absolute; content:""; font-size:18px; background:#FFF;top:50%; margin-top: -4px; left:0px; border-radius:50%;}
.s_service li.divfixed2,.s_service li.divfixed3,.s_service li.divfixed4,.s_service li.divfixed5{z-index:3; }
.s_service li.divfixed{z-index:2;position:fixed;top:0px;}
.s_service li:nth-child(1) .cont .img{width:856px; float:left;}
.s_service li:nth-child(1) .txt{right:0px; width:275px;}
.s_service li:nth-child(2) .cont .img{width:960px;height:660px; float:right; position:relative; margin-right:-165px;}
.s_service li:nth-child(2) .cont .img .img1{width:588px; position:absolute;left:45px; top:0px;}
.s_service li:nth-child(2) .cont .img .img2{width:588px; position:absolute;right:0px; top:45%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.s_service li:nth-child(2) .cont .img .img3{width:587px; position:absolute; bottom:0px;left:0px;}
.s_service li:nth-child(2) .txt{left:0px; width:370px;}
.s_service li:nth-child(3) .cont .img{width:733px; float:left;}
.s_service li:nth-child(3) .txt{right:0px; width:260px; color:#333;}
.s_service li:nth-child(3) .txt p:before{background:#ff7c00;}
.s_service li:nth-child(4) .cont .img{width:604px;float:right;}
.s_service li:nth-child(4) .cont .txt{width:315px; float:left;}
.s_service li:nth-child(4) .txt p:before{background:#999;}
.s_service li:nth-child(5):after{content: "";position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.73);top: 0px;z-index: 1;}
.s_service li:nth-child(5) .cont .h_classname .cn{color:#FFF;}
.s_service li:nth-child(5) .cont .h_classname .en{color:#FFF;}
.s_service li:nth-child(5) .cont .profile{width:100%;margin:0px auto; color:#999999;line-height:30px; text-align:center;}
.s_service li:nth-child(5) .cont .h_message .imglist li{height:auto;}
@media screen and (max-height:800px){
.s_service li:nth-child(1) .cont .img{width:700px;}
.s_service li:nth-child(2) .cont .img{width:760px; height:560px;}
.s_service li:nth-child(2) .cont .img .img1{width:488px;}
.s_service li:nth-child(2) .cont .img .img2{width:488px;}
.s_service li:nth-child(2) .cont .img .img3{width:487px;}
.s_service li:nth-child(3) .cont .img{width:533px;}
.s_service li:nth-child(4) .cont .img{width:504px;}
}
@media screen and (max-width:1368px){
.s_service li:nth-child(1) .cont .img{width:656px;}
.s_service li:nth-child(2) .cont .img{width:760px; height:560px;}
.s_service li:nth-child(2) .cont .img .img1{width:488px;}
.s_service li:nth-child(2) .cont .img .img2{width:488px;}
.s_service li:nth-child(2) .cont .img .img3{width:487px;}
.s_service li:nth-child(3) .cont .img{width:600px;}
.s_service li:nth-child(4) .cont .img{width:504px;}
.s_service li .cont{width: 1000px;}
}
@media screen and (max-width:1200px){
.s_service li .cont{width:90%;}
.s_service li:nth-child(1) .cont .img{width:60%;}
.s_service li:nth-child(1) .txt{width:30%;}
.s_service li:nth-child(3) .cont .img{width:60%;}
.s_service li:nth-child(3) .txt{width:30%;}
}
@media screen and (max-width:991px){
.s_service li .cont .txt h2{font-size:24px; margin-bottom:20px;}
.s_service li .cont .txt h3{margin-bottom:20px;}
.s_service li .cont .txt p{font-size:16px; padding-left:25px;}
.s_service li:nth-child(2) .cont .img{width:70%; height:430px;margin-right:0px;}
.s_service li:nth-child(2) .cont .img .img1{width:60%;}
.s_service li:nth-child(2) .cont .img .img2{width:60%;}
.s_service li:nth-child(2) .cont .img .img3{width:60%;}
.s_service li:nth-child(4) .cont .img{width:60%;}
.s_service li:nth-child(4) .txt{width:30%;}
}
@media screen and (max-width:768px){
.s_service li:nth-child(2) .cont .img{height:300px;width:50%;}
}
@media screen and (max-width:640px){
.s_service li:nth-child(1) .cont .img{width:80%;margin:0px auto 30px auto; float:none;}
.s_service li:nth-child(1) .txt{width:100%; position:static;transform: translateY(0);-webkit-transform: translateY(0);text-align:center;}
.s_service li .cont .txt h2{font-size:18px; font-weight:bold; margin-bottom:15px; }
.s_service li .cont .txt h3{margin-bottom:10px; font-size:14px; display:none;}
.s_service li .cont .txt p{font-size:14px; padding-left:25px; padding:0px;}
.s_service li .cont .txt p:before{display:none;}
.s_service li:nth-child(2) .cont .img{height:360px;width:100%;}
.s_service li:nth-child(2) .txt{position:static; text-align:center;transform: translateY(0);-webkit-transform: translateY(0); text-align:center; width:100%;}
.s_service li:nth-child(3) .cont .img{width:70%;margin:0px auto 30px auto; float:none;}
.s_service li:nth-child(3) .txt{width:100%; position:static;transform: translateY(0);-webkit-transform: translateY(0); text-align:center;}
.s_service li:nth-child(4) .cont .img{width:70%;margin:0px auto 30px auto; float:none;}
.s_service li:nth-child(4) .cont .txt{width:100%; position:static;transform: translateY(0);-webkit-transform: translateY(0); text-align:center; float:none;}
}
@media screen and (max-width:480px){
.s_service li:nth-child(2) .cont .img .img1{left:25px;}
.s_service li:nth-child(2) .cont .img{height:300px;}
}
@media screen and (max-width:420px){
.s_service li:nth-child(2) .cont .img{height:200px; float: none; margin: 0 auto; width: 80%; margin-bottom: 20px;}
}
@media screen and (max-height:420px){
.s_service li:nth-child(1) .txt{width: 40%}
.s_service li .cont .txt h3{font-size: 12px; line-height: 18px; margin-bottom: 10px;}
.s_service li .cont .txt h2{font-size: 18px; margin-bottom: 10px;}
.s_service li .cont .txt p{font-size: 12px; line-height: 12px;}
.s_service li:nth-child(4) .cont .img{width: 45%}
.s_service li:nth-child(3) .cont .img{width: 45%}
.s_service li:nth-child(1) .cont .img{width: 50%}
.s_service li:nth-child(2) .cont .img{height: 250px;}
.s_service li:nth-child(2) .txt{width: 40%}
.s_service li:nth-child(3) .txt{width: 40%}
.s_service li:nth-child(4) .cont .txt{width: 40%}
.s_service li:nth-child(5) .cont .profile{display: none}
}
.s_servicecontact{height: 100vh;background: url(../images/zixunbg.jpg) center/cover no-repeat; position:relative;background-attachment: fixed;}
.s_servicecontactfixed{z-index:6;position:fixed;top:0px;}
.s_servicecontact .contact_cont{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:100%; z-index:50;}
.s_advantage li{width:100%; height:100vh; background-size:cover; background-repeat:no-repeat; background-position: center center; position:relative;}
.s_advantage li.divfixed2,.s_advantage li.divfixed3,.s_advantage li.divfixed4,.s_advantage li.divfixed5,.s_advantage li.divfixed6{z-index:3; }
.s_advantage li.divfixed{z-index:2;position:fixed;top:0px;}
.s_advantage li .title{position:absolute; width:1200px; top:120px; text-align:center; color:#FFF; font-size:30px; left:50%;transform:translateX(-50%); -webkit-transform:translateX(-50%); z-index:13;}
.s_advantage li .title h2{font-size:50px; font-weight:bold; margin-bottom:30px;}
.s_advantage li .title h2 span{color:#ff7e00;}
.s_advantage li:nth-child(1){background-image:url(../images/img35.jpg);}
.s_advantage li:nth-child(1) .title{top:180px;}
.s_advantage li:nth-child(1) .picbg{position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:10;}
.s_advantage li:nth-child(1) .contimg{width:529px; position:absolute; top:57%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:12;}
.s_advantage li:nth-child(1) .contimg .img{position:relative;z-index:15;}
.s_advantage li:nth-child(1) .contimg #seconds{width:100%;height:100%; transform-origin: 40px 2.5px;left:0;top:0; z-index:24; position:absolute; transform-origin:center 50%;}
.s_advantage li:nth-child(1) .contimg .clockdian{position:absolute;width:20px; height:20px; border-radius:50%; background:#34495e; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);z-index:34; box-shadow:0px 0px 10px #fff;}
.tran{transform: rotate(-90deg);/*这里测试了一下旋转角*/}
.s_advantage li:nth-child(1) .contguang{position:absolute;top:55%; height:529px; width:529px; background:url(../images/img12.png) center/cover no-repeat; left:53%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);z-index:11; opacity:0.5; animation:shuangdong 10s linear infinite; -webkit-animation:shuangdong 10s linear infinite;}
@keyframes shuangdong{
50% {opacity: 0.1;}
75% {opacity: 0.5;}
}
.s_advantage li:nth-child(2){background-image:url(../images/img24_1.jpg);}
.s_advantage li:nth-child(2) .cont{width:657px; position:absolute; top:55%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.s_advantage li:nth-child(3){background-image:url(../images/img25.jpg);}
.s_advantage li:nth-child(3) .title span{color:#0063ad;}
.s_advantage li:nth-child(3) .cont{width:1200px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }
.s_advantage li:nth-child(3) .cont .img1{position:absolute; width:218px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); left:0px;}
.s_advantage li:nth-child(3) .cont .img2{width:588px; margin:0px auto;}
.s_advantage li:nth-child(3) .cont .img3{position:absolute; width:209px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); right:0px;}
.s_advantage li:nth-child(4){background-image:url(../images/img36.jpg);}
.s_advantage li:nth-child(4) .title{color:#666;}
.s_advantage li:nth-child(4) .title h2{color:#333;}
.s_advantage li:nth-child(4) .cont{width:1200px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:10;}
.s_advantage li:nth-child(4) .cont .imglist{margin-top:-20px; margin-right:-20px;}
.s_advantage li:nth-child(4) .cont .imglist dd{width:20%; float:left;}
.s_advantage li:nth-child(4) .cont .imglist dd a{margin-top:20px; margin-right:20px; display:block; border:1px solid #dbdbdb; border-radius:50%; background:#FFF; transition:all 0.5s; -webkit-transition:all 0.5s; position:relative;}
.s_advantage li:nth-child(4) .cont .imglist dd a:hover{border:1px solid #ff7c00; background:#ff7c00;}
.s_advantage li:nth-child(4) .cont .imglist dd a .info{width:50%; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); position:absolute;}
.s_advantage li:nth-child(4) .cont .imglist dd a .info em{display:block;width:50px; margin:0px auto 30px auto;}
.s_advantage li:nth-child(4) .cont .imglist dd a .info em .img1{display:block; transition:all 0.5s; -webkit-transition:all 0.5s; }
.s_advantage li:nth-child(4) .cont .imglist dd a .info em .img2{display:none; transition:all 0.5s; -webkit-transition:all 0.5s; }
.s_advantage li:nth-child(4) .cont .imglist dd a:hover .info em .img1{display:none;}
.s_advantage li:nth-child(4) .cont .imglist dd a:hover .info em .img2{display:block;}
.s_advantage li:nth-child(4) .cont .imglist dd a .info span{display:block; color:#333; text-align:center; line-height:30px; font-size:18px;}
.s_advantage li:nth-child(4) .cont .imglist dd a:hover .info span{color:#FFF;}
.s_advantage li:nth-child(5){background-image:url(../images/img27.jpg);}
.s_advantage li:nth-child(5) .cont{width:912px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.s_advantage li:nth-child(6):after{content: "";position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.73);top: 0px;z-index: 1;}
.s_advantage li:nth-child(6) .cont{z-index:2; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:100%;}
.s_advantage li:nth-child(6) .cont .h_classname .cn{color:#FFF;}
.s_advantage li:nth-child(6) .cont .h_classname .en{color:#FFF;}
.s_advantage li:nth-child(6) .cont .profile{width:100%;margin:0px auto; color:#999999;line-height:30px; text-align:center;}
.s_advantage li:nth-child(6) .cont .h_message .imglist li{height:auto;}
@media screen and (max-height:800px){
.s_advantage li .title{font-size:24px; top:100px;}
.s_advantage li .title h2{font-size:40px;}
.s_advantage li:nth-child(1) .title{top:120px;}
.s_advantage li:nth-child(2) .cont{width:400px;top:58%;}
.s_advantage li:nth-child(3) .cont{top:55%;}
.s_advantage li:nth-child(3) .cont .img1{width:180px;}
.s_advantage li:nth-child(3) .cont .img2{width:400px;}
.s_advantage li:nth-child(3) .cont .img3{width:180px;}
.s_advantage li:nth-child(4) .cont{top:55%;}
}
@media screen and (max-width:1200px){
.s_advantage li .title{font-size:24px; width:90%; line-height:30px;}
.s_advantage li .title h2{font-size:40px;}
.s_advantage li:nth-child(3) .cont{width:90%;}
.s_advantage li:nth-child(3) .cont .img1{width:15%;}
.s_advantage li:nth-child(3) .cont .img2{width:50%;}
.s_advantage li:nth-child(3) .cont .img3{width:15%;}
.s_advantage li:nth-child(4) .cont{width:90%;}
}
@media screen and (max-width:991px){
.s_advantage li .title{font-size:20px;}
.s_advantage li .title h2{font-size:30px;}
.s_advantage li:nth-child(2) .cont{width:70%;top:50%;}
.s_advantage li:nth-child(4) .cont .imglist dd a .info em{width:40px; margin-bottom:10px;}
}
@media screen and (max-width:768px){
.s_advantage li:nth-child(4) .cont .imglist dd{width:33.33%;}
}
@media screen and (max-width:640px){
.s_advantage li .title{font-size:16px;}
.s_advantage li .title h2{font-size:24px; margin-bottom:15px;}
.s_advantage li:nth-child(1) .contguang{width:70%; height:40%;left: 56%;}
.s_advantage li:nth-child(1) .contimg{width:70%;}
.s_advantage li:nth-child(4) .cont{top:53%;}
.s_advantage li:nth-child(4) .cont .imglist dd a .info span{font-size:16px;}
.s_advantage li:nth-child(4) .cont .imglist dd a .info em{width:30px; margin-bottom:5px;}
.s_service li:nth-child(5) .cont .profile{display: none}
.s_advantage li:nth-child(6) .cont .profile{display: none}
.s_advantage li:nth-child(4) .cont .imglist{text-align: center}
.s_advantage li:nth-child(4) .cont .imglist dd{float: none; display: inline-block; width: 32%}
.s_advantage li .title p span{display: block}
}
@media screen and (max-height:460px){
.s_advantage li:nth-child(4) .cont .imglist dd{width: 20%}
.s_advantage li .title h2{margin-bottom: 12px;}
.s_advantage li .title{top: 36px;}
.s_advantage li:nth-child(2) .cont{width: 35%}
.s_advantage li:nth-child(6) .cont .profile{display: none}
.h_classname .cn{margin-bottom: 12px;}
.h_message{margin-top: 30px;}
}
/*优势第一屏动画*/
.xingkong{
position:absolute;
left:50%;
top:50%;
width:100%;
height:100%;
z-index:8;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
}
.firefly {
width:4px;
height:4px;
position:absolute;
background-color: #0437a4;
box-shadow:0px 0px 17px 2px #00217f;
border-radius: 50%;
}
.fireflys {
width:4px;
height:4px;
position:absolute;
background-color: rgba(255,255,255,0.5);
box-shadow:0px 0px 17px 2px #00217f;
border-radius: 50%;
}
/*优势第二屏动画*/
.s_advantage li:nth-child(2) .contbg{position:absolute; width:100%; height:100%; top:0px; left:0px;}
.s_advantage li:nth-child(2) .star {width: 9px;height: 9px;border-radius: 50%;position: absolute;background-color: rgba(255, 255, 255, 0.3);animation: glow 5s infinite; box-shadow: 0px 0px 40px #ccc;}
.s_advantage li:nth-child(2) .star--medium {width: 12px;height: 12px;}
.s_advantage li:nth-child(2) .star--big {width: 15px;height: 15px;}
.s_advantage li:nth-child(2) .comet {width: 12px;height: 12px;background-color: rgba(255, 255, 255, 0.5); box-shadow: 0px 0px 40px #ccc;top: 0;left: 80%;opacity: 0.3;transform: rotate(-45deg) translate(0, -50px);animation: comet 6s infinite;}
.s_advantage li:nth-child(2) .comet:after {content: '';width: 20vw;height: 6px;border-radius: 50%;background-color: rgba(255, 255, 255, 0.5);position: absolute;top: 0;left: 0;}
@keyframes glow {
0% {
opacity: 1;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
@keyframes comet {
0% {
transform: rotate(-45deg) translateX(0);
opacity: 0.5;
}
10% {
opacity: 1;
}
20% {
transform: rotate(-45deg) translateX(-100vw);
opacity: 0;
}
100% {
transform: rotate(-45deg) translateX(-100vw);
opacity: 1;
}
}
/* 优势第三屏动画 */
#qipao{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
/* 优势第四屏动画 */
.waves {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
/*优势第五屏动画*/
#particles-js{
position:absolute;
left:0px;
bottom:0px;
width:100%;
height:100%;
z-index:8;
}
#J_dotLine{
position:absolute;
left:0px;
bottom:0px;
z-index:8;
width:100%;
height:100%;
}
.onlinechat{width: 150px; position: relative;}
.s_partner .tit{font-size:40px; font-weight:bold; text-align:center;}
.s_partner .solutions{margin:90px 0px 145px 0px;}
.s_partner .solutions .imglist{margin-top:70px; margin-right:-8px;}
.s_partner .solutions .imglist li{width:25%;}
.s_partner .solutions .imglist li a{border:1px solid #dfe4ee; margin-top:10px; margin-right:8px;}
.s_partner .solutions .imglist li a .img{min-height:120px; background:#f5f5f5; position:relative;}
.s_partner .solutions .imglist li a .img .cont{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); text-align:center;}
.s_partner .solutions .imglist li a .img .cont img{display:inline;max-width:100%; width:auto;}
.s_partner .solutions .imglist li a .img .cont span{display:block;color:#333; font-size:22px; text-align:center; line-height:1.2; margin-top:18px;}
.s_partner .solutions .imglist li a .txt{min-height:170px;color:#999; line-height:28px;position:relative;}
.s_partner .solutions .imglist li a .txt .cont{margin:28px 28px 0px 28px;}
.s_partner .solutions .imglist li a .txt .more{width:136px; height:36px; line-height:36px; border:1px solid #dfe4ee; color:#999; text-align:center;position:absolute; left:50%; bottom:25px; transform:translateX(-50%); -webkit-transform:translateX(-50%); transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_partner .solutions .imglist li a:hover .txt .more{background:#ff7c00;color:#FFF;}
.s_partner .solutions .imglist li .ewm{position: absolute; bottom: -40%;left:50%; margin-left: -75px; width: 150px;box-shadow:0px 0px 3px rgba(0,0,0,0.1); display: none;z-index: 99;}
@media screen and (max-width:1440px){
.s_partner .solutions .imglist li a .txt{min-height:200px;}
}
@media screen and (max-width:991px){
.s_partner .solutions{margin:60px 0px 115px 0px;}
.s_partner .tit{font-size:24px;}
.s_partner .solutions .imglist{margin-top:40px;}
.s_partner .solutions .imglist li{width:50%;}
}
@media screen and (max-width:640px){
.s_partner .solutions{margin:30px 0px 85px 0px;}
.s_partner .tit{font-size:20px;}
.s_partner .solutions .imglist{margin-top:20px;}
.s_partner .solutions .imglist li{width:50%;}
.s_partner .solutions .imglist li a .txt .cont{margin:15px 15px 0px 15px; line-height:25px; }
.s_partner .solutions .imglist li a .img .cont{width:90%;}
.s_partner .solutions .imglist li a .img .cont span{font-size:16px;}
.s_partner .solutions .imglist li a .txt .more{height:30px; line-height:30px;}
}
@media screen and (max-width:480px){
.s_partner .solutions{margin:30px 0px 45px 0px;}
.s_partner .tit{font-size:18px;}
.s_partner .solutions .imglist li a .txt .more{bottom:15px; width:115px;}
}
.s_partner .principle{min-height:800px; background-size:cover; background-repeat:no-repeat; background-position: center center; background-attachment: fixed; overflow:hidden; position:relative;}
.s_partner .principle:after{position:absolute; content:""; width:100%; height:1px; background:rgba(243,152,0,0.22); top:455px; left:0px;}
.s_partner .principle .cont{margin-top:95px;}
.s_partner .principle .cont .tit{color:#FFF;}
.s_partner .principle .cont .imglist{margin-right:-60px; margin-top:70px;}
.s_partner .principle .cont .imglist li{width:100%;}
.s_partner .principle .cont .imglist li a{padding:60px 0px 80px 0px; border-radius:3px; position:relative; min-height:340px; transition:all 1s; -webkit-transition:all 1s;border:1px solid transparent; margin-right: 0px;}
.s_partner .principle .cont .imglist li a:hover{border:1px solid #ff7c00;}
.s_partner .principle .cont .imglist li a:before{position:absolute; content:"";left:0px; top:0px; width:1px; height:0px; background:#ff7c00;transition:all 1s; -webkit-transition:all 1s; display:none;}
.s_partner .principle .cont .imglist li a:hover:before{height:100%;}
.s_partner .principle .cont .imglist li a:after{position:absolute; content:"";right:0px; bottom:0px; width:1px; height:0px; background:#ff7c00;transition:all 1s; -webkit-transition:all 1s; display:none;}
.s_partner .principle .cont .imglist li a:hover:after{height:100%;}
.s_partner .principle .cont .imglist li a .topline{position:absolute; content:"";right:0px; top:0px; width:0px; height:1px; background:#ff7c00;transition:all 1s; -webkit-transition:all 1s;display:none;}
.s_partner .principle .cont .imglist li a:hover .topline{width:100%;}
.s_partner .principle .cont .imglist li a .botline{position:absolute; content:"";left:0px; bottom:0px; width:0px; height:1px; background:#ff7c00;transition:all 1s; -webkit-transition:all 1s; display:none;}
.s_partner .principle .cont .imglist li a:hover .botline{width:100%;}
.s_partner .principle .cont .imglist li a em{display:block; width:75px; margin:0px auto; }
.s_partner .principle .cont .imglist li a .num{width:75px; height:75px; border-radius:50%; position:relative; margin:47px auto 0px auto; box-sizing: border-box;}
.s_partner .principle .cont .imglist li a:hover .num{border:1px solid #FFF;}
.s_partner .principle .cont .imglist li a .num span{display:block;height:30px; line-height:30px;font-size:16px; position:absolute; bottom:0px; color:#FFF; text-align:center; width:100%; z-index:2;transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_partner .principle .cont .imglist li a:hover .num span{position:absolute;top:50%; ransform:translateY(-50%); -webkit-transform:translateY(-50%)}
.s_partner .principle .cont .imglist li a .num:after{width:10px; height:10px;border-radius:50%; background:#FFF; position:absolute;content:"";top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);transition:all 0.5s; -webkit-transition:all 0.5s; z-index:1;}
.s_partner .principle .cont .imglist li a:hover .num:after{width:60px; height:60px; background:#ff7c00;}
.s_partner .principle .cont .imglist li a .name{font-size:22px; padding-bottom:15px;position:relative; margin-bottom:20px; text-align:center; margin-top:23px;}
.s_partner .principle .cont .imglist li a .name:after{width:25px; height:1px;background:#FFF; position:absolute; content:"";bottom:0px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_partner .principle .cont .imglist li a:hover .name:after{width:35px;}
.s_partner .principle .cont .imglist li a .txt{font-size:14px; width:80%;margin:0px auto;text-align:center; line-height:26px;}
@media screen and (max-width:991px){
.s_partner .principle .cont{margin-top:65px;}
.s_partner .principle{min-height:650px;}
.s_partner .principle:after{top:305px;}
.s_partner .principle .cont .imglist{margin-right:-30px;margin-top:30px;}
.s_partner .principle .cont .imglist li a{padding:15px 0px;}
.s_partner .principle .cont .imglist li a .num{margin:27px auto 0px auto;}
.yuanzebox .owl-dots{ position:absolute; bottom:-60px; text-align: center; line-height: 0; width:100%;}
.yuanzebox .owl-dot{ display: inline-block; *display: inline; *zoom: 1; width:10px; height: 10px; margin: 0 5px; border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;background: #bcbcbc;}
.yuanzebox .owl-dot.active{ background: #f39801; width:10px; height: 10px;}
}
@media screen and (max-width:640px){
.s_partner .principle{min-height: 560px;}
.s_partner .principle .cont{margin-top:35px;}
.s_partner .principle .cont .imglist{margin-bottom:35px; margin-top:15px; margin-right:15px;}
.s_partner .principle .cont .imglist li{width:100%;}
.s_partner .principle .cont .imglist li a{min-height:auto; width: calc(100% - 22px); padding: 40px 0px;margin: 0px 10px; margin-top:15px;}
.s_partner .principle .cont .imglist li a .txt{width:90%;}
.s_partner .principle .cont .imglist li a .name{font-size:16px;}
.s_partner .principle .cont .imglist li a em{width:60px;}
.s_partner .principle .cont .imglist li a:before{height:100%;}
.s_partner .principle .cont .imglist li a:after{height:100%;}
.s_partner .principle .cont .imglist li a .topline{width:100%;}
.s_partner .principle .cont .imglist li a .botline{width:100%;}
.s_partner .principle .cont .imglist li a .num{border:1px solid #FFF; width:60px; height:60px; }
.s_partner .principle .cont .imglist li a .num span{position:absolute;top:50%; ransform:translateY(-50%); -webkit-transform:translateY(-50%)}
.s_partner .principle .cont .imglist li a .num:after{width:40px; height:40px; background:#ff7c00;}
.s_partner .principle .cont .imglist li a:hover .num:after{width:40px; height:40px;}
.s_partner .principle:after{display:none;}
.s_partner .principle .cont .imglist li a{border:1px solid #ff7c00; }
}
.s_partner .process{margin:150px 0px 125px 0px;}
.s_partner .process .processlist{margin-top:105px; position:relative;}
.s_partner .process .processlist:before{position:absolute;content:""; width:100%; height:1px; background:#666; top:50%;}
.s_partner .process .processlist li{min-height:270px; position:relative;}
.s_partner .process .processlist li .box{position:absolute;top:0px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%)}
.s_partner .process .processlist li .box:after{width:10px; height:10px; border:1px solid #8e8e8e; border-radius:50%;bottom:-5.5px; left:50%; margin-left:-5px; position:absolute; content:""; background:#FFF;}
.s_partner .process .processlist li .box .cir{width:70px; height:70px; background:#f5f5f5; border-radius:50%; position:relative; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_partner .process .processlist li:hover .box .cir{background:#ff7c00;}
.s_partner .process .processlist li .box .cir span{display:block; width:35px;height:35px; overflow:hidden;position:absolute; top:50%; left:50%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }
.s_partner .process .processlist li .box .cir span .img1{position:absolute; top:0px; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_partner .process .processlist li:hover .box .cir span .img1{top:-35px;}
.s_partner .process .processlist li .box .cir span .img2{position:absolute; top:35px; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_partner .process .processlist li:hover .box .cir span .img2{top:0px;}
.s_partner .process .processlist li .box .name{line-height:25px; margin:20px 0px; text-align:center; color:#666; font-size:16px;}
.s_partner .process .processlist li.on .box{top:50%;}
.s_partner .process .processlist li.on .box:after{top:-5.5px;}
.liuchengpics{display: none}
@media screen and (max-width:1200px){
.s_partner .process{margin:120px 0px 95px 0px;}
}
@media screen and (max-width:991px){
.s_partner .process{margin:90px 0px 65px 0px;}
.s_partner .process .processlist{margin-top:75px;}
.processlist{display: none}
.liuchengpics{display: block; overflow-x: scroll; padding: 20px 0px; margin-top: 40px;}
.liuchengpics img{width: 200%}
}
@media screen and (max-width:640px){
.s_partner .process{margin:60px 0px 65px 0px;}
.s_partner .process .processlist{margin-top:45px;}
.s_partner .process .processlist .owl-dots{text-align:center;position:absolute; bottom:-30px; width:100%;}
.s_partner .process .processlist .owl-dots .owl-dot{display:inline-block;width:10px; height:10px; border-radius:50%; background:#ddd; margin:0px 8px;}
.s_partner .process .processlist .owl-dots .owl-dot.active{background:#ff7c00;}
}
@media screen and (max-width:480px){
.s_partner .process{margin:30px 0px 65px 0px;}
.s_partner .process .processlist{margin-top:35px;}
}
.s_about .tit{font-size:40px; font-weight:bold; text-align:center;}
.s_about .brandintro{margin:100px 0px 170px 0px;}
.s_about .brandintro .cont{font-size:16px; text-align:center; line-height:40px; color:#666; margin:80px 0px 100px 0px;}
.s_about .brandintro .count_num li{width:33.33%; float:left; text-align:center; position:relative; font-size:20px; color:#666; line-height:40px;}
.s_about .brandintro .count_num li:after{position:absolute;content:""; right:0px; top:0px; width:1px; height:100%;background:#787878;}
.s_about .brandintro .count_num li:last-child:after{width:0px;}
.s_about .brandintro .count_num li .num{line-height:1.2; color:#333;display:inline-block; position:relative;}
.s_about .brandintro .count_num li .num span{font-size:70px;}
.s_about .brandintro .count_num li .num sup{font-size:18px; position:absolute;right:-30px; top:0px; font-weight:bold;}
.s_about .brandintro .count_num li .num .add{right:-20px;font-size:24px;}
.s_about .teaminfo{width:100%; min-height:624px; background-size:cover; background-repeat: no-repeat; background-position:center center; position:relative; }
.s_about .teaminfo .cont{padding-top:180px;}
.s_about .teaminfo .cont .tit{color:#FFF;}
.s_about .teaminfo .cont .info{text-align:center; font-size:12px; color:#e5e5e5; text-transform: uppercase;}
.s_about .teaminfo .cont .info big{font-size:40px; display:block; margin-bottom:80px; color:#FFF; font-weight:bold;}
.s_about .teaminfo .cont .info small{font-size:50px; display:block; margin-bottom:20px; }
.s_about .teaminfo .cont1{width:calc((100% - 1200px)/2 + 1200px); position:absolute; left:0px; bottom:-90px; background:#FFF; box-shadow:0px 3px 10px #ccc;}
.s_about .teaminfo .cont1:after{width:6px; position:absolute; content:""; height:100%; background:#ff7c00; right:0px;}
.s_about .teaminfo .cont1 ul{width:1200px; float:right;}
.s_about .teaminfo .cont1 ul li{width:25%; min-height:170px; position:relative; float:left;}
.s_about .teaminfo .cont1 ul li .info{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:80%; color:#666; font-size:16px; line-height:25px; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_about .teaminfo .cont1 ul li .info span{font-size:24px; color:#333; margin-bottom:20px; display:block; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_about .teaminfo .cont1 ul li:hover .info span{color:#ff7c00;}
.s_about .teaminfo .cont1 ul li:hover .info{color:#ff7c00;}
.s_about .history{margin-top:245px; margin-bottom:178px;}
.s_about .history .historylist{margin-top:115px; position:relative;}
.s_about .history .historylist .hd{width:190px; float:right;}
.s_about .history .historylist .hd li{font-size:22px; font-weight:bold; font-family:'Arial'; color:#cbcbcb; height:70px; line-height:70px; position:relative; transition:all 0.5s; -webkit-transition:all 0.5s; cursor:pointer;}
.s_about .history .historylist .hd li:before{position:absolute; content:"";top:50%; left:0px; width:0px; height:3px; margin-top:-1.5px;background:#ff7c00; transition:all 0.5s; -webkit-transition:all 0.5s; z-index:1;}
.s_about .history .historylist .hd li:hover:before,.s_about .history .historylist .hd li.on:before{width:100%;}
.s_about .history .historylist .hd li span{display:inline-block;float:right;padding-left:12px; background:#FFF; position:relative; z-index:2;}
.s_about .history .historylist .hd li:hover,.s_about .history .historylist .hd li.on{font-size:33px; font-weight:bold; color:#2e2e2e;}
.s_about .history .historylist .bd{width:1238px; float:left; zoom:1;}
.s_about .history .historylist .bd ul{position:relative;}
.s_about .history .historylist .bd ul .img1{width:100%;}
.s_about .history .historylist .bd ul .img2{padding:20px 0px; display:none;}
.s_about .history .historylist .bd ul .cont{position:absolute;top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:80%; line-height:30px; font-size:16px; color:#FFF;}
.s_about .history .historylist .prev{width:25px; height:45px; background:url(../images/ico56.png) center center rgba(0,0,0,0.4) no-repeat; position:absolute; left:0px; top:50%; margin-top:-22.5px; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_about .history .historylist .prev:hover{background:url(../images/ico56.png) center center rgba(255,124,0,0.4) no-repeat; }
.s_about .history .historylist .next{width:25px; height:45px; background:url(../images/ico55.png) center center rgba(0,0,0,0.4) no-repeat; position:absolute; right:203px; top:50%; margin-top:-22.5px; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_about .history .historylist .next:hover{background:url(../images/ico55.png) center center rgba(255,124,0,0.4) no-repeat; }
.s_about .about_news{padding:108px 0px 124px 0px; overflow:hidden; background:#f5f5f5;}
.s_about .about_news .newscontbox{margin-top:128px; overflow:hidden;}
.s_about .about_news .newscontbox .bd{width:572px; float:left; overflow:hidden;}
.s_about .about_news .newscontbox .bd ul{zoom:1;}
.s_about .about_news .newscontbox .bd ul .cont a{display:block; }
.s_about .about_news .newscontbox .bd ul .cont a img{transition:all 2s; -webkit-transition:all 2s;}
.s_about .about_news .newscontbox .bd ul .cont a:hover img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.s_about .about_news .newscontbox .bd ul .cont a .name{position:absolute;width:100%; height:43px; line-height:43px;background:rgba(0,0,0,0.41); color:#FFF; bottom:0px; font-size:16px;}
.s_about .about_news .newscontbox .bd ul .cont a .name span{margin-left:20px;text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:1;
line-clamp: 1;
-webkit-box-orient: vertical; width: calc(100% - 20px);}
.s_about .about_news .newscontbox .hd{width:760px; float:right; border-top:1px solid #d9d9d9; }
.s_about .about_news .newscontbox .hd li{padding:27px 0px; border-bottom:1px solid #d9d9d9;}
.s_about .about_news .newscontbox .hd li a{display:block; padding-left:85px; line-height:30px; position:relative;}
.s_about .about_news .newscontbox .hd li a h2{font-size:18px; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_about .about_news .newscontbox .hd li.on h2{font-size:18px;}
.s_about .about_news .newscontbox .hd li a:hover h2{color:#ff7c00;}
.s_about .about_news .newscontbox .hd li a h3{font-size:16px; color:#666666;margin-top:5px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow: hidden;}
.s_about .about_news .newscontbox .hd li a .times{display:inline-block; width:85px;left:0px;font-size:16px; color:#a4a4a4; position:absolute; line-height:30px;}
.s_about .about_news .newscontbox .hd li a .times span{display:block;font-size:22px; color:#444; line-height;30px;}
.s_about .about_partner{padding:180px 0px 175px 0px;}
.s_about .about_partner .cont{margin-top:108px;}
.s_about .about_partner .cont .imglist{margin-top:0px; margin-right:0px; overflow:visible;}
.s_about .about_partner .cont .imglist li{width:20%;}
.s_about .about_partner .cont .imglist li a{margin-top:0px; margin-right:0px; overflow:visible; }
.s_about .about_partner .cont .imglist li a .img{width:100%; box-sizing: border-box;border:1px solid #eee; border-right:0px; border-left:0px;text-align:center;min-height:108px; position:relative; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_about .about_partner .cont .imglist li a:hover .img{box-shadow:inset 0px 0px 20px #eee;}
.s_about .about_partner .cont .imglist li:last-child a .img:after{position:absolute; content:"";width:1px; height:100%; right:0px;background:#eee;top:0px; }
.s_about .about_partner .cont .imglist li a .img:before{position:absolute; content:"";width:1px; height:100%; left:0px;background:#eee;top:0px; }
.s_about .about_partner .cont .imglist li a .img em{position:absolute;display:block;width:80%; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }
.s_about .about_partner .cont .imglist li a .img em img{max-width:100%; width:auto; display:inline;}
.s_about .about_partner .cont .imglist li a .txt{font-size:16px; color:#999; line-height:25px; margin-top:25px; text-align:center;}
.s_about .about_partner .cont .imglist li a:hover .txt{color:#ff7c00;}
@media screen and (max-width:1440px){
.s_about .history .historylist .bd{width:1038px;}
.s_about .about_news .newscontbox .hd{width:560px;}
.s_about .history .historylist .next{right:162px;}
.s_about .history .historylist .hd li{height:52px; line-height:52px;}
}
@media screen and (max-width:1260px){
.s_about .teaminfo .cont1{width:100%; }
.s_about .teaminfo .cont1 ul{width:100%;}
.s_about .history{margin-top:215px; margin-bottom:148px;}
.s_about .history .historylist{margin-top:85px;}
.s_about .history .historylist .hd{width:126px;}
.s_about .history .historylist .bd{width:1000px;}
.s_about .history .historylist .next{right:200px;}
}
@media screen and (max-width:1200px){
.s_about .teaminfo .cont .info big{font-size:24px;}
.s_about .teaminfo .cont .info small{font-size:40px;}
.s_about .history .historylist .bd{width:100%;}
.s_about .history .historylist .hd{width:100%;}
.s_about .history .historylist .hd li{display:inline-block;}
.s_about .history .historylist .hd li:before{display:none;}
.s_about .history .historylist .next{right:0px;}
.s_about .about_news{padding:78px 0px 94px 0px;}
.s_about .about_news .newscontbox{margin-top:98px;}
.s_about .about_news .newscontbox .bd{width:45%;}
.s_about .about_news .newscontbox .hd{width:52%;}
.s_about .about_partner{padding:150px 0px 145px 0px;}
.s_about .about_partner .cont{margin-top:78px;}
}
@media screen and (max-width:991px){
.s_about .tit{font-size:24px;}
.s_about .brandintro{margin:70px 0px 140px 0px;}
.s_about .brandintro .cont{margin:50px 0px 70px 0px; line-height:30px; font-size:14px;}
.s_about .brandintro .count_num li .num span{font-size:60px;}
.s_about .teaminfo .cont .info big{font-size:20px;}
.s_about .teaminfo .cont .info small{font-size:30px;}
.s_about .teaminfo .cont1 ul li{min-height:120px; width:50%;}
.s_about .teaminfo .cont1 ul li .info{font-size:14px;}
.s_about .teaminfo .cont1 ul li .info span{font-size:20px; margin-bottom:10px;}
.s_about .history{margin-top:185px; margin-bottom:118px;}
.s_about .history .historylist{margin-top:55px;}
.s_about .about_news{padding:48px 0px 64px 0px;}
.s_about .about_news .newscontbox{margin-top:68px;}
.s_about .about_news .newscontbox .bd{width:100%;}
.s_about .about_news .newscontbox .hd{width:100%;}
.s_about .about_partner{padding:120px 0px 115px 0px;}
.s_about .about_partner .cont{margin-top:48px;}
}
@media screen and (max-width:640px){
.s_about .tit{font-size:20px;}
.s_about .brandintro{margin:40px 0px 60px 0px;}
.s_about .brandintro .cont{margin:30px 0px 40px 0px; line-height:30px; font-size:14px; display: none}
.s_about .brandintro .count_num{margin-top: 40px}
.s_about .teaminfo{min-height:220px;}
.s_about .teaminfo .cont{padding-top:80px;}
.s_about .teaminfo .cont .info big{font-size:18px; margin-bottom:30px;}
.s_about .teaminfo .cont .info small{font-size:24px; line-height:30px;}
.s_about .brandintro .count_num li{font-size:14px; line-height:30px;}
.s_about .brandintro .count_num li .num span{font-size:30px;}
.s_about .brandintro .count_num li .num sup{font-size:14px;}
.s_about .brandintro .count_num li .num .add{font-size:20px;}
.s_about .history{margin-top:155px; margin-bottom:88px;}
.s_about .history .historylist{margin-top:35px;}
.s_about .history .historylist .hd{display:none;}
.s_about .history .historylist .bd ul .img1{display:none;}
.s_about .history .historylist .bd ul .img2{display:block; min-height:300px;}
.s_about .history .historylist .bd ul .cont{font-size:14px;}
.s_about .about_news{padding:30px 0px 34px 0px;}
.s_about .about_news .newscontbox{margin-top:38px;}
.s_about .about_news .newscontbox .bd{width:100%; }
.s_about .about_news .newscontbox .hd{width:100%; border-top:0px; margin-bottom:15px;}
.s_about .about_news .newscontbox .hd li{padding:15px 0px;}
.s_about .about_news .newscontbox .hd li a{padding-left:65px;}
.s_about .about_news .newscontbox .hd li a .times{width:65px;}
.s_about .about_news .newscontbox .hd li a h2{font-size:16px;}
.s_about .about_news .newscontbox .hd li a:hover h2, .s_about .about_news .newscontbox .hd li.on h2{font-size:16px;}
.s_about .about_news .newscontbox .hd li a .times span{font-size:18px;}
.s_about .about_news .newscontbox .hd li a h3{font-size:14px;}
.s_about .about_partner{padding:90px 0px 85px 0px;}
.s_about .about_partner .cont{margin-top:30px;}
}
@media screen and (max-width:480px){
.s_about .tit{font-size:18px;}
.s_about .brandintro{margin:30px 0px 60px 0px;}
.s_about .brandintro .count_num li{font-size:12px; line-height:25px;}
.s_about .brandintro .count_num li .num span{font-size:20px;}
.s_about .brandintro .count_num li .num sup{font-size:12px; right:-15px;}
.s_about .brandintro .count_num li .num .add{font-size:16px; top:-5px; right:-15px;}
.s_about .teaminfo .cont{padding-top:50px;}
.s_about .teaminfo .cont .info small{font-size:20px; margin-bottom:30px;}
.s_about .teaminfo .cont1{position:static; overflow:hidden; display: none}
.s_about .teaminfo .cont1:after{display:none;}
.s_about .teaminfo .cont1 ul li{width:100%; text-align:center; min-height:110px;}
.s_about .teaminfo .cont1 ul li .info span{font-size:16px; }
.s_about .history{margin-top:35px; margin-bottom:40px;}
.s_about .history .historylist{margin-top:35px;}
.s_about .about_news .newscontbox{margin-top:15px;}
.s_about .about_partner{padding:40px 0px 45px 0px;}
.s_about .about_partner .cont{margin-top:30px;}
.s_about .about_partner .cont .imglist li{width:50%;}
.s_about .about_partner .cont .imglist li:last-child a .img:before{width:0px;}
.s_about .about_partner .cont .imglist li:nth-child(even) a .img:after{position:absolute; content:"";width:1px; height:100%; right:0px;background:#eee;top:0px;}
.s_about .about_partner .cont .imglist li a .txt{margin:15px 0px;}
.s_about .about_partner .cont .imglist li:nth-child(3){display: none}
}
.s_solution .tit{font-size:30px; font-weight:bold; text-align:center;}
.s_solution .intro{padding:110px 0px 160px 0px;}
.s_solution .intro .imglist{margin-top:40px; margin-right:-30px; }
.s_solution .intro .imglist li{width:20%;}
.s_solution .intro .imglist li a{margin-right:30px; margin-top:95px;}
.s_solution .intro .imglist li a .ico{width:60px; height:60px; margin:0px auto; position:relative; }
.s_solution .intro .imglist li a .ico em{display:block;position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:80%; text-align:center;}
.s_solution .intro .imglist li a .ico em img{max-width:100%; width:auto; display:inline; }
.s_solution .intro .imglist li a:hover .ico em img{-webkit-animation:1s .1s bounceIn both; animation: 1s .1s bounceIn both;}
.s_solution .intro .imglist li a .name{margin:20px 0px 10px 0px;font-size:18px; color:#333; line-height:30px; text-align:center;}
.s_solution .intro .imglist li a .cont{color:#666; font-size:16px; line-height:25px; text-align:center;}
.s_solution .developtime{min-height:800px; background-size:cover; background-position:center center; background-repeat:no-repeat; background-attachment: fixed;}
.s_solution .developtime .cont{padding-top:88px;}
.s_solution .developtime .cont .tit{color:#FFF;}
.s_solution .developtime .cont .info{min-height:432px; position:relative; margin-top:140px;}
.s_solution .developtime .cont .info:after{position:absolute; content:""; top:50%; width:calc(100% - 172px); height:1px; background:#ababab; left:45.5px; z-index:1;}
.s_solution .developtime .cont .info li{position:absolute;height:216px; top:0px; width:172px; z-index:7;}
.s_solution .developtime .cont .info li .ico{width:95px; height:95px;border-radius:50%;border:2px solid #FFF; position:absolute; transition:all 0.5s; -webkit-transition:all 0.5s;top:0px; right:0px;}
.s_solution .developtime .cont .info li:hover .ico{background:#ff7c00;}
.s_solution .developtime .cont .info li .ico em{display:block;position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:100%; text-align:center;}
.s_solution .developtime .cont .info li .ico em img{max-width:100%; width:auto; display:inline;}
.s_solution .developtime .cont .info li .ico .num{width:44px; height:44px; line-height:44px; background:#ababab; border-radius:50%;position:absolute; top:196px;left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); font-size:14px; color:#FFF; text-align:center;transition:all 0.5s; -webkit-transition:all 0.5s; z-index:3;}
.s_solution .developtime .cont .info li:hover .ico .num{background:#ff7c00;}
.s_solution .developtime .cont .info li .ico .line{width:1px;position:absolute; top:106px;background:#ababab;height:116px;left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_solution .developtime .cont .info li:hover .ico .line{background:#ff7c00;}
.s_solution .developtime .cont .info li .ico .line:after{width:18px; height:18px; background:#ababab; border-radius:50%;position:absolute; content:""; top:0px; left:-8.5px; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_solution .developtime .cont .info li:hover .ico .line:after{background:#ff7c00;}
.s_solution .developtime .cont .info li .ico .txt{position:absolute; width:73px; height:80px; background:url(../images/ico101.png) center/contain no-repeat;top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); right:-70px; box-sizing: border-box;}
.s_solution .developtime .cont .info li .ico .txt span{display:inline-block;position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); font-size:16px; color:#FFF; line-height:25px;}
.s_solution .developtime .cont .info li.on{top:50%;}
.s_solution .developtime .cont .info li.on .ico{ top:117px;}
.s_solution .developtime .cont .info li.on .ico .num{top:-136px;}
.s_solution .developtime .cont .info li.on .ico .line{top:-136px;}
.s_solution .developtime .cont .info li.on .ico .line:after{top:98px;}
.s_solution .developtime .cont .info li:nth-child(1) .ico{left:0px; right: auto;}
.s_solution .developtime .cont .info li:nth-child(2){width:calc(12.19% + 86px);z-index:6;}
.s_solution .developtime .cont .info li:nth-child(2) .name{position:absolute; width:100%; left:0px; top:-30px; line-height:30px; text-align:center;font-size:14px; color:#FFF;}
.s_solution .developtime .cont .info li:nth-child(3){width:calc(35.78% + 86px); z-index:5;}
.s_solution .developtime .cont .info li:nth-child(3) .name{position:absolute; width:75%; right:0px; bottom:0px; line-height:30px; text-align:center;font-size:14px; color:#FFF;}
.s_solution .developtime .cont .info li:nth-child(4){width:calc(51.29% + 86px); z-index:4;}
.s_solution .developtime .cont .info li:nth-child(4) .name{position:absolute; width:40%; right:0px; top:-30px; line-height:30px; text-align:center;font-size:14px; color:#FFF;}
.s_solution .developtime .cont .info li:nth-child(5){width:calc(63.48% + 86px);z-index:3;}
.s_solution .developtime .cont .info li:nth-child(5) .name{position:absolute; width:30%; right:0px; bottom:0px; line-height:30px; text-align:center;font-size:14px; color:#FFF;}
.s_solution .developtime .cont .info li:nth-child(6){width:calc(76.68% + 86px); z-index:2;}
.s_solution .developtime .cont .info li:nth-child(6) .name{position:absolute; width:27%; right:0px; top:-30px; line-height:30px; text-align:center;font-size:14px; color:#FFF;}
.s_solution .developtime .cont .info li:nth-child(7){width:calc(86.68% + 86px); z-index:2;}
.s_solution .developtime .cont .info li:nth-child(7) .name{position:absolute; width:20%; right:0px; bottom:0px; line-height:30px; text-align:center;font-size:14px; color:#FFF;}
.s_solution .money{padding:98px 0px 130px 0px;}
.s_solution .money .cont{margin-top:140px;}
.s_solution .money .cont .imglist{margin-right:-80px; }
.s_solution .money .cont .imglist li{width:20%;}
.s_solution .money .cont .imglist li a{margin-right:80px;}
.s_solution .money .cont .imglist li a .img{width:138px; height:138px;margin:0px auto;}
.s_solution .money .cont .imglist li a .txt{color:#999px; line-height:25px; color:#999; text-align:center; margin-top:20px;}
.s_solution .money .cont .imglist li a .txt span{display:block; color:#333; font-size:16px;}
.s_solution .money .calculator{width:190px; background:#ff7c00;text-align:center; display:block; overflow:hidden; margin:100px auto 0px auto; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_solution .money .calculator:hover{opacity:0.8;}
.s_solution .money .calculator em{display:inline-block;width:22px; height:22px;margin-top:14px; float:left; margin-left:35px;}
.s_solution .money .calculator em img{display:block;}
.s_solution .money .calculator span{display:inline-block;margin-left:15px;font-size:16px; color:#FFF;line-height:50px; float:left;}
.s_solution .value-add{min-height:880px; background-size:cover; background-position:center center; background-repeat:no-repeat; background-attachment: fixed;}
.s_solution .value-add .cont{padding-top:115px;}
.s_solution .value-add .cont .tit{color:#FFF;}
.s_solution .value-add .cont .imglist{margin-top:60px; margin-right:-100px;}
.s_solution .value-add .cont .imglist li{width:25%;}
.s_solution .value-add .cont .imglist li a{margin-top:130px; margin-right:100px;}
.s_solution .value-add .cont .imglist li a .ico{width:60px; height:60px; margin:0px auto; position:relative;}
.s_solution .value-add .cont .imglist li a .ico em{display:block;position:absolute;top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:80%;}
.s_solution .value-add .cont .imglist li a .ico em img{max-width:100%; width:auto; display:inline}
.s_solution .value-add .cont .imglist li a:hover .ico em img{-webkit-animation:1s .1s bounceIn both; animation: 1s .1s bounceIn both;}
.s_solution .value-add .cont .imglist li a .txt{width:100%; text-align:center;margin-top:13px; font-size:16px; line-height:25px; color:#FFF;}
.s_solution .relacase{padding:110px 0px; background:#f5f5f5;}
.s_solution .relacase .imglist{margin-top:65px; margin-right:-25px; }
.s_solution .relacase .imglist li{width:33.33%;}
.s_solution .relacase .imglist li a{margin-right:25px; background:#FFF; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_solution .relacase .imglist li a:hover{box-shadow:0px 0px 15px #ccc;-moz-box-shadow:0px 0px 15px #ccc;-ms-box-shadow:0px 0px 15px #ccc;-webkit-box-shadow:0px 0px 15px #ccc;}
.s_solution .relacase .imglist li a .img{width:100%; overflow:hidden; position:relative;}
.s_solution .relacase .imglist li a .img .cont{position:absolute;width:100%; height:100%; background:rgba(0,0,0,0.7);top:-100%; left:0px; transition:all 0.5s; -webkit-transition:all 0.5;}
.s_solution .relacase .imglist li a:hover .img .cont{top:0px;}
.s_solution .relacase .imglist li a .img .cont .title{font-size:22px; border-top:1px solid #FFF; border-bottom:1px solid #FFF; top:50%;left:50%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); text-align:center; position:absolute; line-height:35px;}
.s_solution .relacase .imglist li a .txt{height:60px; margin:30px 25px 15px 38px; line-height:25px; color:#666; position:relative;}
.s_solution .relacase .imglist li a .txt span{font-size:18px; color:#333; font-weight:bold; display:block;}
.s_solution .relacase .imglist li a .txt em{display:block;width:30px; height:30px;position:absolute; right:0px;top:0px; overflow:hidden;}
.s_solution .relacase .imglist li a .txt em .img1{position:absolute; top:0px; left:0px; display:block;transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_solution .relacase .imglist li a:hover .txt em .img1{top:-100%;}
.s_solution .relacase .imglist li a .txt em .img2{position:absolute; top:100%; left:0px; display:block;transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_solution .relacase .imglist li a:hover .txt em .img2{top:0px;}
.s_solution .process{margin:150px 0px 190px 0px;}
.s_solution .process .processlist{margin-top:105px; position:relative;}
.s_solution .process .processlist:before{position:absolute;content:""; width:100%; height:1px; background:#666; top:50%;}
.s_solution .process .processlist li{min-height:270px; position:relative;}
.s_solution .process .processlist li .box{position:absolute;top:0px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%)}
.s_solution .process .processlist li .box:after{width:10px; height:10px; border:1px solid #8e8e8e; border-radius:50%;bottom:-5.5px; left:50%; margin-left:-5px; position:absolute; content:""; background:#FFF;}
.s_solution .process .processlist li .box .cir{width:70px; height:70px; background:#f5f5f5; border-radius:50%; position:relative; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_solution .process .processlist li:hover .box .cir{background:#ff7c00;}
.s_solution .process .processlist li .box .cir span{display:block; width:35px;height:35px; overflow:hidden;position:absolute; top:50%; left:50%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }
.s_solution .process .processlist li .box .cir span .img1{position:absolute; top:0px; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_solution .process .processlist li:hover .box .cir span .img1{top:-35px;}
.s_solution .process .processlist li .box .cir span .img2{position:absolute; top:35px; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_solution .process .processlist li:hover .box .cir span .img2{top:0px;}
.s_solution .process .processlist li .box .name{line-height:25px; margin:20px 0px; text-align:center; color:#666; font-size:16px;}
.s_solution .process .processlist li.on .box{top:50%;}
.s_solution .process .processlist li.on .box:after{top:-5.5px;}
.s_cost{position:fixed;width:100%; height:100%; background:url(../images/img34.jpg) center/cover no-repeat; top:-100%; z-index:100;}
.s_cost .costdetail{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:1200px;}
.s_cost .costdetail .tit{font-size:30px; font-weight:bold; text-align:center;}
.s_cost .costdetail .info{font-size:16px; color:#666;margin-top:20px;text-align:center;}
.s_cost .close{position:absolute; width:48px; height:48px; display:block; top:30px; right:30px; background:url(../images/close.png) center center no-repeat; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.s_cost .close:hover{transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg);}
.hcost{position:relative;margin-top:115px;}
.hcost .group-item{position:relative;padding-left:80px;}
.hcost .group-item label{position:absolute;width:80px;height:35px;line-height:35px;left:0;top:0; font-size:14px;}
.hcost .calcu{display:block;text-align:center;width:200px;height:46px;background-color:#ff7c00;line-height:46px;text-align:center;color:#fff;font-size:16px; margin-top:25px;}
.hcost .calcu .icon{display:inline-block;vertical-align:top;*vertical-align:middle;width:22px;height:22px;background-image: url(../images/ico92.png); margin-top:12px; margin-right:20px;}
.hcost .tip{position:absolute;height:46px;line-height:46px;bottom:-43px;left:80px;color:#ff7c00;}
.hcost .func{position:relative;height:110px;}
.hcost .func .multi{position:absolute;left:0;top:0;opacity:0;visibility:hidden;margin-top:20px; }
.hcost .func .multi.active{opacity:1;visibility:visible;margin-top:0;transition:all 0.5s; -webkit-transition:all 0.5s;}
.multi span{display:inline-block;width:124px;height:33px;line-height:33px;border:1px solid #dcdcdc;position:relative;margin:0 10px 20px 0;text-align:center;cursor:pointer;}
.multi span:before{content:'';width:14px;height:14px;background-position:-36px -50px;position:absolute;right:0;bottom:0;opacity:0;visibility:hidden;background-image: url(../images/icon.png);}
.multi span.hover{border-color:#f37e00;}
.multi span.hover:before{opacity:1;visibility:visible;}
.joywingrey{position:fixed; background:#000; z-index:998; top:0; left:0; filter:Alpha(opacity=80);opacity:0.8; width:100%; height:100%; display:none;}
.joywinbox{ position:fixed; top:0; z-index:998;width:100%; height:100%;display:none;}
.joywinbox .wingetcase{width:785px; border-radius:5px; background:#FFF; position:absolute; top:50%; left:50%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.joywinbox .wingetcase .caseclose{position:absolute; top:-12px; right:-15px; width:43px;height:43px; background:url(../images/close1.png) center center no-repeat; cursor:pointer;}
.joywinbox .wingetcase .wincont{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:80%;display:none;}
.joywinbox .wingetcase .wincont big{font-size:28px; line-height:32px;color:#ff7e01; font-weight:bold; display:block; margin-bottom:50px;}
.joywinbox .wingetcase .wincont small{font-size:18px; color:#666;display:block; line-height:20px;}
.joywinbox .wingetcase .wincont ul{margin:30px 0px; }
.joywinbox .wingetcase .wincont ul li{width:163px; height:45px;line-height:45px; margin-right:10px; float:left;}
.joywinbox .wingetcase .wincont ul li a{display:block;position:relative;font-size:18px; color:#FFF; background:#191516; height:45px; transition:all 0.5s; -webkit-transition:all 0.5s;}
.joywinbox .wingetcase .wincont ul li a .ewm{width:100%; bottom:100%;position:absolute;display:none;}
/*2023年2月18日修改*/
.aiotbannertxt .ewm{width:150px; bottom:110%;position:absolute;display:none;box-shadow:0px 0px 3px rgba(0,0,0,0.1);}
/*.joywinbox .wingetcase .wincont ul li a:hover{opacity:0.8;}*/
.joywinbox .wingetcase .wincont ul li:nth-child(2) a{background:#0067b5;}
.joywinbox .wingetcase .wincont ul li:nth-child(3) a{background:#ff7e01;}
.joywinbox .wingetcase .wincont ul li a .cc{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); box-sizing: border-box;}
.joywinbox .wingetcase .wincont ul li a .c1{min-width:80%; padding-left:35px; background:url(../images/ico11.png) left center no-repeat; background-size:25px auto;}
.joywinbox .wingetcase .wincont ul li a .c2{min-width:80%; padding-left:35px; background:url(../images/h_ico110.png) left center no-repeat; letter-spacing:3px; background-size:25px auto;}
.joywinbox .wingetcase .wincont ul li a .c3{min-width:93%; padding-left:35px; background:url(../images/ico104.png) left center no-repeat; }
.joywinbox .wingetcase .wincont .txt{font-size:22px;line-height:30px; color:#666;}
.joywinbox .wingetcase .wincont .txt span{color:#ff7e01; font-weight:bold;}
@media screen and (max-width:991px){
.joywinbox .wingetcase{width:90%;}
}
@media screen and (max-width:768px){
.joywinbox .wingetcase .wincont{width:90%;}
.joywinbox .wingetcase .wincont big{font-size:24px; margin-bottom:30px;}
.joywinbox .wingetcase .wincont small{font-size:16px;}
.joywinbox .wingetcase .wincont .txt{font-size:18px;}
.joywinbox .wingetcase .wincont ul li{width:143px;}
.joywinbox .wingetcase .wincont ul li a{font-size:14px;}
.joywinbox .wingetcase .wincont ul li a .c1{padding-left:35px;}
}
@media screen and (max-width:640px){
.joywinbox .wingetcase .wincont ul li{width:100%; margin-bottom:10px;}
.joywinbox .wingetcase .wincont ul li a .c1{min-width:100px;}
.joywinbox .wingetcase .wincont ul li a .c2{min-width:100px;}
.joywinbox .wingetcase .wincont ul li a .c3{min-width:100px;}
}
@media screen and (max-width:480px){
.joywinbox .wingetcase .wincont{width:85%;}
.joywinbox .wingetcase .wincont ul{margin:20px auto;}
.joywinbox .wingetcase .wincont big{font-size:18px; margin-bottom:20px; line-height:28px;}
.joywinbox .wingetcase .wincont small{font-size:14px;}
.joywinbox .wingetcase .wincont .txt{font-size:14px;}
}
/****2021-6-28新增*****/
.case_det {
width: 100%;
display: flex;
justify-content: center;
color: #fff;
flex-direction: column;
height: 100vh;
}
.background {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.case_det .tit{font-size:60px;padding-bottom:44px;margin-bottom:66px; font-weight: bold; position: relative}
.case_det .tit:before{content:""; width: 60px; height: 5px; background:#ff7c00; position: absolute; left: 0px; bottom: 0px;}
.case_det p{font-size: 22px;line-height: 34px;margin-bottom:80px;}
.case_det .con{position: absolute; left: 0px; top:50%; transform: translate(0,-50%);width: 100%}
.case_det .link{display: block;width: 50px;height: 50px;border-radius: 100%;transition: all 0.3s; border: 1px solid #fff; position: relative }
.case_det .link:before{background: url(../images/xiadsx.png) no-repeat center;background-size:15px auto; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; content: "";-webkit-animation: scroll_tip_icon 1.6s linear infinite; animation: start 1.6s linear infinite; }
@-webkit-keyframes scroll_tip_icon {
0% { -webkit-transform: translateY(0); transform: translateY(0) }
50% { -webkit-transform: translateY(6px); transform: translateY(6px) }
100% { -webkit-transform: translateY(0); transform: translateY(0) }
}
@keyframes scroll_tip_icon {
0% { -webkit-transform: translateY(0); transform: translateY(0) }
50% { -webkit-transform: translateY(6px); transform: translateY(6px) }
100% { -webkit-transform: translateY(0); transform: translateY(0) }
}
@keyframes start {
100% {opacity: 0;transform:translate(0,6px);}
60% {opacity: 1;transform:translate(0,0);}
0%,30% {opacity: 0;transform:translate(0,-4px);}
}
@-webkit-keyframes start {
100% {opacity: 0;-webkit-transform:translate(0,6px);}
60% {opacity: 1;-webkit-ransform:translate(0,0);}
0%,30% {opacity: 0;-webkit-transform:translate(0,-4px);}
}
.erduan {display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
.shang {display:flex;flex-direction:row;justify-content:space-between;}
.zuo {display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
.you {display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center;}
.juzhong {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.casejianjiebox{background: url("../images/jianjielis.jpg") repeat-y left top; background-size: 100% auto; color: #fff; padding: 90px 0px;}
.casejianjiebox .casejianjieright{position: relative;}
.casejianjieleft{width: 43%}
.casejianjieright{width: 43%}
.casejianjieleft h2{font-size:30px; font-weight: bold; padding-bottom:40px; margin-bottom:30px; position: relative}
.casejianjieleft h2:before{content: ""; width: 20px; height:2px; position: absolute; left: 0px; bottom: 0px; background-color: #fff}
.casejianjielefttxt{line-height:2.2; color:#dbdbdb;}
.casejianjieright h2{font-size:30px; font-weight: bold; padding-bottom:40px; margin-bottom:30px; position: relative}
.casejianjieright h2:before{content: ""; width: 20px; height: 2px; position: absolute; left: 0px; bottom: 0px; background-color: #fff}
.casejianjierighttxt{margin-bottom:30px;}
.casejianjierighttxt p{line-height: 2.2; color: #dbdbdb; position: relative; padding-left: 26px;}
.casejianjierighttxt p:before{content:""; position: absolute; left: 0px; top: 50%; width: 5px; height: 5px; background: #dbdbdb; border-radius: 100%}
.ljzxbtn{width: 150px; height: 42px;display:block; font-size: 18px; color: #fff; line-height: 42px; background: url("../images/duihuaico.png") no-repeat 20px center #ff7c00; text-indent:50px;}
.ljzxbtn:hover{background: url("../images/duihuaico.png") no-repeat 20px center #ffa54d;}
.xiangxiimgbox img{display: block}
.morecasetit{font-size: 40px; font-weight: bold; border-bottom: 1px solid #e0e0e0; padding: 40px 0px; margin: 60px 0px 40px}
.aiotbanner{height: 100vh; background: url("../images/aiotbannerbj.jpg") no-repeat center center; background-size: cover; width: 100%; position: fixed; left: 0px; top: 0px;}
.aiotbannerimg {height: 100vh; padding-right: 46px; max-width: 1880px; width: calc(100% - 46px); margin: 0 auto;}
.aiotbannerimg img{width:55%; max-width: 960px;}
.aiotbox{max-width: 1440px; position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%,-50%); color: #fff}
.aiotbannertxt{ width: 40%; max-width: 610px;}
.aiotbannertxt h2{font-size: 50px; font-weight: bold}
.aiotbannertxt h3{font-size: 28px; font-weight: bold; padding: 25px 0px;}
.aiotbannertxt p{color: #dee7ef; font-size: 16px; line-height: 32px; margin-top: 25px; margin-bottom: 80px;}
.aiotbannertxt p strong{color: #fff}
.yinyongpic{height:100px; width: 85px; margin: 0 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.yinyongpic img{width: auto; max-height: 100%; max-width: 100%}
.yinyongarea{ padding: 110px 0px; background: #fff}
.yinyongarea ul{overflow: hidden}
.yinyongarea li{width:33.333%; float: left; text-align: center; padding: 50px 0px; position: relative}
.aiottit{text-align: center; font-size: 48px;}
.aiottit.baise{color: #fff}
.yinyongarea ul{margin-top: 60px;}
.yinyongarea li h2{ font-size: 26px; color: #333333; font-weight: bold; padding: 30px 0px;}
.yinyongarea li p{font-size: 14px; color: #777777; line-height:30px; max-width: 70%; margin: 0 auto;}
.yinyongarea li:before{ width: 1px; height: 100%; background: #efefef; left: -1px; top: 0px; content:""; position: absolute}
.yinyongarea li:after{ width: 100%; height: 1px; background: #efefef; left: 0px; bottom:-1px; content:""; position: absolute}
.whychoose{background: url("../images/whybj.jpg") no-repeat center center; background-size: cover;padding: 110px 0px; background-attachment: fixed}
.whychoose ul{width: calc(100% + 20px);margin:80px 0; margin-left: -20px;}
.whychoose li{width:calc(25% - 20px); margin-left: 20px; float: left; min-height:280px; cursor: pointer;-webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;}
.whychoose li:nth-child(1){background: url("../images/wdian01.png") no-repeat right top #fff;}
.whychoose li:nth-child(2){background: url("../images/wdian02.png") no-repeat right top #fff;}
.whychoose li:nth-child(3){background: url("../images/wdian03.png") no-repeat right top #fff;}
.whychoose li:nth-child(4){background: url("../images/wdian04.png") no-repeat right top #fff;}
.whychoose li:hover{ transform:translateY(-10px);}
.whyico{width: 60px; height: 60px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.whyico img{max-height: 100%}
.whyboxs{padding: 40px;}
.whyboxs h3{font-size: 26px; font-weight: bold; margin: 30px 0px 25px;}
.whyboxs p{font-size:16px; line-height: 30px; }
.jishubox ul{width: calc(100% + 20px); margin-left:-20px;}
.jishubox li{width: calc(50% - 120px); float: left; margin-left: 20px; padding: 36px 50px; margin-bottom: 20px; box-shadow:0px 0px 20px rgba(1,57,114,0.07); cursor: pointer}
.jishubox li:hover .jishutxt p{color: #ff7e01}
.jishubox{padding: 110px 0px; background: #fff}
.jishubox ul{margin-top:70px;}
.jishuico{width: 63px; height: 63px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.jishuico img{max-height: 100%; max-width: 100%}
.jishutxt{width: calc(100% - 100px);}
.jishutxt p{font-weight: bold; font-size: 24px; margin-bottom:15px;-webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;}
.jishutxt span{color: #777777; display: block; font-size: 16px; line-height: 28px; min-height: 56px;}
.tixijiagou{padding: 80px 0px 50px; background: url("../images/tixijiabj.jpg") no-repeat center center; background-size: cover; background-attachment: fixed; position: relative}
.tixijiagoupic{ max-width: 1200px; margin: 0 auto; margin-top: 60px}
.yewuronghe{padding: 110px 0px; background: #fff}
.yewuronghebox ul{width: calc(100% + 20px); margin-left:-20px;}
.yewuronghebox li{width: calc(50% - 20px); float: left; margin-left: 20px; margin-bottom: 10px; margin-top: 10px; box-shadow:0px 0px 20px rgba(1,57,114,0.07); cursor: pointer}
.yewuronghebox li .erduan{padding:50px 30% 50px 10%;}
.yewuronghebox li:nth-child(even) .erduan{padding:50px 10% 50px 30%;}
.yewuronghebox li:hover .yewurhtxt p{ color: #ff7e01}
.yewuicos{width: 63px; height: 63px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.yewuicos img{max-height: 100%; max-width: 100%}
.yewuronghebox{position: relative; margin:70px 0;}
.yewurhtxt{width: calc(100% - 100px);}
.yewurhtxt p{font-weight: bold; font-size: 24px; margin-bottom:20px;-webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;}
.yewurhtxt span{color: #777777; display: block; font-size: 16px; line-height:24px; min-height: 56px;}
.quanzisf{position: absolute; left:50%; top: 50%; transform: translate(-50%,-50%); width: 22.22%}
.fangdapic{ overflow:hidden; position:relative}
.fangdapic>img{ transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width:100%}
a:hover .fangdapic>img{transform: scale(1.1);-webkit-transform: scale(1.1);}
li:hover .fangdapic>img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.fangdapic:hover>img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.aiotcase{padding: 110px 0px; background: #fff}
.aiotcase .swiper-container{margin-top: 70px;}
.aiotcasehezi{position: relative;margin-top: 70px;}
.aiotcasehezi .slick-slide a{margin: 0px 12px; display: block}
.aiotcasehezi .slick-next{ width: 60px; height: 60px; border: 1px solid #dbdbdb; border-radius: 100%; right:-114px; background: url("../images/qieright01.png") no-repeat center center; background-size: 12px auto; outline: none;-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.aiotcasehezi .slick-next:hover{background: url("../images/qieleft02.png") no-repeat center center #ff7e01; background-size: 12px auto}
.aiotcasehezi .slick-prev{ width: 60px; height: 60px; border: 1px solid #dbdbdb; border-radius: 100%; left:-114px; background: url("../images/qieleft01.png") no-repeat center center; background-size: 12px auto; outline: none;-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.aiotcasehezi .slick-prev:hover{background: url("../images/qieright02.png") no-repeat center center #ff7e01; background-size: 12px auto}
.aiotcasehezi .swiper-pagination{width: 100%}
.aiotcasehezi .swiper-pagination-bullet{ margin: 0px 5px;}
.aiotcasehezi .swiper-pagination-bullet-active{ background: #ff7e01}
.wentibox{ padding: 110px 0; background: #f2f6fa}
.wentibox ul{margin-top:80px; width: calc(100% + 27px); margin-left: -27px;}
.wentibox li{float: left; width: calc(50% - 27px); margin-left:27px; background: #fff; margin-bottom: 20px;}
.wentibox li a{padding:0px 56px 0px 65px; display: block; position: relative}
.wentibox li a p{font-size: 24px; font-weight: bold; padding:25px 0px; border-bottom: 1px dashed #dae3f2; line-height:1.4;-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.wentibox li a span{color: #777777; display: block; line-height: 24px; min-height: 48px; margin:25px 0px;}
.wentibox li a:before{content: "?"; width: 43px; height: 42px; background: url("../images/whdx.png") no-repeat center center; background-size: 100% auto; position: absolute; left: -5px; line-height:30px; text-align: center; color: #fff; font-size: 28px; font-weight: bold; top:25px;-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s}
.wentibox li a:hover p{color: #ff7e01}
.wentibox li a:hover:before{background: url("../images/whdx2.png") no-repeat center center; background-size: 100% auto;}
.h_contact.aiotcontact{background:url(../images/zixunbg2.jpg) center/cover no-repeat; background-attachment: fixed;position:relative;}
.h_contact.aiotcontact:after{background: none}
.h_contact.aiotcontact .profile{color: #dddddd}
.yzmbtn{ height: 46px;}
.itembox{position: relative; margin-top: 100vh; background: #fff}
.zhuboximg{background: url("../images/zixsucbj.png") no-repeat center center; background-size: cover; background-attachment: fixed}
.aiottittxt{background: #f7f8fa; padding:30px 38px; position:relative}
.aiottittxt p{font-size: 18px; font-weight: bold; margin-bottom: 10px;}
.aiottittxt span{color: #666666; display: block}
.aiottittxt:before{ position: absolute; right: 30px; width:36px; height: 36px; border: 1px solid #d4d4d4; background: url("../images/jian01.png") no-repeat center center; content: ""; background-size: 16px auto; border-radius: 100%;-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s}
.aiotcasehezi .swiper-slide a:hover .aiottittxt:before{ border: 1px solid #ff7e01; background: url("../images/jian02.png") no-repeat center center #ff7e01; content: ""; background-size: 16px auto; }
.historybox {margin-top: 115px;}
.historybox .slider-for{ width: calc(100% - 200px); float: left}
.historybox .slider-for .slick-slide{position: relative;outline:none}
.historybox .slider-for .slick-slide .img1{margin-right:10px;}
.historybox .slider-for .cont{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: 83%;line-height: 30px;font-size: 16px;color: #FFF; opacity: 0;-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s}
.historybox .slider-for .slick-current .cont{opacity: 1}
.historybox .slider-nav{width: 190px; float: right}
.historybox .slider-nav .slick-slide{outline:none}
.historybox .slider-nav .slick-slide h3{font-size:22px; font-weight:bold; font-family:'Arial'; color:#cbcbcb; height:70px; line-height:70px; position:relative; transition:all 0.5s; -webkit-transition:all 0.5s; cursor:pointer; text-align:right}
.historybox .slider-nav .slick-slide h3:before{position:absolute; content:"";top:50%; left:0px; width:0px; height:3px; margin-top:-1.5px;background:#ff7c00; transition:all 0.5s; -webkit-transition:all 0.5s; z-index:1;}
.historybox .slider-nav .slick-current h3:before{width:100%;}
.historybox .slider-nav .slick-slide span{display:inline-block;float:right;padding-left:12px; background:#FFF; position:relative; z-index:2;-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s}
.historybox .slider-nav .slick-current span{font-size:33px; font-weight:bold; color:#2e2e2e;}
.historybox .slick-prev{width:25px; height:45px; background:url(../images/ico56.png) center center rgba(0,0,0,0.4) no-repeat; position:absolute; left:0px; transition:all 0.5s; -webkit-transition:all 0.5s; z-index: 9}
.historybox .slick-prev:hover{background:url(../images/ico56.png) center center rgba(255,124,0,0.4) no-repeat; }
.historybox .slick-next{width:25px; height:45px; background:url(../images/ico55.png) center center rgba(0,0,0,0.4) no-repeat; position:absolute; right:0px; transition:all 0.5s; -webkit-transition:all 0.5s; z-index: 9}
.historybox .slick-next:hover{background:url(../images/ico55.png) center center rgba(255,124,0,0.4) no-repeat; }
.huandongtis{color: #888; font-size: 12px; text-align: center; margin-top:50px; display: none}
@media screen and (max-width:1440px){
.onlinechat{width: auto;}
.aiotbox{max-width:1200px;padding-left: 15px; width:calc(100% - 30px); padding-right: 15px;}
.aiotbannertxt h2{font-size: 45px;}
.wentibox li a span{min-height: 84px;}
.wentibox li a p{font-size: 20px;}
}
@media screen and (max-width:1280px){
.aiotbannertxt h2{font-size: 30px;}
.aiotbannertxt h3{font-size: 20px;}
.yewurhtxt span{min-height: 120px; }
.aiotbannertxt p{margin-bottom: 40px;}
.aiotbannertxt p {font-size: 14px;line-height: 26px;}
}
@media screen and (max-width:1100px){
.aiotbannertxt{width: 100%; max-width:100%}
.aiotbannerimg img{width: 100%}
.aiotbox{position: relative; text-align: center; transform:none; top:auto; left: auto}
.aiotbox .ljzxbtn{margin: 0 auto; text-align: left}
.aiotbannerimg{height: auto; padding:0px; margin-top: 20px;}
.aiotbanner{height: auto; min-height: 100vh; padding:140px 0px 5%;}
.jishutxt span{min-height: 88px;}
.aiotcasehezi{padding-bottom:30px;}
.aiotcasehezi .swiper-pagination{bottom: 0}
.wentibox li a span{min-height: 110px;}
.wentibox li a p{min-height: 70px;}
}
@media screen and (max-width:768px){
.yinyongarea li{width: 50%}
.yinyongarea li p{min-height: 190px;}
.whychoose li{width: calc(50% - 20px); margin-bottom: 20px;}
.jishubox li{width: calc(100% - 120px);}
.yewuronghebox li {width: calc(100% - 20px);}
.quanzisf{display: none}
.yewuronghebox li:nth-child(even) .erduan{padding: 50px;}
.yewuronghebox li .erduan{padding: 50px;}
.yewurhtxt span{min-height:auto}
.wentibox li{width: calc(100% - 27px);}
.wentibox li a p{min-height: auto;}
.wentibox li a span{min-height: auto;}
.w_0100_2 .w_2_2 .info big{font-size:56px;}
.w_0100_2 .w_2_2 .info small{font-size:36px;}
}
@media screen and (max-width:680px){
.w_0100_2 .w_2_2 .info big{font-size: 40px;}
.w_0100_2 .w_2_2 .info small{font-size: 18px;}
.aiotbannertxt h2{font-size: 30px;}
.aiotbannertxt p{font-size: 14px; line-height: 1.8; margin-top: 0px;}
.aiotbanner{padding-top: 100px;}
.aiotbannertxt .ewm{width:150px;left:50%;margin-left: -75px;}
.aiottit{font-size: 30px;}
.yinyongarea{padding: 50px 0px}
.yinyongarea li{width: 100%}
.yinyongarea li h2{font-size: 20px;}
.yinyongarea li p{max-width: 100%; min-height:auto}
.whychoose{padding: 50px 0px}
.whychoose li{width: calc(100% - 20px);}
.whyboxs h3{font-size: 20px;}
.jishubox{padding: 50px 0px}
.jishutxt p{font-size: 20px;}
.jishutxt span{font-size: 14px;}
.jishubox li {width: calc(100% - 60px); padding: 30px 20px;}
.whyboxs p{font-size: 14px;}
.yewuronghe{padding: 50px 0px}
.yewuronghebox li .erduan{ padding: 30px 20px;}
.yewurhtxt p{font-size: 20px;}
.yewurhtxt span{font-size: 14px;}
.yewuronghebox li:nth-child(even) .erduan{ padding: 30px 20px;}
.aiottittxt{padding: 30px 20px}
.aiottittxt:before{right: 20px;}
.historybox .slider-for{width: 100%; float: none}
.historybox .slider-nav{width: 100%; float: none}
.historybox .slider-for .slick-slide .img1{margin-right: 0px;}
.historybox .slider-nav .slick-slide h3{font-size: 18px; text-align: left}
.historybox .slider-nav .slick-current span{font-size: 20px;}
.historybox .slider-for .cont{line-height: 24px; font-size: 12px;}
.historybox{margin-top:20px;}
.case_det .tit{font-size: 30px; margin-bottom: 36px;}
.case_det p{font-size: 18px;}
.case_det .link{width: 40px; height: 40px;}
.casejianjiebox .g-wrap.shang{display: block; padding: 0px;}
.casejianjieleft{width:calc(100% - 40px); background: #303030; padding:30px 20px;}
.casejianjieright{width:calc(100% - 40px); background: #373737;padding:30px 20px; display: none}
.casejianjiebox{background: none; padding: 0px;}
.casejianjieleft h2{font-size: 20px; padding-bottom: 20px;}
.casejianjieright h2{font-size: 20px; padding-bottom: 20px;}
.morecasetit{font-size:20px; margin-top: 0px;}
.h_news{display: none}
.h_contact .profile{display: none}
.footer .botcontact .btn{display: none}
.huandongtis{display: block}
}
@media screen and (max-width:340px){
.aiotbannertxt h2{font-size:24px;}
.aiotbannertxt h3{font-size: 20px; padding: 20px 0px;}
.aiotbannertxt p{font-size: 12px;}
}
@media screen and (max-height:400px){
.aiotbanner{position: relative}
.itembox{margin-top: 0px;}
.w_0100_2 .w_2_2 .info big{font-size: 40px;}
.w_0100_2 .w_2_2 .info small{font-size: 18px;}
.slide_banner .slick-dots{ bottom: 10px;}
.slide_banner .slick-dots li{width:30px;}
}
/*726新增css 作用于详情页图片不被拉伸*/
.s_newsdetail .relanews .imglist li{display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;height: 283px;}
.imglists img{
height: 283px;object-fit: cover;
}
.s_about .about_news .newscontbox .bd ul{height: 360px; overflow: hidden; position: relative}
@media screen and (max-width:680px){
.s_about .about_news .newscontbox .bd ul{height:auto!important; }
}
.tanchubj{width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed; left: 0px; top: 0; z-index: 999;}
.tanchuboxs{background: #fff; max-width: 430px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 90%}
.tantit{border-bottom: 1px solid #eee; padding: 20px;}
.tantit h2{font-size: 18px; font-weight: bold; color: #333}
.guanbis{width: 30px;}
.guanbis img{width:15px;}
.yanzmtupian{margin-bottom:10px;}
.yanzmtupian img{max-width: 200px;}
.huoqux{padding: 20px;}
.huoqux{text-align: center}
.huoqux p{padding:8px 0px;}
.huoqux p a{color: #008ad5; font-weight: bold; text-decoration: underline}
.shurix{width:168px; height: 40px; border: 1px solid #cdcdcd; text-align: center; margin: 10px 0px;}
.qued{width: 68px; height: 30px; text-align: center; line-height: 30px; background:#008ad5; color: #fff; margin-right:10px}
.quxs{width: 68px; height: 30px; text-align: center; background:#cdcdcd; line-height: 30px;}
.mtw{margin-top: 10px;}
/*92新增弹出样式*/
.displaynone{
height:0;
overflow: hidden;
}
#canvas {
vertical-align: middle;
box-sizing: border-box;
border: 1px solid #fff;
cursor: pointer;
width: 400px;
height:150px;
}
@media screen and (min-width: 1450px) and (max-width:1600px){
.g-wrap{max-width:1300px;}
.aiotbox{max-width:1300px;}
.h_howdo .howtostart li.r5 .cri{width: 212px;}
.h_howdo .howtostart li.r3 .cri{width: 160px;}
.h_howdo .howtostart li.r1 .cri {width: 100px;}
.h_howdo .howtostart li.r4 .cri {width: 115px;}
.h_howdo .howtostart li.r7 .cri {width: 136px;}
.h_howdo .howtostart li.r6 .cri {width: 100px;}
.h_howdo .howtostart li.r9 .cri {width: 128px;}
.h_howdo .howtostart li.r8 .cri {width: 100px;}
.wentibox li a span{min-height: 74px;}
.s_caselist .imglist dd a .txt{min-height: 78px;padding-right: 35px;}
.s_about .about_news .newscontbox .hd{width: 700px;}
}
@media screen and (min-width: 1024px) and (max-width:1366px){
.aiotbox{max-width: 1000px;}
.g-wrap{max-width:1000px;}
html, body{font-size: 12px;}
.head .logo {display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
.head .logo .pic{width:120px}
.head .logo .txt span{font-size: 16px; line-height: 1}
.head .logo .txt{font-size: 12px;}
.head .logo .txt p{line-height: 1; margin-bottom: 5px;}
#nav li .aon a{font-size: 13px; margin-left: 25px;}
.w_0100_2 .w_2_2 .info big{font-size:60px;}
.w_0100_2 .w_2_2 .info small{font-size: 30px; margin-top: 20px;}
.w_0100_2 .w_2_2 .logo img{max-height: 40px;}
.w_0100_2 .w_2_2 .info:after{height: 4px;}
.left_qq li{width:60px;}
.left_qq li a .cont .txt{font-size: 12px;}
.left_qq li a .cont .ico{width: 20px;}
.left_qq li:nth-child(2) a .cont .ico{width: 20px;}
.left_qq li a .cont {padding:6px 0px;}
.h_classname{font-size: 32px;}
.h_about h3{font-size: 12px;}
.h_about h3{margin-bottom: 60px;}
.h_about .dolist .imglist li a .cont2 .txt em{width: 60px;}
.h_about .dolist .imglist li a .cont1 .txt em{width: 60px;}
.h_about .dolist .imglist li a .cont2 .txt h2{font-size: 16px;}
.h_about .dolist .imglist li a .cont1 .txt h2{font-size: 16px;}
.h_about {padding: 87px 0px 80px 0px;}
.h_right{height:70px;}
#nav{height: 70px; line-height: 70px;}
.h_about .dolist .imglist li a .cont2 .txt{width: 78%}
.h_client{max-width: 1000px;}
.h_case {padding: 0px 0px 80px 0px;}
.whylist{margin-top: 60px;}
.whylist .owl-carousel .owl-item li .cont em{width:60px;}
.whylist .owl-carousel .owl-item li .cont .txt h2{font-size: 16px;}
.whylist .owl-carousel .owl-item li .cont .txt h3{font-size: 12px; line-height:24px;}
.h_why{height: 666px;}
.h_newslist .imglist dd a .img{height: 200px;}
.h_howdo .howtostart li h2{font-size: 16px;}
.h_news {padding: 0px 0px 80px 0px;}
.h_message {margin:60px auto 40px auto;width: 80%;}
.h_contact{height: 620px;}
.footer .botnav dl dt{font-size: 14px;}
.footer .botcontact .lianxi li .t1{font-size: 28px;}
.h_newslist .imglist dd a .txt h2{font-size: 14px;}
.h_newslist .imglist dd a .txt h3{font-size: 12px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical;}
.footer .botnav dl{margin-right: 50px;}
.footer .botnav dl dd{line-height: 30px;}
.menu-container .cont .shownav{width: 500px;}
.menu-container .cont .lianxi{width: 340px;}
.menu-container .cont .shownav dl dt{font-size: 26px;}
.menu-container .cont .lianxi .info{width: 180px;}
.menu-container .cont .lianxi .info .tit{font-size: 16px;}
.menu-container .cont .lianxi .info .tel span{font-size: 28px;}
.menu-container .cont .lianxi .info .ewm ul li:last-child .img{height: 81px;}
.aiottit{font-size: 32px;}
.yinyongarea{padding: 80px 0px;}
.yinyongarea li h2{font-size: 20px;}
.yinyongarea li p{font-size: 12px; line-height: 24px;}
.whyboxs h3{font-size: 20px;}
.whyboxs p{font-size: 14px; line-height: 24px;}
.whychoose{padding: 90px 0px;}
.jishubox{padding: 90px 0px;}
.jishutxt p{font-size: 20px;}
.jishutxt span{font-size: 14px; line-height: 24px;}
.yewuronghe{padding: 90px 0px;}
.yewurhtxt p{font-size: 20px;}
.yewurhtxt span{font-size: 13px; min-height: 96px;}
.wentibox li a p{font-size: 18px;}
.s_banner .ban_txt1 span{font-size: 40px;}
.s_about .brandintro{margin:80px 0px 100px 0px;}
.s_about .tit{font-size: 32px;}
.s_about .brandintro .cont{font-size: 14px;}
.s_about .brandintro .count_num li .num span{font-size: 50px;}
.s_about .brandintro .count_num li{font-size: 16px;}
.s_about .teaminfo .cont{padding-top: 100px;}
.s_about .teaminfo .cont .info big{font-size: 32px;}
.s_about .teaminfo .cont .info small{font-size: 36px;}
.s_about .teaminfo{min-height: 470px;}
.s_about .teaminfo .cont1 ul li .info span{font-size: 20px;}
.s_about .teaminfo .cont1 ul li .info{font-size: 13px;}
.s_about .teaminfo .cont1{width: 80%}
.s_about .history{margin-top: 180px;}
.historybox{margin-top: 80px;}
.s_about .about_news .newscontbox .hd{width: 45%}
.s_about .about_news .newscontbox .bd{width: 50%}
.s_about .about_news .newscontbox .hd li{padding: 22px 0px;}
.s_about .about_news .newscontbox .bd ul{ height: 332px;}
.s_about .about_news .newscontbox .hd li.on h2{font-size: 16px;}
.s_about .about_news .newscontbox .hd li a h3{font-size: 14px;}
.s_about .history{margin-bottom: 100px;}
.s_about .about_news{padding:80px 0px 100px 0px;}
.s_about .about_news .newscontbox{margin-top: 85px;}
.s_about .about_partner {padding: 100px 0px 100px 0px;}
.s_about .about_partner .cont{margin-top: 80px;}
.case_det .tit{font-size: 50px;}
.s_partner .solutions .imglist li a .img .cont span{font-size: 18px;}
.s_partner .solutions .imglist li .ewm{position: absolute; bottom: -40%;left:50%; margin-left: -75px; width: 150px;box-shadow:0px 0px 3px rgba(0,0,0,0.1); display: none;z-index: 99;}
.s_partner .tit{font-size: 32px;}
.s_partner .solutions {margin: 90px 0px 90px 0px;}
.s_partner .principle .cont .imglist li a .name{font-size:18px;}
.s_partner .principle .cont .imglist li a .txt{font-size: 12px;}
.s_partner .principle .cont .imglist li a{padding:40px 0px 40px 0px;}
.s_partner .principle{min-height: 736px;}
.s_partner .process{margin:80px 0px 80px 0px;}
.s_banner .ban_txt1{max-width: 1000px;}
.s_case .g-wrap{max-width: 1000px;}
.s_classname{font-size: 32px;}
.snewsBox .hd li{font-size: 14px;}
.s_caselist .imglist dd a .img .cont .title{font-size: 18px; line-height: 30px;}
.s_caselist .imglist dd a .txt span{font-size: 16px;}
.s_caselist .imglist dd a .txt {margin: 20px 25px 20px 25px; padding-right: 30px;}
.s_advantage li .title h2{font-size: 32px;}
.s_advantage li .title{font-size: 20px;}
.s_advantage li:nth-child(4) .cont{max-width: 1000px;}
.s_about .about_news .newscontbox .hd li a h2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}
.s_service li .cont .txt h2{font-size: 28px;}
.s_service li .cont .txt p{line-height: 24px; font-size: 16px;}
.h_howdo .howtostart li .cri em{width: 42%}
.h_howdo .howtostart li .cri em img{max-width: 100%}
.h_howdo .howtostart li{height: 310px;}
.h_howdo{padding-bottom: 100px;}
.left_qq li:hover .info1{left:-128px; top: -1px;}
.left_qq li .info1{width: 128px; height: 128px;}
.left_qq li .info{line-height: 64px;}
.aiottittxt{padding:24px 20px; }
.aiottittxt:before{right: 20px;}
.slider-for .img1{ width: 600px;}
.historybox .slider-nav .slick-slide h3 {height: 52px;line-height: 52px;}
}