@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 */