@charset "utf-8";
html{font-size:62.5%;}
body{margin:0px; font-size:12px; color:#91989f; font-family:Microsoft YaHei; cursor:default; }
*{padding:0px; margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-family: Arial, Helvetica, sans-serif,Microsoft YaHei;}
h1,h2,h3,h4,h5,h6 {list-style:none; font-weight:normal; color:#555;}
input,select,button{font-size:12px; font-family: Arial, Helvetica, sans-serif,Microsoft YaHei; border:0; background:none; outline:none; vertical-align:middle;}
button {overflow:visible}
img{border:none;}
li{list-style:none;}
a{color:#91989f; text-decoration:none;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;
transition:all .3s;}
a:hover{color:#005caf;}
.con{width:1200px; margin:0 auto;}
.clear{overflow:hidden; clear:both; height:0px;}
.fl{float:left;}
.fr{float:right;}
.con{width:1200px; margin:0 auto;}
.container { width:1200px; margin:0 auto}
.header{width:100%; position:fixed; top:0; left:0; z-index:10;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s; height:120px;}
.header.on{box-shadow:0 0 10px #aaa; background:rgba(255,255,255,0.85); height:80px; z-index:99}
.header .container{position:relative;}
.header .logo{width:180px; float:left; margin:40px 0 10px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header.on .logo{width:170px; margin:20px 0 0;}
.header .logo img{width:100%; height:auto; display:block;}
.header .an{position:absolute; top:50%; right:15px; height:18px; width:30px; display:none;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}
.header .an span{width:30px; height:2px; background-color:#555; display:block; position:absolute;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}
.header .nav{ margin-top:30px; float:right;}
.header .nav i{font-size:12px; color:#aaa; line-height:54px; text-align:right; position:absolute; width:50%; height:54px; right:0px; top:50%; display:none;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}
.header.on .nav{ float:right; margin-top:0px}
.header .nav ul li{margin:0 2px; line-height:80px; float:left; position:relative; padding:0 30px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header.on .nav ul li{line-height:80px;}
.header .nav ul li a{display:block; font-size:16px; color:#333; text-transform:capitalize}
.header.on .nav ul li a{display:block; font-size:16px; color:#333;}
.header .nav ul li span{width:0; height:2px; background-color:#e9b144; position:absolute; left:50%; bottom:0;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;
transform:translate(-50%,0);
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);}
.header .nav ul li:hover span{width:100%;}
.header .nav ul li.on span{width:100%;}
.header .nav ul li:hover a { color:#e9b144}
.nav .y_j{position:relative;}
.nav .e_j{width:90px; background-color:rgba(255,255,255,1); position:absolute; top:80px; left:30px; display:none; z-index:9999; padding:10px 20px;}
/*.header.on .nav .e_j{box-shadow:0 2px 2px #aaa;}*/
.header .nav ul li .e_j a{display:block; font-size:14px; color:#000; line-height:40px; border-bottom:1px solid rgba(0,0,0,0.2); text-align: left; }
.nav .e_j .ejy { position:relative}
.nav .e_j .s_j {width:150px; background-color:rgba(255,255,255,.8); position:absolute; top:0px; left:150px; display:none; z-index:9999;}
.header .nav .e_j a:hover{ color:#e9b144;border-bottom:1px solid #e9b144;}
@media (min-width:1024px){
.header .nav .e_j{display:none !important;}
.header .nav ul li:hover .e_j{display:block !important;}
.head_h { height:120px;}
}
@media (max-width:1024px){
.header .nav ul li{margin:0 15px;}
.header .nav ul li a{font-size:15px;}
}
@media (max-width:1200px){
.header .nav ul li{margin:0 20px;}
.header .nav ul li a{font-size:16px;}
}
@media only screen and (max-width:1024px){
.head_h { height: 70px; display:block}
.header{border:0; height:70px; background:#fff; width:100%}
.header.on { height:70px;}
.header .container{ padding:0; overflow:hidden; width:94%}
.header .logo{width:180px; margin:10px auto;}
.header.on .logo{width:180px; margin:10px auto;}
.header .an{display:block; right:10px;}
.header .an span { background-color:#999}
.header .nav ul { width: 100%;}
.header.on .nav {width:60%; margin-top:0}
.header .nav{width:60%; padding:15px 5%; background-color:#fff; height:100%; position:fixed; top:70px; margin-top:0; left:-70%; z-index:9999; overflow:auto;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s; z-index:65}
.header .nav.on{left:0; margin-top:0}
.header.on .nav ul li a { font-size: 16px;color: #333;}
.header .nav i{display:block;}
.header .nav ul li{line-height:60px; text-align:left; border-bottom:1px solid #ccc; float:none; margin:0; padding:0}
.header .nav ul li::after { background: rgba(0,0,0,0);}
.header.on .nav ul li{line-height:60px;}
.header .nav .e_j { width: 100%; border-top: 1px solid #ccc; background: none; position: relative;display: none;top: auto; left: auto; margin: 0;padding:0 0 10px;}
.header .nav ul li .e_j a { color:#333;}
.header .nav ul li .e_j a:hover { color:#fff}
.header .nav .e_j a{border-top:0; font-size:12px; color:#333; line-height:32px;}
.header .nav .e_j a:hover{background:none;}
.header .nav ul li:hover .e_j{display:none;}
.header .nav ul li a{font-size:15px; color:#333;}
.header .nav ul li:hover span{width:0;}
.header .nav ul li.on span{width:0;}
}
@media only screen and (max-width:500px){
.head_h { height: 60px; display:block}
.header .logo{width:150px; margin:10px auto;}
.header.on .logo{width:150px; margin:10px auto;}
.header{border:0; height:60px; background:#fff; width:100%}
.header .nav { top:60px;}
}
@media only screen and (max-width:375px){
.header .container{ padding:0}
.header .logo{width:150px; margin:10px auto;}
.header.on .logo{width:150px; margin:10px auto;}
}
.gallery-top{width:100%; position:relative;}
.gallery-top .swiper-slide img{width:100%; height:auto; display:block;}
.gallery-top .swiper-pagination{bottom:20px !important;}
.gallery-top .swiper-pagination-bullet {width:40px; height:4px; display:inline-block; border-radius:0; opacity:1;}
.gallery-top .swiper-button-prev{background:url(/template/default/images/banner-l.png) no-repeat; width:30px; height:50px; margin-top:0; left:1%;
background-size:30px 50px;
-webkit-background-size:30px 50px;
-moz-background-size:30px 50px;
-ms-background-size:30px 50px;
-o-background-size:30px 50px;}
.gallery-top .swiper-button-next{background:url(/template/default/images/banner-r.png) no-repeat; width:30px; height:50px; margin-top:0; right:1%;
background-size:30px 50px;
-webkit-background-size:30px 50px;
-moz-background-size:30px 50px;
-ms-background-size:30px 50px;
-o-background-size:30px 50px;}
/*banner*/
#banner .flexslider {
background: none;
}
#banner .slides li .pic {
display: block;
padding-top: 36.4%;
/* -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; */
background-position: center bottom;
position: relative;
}
#banner .slides li .ban-txt {
width: 760px;
position: absolute;
left: 50%;
margin-left: -380px;
top: 50%;
height: 205px;
margin-top: -102px;
text-align: center;
}
#banner .slides li.s1 .ban-txt {
background:url(/template/default/images/ban_k.png) no-repeat;
}
#banner .flexslider .slides img {
max-width: 100%;
width: auto;
display: inline-block;
vertical-align: middle;
}
#banner .slides li .ban-txt h5 {
font-size: 22px;
color: #fff;
margin-top: -5px;
}
#banner .slides li .ban-txt h2 {
height: 118px;
line-height: 118px;
margin-top: 5px;
font-size: 71px;
color: #fff;
}
#banner .slides li .ban-txt h3 {
padding-top: 25px;
font-size: 24px;
color: #e4392a;
}
#banner .flex-control-paging li a {
width: 40px;
height: 3px;
border-radius: 0;
background-color: rgba(255,255,255,0.7);
}
#banner .flex-control-paging li a.flex-active {
background-color: #cd0003;
}
#banner .flex-control-nav {
bottom: 80px;
}
#banner .flex-direction-nav a {
background: url(/template/default/images/ban_prev.png) no-repeat;
width: 24px;
height: 44px;
opacity: 1;
filter: alpha(opacity=100);
}
#banner .flex-direction-nav .flex-prev {
left: 50%;
margin-left: -570px;
}
#banner .flex-direction-nav .flex-next {
background-image: url(/template/default/images/ban_next.png);
right: 50%;
margin-right: -570px;
}
#banner .slides li.s2 .ban-txt {
width: 840px;
margin-left: -420px;
}
#banner .slides li.s2 .ban-txt h2 {
font-size: 58px;
line-height: 56px;
height: 56px;
margin-bottom: 10px;
}
#banner .slides li.s2 .ban-txt h3 {
font-size: 50px;
text-transform: uppercase;
padding-top: 0;
}
#banner .slides li.s2 .ban-txt h4 {
font-size: 16px;
color: #fff;
}
#banner .slides li.s2 .ban-txt h6 {
font-size: 14px;
border-top: 1px solid #d3d3d7;
width: 149px;
margin: 0 auto;
color: #fff;
line-height: 35px;
margin-top: 15px;
}
#banner .slides li.s3 .ban-txt h2 {
font-size: 45px;
height: 45px;
line-height: 45px;
}
#banner .slides li.s3 .ban-txt h3 {
font-size: 50px;
text-transform: uppercase;
padding-top: 0;
border-bottom: 1px solid #e4392a;
}
#banner .slides li.s3 .ban-txt h4 {
font-size: 16px;
line-height: 30px;
color: #fff;
margin-top: 20px;
}
#banner {
position: relative;
}
.banner-bg {
background: url(/template/default/images/ban_bg.png) center top no-repeat;
height: 54px;
width: 100%;
position: absolute;
left: 0;
bottom: -30px;
z-index: 1;
}
#bd {
padding-top: 90px;
}
.flexslider .animated {
opacity: 0;
filter: alpha(opacity=0);
opacity: 100\9;
filter: alpha(opacity=100)\9;
}
.tit { margin-bottom:50px; text-align:center}
.tit h1 { font-size:36px; color:#333; margin-bottom:15px; position:relative}
.tit h1::after { content: " ";position: absolute; left: 50%; bottom: -12px; width: 60px; margin-left: -30px;height:2px; background:#ce8a06;}
.tit h3 { font-size:14px; color:#666; margin-top:25px;}
.tit h4 { font-size:20px; color:#058ad3; margin-top:20px;}
.tit2 { margin-bottom:50px; text-align:center}
.tit2 h1 { font-size:36px; color:#fff; margin-bottom:15px; position:relative}
.tit2 h1::after { content: " ";position: absolute; left: 50%; bottom: -12px; width: 60px; margin-left: -30px;height:2px; background:#fff;}
.tit2 h3 { font-size:14px; color:#fff; margin-top:25px;}
/*成功招商四步*/
.fourstep { padding:60px 0; overflow:hidden}
.fourstep .step_list>li{
background: url(/template/default/images/fourstep_bg.png) no-repeat;
background-position: center center;
height: 240px;
width: 259px !important;
margin: 0 !important;
text-align: center;
padding: 90px 17px 0 24px;
font-family: "Source Han Sans CN"; float:left;
}
.fourstep .step_list>li.l2{
background: url(/template/default/images/fourstep_bgs.png) no-repeat;
background-position: center center;
height: 240px;
width: 259px !important;
margin: 0 !important;
text-align: center;
padding: 90px 17px 0 24px;
font-family: "Source Han Sans CN"; float:left
}
.line {
border-bottom: 2px solid #032d49;
width: 42px;
display: block;
margin-top: 25px;
}
.fourstep .step_list>li .box{-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.fourstep .step_list>li h1{ font-weight: 700; color: #032d49;}
.fourstep .line {margin: 15px auto;}
.fourstep .step_list ul li{ font-size: 16px;line-height: 30px;}
.fourstep .step_list>li:hover { background: url(/template/default/images/fourstep_bgs01.png) no-repeat;}
.fourstep .step_list>li:hover .box {-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.fourstep .step_list>li:hover h1 { color:#fff;}
.fourstep .step_list>li:hover ul li { color:#fff}
.sy_cpfw { padding:60px 0; overflow:hidden}
.solu{display:block;overflow:hidden;width:1400px;margin:0 auto}
.solu li{display:block;float:left;width:231px;cursor:pointer; border-right:#fff 1px solid}
.solu li.li1{background:url(/template/default/images/ess1.jpg) no-repeat;}
.solu li.li2{background:url(/template/default/images/ess1.jpg) no-repeat;}
.solu li.li3{background:url(/template/default/images/ess1.jpg) no-repeat;}
.solu li.li4{background:url(/template/default/images/ess1.jpg) no-repeat;}
.solu li.li5{background:url(/template/default/images/ess1.jpg) no-repeat;}
.solu li.li6{background:url(/template/default/images/ess1.jpg) no-repeat;}
.soludiv{display:block;}
.soludiv span{display:block;width:84px;height:44px;margin:0 auto;}
.soludiv h2{display:block;font-size:18px;color:#fff;text-align:center;margin-top:10px;}
.soludiv h3{display:block;font-size:12px;color:#fff;text-align:center;margin-top:10px; padding:0 15px; margin-bottom:15px;}
.soludiv p{opacity:0;display:blocl;font-size:14px; line-height:1.8;color:#fff;padding:0px 15px;transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s; text-align: left; width:104px; margin:0 auto}
.soludiv p::before {
content: "•";
display: inline-block;
margin-right: 5px;
}
.soludiv .but{opacity:0;display:block;font-size:14px;color:#fff;width:100px;height:34px;border:solid 1px #fff;border-radius:3px;
text-align:center;line-height:34px;margin:0 auto;margin-top:20px;transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;}
.soludiv:hover{background:rgba(16,151,213,0.6);}
.soludiv:hover p{opacity:1}
.soludiv:hover .but{opacity:1}
.customer_paly_inner .more a{line-height: 56px;text-align: center; font-size: 20px; color: #3B4759;}
.customer_paly_inner .more a:hover{color: #fff;}
.cyhts { width:1200px; margin:50px auto; padding-bottom:25px;}
.second {position: relative; width:1200px; margin:0px auto 40px; padding-top:10px;text-align: center; overflow:hidden;}
.list-unstyled h3{font-size:17px;margin-top: 20px;color: #004098; margin-bottom:15px; font-weight:bold}
.second li p{color: #555; font-size:14px; line-height:1.8; text-align: left; padding:0 10px; text-align:center}
.carousel-indicators li{width: 50px;height: 4px;border-radius: 1px;padding: 10px 10px;box-sizing: content-box;background-clip: padding-box;}
.carousel-indicators .active{width: 50px;height: 4px;position: relative;top: -1px;}
.second li {height:230px;text-align: center; width:23%; float:left;margin:20px 1% 20px;padding-top: 40px;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s; font-size:14px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px; padding:0 10px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.second li:hover .box{transform: translateY(-5px);-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);transition: all 0.3s;
-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.second li p::before {content: "-"; display: inline-block; margin-right: 5px;}
.second li .tb {transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s; width:80px; height:80px; margin:40px auto 35px; padding:5px; border:3px solid #4296f4;border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px; }
.second li:hover .tb {-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);transform: rotateY(360deg);}
.second li .tb.t1 { background: url(/template/default/images/ys1.png) center top no-repeat;}
.second li:hover .tb.t1 { background: url(/template/default/images/ys1.png) center bottom no-repeat;}
.second li .tb.t2 { background: url(/template/default/images/ys2.png) center top no-repeat;}
.second li:hover .tb.t2 { background: url(/template/default/images/ys2.png) center bottom no-repeat;}
.second li .tb.t3 { background: url(/template/default/images/ys3.png) center top no-repeat;}
.second li:hover .tb.t3 { background: url(/template/default/images/ys3.png) center bottom no-repeat;}
.second li .tb.t4 { background: url(/template/default/images/ys4.png) center top no-repeat;}
.second li:hover .tb.t4 { background: url(/template/default/images/ys4.png) center bottom no-repeat;}
.second li:hover h3 { color:#0068ba}
.second li:hover p { color:#000}
.choice_box{background:url(/template/default/images/youshitu.jpg) no-repeat center top; padding:30px 0;overflow:hidden;}
.choice_tit h3{text-align:center; font:16px "微软雅黑"; color:#bdced6; padding-top:8px;}
.choice_tit p{text-align:center; /*font:20px Arial; color:#ccc; */margin-top:70px;}
.choice_list{margin-top:75px;}
.choice_list li{float:left; width:310px; height:245px; margin:0 45px; color:#fff; position:relative; padding-top:55px; background:url(/template/default/images/index_w3.jpg) no-repeat 0 400px; overflow:hidden;}
.choice_list li i{background:url(/template/default/images/index_w2.png) no-repeat 0 0; display:block; margin:0 auto; height:46px; position:relative; overflow:hidden;}
.choice_list .n1 i{background-position:-54px -5px; width:46px;}
.choice_list .n2 i{background-position:-152px -5px; width:47px;}
.choice_list .n3 i{background-position:-54px -59px; width:41px;}
.choice_list .n4 i{background-position:-158px -59px; width:34px;}
.choice_list li h4{font:18px/30px "微软雅黑";text-align:center; margin:42px 0 12px 0; color:#fff }
.choice_list li p{font:14px/20px "微软雅黑"; color:#ccc; text-align:center; width:200px; margin:40px auto 0}
.choice_list .line {width:40px; height:2px; display:block; margin:0 auto; background:#00a7ff;}
.choice_list b { display:block; position:absolute; width:96px; height:96px; left:50%; margin-left:-48px; margin-top:-25px; background:url(/template/default/images/index_w2.png) no-repeat no-repeat -2px -126px;
-webkit-transition:all .5s ease-in-out 0s;
-moz-transition:all .5s ease-in-out 0s;
-ms-transition:all .5s ease-in-out 0s;
-o-transition:all .5s ease-in-out 0s;
transition:all .5s ease-in-out 0s;}
.choice_list .c2 {display:block; position:absolute; width:96px; height:96px; left:50%; margin-left:-48px; margin-top:-25px; background:url(/template/default/images/index_w2.png) no-repeat no-repeat -204px -126px;}
.choice_box .choice_list li b.cl {clip:rect(0px, 48px, -10px, 48px);}
.choice_box.active .choice_list li b.cl {clip:rect(0px,96px,96px,48px);}
.choice_box .choice_list li b.cr {clip:rect(96px,48px,96px,0px);}
.choice_box.active .choice_list li b.cr {clip:rect(0px,48px,96px,0px);}
.choice_box .choice_list li:hover b.cl {clip:rect(0px, 96px, -10px, 48px); }
.choice_box .choice_list li:hover b.cr {clip:rect(96px,48px,96px,0px);}
.choice_list li:hover {
background-position:0 0;
-webkit-transition:all .5s ease-in-out .3s;
-moz-transition:all .5s ease-in-out .3s;
-ms-transition:all .5s ease-in-out .3s;
-o-transition:all .5s ease-in-out .3s;
transition:all .5s ease-in-out .3s;
}
.choice_list li:hover .c2 {background-position:-102px -126px;-webkit-transition:all .5s ease-in-out .5s;
-moz-transition:all .5s ease-in-out .5s;
-ms-transition:all .5s ease-in-out .5s;
-o-transition:all .5s ease-in-out .5s;
transition:all .5s ease-in-out .5s;}
.choice_list li:hover i {
-webkit-transition:all .5s ease-in-out .4s;
-moz-transition:all .5s ease-in-out .4s;
-ms-transition:all .5s ease-in-out .4s;
-o-transition:all .5s ease-in-out .4s;
transition:all .5s ease-in-out .4s;
}
.choice_list .n1:hover i{background-position:-4px -5px;}
.choice_list .n2:hover i {background-position:-104px -5px;}
.choice_list .n3:hover i {background-position:-8px -59px;}
.choice_list .n4:hover i {background-position:-114px -59px;}
.choice_box .choice_list li:hover .line {
background:#fff;
-webkit-transition-delay:.4s;
-moz-transition-delay:.4s;
-ms-transition-delay:.4s;
-o-transition-delay:.4s;
transition-delay:.4s;
}
.choice_box .choice_list li:hover p {
-webkit-animation:bounceInUp .3s ease-in-out .5s;
-moz-animation:bounceInUp .3s ease-in-out .5s;
-ms-animation:bounceInUp .3s ease-in-out .5s;
-o-animation:bounceInUp .3s ease-in-out .5s;
animation:bounceInUp .3s ease-in-out .5s;
color:#fff;
}
@-webkit-keyframes bounceInUp {
0% {
opacity:0;
-webkit-transform:translateY(200px);
transform:translateY(200px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes bounceInUp {
0% {
opacity:0;
-webkit-transform:translateY(200px);
-ms-transform:translateY(200px);
transform:translateY(200px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.zswb { width:100%; background:#f5f5f5; padding:60px 0; overflow:hidden; height:850px}
.zswb .tp { width:1200px; margin:35px auto; text-align:center; position:relative; padding-top:100px;}
.zswb .tp .zs1 { width:470px; left:0; position:absolute; top:0; height:130px; border:#f54b4b 2px solid;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; padding:20px 20px 20px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.zswb .tp .zs1 h3 { font-size:20px; color:#df600e; margin-bottom:10px; font-weight:bold}
.zswb .tp .zs1 p { line-height:2; font-size:16px; color:#333;}
.zswb .tp .zs2 { width:470px; right:0; position:absolute; top:0; height:130px; border:#f54b4b 2px solid;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; padding:20px 20px 20px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.zswb .tp .zs2 h3 { font-size:20px; color:#df600e; margin-bottom:10px; font-weight:bold}
.zswb .tp .zs2 p { line-height:2; font-size:16px; color:#333;}
.zswb .zs3 { position:absolute; top:460px; width:1200px; left:0; height:200px}
.zswb .zs3 h3 { line-height:60px; font-size:28px; color:#fff; text-align:center}
.zswb .zs3 h3 span { background:#f54b4b; display:block;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px; width:400px; margin:0 auto}
.zswb .zs3 ul li { width:346px; float:left; margin-right:80px; margin-top:25px;}
.zswb .zs3 ul li.last { margin-right:0}
.zswb .zs3 ul li .tb { text-align:center; margin:20px 0}
.zswb .zs3 ul li h4 { font-size:18px; color:#333; margin-bottom:10px;}
.zswb .zs3 ul li p { font-size:16px; line-height:1.8; color:#333}
.sy_hzhb { background:#f6f6f6; overflow:hidden; padding:60px 0;}
.sy_hzhb ul {margin-top:50px;}
.sy_hzhb li { width:151px; margin:0 10px 20px; float:left;}
.sy_hzhb li:hover .nrjz {-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.16),0 15px 40px 0 rgba(0,0,0,.16);box-shadow: 0 10px 15px 0 rgba(0,0,0,.16),0 15px 40px 0 rgba(0,0,0,.16);transform: translateY(-10px);-wbkit-transform: translateY(-10px);-o-transform: translateY(-10px);-moz-transform: translateY(-10px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s; z-index:9999}
.sy_hzhb li a { width:100%; display:block}
.sy_hzhb li img { width:100%}
.sy_hzhb li .nrjz {border:#eee 1px solid;}
.sy_hzhb li.bodnno { border-bottom:none}
.sy_hzhb li.bodrno { border-right:none}
.sy_hzhb li.bodtno { border-top:none}
.sy_ly { margin:30px auto 60px;}
.zx_bm{width:1200px; height:100%; margin:0 auto }
.zx_bm .bm_bj{width:100%; height:100%;}
.zx_bm .b_m{width:1200px;background:rgba(255,255,255,0.65); padding:35px 50px 30px; margin:0 auto}
.zx_bm .b_m .box { width:32%; margin-right:2%;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; float:left}
.zx_bm .b_m .l_m{width:60px; font-size:14px; line-height:44px; color:#333}
.zx_bm .b_m .l_m.l_b{margin-left:30px;}
.zx_bm .b_m input.w_z{width:100%; padding:0 10px; height:42px; font-size:15px; line-height:42px; color:#555; background:rgba(204,204,204,.15); border:1px solid #999;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; }
.zx_bm .b_m input.w_a{width:123px; padding:0 10px; height:42px; font-size:15px; line-height:42px; color:#555; border:1px solid #999; box-shadow:0 0 5px #eee; float:left;}
.zx_bm .b_m label{vertical-align:middle; font-size:15px; line-height:44px; font-weight:normal; padding-left:3px; padding-right:20px;}
.zx_bm .b_m textarea{width:100%; padding:5px 10px; height:88px;font-size:14px; line-height:26px; color:#555; border:1px solid #999; background:rgba(204,204,204,.15); resize:none; outline:none;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.zx_bm .b_m button.t_j{ width:300px; height:43px; background-color:#005caf; font-size:14px; color:#fff; line-height:42px; border-radius:5px; box-shadow:0 0 5px #eee; cursor:pointer; margin:0 auto}
.zx_bm .b_m button.c_z{margin-left:30px; width:150px; height:42px; background-color:#aaa; font-size:14px; color:#fff; line-height:42px; border-radius:5px; box-shadow:0 0 5px #eee; cursor:pointer; float:left;}
.zx_bm .b_m .clear{margin-bottom:20px;}
.sy_lxwm {width:1200px;background:rgba(255,255,255,0.65); padding:35px 50px 30px; margin:0 auto; overflow:hidden}
.contact-l {
width: 38%;
float: left;
}
.contact-r {
width: 62%;
float: right;
}
.ul-contact li {
background: url(/template/default/images/i_icon2.png) no-repeat;
padding-left: 60px;
font-size: 14px;
margin-bottom: 20px;
line-height: 35px; color:#333;
}
.ul-contact li.li1 {
background-position: 0 0;
}
.ul-contact li.li2 {
background-position: 0 -74px;
}
.ul-contact li.li3 { background:url(/template/default/images/i_icon3.png) no-repeat}
.ul-contact li a { color:#333}
.contact-form .inp {
width: 46%;
border: 1px solid #6d6d88;
height: 33px;
padding: 0 10px;
margin-bottom: 15px; background:rgba(255,255,255,0.6)
}
.contact-form textarea {
width: 100%;
border: 1px solid #6d6d88;
height: 98px;
margin-bottom: 24px; background:rgba(255,255,255,0.6);
}
.contact-form .sub {
width:200px;
height: 40px;
line-height: 40px;
text-align: center;
color: #fff;
background-color: #058ad3;
border: 0;
cursor: pointer;
font-family:"微软雅黑", "Microsoft Yahei";
font-size: 16px; margin:0 auto
}
/*index-contact*/
.index-contact {
min-width: 1200px;
padding: 45px 0;
background-image: url(/template/default/images/contact-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: center top;
position: relative;
}
.index-contact .cover {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0,0,0,0.5);
z-index: 1;
}
.ny_ch { width:1200px; margin:80px auto 60px;}
.huaj {position:relative;}
.huaj .hd .prev {width:33px; height:64px; background:url(/template/default/images/jiantzuo.png) left top / 100% no-repeat; position:absolute; left:10px; top:50%; margin-top:-32px; z-index:10000; opacity:0.5}
.huaj .next{width:33px; height:64px; background:url(/template/default/images/jiantyou.png) left top / 100% no-repeat; position:absolute; right:10px; top:50%; margin-top:-32px; z-index:10000; opacity:0.5}
.huaj .hd .prev:hover { opacity:1}
.huaj .next:hover { opacity:1}
.huaj .bd {width:1200px; margin:0 auto;}
.huaj .bd ul li{display:inline-block; width:280px; float:left; margin:0 10px}
.huaj .bd ul li img {width:100%; height:auto;}
.huaj .bd ul li .tp { overflow:hidden; position:relative }
.huaj .bd ul li .mb { width:100%; height:100%; position:absolute; top:100%; left:0; background:rgba(0,0,0,0.65); opacity:0;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.huaj .bd ul li:hover .mb { opacity:1; top:0}
.huaj .bd ul li .mb p { padding:20px 30px; font-size:14px; color:#fff; line-height:1.8}
.huaj .bd ul li .mb h4 { color:#fff; font-size:16px; margin-bottom:10px; margin-top:30px; text-align:center }
.huaj .bd ul li h3 { font-size:16px; color:#333; margin-bottom:10px; margin-top:10px}
.huaj .bd ul li span { font-size:12px; color:#666;}
/* start footer */
.footer_bg{background:#333; width:100%;padding:35px 0 0;}
.footer { width:1200px; margin:0 auto; padding:20px 0; z-index:999}
.footer .zuo3{ width:850px; float: left;}
.footer .zuo3 ul li { width:18.5%; float:left;}
.footer .zuo3 ul li .tit1 a { font-size:14px; font-weight:bold; color:#fff; line-height:36px; display:block}
.footer .zuo3 ul li .line2 { margin-bottom:20px; height:2px; margin-top:10px}
.footer .zuo3 ul li .line2 span { width:15px; height:1px; background:#cd0003;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s; display:block}
.footer .zuo3 ul li:hover .line span { width:50px; height:1px;}
.footer .zuo3 ul li a { width:100%; display:block; line-height:28px; font-size:14px; color:#999;}
.footer .zuo3 ul li a:hover { color:#eee}
.dzwz {line-height:30px;color:#fff;font-size:14px; float:left; width:350px; margin-top:20px;}
.dzwz p { line-height:30px;color:#fff;font-size:14px;opacity:0.7;-webkit-opacity:0.7;-moz-opacity:0.7; text-transform: capitalize}
.dzwz p.p1 { background: url(/template/default/images/fd-img2.png) left center no-repeat}
.dzwz p.p2 { background: url(/template/default/images/fd-img1.png) left center no-repeat}
.dzwz p.p3 { background: url(/template/default/images/fd-img4.png) left center no-repeat}
.footer .you3 { width:350px; float:right;}
.footer .you3 .weixin { width:100px; padding-top:20px; float: right; line-height:30px; color:#fff; text-align:center; margin-right:10px;}
.footer .you3 .dian { width:230px; float: left;}
.footer .you3 .dian h2 { font-size:20px; line-height:50px; color:#fff; padding-top:20px;}
.footer .you3 .dian p { line-height:30px; font-size:14px; color:#fff; text-align: left}
.footer_btm {margin:10px auto 0;padding:10px 0; background:#222}
.copy { width:1200px; margin:0 auto; line-height:20px;}
.copy p {font-size: 12px;text-transform: uppercase;color: #B9B9B9;}
.copy p a { color: #ffffff; -webkit-transition: 0.9s; -moz-transition: 0.9s;-o-transition: 0.9s;transition: 0.9s;}
.nban {width:100%; position:relative}
.nban img { width:100%; display:block}
.nban .mb { width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0}
.nban .mb h2 { text-align:center; padding:10% 0 0; margin-bottom:15px; font-size:40px; color:#fff; font-weight:bold}
.nban .mb h3 { text-align:center; font-size:25px; color:#fff; text-transform: uppercase}
.ntit { width:1200px; margin:50px auto; text-align:center}
.ntit ul li { display:inline-block; line-height:40px; margin:0 10px;}
.ntit ul li a { padding:0 20px; background:#eee; color:#333; display:block; font-size:14px;}
.ntit ul li a:hover { background:#058ad3; color:#fff;}
.ntit ul li a.on { background:#058ad3; color:#fff;}
.ny_gywm {margin:40px auto; width:1200px;}
.ny_gywm .nr {display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;}
.ny_gywm .tp { width:40%; float:left}
.ny_gywm .tp img { width:100%; display:block}
.ny_gywm .wenz { width:55%; padding:0px 0px 40px 20px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.ny_gywm .wenz.w2 { padding:0px 20px 40px 0px;}
.ny_gywm .wenz h3 { font-size:20px; color:#333; margin-bottom:20px;}
.ny_gywm .wenz p { font-size:14px; color:#666; line-height:2; font-weight:300;}
.ny_csr {margin:0px auto 40px; width:100%; background:#f6f6f6 url(/template/default/images/csrbj.jpg) center center / cover; overflow:hidden}
.ny_csr .nr {display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;}
.ny_csr .tp { width:50%;}
.ny_csr .tp img { width:100%; display:block}
.ny_csr .wenz { width:50%; padding:0px 50px 40px 0px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.ny_csr .wenz .box { width:500px; float: right}
.ny_csr .wenz h3 { font-size:20px; color:#fff; text-align:center; margin-bottom:20px;}
.ny_csr .wenz p { font-size:16px; color:#666; line-height:2; font-weight:300;}
.ny_jhyx1 {margin:40px auto; width:1200px;}
.ny_jhyx1 .wenz { padding:0px 0px 40px 0px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.ny_jhyx1 .wenz h3 { font-size:20px; color:#333; text-align:center; margin-bottom:20px;}
.ny_jhyx1 .wenz p { font-size:14px; color:#666; line-height:2; font-weight:300;}
.ny_jhyx1 .wenz .ico { margin:35px auto 0;}
.ny_jhyx1 .wenz .ico ul li { width:23%; float:left; margin:0 1%; text-align:center}
.ny_jhyx1 .wenz .ico ul li img { width:80px; display:block; margin:0 auto}
.ny_jhyx1 .wenz .ico ul li h4 { font-size:14px; color:#333; margin:10px 0; text-align:center}
.ny_gywmjh {margin:40px auto; width:1200px;}
.ny_gywmjh .nr {display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; margin-bottom:60px}
.ny_gywmjh .tp { width:40%; float:left}
.ny_gywmjh .tp img { width:100%; display:block}
.ny_gywmjh .wenz { width:55%; padding:0px 0px 40px 20px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.ny_gywmjh .wenz.w2 { padding:0px 20px 40px 0px;}
.ny_gywmjh .wenz h3 { font-size:20px; color:#333; text-align:center; margin-bottom:20px;}
.ny_gywmjh .wenz p { font-size:14px; color:#666; line-height:2; font-weight:300;}
.ny_gywmjh .wenz h2 { font-size:25px; color:#333; margin-bottom:25px;}
.ny_gywmjh .wenz h2 span { padding-left:35px; font-size:20px; color:#058ad3}
.ny_gywmjh .wenz .more a { line-height:40px; border:#ccc 1px solid;color:#333; font-size:14px; text-transform:uppercase; display:block; margin:30px auto; width:120px; text-align:center;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.ny_gywmjh .wenz .more a:hover { background:#df600e; border:#df600e 1px solid; color:#fff;}
.ny_ppdw { padding:50px 0; margin:50px 0 0; background:url(/template/default/images/jjbj.jpg) center center / cover no-repeat; overflow:hidden}
.ny_ppdw .jjnr { width:1200px; margin:0 auto; background:rgba(0,0,0,0.65);border-radius:10px;-moz-border-radius:10px;
-webkit-border-radius:10px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center; }
.ny_ppdw .jjnr .tp { width:600px;}
.ny_ppdw .jjnr .tp img { width:100%; display:block}
.ny_ppdw .jjnr .wenz { width:540px; padding:30px 20px 30px 40px}
.ny_ppdw .jjnr .wenz h3 { font-size:20px; color:#cbad74; margin-bottom:10px;}
.ny_ppdw .jjnr .wenz p { font-size:14px; line-height:2; color:#fff;}
.ny_cyhts { width:1200px; margin:50px auto}
.ny_cyhts .tp img { width:100%}
.ny_cyhts1 { margin:30px 0;}
.ny_cyhts1 h2 { font-size:25px; color:#333; margin-bottom:30px; text-align:center}
.ny_cyhts1 h2 span {font-size:22px; color:#058ad3}
.ny_cyhts1 ul li { width:373px; float:left; margin-right:40px; position:relative; margin-bottom:40px;}
.ny_cyhts1 ul li img { width:100%; display:block;}
.ny_cyhts1 ul li .mb { width:100%; height:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0; text-align:center}
.ny_cyhts1 ul li .mb h3 {line-height:40px; border:#fff 1px solid; color:#fff; font-size:20px; padding:0 20px; margin:0 auto}
.ny_cyhts1 ul li.last { margin-right:0}
.hzpart2 { width:1200px; padding-bottom:40px; margin-top:40px;}
.hzpart2 h2 { font-size:25px; color:#333; margin-bottom:30px; text-align:center}
.hzpart2 ul { margin:0 auto;}
.hzpart2 ul li { width:285px; float:left; margin-right:20px; background:#fff; padding:8px;box-shadow: 0px 0px 10px #ccc;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.hzpart2 ul li.last { margin-right:0}
.hzpart2 ul li img { width:100%; display:block}
.hzpart2 ul li .wz { position:relative; padding-top:30px;}
.hzpart2 ul li .wz .bt { height:36px; line-height:36px; text-align:center; width:200px; top:-18px; background:#277abf; font-size:16px; color:#fff;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; position:absolute; left:50%; margin-left:-100px;}
.hzpart2 ul li .wz p { font-size:14px; color:#333; line-height:2; text-align:center}
/*团队*/
.tuandui { }
.tdn {width:1200px; margin:0 auto;}
.tdtit { padding: 50px 0 10px; text-align: center; font-size: 28px; line-height: 42px;color: #333}
.td_content { font-size: 15px;line-height: 32px; color: #333;text-align: center; margin-bottom: 40px}
.case{padding: 24px 0; width:1200px; margin:0 auto; padding-bottom:50px;}
.case ul{overflow: hidden;}
.case ul li{width: 208px;height: auto;margin: 0 40px 0 0;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;float: left;transform: translateY(0px);-wbkit-transform: translateY(0px);-o-transform: translateY(0px);-moz-transform: translateY(0px)}
.case ul li.last { margin-right:0}
.case a{display: block;height: auto;}
.case .img{width: 100%;height: auto; border-radius:50%; border-bottom: 1px solid #dcdcdc;}
.case .img img{width: 100%; border-radius:50%;height: 100%;transition: all 0.2s linear 0s;}
.case ul li a:hover .img img {transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);}
.case .text{font-size: 14px;color: #333;line-height: 24px;text-align: center;height: 116px;}
.case .text h4{padding: 20px 0 10px 0;font-size: 18px;color: #333;}
.case .text p{width: 200px;margin: 0 auto;}
.case ul li:hover{transform: translateY(-5px);-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;
-moz-transition: all 0.3s;}
.case li:hover .text *{color: #333;}
.ny_zswbwb { width:100%; height:468px; background:url(/template/default/images/wenti01.jpg) center top / cover no-repeat; padding-top:30px;}
.ny_zswbwb .left { width:500px; float:left; margin-left:100px;}
.ny_zswbwb .left .box { width:250px; float:left}
.ny_zswbwb .left h2 { font-size:25px; font-weight:bold; color:#fff; margin-bottom:20px;}
.ny_zswbwb .left .xbt { background:#f98906; font-size:20px; color:#fff; width:80px; line-height:1.8; text-align:center;border-radius: 5px;-moz-border-radius:5px;-webkit-border-radius:5px; margin-bottom:10px;}
.ny_zswbwb .left p { line-height:2; font-size:16px; color:#fff; position:relative; padding-left:20px}
.ny_zswbwb .left p::before {
content: "";
position: absolute;
top: 50%; margin-top:-3px;
left: 0;
width: 6px;
height: 6px;
background: #fff;
border-radius: 100%;
}
.ny_zswbwb2 { height:448px; background:url(/template/default/images/wenti02.jpg) center top / cover no-repeat; padding-top:80px}
.ny_zswbwb2 .right { width:600px; float:right;}
.ny_zswbwb2 .right h2 { font-size:25px; font-weight:bold; color:#fff; margin-bottom:20px;}
.ny_zswbwb2 .right h4 { font-size:16px; color:#fff; margin-bottom:15px;}
.ny_zswbwb2 .right .xbt { background:#0062a5; font-size:20px; color:#fff; width:300px; line-height:1.8; text-align:center;border-radius: 5px;-moz-border-radius:5px;-webkit-border-radius:5px; margin-bottom:20px;}
.ny_zswbwb2 .right p { line-height:2.5; font-size:16px; color:#fff; background:url(/template/default/images/dg.png) left center no-repeat; padding-left:32px;}
.ny_zswbwb3 { width:1200px; margin:50px auto;}
.ny_zswbwb3 ul li { width:360px; margin-right:60px; float:left;-o-box-shadow: 0 0 25px rgba(206,206,206,.4);
-ms-box-shadow: 0 0 25px rgba(206,206,206,.4);
-moz-box-shadow: 0 0 25px rgba(206,206,206,.4);
-webkit-box-shadow: 0 0 25px rgba(206,206,206,.4);
box-shadow: 0 0 25px rgba(206,206,206,.4);}
.ny_zswbwb3 ul li.last { margin-right:0}
.ny_zswbwb3 ul li img { width:100%; display:block;}
.ny_zswbwb3 ul li .tp { position:relative}
.ny_zswbwb3 ul li h3 { font-size:18px; padding:5px 10px; height:60px;color:#fff; font-weight:bold; position:absolute; background:rgba(5,138,211,0.8); left:0; bottom:0; width:100%;
-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.ny_zswbwb3 ul li .wenz { padding:15px; position:relative;}
.ny_zswbwb3 ul li .wenz .bt { width:330px; margin:0 auto; line-height:42px; color:#0062a5; font-size:16px; font-weight:bold}
.ny_zswbwb3 ul li .wenz p {line-height:2; font-size:14px; color:#666; position:relative; padding-left:20px}
.ny_zswbwb3 ul li .wenz p::before {
content: "";
position: absolute;
top: 50%; margin-top:-3px;
left: 0;
width: 6px;
height: 6px;
background: #666;
border-radius: 100%;
}
.ny_zswb { width:1200px; margin:50px auto}
.ny_zswb h2 { font-size:25px; margin-bottom:20px; text-align:center; color:#333;}
.ny_zswb p { line-height:2}
.ny_zswb .left { width:500px; float:left;}
.ny_zswb .left h3 { font-size:18px; color:#333; font-weight:bold; margin-bottom:10px;}
.ny_zswb .left p { font-size:14px; color:#666; line-height:2;}
.ny_zswb .right { width:500px; float: right;}
.ny_zswb .right h3 { font-size:18px; color:#333; font-weight:bold; margin-bottom:10px;}
.ny_zswb4 {width:1200px; margin:50px auto}
.ny_zswb4 ul li { width:160px; float:left; }
.ny_zswb4 ul li .tp {width:160px;height:160px;border-radius:80px;-moz-border-radius:80px;-webkit-border-radius:80px; background:#058ad3; overflow:hidden}
.ny_zswb4 ul li h3 { font-size:16px; margin:10px 0; text-align:center; color:#333}
.ny_zswb4 ul li.jt { width:100px; float:left; height:160px; background:url(/template/default/images/jt.png) center center no-repeat}
.ny_zswb .right p { font-size:14px; color:#666; line-height:2;}
.ny_fwys { background:#f6f6f6; padding:50px 0 70px; margin:50px 0 0; overflow:hidden}
.ny_fwys ul li {float: left;width: 310px;height: 245px;margin: 0 45px;-o-box-shadow: 0 0 25px rgba(206,206,206,.4);-ms-box-shadow: 0 0 25px rgba(206,206,206,.4);-moz-box-shadow: 0 0 25px rgba(206,206,206,.4);-webkit-box-shadow: 0 0 25px rgba(206,206,206,.4);box-shadow: 0 0 25px rgba(206,206,206,.4); background:#fff; text-align:center; padding:20px 0;}
.ny_fwys ul li .tb { text-align:center; margin:25px auto; width:90px; height:90px;border-radius:45px;-moz-border-radius:45px;-webkit-border-radius:45px; border:#00a7ff 1px solid }
.ny_fwys ul li .tb img { width:70%; margin-top:15%;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.ny_fwys ul li:hover .tb img {-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.ny_fwys ul li h3 { font-size:20px; font-weight:bold; margin-bottom:15px; color:#333;}
.ny_fwys ul li p { font-size:14px; color:#666; line-height:2; padding:0 35px;}
.ny_tgcl { width:100%; padding:50px 0; margin:50px 0; background:#f6f6f6; overflow:hidden}
.ny_tgcl h3 { font-size:16px; width:800px; margin:35px auto 30px; text-align:center; color:#666;}
.ny_tgcl ul li { width:20%; float:left; text-align:center;}
.ny_tgcl2 {margin:40px auto; width:1200px;}
.ny_tgcl2 h2 { font-size:26px; margin-bottom:35px; color:#333; text-align:center}
.ny_tgcl2 .nr {display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;}
.ny_tgcl2 .tp { width:70%; float:left}
.ny_tgcl2 .tp img { width:100%; display:block}
.ny_tgcl2 .wenz { width:25%; padding:0px 0px 40px 20px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.ny_tgcl2 .wenz h3 { font-size:20px; color:#333; text-align:center; margin-bottom:20px;}
.ny_tgcl2 .wenz p { font-size:18px; color:#666; line-height:2; font-weight:300; font-family:Lato-Light;letter-spacing: .4px;}
.ny_tgcl3 { width:100%; padding:50px 0; margin:50px 0; background:#f6f6f6; overflow:hidden}
.ny_tgcl3 h2 { font-size:26px; margin-bottom:35px; color:#333; text-align:center}
.ny_tgcl3 h3 { font-size: 16px;width: 800px;margin: 35px auto 30px;text-align: center;color: #666; }
.ny_tgcl3 ul li { width:333px; float:left; margin-right:100px; margin-top:80px; height:200px; background:#fff;-o-box-shadow: 0 0 25px rgba(206,206,206,.4);-ms-box-shadow: 0 0 25px rgba(206,206,206,.4);-moz-box-shadow: 0 0 25px rgba(206,206,206,.4);-webkit-box-shadow: 0 0 25px rgba(206,206,206,.4);box-shadow: 0 0 25px rgba(206,206,206,.4); position:relative}
.ny_tgcl3 ul li.last { margin-right:0}
.ny_tgcl3 ul li .tb { width:100px; height:100px; background:#058ad3;border-radius:60px;-moz-border-radius:60px;-webkit-border-radius:60px; position:absolute; top:-58px; left:50%; margin-left:-58px; line-height:100px; font-size:24px; color:#fff; font-weight:bold; text-align:center; border:8px solid #cff0ff}
.ny_tgcl3 ul li p{ line-height:2; font-size:18px; color:#333; padding:80px 30px 30px;}
.ny_sjfx { margin:0 auto 50px;}
.ny_sjfx ul li { width:48%;}
.ny_sjfx ul li img { width:100%}
.ny_sjfx ul li p { font-size:20px; color:#333; margin-bottom:20px; text-align:center}
.ny_hzqd {margin:40px auto 0; background:#f6f6f6; overflow:hidden; padding:50px 0 70px}
.ny_hzqd .nr {display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center; background:#e77817;
align-items: center; width:1200px; margin:0 auto}
.ny_hzqd .tp { width:50%; float:left; background:#fff; text-align:center}
.ny_hzqd .tp ul li { display:inline-block; margin:30px 15px;}
.ny_hzqd .tp ul li.l2 {margin:10px 15px;}
.ny_hzqd .wenz { width:50%; padding:0px 40px 20px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.ny_hzqd .wenz p { font-size:20px; color:#fff; line-height:2; font-weight:300; font-family:Lato-Light;letter-spacing: .4px;}
.ny_cp { margin:0px auto 50px; padding:50px 0; width:1200px;}
.ny_cp ul li { width:380px; float:left; margin-right:20px;-o-box-shadow: 0 0 25px rgba(206,206,206,.4);
-ms-box-shadow: 0 0 25px rgba(206,206,206,.4);
-moz-box-shadow: 0 0 25px rgba(206,206,206,.4);
-webkit-box-shadow: 0 0 25px rgba(206,206,206,.4);
box-shadow: 0 0 25px rgba(206,206,206,.4);border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; overflow:hidden; padding-bottom:15px; margin-bottom:30px;}
.ny_cp ul li.last { margin-right:0}
.ny_cp ul li .tp { overflow:hidden;}
.ny_cp ul li .tp img { width:100%; display:block;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.ny_cp ul li:hover .tp img {-webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); }
.ny_cp ul li .wenz { padding:15px;}
.ny_cp ul li .wenz h3 { font-size:18px; color:#333; margin-bottom:10px; font-weight:bold}
.ny_cp ul li .wenz p { font-size:14px; line-height:1.8; color:#666; margin-bottom:20px;}
.ny_cp ul li .wenz .bq span { padding:5px 10px; font-size:14px; color:#666; display:block; float:left; border:#ccc 1px solid;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; margin:3px 2px;}
.ny_cp ul li .wenz .bq span:hover { background:#ccc; color:#666}
.ny_al { width:1200px; margin:0 auto 70px;}
.product-section{padding-bottom:60px;position:relative;/*background:url(/template/default/images/productBase-features-bag.jpg) no-repeat;background-size:cover*/}
.product-title{padding:50px 10px 30px;font-weight:normal;font-size:30px;line-height:46px;color:#333;text-align:center;}
.product-wrapper{max-width:1200px;padding-left:10px;padding-right:10px;margin-left:auto;margin-right:auto;position:relative}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}
.product-features .product-body{margin:0px 25px}
.product-features .product-body:after{content:"";width:100%;height:3px;background:url(/template/default/images/productBase-features-model.png) no-repeat;background-size:100% auto;background-position:center;position:absolute;top:50px;left:0;z-index:0}
/*li*/
.features-item{position:relative;float:left;}
.zysjw { width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center; background:#058ad3;}
.zysjw .tp { width:50%}
.zysjw .tp img { width:100%; display:block}
.zysjw .wenz { width:50%; padding:30px 50px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.zysjw .wenz h3 {font-size:18px;line-height:28px;margin-bottom:20px;color:#fff;transition:all 0.1s}
.zysjw .wenz p {font-size:14px;color:#fff;line-height:22px;margin-bottom:10px; margin-top:10px; text-align:left}
.features-slide .features-item>*{text-align:center}
.features-item h3{font-size:18px;line-height:28px;margin-bottom:50px;color:#333;transition:all 0.1s}
.features-item i{position:absolute;width:75%;height:33px;background:url(/template/default/images/productBase-features-timeline-hover.png) no-repeat;background-size:contain;background-position:right center;left:-25%;margin-left:10px;top:35px;z-index:3}
.features-item .features-info{display:block;margin:0 auto;padding:20px 30px;transition:all 0.3s;border-radius:2px}
.features-item .features-info .features-info-i{font-size:14px;color:#A0A2A8;line-height:22px;margin-bottom:10px; margin-top:10px;}
.features-item .features-info .features-info-s{font-size:16px;color:#666;line-height:24px;overflow:hidden; margin-bottom:15px;}
.features-item.dark i{background:url(/template/default/images/productBase-features-timeline-dark.png) no-repeat;background-size:contain;background-position:right center}
/*鼠标悬浮效果*/
.features-item:hover i{width:75%;margin-left:13px;background:url(/template/default/images/productBase-features-timeline-hover.png) no-repeat;background-size:contain;background-position:right center}
.features-item:hover a{background:url(/template/default/images/productBase-features-info.png) no-repeat;background-size:100% 100%}
/*左右按钮*/
.product-features .swiper-button-prev{width:30px;height:40%;left:-15px;top:38%;background:none}
.product-features .swiper-button-prev:after{content:"";display:inline-block;position:absolute;width:15px;height:30px;background:url(/template/default/images/productBase-features-left.png) no-repeat;background-size:100% 100%;top:50%;margin-top:-15px;left:50%;margin-left:-7px}
.product-features .swiper-button-next{width:30px;height:40%;right:-15px;top:38%;background:none}
.product-features .swiper-button-next:after{content:"";display:inline-block;position:absolute;width:15px;height:30px;background:url(/template/default/images/productBase-features-right.png) no-repeat;background-size:100% 100%;top:50%;margin-top:-15px;left:50%;margin-left:-7px}
.xx1 .hd { text-align:center; margin-bottom:35px;}
.xx1 .hd ul li{ display:inline-block;}
.xx1 .hd ul li a { padding:0 20px; color:#333; font-size:16px; font-weight:bold; display:block}
.xx1 .hd ul li a:hover { color:#058ad3;}
.xx1 .hd ul li.on a{ color:#058ad3;}
.ny_al ul li { width:380px; float:left; margin-right:30px; position:relative; overflow:hidden; margin-bottom:30px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; border:#ccc 1px solid; background:#f6f6f6}
.ny_al ul li img { width:100%; display:block}
.ny_al ul li .mb { background:rgba(0,0,0,0.75); width:100%; height:100%; position:absolute; left:0; top:100%; opacity:0;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.ny_al ul li .mb h3 { font-size:16px; color:#fff; margin:20px;}
.ny_al ul li .mb p { font-size:14px; line-height:1.8; color:#fff; padding:0 20px 20px}
.ny_al ul li:hover .mb { top:0;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; opacity:1}
.ny_al ul li h3 { font-size:14px; color:#333; margin:10px 0; text-align:center}
.ny_al ul li p { font-size:12px; line-height:1.8; color:#666; padding:0 10px 10px; height:36px}
.ny_al ul li.last { margin-right:0}
/*联系我们*/
.lxwm { margin-top:20px; overflow:hidden}
.lxwm .tit {height:70px; padding-top:50px; background:url(/template/default/images/titlx.png) center top no-repeat;}
.lxwm .tit h2 { font-size:30px; color:#333; text-align:center}
.lxwm .nr { padding-top:30px; overflow:hidden; padding-bottom:60px;}
.lxwm .nr .left { width:450px; float:left}
.lxwm .nr .left .bt { font-size:20px; line-height:32px; color:#333;}
.lxwm .nr .left .line { width:100%; height:2px; text-align:left; margin-bottom:40px;}
.lxwm .nr .left .line span { width:50px; height:2px; background:#999; float:left; display:block}
.lxwm .nr .left h3 { font-size:30px; margin-bottom:20px; color:#058ad3}
.lxwm .nr .left .dz { font-size:16px; line-height:30px; padding-bottom:50px; border-bottom:#ccc 1px solid; margin-bottom:20px; color:#333}
.lxwm .nr .left p { line-height:36px; color:#333; font-size:14px;}
.lxwm .nr .left p.p1 { background:url(/template/default/images/bg_sign2.png) left center no-repeat; padding-left:30px;}
.lxwm .nr .left p.p2 { background:url(/template/default/images/dizhi.png) left center no-repeat; padding-left:30px;}
.lxwm .nr .left p.p3 { background:url(/template/default/images/bg_sign4.png) left center no-repeat; padding-left:30px;}
.lxwm .nr .left p.p4 { background:url(/template/default/images/bg_sign4.png) left center no-repeat; padding-left:30px;}
.lxwm .nr .left .ewm { margin-top:20px;}
.lxwm .nr .left .ewm .l1 { width:120px; float:left; margin-right:20px;}
.lxwm .nr .left .ewm .l1 img { width:100%}
.lxwm .nr .left .ewm .l1 .tit2 { line-height:28px; font-size:14px; color:#333; margin-bottom:10px}
.lxwm .nr .left .ewm .l1 .tit2 i {display: inline-block;margin-right: 5px;}
.lxwm .nr .left .ewm .l1 .tit2 i.c1 {width: 14px;
height: 14px;
background: url(/template/default/images/u3.png) no-repeat 0 0;}
.lxwm .nr .left .ewm .l1 .tit2 i.c2{width: 18px;height: 15px;background: url(/template/default/images/u2.png) no-repeat 0 0;}
.lxwm .nr .right { width:700px; float:right; }
.lxwm .nr .right img { width:100%}
.lxwm .l_y{width:550px; float:right;}
.lxwm input.w_z{width:526px; height:40px; font-size:14px; line-height:40px; margin-right:10px; margin-bottom:10px; border:1px solid #e7e7e7; padding:0 5px;}
.lxwm input.a_n{width:120px; height:40px; background-color:#005caf; font-size:14px; color:#fff; line-height:40px;}
.lxwm textarea{width:526px; height:66px; padding:5px; border:1px solid #e7e7e7; outline:none; resize:none; font-size:14px; line-height:28px; margin-bottom:10px;}
.lxwm h3{font-size:24px; margin-bottom:15px;}
.lxwm h4{font-size:16px; line-height:26px; color:#888; margin-bottom:15px;}
.lxwm em{width:30px; height:1px; background-color:#005caf; display:block; margin-bottom:15px;}
.lxwm b{font-family:Arial, Helvetica, sans-serif; color:#005caf; padding-left:5px; font-size:20px !important;}
.lxwm .dt img { width:100%; margin-bottom:50px}
.ny_zsly { padding:40px 0;}
.ny_zsly .lyk { width:1200px; margin:0 auto; margin-top:60px; text-align:center}
.yywby { margin-bottom:25px; height:40px; line-height:40px;display: inline-flex;
align-items: center;margin-right:26px; }
.yywby input{ padding-left:15px; width:390px; float:left; height:40px; line-height:40px; font-size:13px; color:#333; border:none; border:#ccc 1px solid; margin-bottom:10px; outline:none;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box; border-radius:20px; -moz-border-radius:20px;
-webkit-border-radius:20px; background:rgba(255,255,255,0.8) }
.yywby textarea {
width: 810px;
height: 76px;
padding:5px 15px;
color:#333; border:#ccc 1px solid;
outline: none;
resize: none;
font-size: 14px;
line-height: 28px;
margin-bottom: 10px;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box;border-radius:20px; -moz-border-radius:20px;
-webkit-border-radius:20px;
}
.ny_zsly .lyk .form-btn {
display: block;
padding: 14px 95px;
background-image: linear-gradient(73deg,#4bf5ff 5%,#2f6aff 88%);
border-radius: 28px;
border: none;
font-size: 16px; letter-spacing:6px; font-family:Microsoft YaHei;
color: #fff;
line-height: 24px;
outline: none;
margin: 28px auto 46px;
background: linear-gradient(295deg,#2f6aff,#25c1f5);
}
.ny_zsly .lyk .contact-wrapper .text {
font-size: 16px;
font-family: PingFangSC-Regular;
font-weight: 400;
color: #fff;
line-height: 24px;
}
.ny_zsly .lyk .contact-wrapper .tel-num {
font-size: 32px;
color: #4991e3;
line-height: 44px;
position: relative;
left: 0;
top: 2px;
letter-spacing: 2px;
}
.huajsj {position:relative; display: none}
.footer .zuo3 ul li i { display:none}
@media only screen and (max-width:1368px) {
.solu { width:1280px;}
.solu li { width: 16.6666%;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
}
@media only screen and (max-width:1024px) {
.con { width: 94%;}
.pc_ban{height:19rem;}
.container { width: 94%; margin: 0 auto;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
#banner .flexslider { overflow:hidden}
#banner .slides li.s3 .ban-txt h2 {
font-size:35px;
height:35px;
line-height:35px;
}
#banner .slides li .ban-txt h5 { font-size:20px; margin-top: -20px;}
#banner .slides li .ban-txt h2 { height:78px;line-height:78px;font-size: 40px;}
#banner .slides li .ban-txt { width: 80%;left: 10%; margin-left:0; height:95px; margin-top: -47px;}
#banner .slides li.s1 .ban-txt {
background: url(/template/default/images/ban_k.png) center center / 100% 95px no-repeat;
}
#banner .flex-control-nav {
bottom:40px;
}
#banner .slides li .ban-txt h3 {
padding-top:10px;
font-size: 22px;}
#banner .slides li.s2 .ban-txt {
width: 80%;
margin-left: 0;
}
#banner .slides li.s2 .ban-txt h2 {font-size: 38px;line-height:36px; height:36px;}
#banner .slides li.s2 .ban-txt h3 { font-size: 30px;}
#banner .slides li.s3 .ban-txt h3 { font-size: 24px; margin-top:10px;}
#banner .slides li.s3 .ban-txt h4 { font-size: 14px;line-height: 30px;margin-top:5px;}
.fourstep {padding: 30px 0;}
.tit h1 {font-size: 26px;}
.step_list { text-align:center}
.fourstep .step_list > li { float: left; display:inline-block;background-position: center center / 100%;height: 11rem;width:40% !important;margin:0 5% !important;text-align: center;padding:3rem 17px 0 24px;}
.tit2 h1 {font-size:26px;}
.sy_cpfw { padding: 30px 0;}
.solu { width: 94%;}
.soludiv span { width: 64px; height:64px;}
.soludiv .icon3 {
background: url(/template/default/images/ess-icon3.png) center center / 100% no-repeat;
}
.soludiv .icon2 {
background: url(/template/default/images/ess-icon2.png) center center / 100% no-repeat;
}
.soludiv h2 {font-size:15px;}
.soludiv .icon4 {
background: url(/template/default/images/ess-icon4.png) center center / 100% no-repeat;
}
.soludiv .icon1 {
background: url(/template/default/images/ess-icon1.png) center center / 100% no-repeat;
}
.soludiv .icon5 {
background: url(/template/default/images/ess-icon5.png) center center / 100% no-repeat;
}
.soludiv .icon6 {
background: url(/template/default/images/ess-icon6.png) center center / 100% no-repeat;
}
.second { width:100%; padding-top:0; margin-bottom:0}
.second li {height: 230px; margin:0px 1% 20px;}
.second li .tb { margin: 20px auto 15px;}
.cyhts { width: 94%; margin:40px auto 0}
.zswb {padding:40px 0; height:960px ;}
.zswb .tp { width: 94%; padding-top: 160px;}
.zswb .tp .zs1 { width: 48%; height: 130px; padding:10px;}
.zswb .tp .zs2 { width: 48%; padding:10px;}
.zswb .tp .zs1 p {line-height: 1.8;font-size: 14px;}
.zswb .tp .zs2 p {line-height: 1.8; font-size: 14px;}
.zswb .zs3 { top: 520px; width: 100%;}
.zswb .zs3 ul li {width: 30.3333%; margin:20px 1.5%;}
.choice_list {
margin-top: 55px;
}
.choice_list li { width: 30.3333%; height: 245px; margin: 0 1.5%; padding-top: 55px; background: url(/template/default/images/index_w3.jpg) no-repeat 0 400px;overflow: hidden;}
.ny_ch {width: 94%; margin:50px auto 40px;}
.huaj { display:none}
.huajsj {position:relative; display:block}
.huajsj .hd .prev {width:33px; height:64px; background:url(/template/default/images/jiantzuo.png) left top / 100% no-repeat; position:absolute; left:10px; top:50%; margin-top:-32px; z-index:10000; opacity:0.5}
.huajsj .next{width:33px; height:64px; background:url(/template/default/images/jiantyou.png) left top / 100% no-repeat; position:absolute; right:10px; top:50%; margin-top:-32px; z-index:10000; opacity:0.5}
.huajsj .hd .prev:hover { opacity:1}
.huajsj .next:hover { opacity:1}
.huajsj .bd {width:100%; margin:0 auto;}
.huajsj .bd ul li{display:inline-block; width:100%; float:left; margin:0 0px}
.huajsj .bd ul li .box { width:30.3333%; margin:0 1.5%; float:left}
.huajsj .bd ul li img {width:100%; height:auto;}
.huajsj .bd ul li .tp { overflow:hidden; position:relative }
.huajsj .bd ul li .mb { width:100%; height:100%; position:absolute; top:100%; left:0; background:rgba(0,0,0,0.65); opacity:0;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.huajsj .bd ul li:hover .mb { opacity:1; top:0}
.huajsj .bd ul li .mb p { padding:20px 30px; font-size:14px; color:#fff; line-height:1.8}
.huajsj .bd ul li .mb h4 { color:#fff; font-size:14px; margin-bottom:10px; margin-top:30px; text-align:center }
.huajsj .bd ul li h3 { font-size:14px; color:#333; margin-bottom:10px; margin-top:10px; text-align:center}
.huajsj .bd ul li span { font-size:12px; color:#666;}
.sy_hzhb { padding: 40px 0;}
.sy_hzhb li {width: 23%; margin:0 1% 15px;}
.footer { width:94%; padding: 20px 0; z-index: 999;}
.footer .zuo3 ul li { width:100%; overflow:hidden; margin-bottom:10px;}
.footer .zuo3 ul li .tit1 { position:relative; border-bottom:#555 1px solid}
.footer .zuo3 ul li i {font-size: 12px; padding-right:15px;
color: #aaa;
line-height:40px;
text-align: right;
position: absolute;
width: 50%;
height:40px;
right: 0px;
top: 50%; display:block;
z-index: 999;
transform: translate(0,-50%);
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);}
.footer .zuo3 ul li .e_j { display:none}
.footer .zuo3 ul li.lx { width:100%}
.footer .zuo3 ul li .line2 { display:none}
.footer .you3 { text-align:center}
.footer .you3 .weixin {width: 100px; padding-top: 20px;float: none; margin:0 10px; display:inline-block}
.footer_btm { margin: 20px auto 0;padding-top: 1%; width: 100%;}
.copy { width: 94%;}
.footer .you3 { width: 100%; float: right;}
.footer .zuo3 { width:100%;}
.nban { height:10rem;width: 100%; overflow:hidden}
.nban img { height: 10rem; width: auto;}
.ncontent { padding:40px 0 0;}
.ntit {width: 94%; margin: 30px auto;}
.product-wrapper { max-width: 94%;}
.zysjw .wenz { width: 50%;padding: 20px 10px;}
.zysjw .wenz h3 { font-size:16px;line-height:20px; margin-bottom:10px;}
.zysjw .wenz p {font-size: 12px; line-height:1.5;}
.ny_al { width: 94%;margin: 0 auto 40px;}
.ny_al ul li { width: 46%; margin:0 2% 25px;}
.ny_al ul li.last { margin-right:2%;}
.lxwm .nr { padding-top:0px; padding-bottom: 40px;}
.lxwm .nr .left { width: 100%;}
.lxwm .nr .right {width: 100%;}
.lxwm .l_y { width: 100%; margin-top:35px;}
.ny_cp { margin: 0px auto 40px; padding:30px 0; width: 94%;}
.ny_cp ul li { width: 46%; margin:0 2% 25px;}
.ny_cp ul li .wenz p { font-size: 14px; margin-bottom: 10px;}
.ny_cp ul li .wenz .bq span { padding: 5px 6px; font-size: 12px;}
.ny_zswbwb .left { width:50%;margin-left:0px;}
.ny_zswbwb { height:12rem; background: url(/template/default/images/wenti01.jpg) -10rem top / cover no-repeat;}
.ny_zswbwb .left h2 { font-size:18px; margin-bottom:10px;}
.ny_zswbwb .left .box { width: 50%;}
.ny_zswbwb .left .xbt {font-size:16px;width: 80px; margin-bottom: 10px;}
.ny_zswbwb .left p { line-height:1.6;font-size:14px; padding-left: 20px;}
.ny_zswbwb2 {height:11rem; background: url(/template/default/images/wenti02.jpg) -5rem top / cover no-repeat;padding-top:30px;}
.ny_zswbwb2 .right { width: 50%;}
.ny_zswbwb2 .right h2 {font-size:18px; margin-bottom:10px;}
.ny_zswbwb2 .right h4 { font-size: 14px; margin-bottom: 10px;}
.ny_zswbwb2 .right .xbt {font-size: 16px; width: 200px; margin-bottom: 10px;}
.ny_zswbwb2 .right p { line-height: 2.2;font-size: 14px; background: url(/template/default/images/dg.png) left center no-repeat; padding-left: 32px;}
.ny_zswbwb3 { width: 94%; margin: 40px auto;}
.ny_zswbwb3 ul li { width: 96%; margin:0 2% 25px;}
.ny_fwys ul li {width: 30.3333%; height: 245px; margin: 0 1.5%; padding: 10px 0;}
.ny_fwys ul li h3 {font-size:18px; margin-bottom:10px;}
.ny_fwys ul li p { font-size: 14px;line-height:1.8; padding: 0 15px;}
.ny_zswb4 { width: 94%; margin:40px auto;}
.ny_zswb4 ul li {width: 12%;}
.ny_zswb4 ul li.jt {
width:10%;
float: left;
height:3.5rem;
background: url(/template/default/images/jt.png) center center no-repeat;}
.ny_zswb4 ul li .tp { width: 100%; height:3.5rem;}
.ny_zswb4 ul li .tp img { width:100%}
.ny_zsly {padding: 0px 0;}
.ny_zsly .lyk { width: 94%;}
.yywby input { width:100%; margin:0}
.yywby { width:46%; margin:0 2% 25px;}
.yywby.ly { width:96%; margin:0 2% 25px}
}
@media only screen and (max-width:600px){
#banner .slides li .ban-txt h5 {
font-size: 16px;
margin-top: -20px;
}
#banner .slides li .ban-txt h2 {
height:48px;
line-height:48px;
font-size: 30px;
}
#banner .slides li .ban-txt h3 {
padding-top:0px;
font-size:16px;
}
#banner .flex-control-nav {
bottom:28px;
}
#banner .slides li.s2 .ban-txt h2 {
font-size:26px;
line-height: 24px;
height: 24px; margin-bottom:5px;
}
#banner .slides li.s2 .ban-txt h3 {
font-size:14px;
}
#banner .slides li.s2 .ban-txt h4 {font-size: 12px;}
#banner .slides li.s3 .ban-txt h2 {
font-size: 25px;
height: 25px;
line-height: 25px;
}
#banner .slides li.s3 .ban-txt h3 {
font-size:14px;
margin-top: 5px;
}
#banner .slides li.s3 .ban-txt h4 { margin-top:3px; line-height:1.6; font-size:12px}
.tit {margin-bottom:30px;}
.tit h1 {font-size:2rem; background:url(/template/default/images/lin.jpg) center bottom no-repeat; padding-bottom:15px; margin-bottom:1px}
.tit h1::after { display:none}
.fourstep .step_list > li { height:15rem; width: 46% !important; margin: 0 2% 15px!important; padding: 3rem 12px 0 12px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;background: url(/template/default/images/fourstep_bg.png) center center / 100% no-repeat;}
.fourstep .step_list > li.l2 {
background: url(/template/default/images/fourstep_bgs.png) center center / 100% no-repeat;height: 15rem;
width: 46% !important;
margin: 0 2% 15px !important;
text-align: center;
padding: 3rem 12px 0 12px;}
.fourstep .step_list > li h1 {font-weight: bold; font-size:16px}
.fourstep .line {
margin: 8px auto;
}
.fourstep .step_list ul li {
font-size: 14px;
line-height: 1.8;
}
.solu li { width:33.3333%;}
.second li {
height: 16rem;
margin: 0px 2% 20px; width:46%;
}
.zswb .tp img { width:100%}
.zswb .tp .zs1 h3 {font-size:16px; margin-bottom:5px;}
.zswb .tp .zs1 p{font-size:12px;}
.zswb .tp .zs2 h3 {font-size:16px; margin-bottom:5px}
.zswb .tp .zs2 p { font-size:12px;}
.zswb .zs3 {
top: 33rem;
width: 100%;
}
.zswb .zs3 h3 span {width: 100%;}
.zswb .zs3 h3 { line-height: 50px;font-size: 24px;}
.zswb .zs3 ul li p {
font-size:14px;
line-height: 1.8;}
.zswb {
padding: 40px 0;
height:63rem;
}
.choice_list li p { width: 100%; margin:20px auto 0;}
.huajsj .hd .prev {width:20px; height:54px; background:url(/template/default/images/jiantzuo.png) left top / 100% no-repeat; position:absolute; left:10px; top:50%; margin-top:-32px; z-index:10000; opacity:0.5}
.huajsj .next{width:20px; height:54px; background:url(/template/default/images/jiantyou.png) left top / 100% no-repeat; position:absolute; right:10px; top:50%; margin-top:-32px; z-index:10000; opacity:0.5}
.ny_ch { margin:30px auto 20px;}
.sy_hzhb { padding:20px 0;}
.sy_hzhb ul { margin-top:30px;}
.sy_hzhb li { width:30.3333%; margin: 0 1.5% 15px;}
.footer .zuo3 ul li a {line-height: 22px; font-size: 12px;}
.footer .zuo3 ul li .line { margin-bottom:10px; margin-top:1px;}
.footer_bg { padding:5px 0;}
.dzwz { line-height: 25px; width: 100%; margin-top:10px;}
.footer .you3 .weixin { padding-top:0px;}
.zysjw .tp { width:100%;}
.zysjw { display:block}
.zysjw .wenz { width: 100%;}
.product-features .swiper-button-next { right:0px;}
.product-features .swiper-button-prev { left:0px;}
.nban .mb h2 { font-size: 28px; margin-bottom:8px;}
.nban .mb h3 { font-size: 20px;}
.product-features .product-body { margin: 0px 15px;}
.xx1 .hd ul li a { padding: 0 15px;}
.lxwm .nr .left h3 {font-size: 25px; margin-bottom:10px;}
.lxwm h4 { font-size: 14px; line-height:22px;}
.lxwm input.w_z { width: 100%; height: 35px; font-size: 14px; line-height:35px; margin-right:0px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
.ny_cp ul li { width:96%; margin: 0 2% 25px;}
.ny_cp { padding:0px 0;}
.ny_zswbwb { height: 22rem; background: url(/template/default/images/wenti01.jpg) 0rem top / cover no-repeat;}
.ny_zswbwb .left { width: 86%; float:none; margin:0 auto}
.ny_zswbwb2 {height: 20rem; background: url(/template/default/images/wenti02.jpg) right top / cover no-repeat;}
.ny_zswbwb2 .right {width: 86%; margin:0 auto; float:none}
.ny_zswbwb2 .right h4 { letter-spacing:0.2px}
.ny_fwys ul li { width: 96%; height:220px;margin: 0 2% 25px; padding: 10px 0;}
.ny_fwys { padding: 50px 0 30px;}
.ny_zswb4 ul li { width: 16%;}
.ny_zswb4 ul li .tp { height:4.8rem;}
.ny_zswb4 ul li.jt { height:4.8rem; background: url(/template/default/images/jt.png) center center / 80% no-repeat; width:5%}
.ny_zswb4 ul li h3 { font-size: 12px;}
.yywby { width: 96%;}
.ny_zsly .lyk .form-btn { padding: 10px 45px;
background-image: linear-gradient(73deg,#4bf5ff 5%,#2f6aff 88%);
border-radius: 28px;
border: none;
font-size: 16px;
letter-spacing:1px;
font-family: Microsoft YaHei;margin:8px auto 46px;}
}
@media only screen and (max-width:375px){
#banner .flex-control-nav {bottom:8px;}
.banner-bg { background: none; display:none}
#banner .slides li .ban-txt h2 { height: 38px; line-height:38px;font-size:28px;}
#banner .slides li .ban-txt h5 { font-size: 16px; margin-top: -5px;}
#banner .slides li .ban-txt h3 { font-size: 14px;}
#banner .slides li.s3 .ban-txt h4 { margin-top:3px; line-height:1.6; font-size:1.1rem}
.fourstep .step_list ul li { font-size: 1.1rem; line-height: 1.7;}
.zswb .tp .zs2 { height: 12rem;}
.zswb .tp .zs2 h3 { font-size: 1.3rem;}
.zswb .tp .zs2 p { font-size: 1rem;}
.zswb .tp .zs1 h3 { font-size: 1.3rem;}
.zswb .tp .zs1 p {font-size: 1rem;}
.zswb .tp .zs1 {height: 12rem;}
.second li {height: 18rem;}
.zswb .zs3 ul li p { font-size: 12px; line-height: 1.6;}
.choice_list li p {font: 12px/18px "微软雅黑";}
.choice_list li { height: 245px; padding-top: 35px;}
.choice_box { padding:40px 0 25px;}
.zswb .zs3 { top: 34rem;}
.ny_zswbwb2 { height: 280px;}
.ny_zswbwb { height: 295px;}
}
/*关于我们跟聚合支付代码开始*/
.nban {width:100%; position:relative; overflow:hidden;}
.nban img { width:100%; display:block;}
.nban .mb { width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0}
.nban .mb h2 { text-align:center; padding:10% 0 0; margin-bottom:15px; font-size:40px; color:#fff; font-weight:bold}
.nban .mb h3 { text-align:center; font-size:25px; color:#fff; text-transform: uppercase}
@media (min-width: 1024px) and (max-width:1366px ) {
.nban img { width:125%; display:block; margin-left:-10%;}
.nban .mb h2 { text-align:center; padding:12% 0 0; margin-bottom:10px; font-size:32px; color:#fff; font-weight:normal;}
.nban .mb h3 { text-align:center; font-size:18px; color:#fff; text-transform: uppercase}
}
@media (min-width: 768px) and (max-width:1023px ) {
.nban img { width:125%; display:block; margin-left:-10%;}
.nban .mb h2 { text-align:center; padding:12% 0 0; margin-bottom:10px; font-size:32px; color:#fff; font-weight:normal;}
.nban .mb h3 { text-align:center; font-size:18px; color:#fff; text-transform: uppercase}
}
@media (min-width: 414px) and (max-width:736px ) {
.nban img { width:124%; display:block; margin-left:-10%;}
.nban .mb h2 { text-align:center; padding:7% 0 0; margin-bottom:10px; font-size:24px; color:#fff; font-weight:normal;}
.nban .mb h3 { text-align:center; font-size:18px; color:#fff; text-transform: uppercase}
}
@media only screen and (max-width:413px){
.nban img { width:128%; display:block; margin-left:-10%;}
.nban .mb h2 { text-align:center; padding:7% 0 0; margin-bottom:10px; font-size:24px; color:#fff; font-weight:normal;}
.nban .mb h3 { text-align:center; font-size:18px; color:#fff; text-transform: uppercase}
}
.ntit { width:1200px; margin:50px auto; text-align:center; overflow:hidden;}
.ntit ul li { display:inline-block; line-height:40px; margin:0 10px;}
.ntit ul li a { padding:0 20px; background:#eee; color:#333; display:block; font-size:14px;}
.ntit ul li a:hover { background:#058ad3; color:#fff;}
.ntit ul li a.on { background:#058ad3; color:#fff;}
@media (min-width: 1024px) and (max-width:1366px ) {
.ntit { width:80%; margin:40px auto; text-align:center;}
}
@media (min-width: 768px) and (max-width:1023px ) {
.ntit { width:80%; margin:30px auto; text-align:center;}
}
@media only screen and (max-width:767px){
.ntit { width:100%; margin:20px auto; text-align:center;}
.ntit ul li { display:inline-block; line-height:35px; margin:0px 3px 5px;}
.ntit ul li a { padding:0px 10px; background:#eee; color:#333; display:block; font-size:14px;}
}
.ny_gy {margin:40px auto; width:1200px; overflow:hidden;}
.ny_gy .tp { width:40%; float:left}
.ny_gy .tp img { width:100%; display:block;}
.ny_gy .wenz { width:55%; float:right;}
.ny_gy .wenz h3 { font-size:24px; color:#333; margin-bottom:25px; position:relative;}
.ny_gy .wenz h3:after {content: " ";position: absolute; left: 0; bottom: -12px; width: 60px; margin-left: 0px;height:2px; background:#eb0001;}
.ny_gy .wenz p { font-size:14px; color:#333; line-height:30px;}
@media (min-width: 1024px) and (max-width:1366px ) {
.ny_gy {margin:40px auto; width:92%;}
}
@media only screen and (max-width:1023px){
.ny_gy {margin:20px auto; width:94%;}
.ny_gy .tp { width:100%; }
.ny_gy .wenz { width:100%; margin-top:15px;}
.ny_gy .wenz h3 { font-size:22px; color:#333; margin-bottom:25px; position:relative;}
.ny_gy .wenz p { font-size:14px; color:#333; line-height:24px; }
}
.ny_ppdww { background:#f6f6f6; width:100%; padding:20px 0px; overflow:hidden;}
.ny_ppd {margin:40px auto; width:1200px;}
.ny_ppd .tp { width:40%; float:right;}
.ny_ppd .tp img { width:100%; display:block;}
.ny_ppd .wenz { width:55%; float:left;}
.ny_ppd .wenz h3 { font-size:24px; color:#333; margin-bottom:25px; position:relative;}
.ny_ppd .wenz h3:after { content: " ";position: absolute; left: 0; bottom: -12px; width: 60px; margin-left: 0px;height:2px; background:#eb0001;}
.ny_ppd .wenz p { font-size:14px; color:#333; line-height:30px;}
@media (min-width: 1024px) and (max-width:1366px ) {
.ny_ppd {margin:40px auto; width:92%;}
}
@media only screen and (max-width:1023px){
.ny_ppd {margin:20px auto; width:94%;}
.ny_ppd .tp { width:100%; }
.ny_ppd .wenz { width:100%; margin-top:15px;}
.ny_ppd .wenz h3 { font-size:22px; color:#333; margin-bottom:25px; position:relative;}
.ny_ppd .wenz p { font-size:14px; color:#333; line-height:24px; }
}
.ny_td {margin:60px auto; width:1200px; overflow:hidden; background:#f6f6f6;}
.ny_td .tp { width:40%; float:left}
.ny_td .tp img { width:100%; display:block;}
.ny_td .wenz { width:53%; float:right; padding:2% 3% 2% 0%;}
.ny_td .wenz h3 { font-size:24px; color:#333; margin-bottom:25px; position:relative;}
.ny_td .wenz h3:after { content: " ";position: absolute; left: 0; bottom: -12px; width: 60px; margin-left: 0px;height:2px; background:#eb0001;}
.ny_td .wenz p { font-size:14px; color:#333; line-height:30px;}
@media (min-width: 1024px) and (max-width:1366px ) {
.ny_td {margin:40px auto; width:92%;}
}
@media only screen and (max-width:1023px){
.ny_td {margin:20px auto; width:94%;}
.ny_td .tp { width:100%; }
.ny_td .wenz { width:94%; margin-top:15px; padding:3%;}
.ny_td .wenz h3 { font-size:22px; color:#333; margin-bottom:25px; position:relative;}
.ny_td .wenz p { font-size:14px; color:#333; line-height:24px; }
}
.ny_tdjs {width:1200px; margin:0 auto; overflow:hidden;}
.ny_tdjs ul li{width:208px;height: auto;margin:0 40px 0 0;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;float: left;transform: translateY(0px);-wbkit-transform: translateY(0px);-o-transform: translateY(0px);-moz-transform: translateY(0px)}
.ny_tdjs ul li.last { margin-right:0}
.ny_tdjs a{display: block;height: auto;}
.ny_tdjs .img{width:90%;height: auto; border-radius:50%; border-bottom: 1px solid #dcdcdc; margin:0px auto;}
.ny_tdjs .img img{width:100%; border-radius:50%;height:100%;transition: all 0.2s linear 0s;}
.ny_tdjs ul li a:hover .img img {transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);}
.ny_tdjs .text{font-size: 14px;color: #333;line-height: 24px;text-align: center;height: 116px;}
.ny_tdjs .text h4{padding:20px 0 10px 0;font-size:18px;color: #333;}
.ny_tdjs .text p{ font-size:13px; color:#666;}
.ny_tdjs ul li:hover{transform: translateY(-5px);-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;
-moz-transition: all 0.3s;}
.ny_tdjs li:hover .text *{color: #333;}
@media (min-width: 1024px) and (max-width:1366px ) {
.ny_tdjs {width:94%; margin:0 auto; overflow:hidden;}
.ny_tdjs ul li{width:18%;height: auto;margin:0 1% 0 1%;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;float: left;transform: translateY(0px);-wbkit-transform: translateY(0px);-o-transform: translateY(0px);-moz-transform: translateY(0px)}
}
@media (min-width: 768px) and (max-width:1023px ) {
.ny_tdjs {width:94%; margin:0 auto; overflow:hidden;}
.ny_tdjs ul li{width:29%;height: auto;margin:0 2% 0 2%;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;float: left;transform: translateY(0px);-wbkit-transform: translateY(0px);-o-transform: translateY(0px);-moz-transform: translateY(0px)}
.ny_tdjs .text p{ font-size:12px; color:#666; height:48px; overflow:hidden;}
}
@media only screen and (max-width:767px){
.ny_tdjs {width:94%; margin:0 auto; overflow:hidden;}
.ny_tdjs ul li{width:46%;height: auto;margin:0 2% 0 2%;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;float: left;transform: translateY(0px);-wbkit-transform: translateY(0px);-o-transform: translateY(0px);-moz-transform: translateY(0px)}
.ny_tdjs .text p{ font-size:12px; color:#666; height:48px; overflow:hidden;}
.ny_tdjs ul li.last { margin-right:0; display:none;}
}
.ny_cy {background:#f6f6f6; width:100%; padding:40px 0px; overflow:hidden; margin-top:40px;}
.ny_cy h1 { font-size:26px; color:#333; margin-bottom:15px; position:relative; text-align:center;}
.ny_cy h1::after { content: " ";position: absolute; left: 50%; bottom: -12px; width: 60px; margin-left: -30px;height:2px; background:#eb0001; }
.ny_cyh1 { margin:30px auto; width:1200px; }
.ny_cyh1 h2 { font-size:18px; color:#666666; margin-bottom:30px; text-align:center;}
.ny_cyh1 h2 span {font-size:18px; color:#666}
.ny_cyh1 ul li { width:373px; float:left; margin-right:40px; position:relative; margin-bottom:30px;}
.ny_cyh1 ul li img { width:100%; display:block;}
.ny_cyh1 ul li .mb {width:100%; height:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0; text-align:center}
.ny_cyh1 ul li .mb h3 {line-height:40px; border:#fff 1px solid; color:#fff; font-size:20px; padding:0 20px; margin:0 auto; position:absolute; top:50%; margin-top:-21px; left:50%; margin-left:-71px;}
.ny_cyh1 ul li.last { margin-right:0}
@media (min-width: 1024px) and (max-width:1366px ) {
.ny_cyh1 { margin:30px auto; width:94%; }
.ny_cyh1 ul li { width:31.333333333333%; float:left; margin-right:3%; position:relative; margin-bottom:20px;}
.ny_cyh1 ul li.last { margin-right:0}
}
@media (min-width: 768px) and (max-width:1023px ) {
.ny_cyh1 { margin:30px auto; width:94%; }
.ny_cyh1 ul li { width:31.333333333333%; float:left; margin-right:3%; position:relative; margin-bottom:20px;}
.ny_cyh1 ul li.last { margin-right:0}
}
@media only screen and (max-width:767px){
.ny_cyh1 { margin:30px auto; width:94%; }
.ny_cyh1 ul li { width:100%; float:left; margin-right:0%; position:relative; margin-bottom:20px;}
}
.ny_cjh {width:1180px; margin:0px auto; padding:40px 10px; text-align:center; background:url(/template/default/images/g7.png) no-repeat center center #fff; background-size:100% 100%; overflow:hidden;}
.ny_cjh h2 { font-size:18px; color:#666; margin-bottom:30px; text-align:center;}
.ny_cjh li p{color:#333; font-size:14px; text-align:center; padding-top:5px; }
.ny_cjh li {text-align:center; width:14.6666666%; float:left; margin:0px 1%;}
.ny_cjh li:hover .box{transform: translateY(-5px);-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);transition: all 0.3s;
-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.ny_cjh li .tb {transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s; width:98px; height:98px; margin:0px auto 15px; padding:0px; }
.ny_cjh li .tb img{box-shadow:3px 5px 5px #ddd; border-radius:100px;}
.ny_cjh li:hover .tb {-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);transform: rotateY(360deg);}
@media (min-width: 1024px) and (max-width:1366px ) {
.ny_cjh {width:94%; margin:0px auto; padding:30px 0px; text-align:center; background:url(/template/default/images/g7.png) no-repeat center center #fff; background-size:100% 100%; overflow:hidden;}
}
@media (min-width: 768px) and (max-width:1023px ) {
.ny_cjh {width:94%; margin:0px auto; padding:40px 10px; text-align:center; background:#fff; overflow:hidden;}
}
@media only screen and (max-width:767px){
.ny_cjh {width:94%; margin:0px auto; padding:30px 10px 20px 10px; text-align:center; background:#fff; overflow:hidden;}
.ny_cjh li {text-align:center; width:29.333333%; float:left; margin:0 2% 3% 2%;}
}
.ny_yxxm { width:1200px; margin:40px auto 0px auto;}
.ny_yxxm h2 { font-size:18px; color:#666; margin-bottom:30px; text-align:center}
.ny_yxxm ul { margin:0 auto;}
.ny_yxxm ul li { width:285px; float:left; margin-right:20px; background:#fff;}
.ny_yxxm ul li.last { margin-right:0}
.ny_yxxm ul li img { width:100%; display:block}
.ny_yxxm ul li .wz { position:relative; padding-top:30px;}
.ny_yxxm ul li .wz .bt { height:36px; line-height:36px; text-align:center; width:100%; top:-18px; background:#277abf; font-size:16px; color:#fff; position:absolute; left:0;}
.ny_yxxm ul li .wz p { font-size:14px; color:#333; height:30px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
@media (min-width: 1024px) and (max-width:1366px ) {
.ny_yxxm { width:94%; margin:40px auto 0px auto;}
.ny_yxxm ul li { width:23.5%; float:left; margin-right:2%; background:#fff;}
}
@media (min-width: 768px) and (max-width:1023px ) {
.ny_yxxm { width:94%; margin:30px auto 0px auto;}
.ny_yxxm ul li { width:47%; float:left; margin-right:3%; background:#fff; margin-bottom:3%;}
.ny_yxxm ul li.last { margin-right:0;}
}
@media only screen and (max-width:767px){
.ny_yxxm { width:94%; margin:30px auto 0px auto;}
.ny_yxxm ul li { width:47%; float:left; margin-right:3%; background:#fff; margin-bottom:3%;}
.ny_yxxm ul li.last { margin-right:0;}
}
.ny_jhdc {width:1200px; margin:50px auto; overflow:hidden;}
.ny_jhdc .wz { width:58%; float:left;}
.ny_jhdc .wz h3 { font-size:24px; color:#333; margin-bottom:25px; position:relative;}
.ny_jhdc .wz h3 span { font-size:18px; color:#006cba; padding-bottom:10px;}
.ny_jhdc .wz h3:after { content: " ";position: absolute; left:0; bottom: -12px; width: 60px; margin-left:0px;height:2px; background:#eb0001;}
.ny_jhdc .wz p {font-size:14px; color:#666; line-height:24px; padding-bottom:10px;}
.ny_jhdc .ico { width:38%; float:right; margin-top:50px;}
.ny_jhdc .ico ul li { width:23%; float:left; margin:0 1%; text-align:center}
.ny_jhdc .ico ul li img { width:80px; display:block; margin:0 auto}
.ny_jhdc .ico ul li h4 { font-size:14px; color:#333; margin:10px 0; text-align:center}
@media (min-width: 1024px) and (max-width:1366px ) {
.ny_jhdc { width:94%; margin:50px auto;}
.ny_jhdc .wz h3 { font-size:20px; color:#333; margin-bottom:25px; position:relative;}
.ny_jhdc .wz h3 span { font-size:16px; color:#006cba; padding-bottom:10px;}
.ny_jhdc .wz h3:after { content:"";position: absolute; left:0; bottom: -12px; width: 37px; margin-left:0px; height:2px; background:#eb0001;}
}
@media (min-width: 768px) and (max-width:1023px ) {
.ny_jhdc { width:94%; margin:50px auto;}
.ny_jhdc .wz { width:100%;}
.ny_jhdc .ico { width:100%; margin-top:20px;}
}
@media only screen and (max-width:767px){
.ny_jhdc { width:94%; margin:30px auto;}
.ny_jhdc .wz { width:100%;}
.ny_jhdc .wz h3 { font-size:18px; color:#333; margin-bottom:25px; position:relative;}
.ny_jhdc .wz h3 span{ font-size:14px; color:#006cba;}
.ny_jhdc .wz h3:after { content:"";position: absolute; left:0; bottom: -12px; width: 34px; margin-left:0px; height:2px; background:#eb0001;}
.ny_jhdc .ico { width:100%; margin-top:20px;}
.ny_jhdc .ico ul li img { width:60px; display:block; margin:0 auto}
}
.ny_jhwd { background:#f6f6f6; width:100%; padding:50px 0px; overflow:hidden;}
.ny_jhwd .con { width:1200px; margin:0px auto;}
.ny_jhwd .con .tp { width:45%; float:left;}
.ny_jhwd .con .tp img { width:100%; display:block}
.ny_jhwd .con .wz { width:51%; float:right;}
.ny_jhwd .con .wz h3 { font-size:24px; color:#333; margin-bottom:25px; position:relative;}
.ny_jhwd .con .wz h3 span { font-size:18px; color:#006cba; padding-bottom:10px;}
.ny_jhwd .con .wz h3:after { content:"";position: absolute; left:0; bottom: -12px; width: 45px; margin-left:0px; height:2px; background:#eb0001;}
.ny_jhwd .con .wz p {font-size:14px; color:#666; line-height:24px; padding-bottom:10px;}
.ny_jhwd .con .wz .icn {margin-top:20px; width:90%; margin-left:-2.5%;}
.ny_jhwd .con .wz .icn ul li { width:20%; float:left; margin:0 5% 0 0; text-align:center}
.ny_jhwd .con .wz .icn ul li img { width:50px; display:block; margin:0 auto}
.ny_jhwd .con .wz .icn ul li h4 { font-size:14px; color:#333; margin:0px; text-align:center}
@media (min-width: 1024px) and (max-width:1366px ) {
.ny_jhwd { background:#f6f6f6; width:100%; padding:40px 0px; overflow:hidden;}
.ny_jhwd .con { width:94%; margin:0px auto;}
.ny_jhwd .con .wz h3 { font-size:20px; color:#333; margin-bottom:25px; position:relative;}
.ny_jhwd .con .wz h3 span { font-size:16px; color:#006cba; padding-bottom:10px;}
.ny_jhwd .con .wz h3:after { content:"";position: absolute; left:0; bottom: -12px; width: 37px; margin-left:0px;height:2px; background:#eb0001;}
.ny_jhwd .con .wz .icn {margin-top:0px; width:96%; margin-left:-3.8%;}
}
@media (min-width: 768px) and (max-width:1023px ) {
.ny_jhwd { background:#f6f6f6; width:100%; padding:30px 0px; overflow:hidden;}
.ny_jhwd .con { width:94%; margin:30px auto;}
.ny_jhwd .con .tp { width:100%;}
.ny_jhwd .con .wz { width:100%; margin-top:15px;}
.ny_jhwd .con .wz .icn {margin-top:20px; width:90%; margin-left:-2.5%;}
}
@media only screen and (max-width:767px){
.ny_jhwd { background:#f6f6f6; width:100%; padding:0px 0px; overflow:hidden;}
.ny_jhwd .con { width:94%; margin:30px auto;}
.ny_jhwd .con .tp { width:100%;}
.ny_jhwd .con .wz { width:100%; margin-top:15px;}
.ny_jhwd .con .wz h3 { font-size:18px; color:#333; margin-bottom:25px; position:relative;}
.ny_jhwd .con .wz h3 span { font-size:14px; color:#006cba;}
.ny_jhwd .con .wz h3:after { content:"";position: absolute; left:0; bottom: -12px; width: 34px; margin-left:0px; height:2px; background:#eb0001;}
.ny_jhwd .con .wz .icn {margin-top:20px; width:100%; margin-left:-2.5%;}
.ny_jhwd .con .wz .icn ul li { width:23%; float:left; margin:0 2% 0 0; text-align:center}
.ny_jhwd .con .wz .icn ul li img { width:50px; display:block; margin:0 auto}
.ny_jhwd .con .wz .icn ul li h4 { font-size:13px; color:#333; margin:0px; text-align:center}
}
.ny_jhjd { width:1200px; margin:50px auto; overflow:hidden;}
.ny_jhjd .tp { width:45%; float:right;}
.ny_jhjd .tp img { width:100%; display:block}
.ny_jhjd .wz { width:51%; float:left;}
.ny_jhjd .wz h3 { font-size:24px; color:#333; margin-bottom:25px; position:relative;}
.ny_jhjd .wz h3 span { font-size:18px; color:#006cba; padding-bottom:10px;}
.ny_jhjd .wz h3:after { content:"";position: absolute; left:0; bottom: -12px; width: 45px; margin-left:0px; height:2px; background:#eb0001;}
.ny_jhjd .wz p {font-size:14px; color:#666; line-height:24px; padding-bottom:10px;}
.ny_jhjd .wz .icn {margin-top:20px; width:90%; margin-left:-2.5%;}
.ny_jhjd .wz .icn ul li { width:20%; float:left; margin:0 5% 0 0; text-align:center}
.ny_jhjd .wz .icn ul li img { width:50px; display:block; margin:0 auto}
.ny_jhjd .wz .icn ul li h4 { font-size:14px; color:#333; margin:0px; text-align:center}
@media (min-width: 1024px) and (max-width:1366px ) {
.ny_jhjd { width:94%; margin:50px auto;}
.ny_jhjd .wz h3 { font-size:20px; color:#333; margin-bottom:25px; position:relative;}
.ny_jhjd .wz h3 span { font-size:16px; color:#006cba; padding-bottom:10px;}
.ny_jhjd .wz h3:after { content:"";position: absolute; left:0; bottom: -12px; width:37px; margin-left:0px; height:2px; background:#eb0001;}
.ny_jhjd .wz .icn {margin-top:0px; width:96%; margin-left:-3.8%;}
}
@media (min-width: 768px) and (max-width:1023px ) {
.ny_jhjd { width:94%; margin:50px auto;}
.ny_jhjd .tp { width:100%;}
.ny_jhjd .wz { width:100%; margin-top:15px;}
.ny_jhjd .wz .icn {margin-top:20px; width:90%; margin-left:-2.5%;}
}
@media only screen and (max-width:767px){
.ny_jhjd { width:94%; margin:30px auto;}
.ny_jhjd .tp { width:100%;}
.ny_jhjd .wz { width:100%; margin-top:15px;}
.ny_jhjd .wz h3 { font-size:18px; color:#333; margin-bottom:25px; position:relative;}
.ny_jhjd .wz h3 span{ font-size:14px; color:#006cba;}
.ny_jhjd .wz h3:after { content:"";position: absolute; left:0; bottom: -12px; width:34px; margin-left:0px; height:2px; background:#eb0001;}
.ny_jhjd .wz .icn {margin-top:20px; width:100%; margin-left:-2.5%;}
.ny_jhjd .wz .icn ul li { width:23%; float:left; margin:0 2% 0 0; text-align:center}
.ny_jhjd .wz .icn ul li img { width:50px; display:block; margin:0 auto}
.ny_jhjd .wz .icn ul li h4 { font-size:12px; color:#333; margin:0px; text-align:center}
}
/*
FILE ARCHIVED ON 13:25:46 Feb 04, 2022 AND RETRIEVED FROM THE
INTERNET ARCHIVE ON 13:50:45 Sep 09, 2024.
JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.
ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
SECTION 108(a)(3)).
*/
/*
playback timings (ms):
captures_list: 0.869
exclusion.robots: 0.056
exclusion.robots.policy: 0.039
esindex: 0.014
cdx.remote: 20.786
LoadShardBlock: 69.428 (3)
PetaboxLoader3.datanode: 82.356 (4)
load_resource: 417.622
PetaboxLoader3.resolve: 355.983
*/