﻿@charset "utf-8";
html{font-size:62.5%;}
body{margin:0px; font-size:12px; color:#91989f; font-family: Arial, Helvetica, sans-serif,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:85%; margin:0 auto;max-width: 1470px;}
.container { width:85%; margin:0 auto;max-width: 1470px;}
.header{width:100%; position:fixed; top:0; left:0; z-index:100;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;background:rgba(255,255,255,1) url(../images/top.png) 90% center no-repeat;}
.header.on{box-shadow:0 0 10px #aaa; }
.header .container{}
.header .logo{float:left; margin:20px 0 ;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header.on .logo{margin:20px 0 0;}
.header .logo img{width:auto; height:70px; 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{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 .nav ul li{margin:0 2px; float:left; padding:0 20px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}

.header .nav ul li a{display:block; font-size:17px; color:#222; text-transform:capitalize}
.header .nav ul li .zw{line-height:20px;}
.header .nav ul li .yw{font-style: normal;font-size: 14px;line-height: 20px;}
.header .nav ul li span{width:0; height:2px; background-color:#0b2f38; 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%;}

.nav .y_j{position:relative;padding: 35px 0;}
.nav .e_j{width:150px; background-color:rgba(255,255,255,.95); position:absolute; top:110px; left:50%; margin-left:-75px; display:none; z-index:9999;}
.nav .e_j .box {padding: 35px 0; overflow: hidden;}

.nav .e_j.cp {overflow:auto;width: 100%;left: 0;margin-left: 0;z-index: 888}
.nav ul li.da .e_j {position: fixed;height:0;}
.nav ul li.da:hover .e_j{height:calc(100% - 70px);}
.nav .e_j.cp .container-fluid {display: flex;flex-wrap: wrap;}
.nav .e_j.cp .lm {max-width: 200px;float: left;border-right: hsla(0,0%,59.2%,.18) 1px solid;box-sizing: border-box;padding: 0 31px;-moz-flex-grow: 1;
flex-grow: 1;
flex-basis: 1;}
.nav .e_j.cp .lm:last-child{border: 0}
.nav .e_j.cp .lm h3 {font-size: 16px;display: flex;justify-content: flex-start;color: rgba(0,0,0,.85);font-weight: bold;line-height: 20px;margin-bottom: 15px;}
.nav .e_j.cp .lm h3 em {font-size: 20px;margin-right: 10px;color: #62b356;}
.nav .e_j.cp .lm h4{font-size: 12px;
line-height: 16px;
letter-spacing: -.02em;
word-spacing: 0;
color: rgba(0,0,0,.65);
margin-top: 8px;
padding-right: 24px;
max-height: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;margin-bottom: 16px;}
.nav .e_j.cp .lm p a{display: block;text-align: left;box-sizing: border-box;position: relative;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;line-height: 2;font-size: 14px;}
/*.nav .e_j.cp .lm p a::before{content: "•";position: absolute;left: 0;}*/
.nav .e_j.cp .lm p a:hover{padding-left: 5px;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;color: #2b70b1;}
/*.header.on .nav .e_j{box-shadow:0 2px 2px #aaa;}*/

@media (min-width:1024px){

.header .nav .e_j{display:none !important;}
.header .nav ul li:hover .e_j{display:block !important;}
.head_h { height: 110px; }
}

@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: 60px; display:block}
.header{border:0; height:60px; background:#fff; width:100%}
.header .container{ padding:0; overflow:hidden; width:94%}
.header .logo{ margin:10px auto;}
.header.on .logo{margin:10px auto;}
.header .an{display:block; right:10px;}
	.header .logo img {
  height:40px;
}
.header .an span { background-color:#333}
.header .nav ul { width: 100%;}
.header.on .nav {width:100%}
.header .nav{width:100%; padding:15px 5%; background-color:#fff; height:100%; position:fixed; top:60px; right:-100%; z-index:9999; overflow:auto;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s; margin-top:0;box-sizing: border-box;}
.header .nav.on{right:0;}
.header.on .nav ul li a { font-size: 16px;color: #333;}
	.nav .y_j {
  padding: 20px 0;
}
.header .nav i{display:block;font-size: 16px;color: #333;}
.header .nav ul li{line-height:60px; text-align:left; border-bottom:1px solid #444; float:none; margin:0; padding:0}
	.nav .e_j .box {
  padding: 20px 0;
}
	.nav .e_j.cp .lm {
  max-width: 50%;width: 50%;
  padding: 0 20px;margin-bottom: 20px;
}
.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 #444; background: none; position: relative;display: none;top: auto; left: auto; margin: 0;padding-bottom: 10px;}
.header .nav ul li .e_j a { color:#aaa;}
.header .nav ul li .e_j a:hover { color:#333}
.header .nav .e_j a{border-top:0; font-size:12px; color:#aaa; 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:16px; color:#333;}

.header .nav ul li:hover span{width:0;}
.header .nav ul li.on span{width:0;}
}
@media only screen and (max-width:375px){
.header .container{ padding:0}
.header .logo{width:200px; margin:15px auto;}
.header.on .logo{width:200px; margin:15px auto;}
}

.pc-slide {
	width: 100%;
	margin: 0 auto;position: relative;
}

.view .swiper-container {
	width: 100%;
	height: auto;
}

.view .arrow-left {
	background: url(images/index_tab_l.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.view .arrow-right {
	background: url(images/index_tab_r.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}
	.view .swiper-slide{overflow: hidden;height: 100vh;}
.view .swiper-slide .w_z {position: absolute;width: 450px;left: 50%;margin-left: -600px;top: 50%;transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);z-index: 9;}
.view .swiper-slide .w_z h1 {font-size: 65px;margin-bottom: 20px;color: #fff;font-weight: 400;line-height: 1;}
.view .swiper-slide .w_z p {font-size: 24px;font-weight: 300;color: #fff;line-height: 1.4;letter-spacing: 1px;}
.view .swiper-slide .w_z .more {width: 170px;height: 65px;line-height: 65px;border-radius: 6px;background: #0b2f38;font-size: 24px;text-align: center;margin-top: 25px;color: #fff;}
.view .swiper-slide .w_z .more a{color: #fff;}
.view .swiper-slide .jdt{position: absolute;left: 0;bottom: 0;width: 6px;height: 100%;z-index: 9}
.view .swiper-slide .jdt span{position: absolute;left: 0;bottom: 0;width: 6px;height: 0%;-webkit-transition: all 10s;-moz-transition: all 10s;-o-transition: all 10s;transition: all 10s;background: #0b2f38;}
.view .swiper-slide.swiper-slide-active .jdt span{height: 100%;-webkit-transition: all 10s;-moz-transition: all 10s;-o-transition: all 10s;transition: all 10s;}
	.view .swiper-slide img{width: 100%;height: 100%; object-fit: cover;display: block;transition:10s linear 2s;
		transform:scale(1.2,1.2);}
	.view .swiper-slide.swiper-slide-active img{transition:10s linear;
		transform:scale(1,1);}

.preview {
	width: 340px;height: 470px;margin-top: -235px;
  top: 50%;right: 0;z-index: 99;
	position: absolute;padding: 30px;box-sizing: border-box;
}

.preview .swiper-container {
	width: 280px;direction: ltr;height: 410px;
}

.preview .swiper-slide {
	width: 100%;
	cursor:pointer;height: 130px;margin-bottom: 10px;padding: 20px 25px;box-sizing: border-box;
}
.preview .swiper-slide:hover{background: rgba(255,255,255,0.1);}

.preview .swiper-slide span{background: rgba(255,255,255,0.1);margin-bottom: 15px;height: 3px;display: block;}
.preview .swiper-slide.active-nav  span{background: #0b2f38;}
.preview .swiper-slide h3{color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;}
	.preview .swiper-slide img{
		width: 100%;display: block;height: 120px;
	}

.preview .slide6 {
height: 140px
}

.preview .arrow-left {
	background: url(images/feel3.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview .arrow-right {
	background: url(images/feel4.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview img {
	padding: 1px;
}

.preview .active-nav {
	background: rgba(255,255,255,0.1);
}

.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:15px; height:15px; display:inline-block; border-radius:0; opacity:1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.gallery-top .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#000}


.pc_ban{width:100%; height:100vh; position:relative; overflow:hidden;}
.pc_ban .mb{width:100%; height:50px; display:block; position:absolute; left:0; top:0; text-align:center}
.pc_ban .mb h1 { font-size:46px; color:#fff; margin-bottom:20px; text-align:center; margin-top:18%;}
.pc_ban a h4 { font-size:16px; color:#eee; text-align:center;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, 300px, 0);-ms-transform: translate3d(0, 300px, 0);transform: translate3d(0, 300px, 0);}
.pc_ban .swiper-slide-active h1{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.pc_ban .swiper-slide-active h4{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.pc_ban .swiper-button-prev{background:url(../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;}
.pc_ban .swiper-button-next{background:url(../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;}


.tit { margin-bottom:10px; text-align:center}
.tit h1 { font-size:40px; color:#0b2f38; position:relative;font-weight: 100;font-family: Microsoft YaHei;}
.tit h3 { font-size:30px; color:#333;font-weight: 100;font-family: Microsoft YaHei;}

.sy_about { padding:30px 0; overflow:hidden}
.sy_about .tit{text-align: left;margin-bottom: 25px;}
.sy_about .tit h3 {color:#0b2f38;}
.sy_about .nr { font-size:16px;color: #333;font-weight: 300;}
.sy_about .nr p {line-height:2}
.sy_about .nr .more a { font-size:14px; text-transform:capitalize; color:#f18c16; text-align:center; line-height:32px; margin-bottom:30px; display: inline-block; width:110px; position:relative}
.sy_about .nr .more a  span{width:0; height:2px; background-color:#e77817; 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);}
.sy_about .nr .more a:hover span{ width:100%}
.product-number-info {
   
    position: relative;
}

.product-number-info .product-number-inner {
    width: 1200px;
    margin: 0 auto;
}

.product-number-info ul {
    padding:35px 0;
}

.q {
    zoom: 1; }

.product-number-info li {
    float: left;
    width: 25%;text-align: center;
    height: 90px;
    color: #666;
    padding-top: 1px;
}
.product-number-info li b {
    font-weight: 100;
    font-size: 60px;
    line-height: 1;
    display: inline-block;
    position: relative;
    margin: 0 0 10px;
}

.product-number-info li p {
    font-size: 18px;
}

.product-number-info li b i {
    font-style: normal;font-family: Microsoft YaHei;
}

.product-number-info li b sup {
    position: absolute;
    font-size: 34px;
    right: -35px;
    top: -3px;
}
.product-number-info li b em {
    font-style: normal;
    font-size: 28px;
    font-weight: 100;
    padding-left: 2px;
    position: relative;
    top: -4px;
}
/*系统方案*/
.sy_xtfa{background-color: #f2f2f2;padding: 30px 0 15px;}
.sy_xtfa .tit {margin-bottom: 10px;}
.sy_xtfa .swiper-container{}	
.sy_xtfa .con{position: relative;}	
.sy_xtfa .swiper-slide{
	width:720px;overflow: hidden;border-radius: 8px;
	}
.sy_xtfa .swiper-slide .mb {background: rgba(0,0,0,0.3);position: absolute;width: 100%;height: 100%;z-index: 2;}
.sy_xtfa .swiper-slide .w_z {position: absolute;width: 100%;height: 100%;z-index: 5;background: -moz-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,.7) 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(40%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.7)));
  background: -webkit-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,.7) 100%);
  background: -o-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,.7) 100%);
  background: -ms-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,.7) 100%);
  background: linear-gradient(to bottom,rgba(0,0,0,0) 40%,rgba(0,0,0,.7) 100%);}
.sy_xtfa .swiper-slide .w_z p{line-height: 1.5;font-size: 18px;color: #fff;}
.sy_xtfa .swiper-slide .w_z .nr{position: absolute;width: 100%;padding: 20px;box-sizing: border-box;bottom: 0;left: 0;}
.sy_xtfa .swiper-slide img{
	-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;
	}	
.sy_xtfa .swiper-slide:hover 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); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}	
.sy_xtfa .swiper-pagination{
	text-align:center;
	width:100%;
	margin-top:10px;}
.sy_xtfa .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
	margin:0 5px;
	background:#02328d;
}
.sy_xtfa .swiper-button-prev{
	width:50px;
	height:70px;
	left:-10px;
	top:64%;margin-top: -35px;
	background:#0b2f38;
    border-radius: 5px;
	z-index:99;
	transition: 0.2s;text-align: center;
	}
.sy_xtfa .swiper-button-prev svg {height: 100%;}
.sy_xtfa .swiper-button-prev:before{	
    content: '';
    position: absolute;
    width: 50px;
    height: 70px;
    
    left:0;
    top: 50%;
    margin-top: -35px;
}
.sy_xtfa .swiper-button-next{
	width:50px;text-align: center;
	height:70px;
	right:-10px;
	background:#0b2f38;
    border-radius: 5px;
	z-index:99;
	transition: 0.2s;top: 64%;
    margin-top: -35px;
	}
.sy_xtfa .swiper-button-next svg {height: 100%;}
.sy_xtfa .swiper-button-next:after{	
    content: '';
    position: absolute;
    width: 50px;
    height: 70px;
   
    right:0;
    top: 50%;
    margin-top: -35px;
}
.sy_xtfa .swiper-button-prev:hover,.sy_xtfa .swiper-button-next:hover{
	
}
.sy_cpfa{padding: 60px 0;overflow: hidden}
.sy_cpfa ul {display: flex;justify-content: space-between;flex-wrap: wrap;}
.sy_cpfa ul li{width: 23%;position: relative;border-radius: 10px;margin: 1%; overflow: hidden;}
.sy_cpfa ul li img{width: 100%;display: block;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.sy_cpfa ul li:hover 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); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.sy_cpfa ul li .w_z {position: absolute;width: 100%;box-sizing: border-box;padding: 30px 20px;background: -webkit-linear-gradient(top, transparent, rgba(4,24,57,0.9));font-size: 18px;color: #fff;z-index: 3;left: 0;bottom: 0;}
.sy_cpfa ul li .w_z p{position: relative;padding-left: 20px;}
.sy_cpfa ul li .w_z p::before{width: 4px;background: #fff;height: 100%;content: "";position: absolute;left: 0;top: 0;}
.sy_cpfa .more {width: 180px;line-height: 60px;text-align: center;border: #ccc 1px solid;position: relative;margin: 15px auto 0;}
.sy_cpfa .more a {font-size: 20px;color: #222;z-index: 5;position: relative;}
.sy_cpfa .more span{width: 0;height: 100%;left: 0;top: 0;background: #0b2f38; transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;position: absolute;z-index: 2;}
.sy_cpfa .more:hover span{width: 100%;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.sy_cpfa .more:hover a {color: #fff;}

.sy_wzgs{padding: 30px 0 40px;background-color: #f2f2f2}
.sy_wzgs .swiper-button-prev{bottom: -30px;font-size: 20px;color: #222;top: auto;left: 47%;line-height: 60px;}
.sy_wzgs .swiper-button-prev i{font-size: 24px;}
.sy_wzgs .swiper-button-next{bottom: -30px;color: #222;top: auto;right: 47%;line-height: 60px;}
.sy_wzgs .swiper-button-next i {font-size: 24px;}
.sy_wzgs .con{position: relative;height: 300px;padding-bottom: 50px;width: 1200px;}
.sy_wzgs img {width: 100%;display: block;}
.sy_wzgs .swiper-slide-active{width: 482px !important;}
.sy_wzgs .swiper-slide-prev{width: 350px !important;margin-top: 30px}
.sy_wzgs .swiper-slide-next{width: 350px !important;margin-top: 30px}




/* start footer */
.footer_bg{background:#0b2f38; width:100%;padding:35px 0 25px;}
.footer { width:1200px; margin:0 auto;}
.footer .zuo3{ width:850px; float: left;}
.footer .zuo3 ul li { padding-right: 80px; float:left;}
.footer .zuo3 ul li .tit1 a { font-size:18px; color:#fff; line-height:36px; display:block}
.footer .zuo3 ul li .line { margin-bottom:20px; height:2px; margin-top:10px}
.footer .zuo3 ul li .line span { width:15px; height:1px; background:#df651c;-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:#fff;}
.footer .zuo3 ul li a:hover { color:#eee}
.dzwz p { line-height:30px;color:#fff;font-size:14px;opacity:0.7;-webkit-opacity:0.7;-moz-opacity:0.7; text-transform: capitalize}
.footer .you3 {float:right;}
.footer .you3 .logo {width: 280px;}
.footer .you3 .logo img{width: 100%;}
.footer_bg .dy {margin-top: 30px;width:280px;overflow: hidden;}
.footer_bg .dy input.w_z{width:85%; height:35px; border-radius:0; font-size:14px; line-height:35px; color:#fff; float:left; -webkit-appearance:none;background: rgba(255,255,255,0.15);padding-left: 15px;box-sizing: border-box;}
.footer_bg .dy button.s_c{width:15%; height:35px;font-size:18px; line-height:35px; text-align:center; float:left; -webkit-appearance:none;font-weight: bold;background: #2b70b1;}
.footer_bg .dy i {font-size: 18px;color: #fff;}
.footer .you3 .dian h2 { font-size:24px; color:#fff;line-height: 50px;margin-top: 10px;}
.footer .you3 .dian h2 i {font-size: 28px;margin-right: 10px;vertical-align: middle;}


.footer_btm {margin:30px auto 0;padding-top: 1%;border-top: 1px solid #357883; width:100%;}
.copy {text-align: center;}
.copy p {font-size: 14px;text-transform: uppercase;color: #fff;}
.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 .swiper-slide img{width:100%; height:auto; display:block;}
.nban .swiper-pagination{bottom:120px !important;text-align: right; }
.nban .swiper-pagination-bullet {width:15px; height:15px; display:inline-block; border-radius:0; opacity:1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.nban .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#000}
.nban .jt {width: 85%;
  margin: 0 auto;
  max-width: 1470px;position: absolute;left: 50%;transform: translate(-50%,0);
  -webkit-transform: translate(-50%,0);
  -moz-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  -o-transform: translate(-50%,0);bottom: 120px;z-index: 99;}
.nban .swiper-button-prev{width:40px; height:40px;left: auto; right:60px;line-height: 40px;text-align: center;background: #002F38;border-radius: 25px;color: #fff;}
.nban .swiper-button-prev i{font-size: 20px;}
.nban .swiper-button-next{width:40px; height:40px;right: 0;line-height: 40px;text-align: center;background: #002F38;border-radius: 25px;color: #fff;}
.nban .swiper-button-next i{font-size: 20px;}
.nban .swiper-slide .w_z {width: 680px;}
.nban .mb {position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: center; align-items: center;flex-direction: column;background: url(../images/c_1mb.png) center / cover no-repeat;}
.nban .con{position: relative;}

.nban h1 {font-size: 65px;
  color: #fff;
  font-weight: lighter;
  line-height: 1;margin-bottom: 30px;}
.nban h3 {font-size: 24px;position: relative;
  font-weight: 300;
  color: #fff;
  line-height: 1.4;
  letter-spacing: 1px;border-left: #31a1b9 5px solid;padding-left: 30px;}

.nban .more {width: 200px;height: 65px;line-height: 65px;border-radius: 6px;background: #0b2f38;font-size: 24px;text-align: center;margin-top: 50px;color: #fff;}
.nban .more a{color: #fff;}
.nban img {width: 100%;display: block;}
.ntit {line-height: 60px;margin-bottom: 5px;text-align: center;font-size: 18px;color: #3E3A39;height: 60px;}
.ntit a {color: #3E3A39;padding: 0 10px;}
.ntit a:hover {color: #0b2f38;font-weight: bold;}
.ntit a.on {color: #0b2f38;font-weight: bold;}
/*.产品列表*/
.ny_cplb {position: relative;}
.ny_cplb ul li {position: relative;}
.ny_cplb img {width: 100%;display: block;}
.ny_cplb .mb {position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url(../images/c_1mb.png) center / cover no-repeat;box-sizing: border-box;}
.ny_cplb .mb .con{position: absolute;height: 100%;padding: 60px 0;box-sizing: border-box; left: 50%;transform: translate(-50%,0);
  -webkit-transform: translate(-50%,0);
  -moz-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  -o-transform: translate(-50%,0);}
.ny_cplb .mb h1 {font-size: 46px;color: #fff;margin-bottom: 20px;font-weight: lighter;}
.ny_cplb .mb p {font-size: 21px;line-height: 50px;color: #fff;font-weight: lighter;}
.ny_cplb .mb .more {position: absolute;left: 0;bottom: 55px;line-height: 40px;}
.ny_cplb .mb .more .tb {width: 40px;height: 40px;line-height: 40px;text-align: center;background: #fff;color: #0b2f38; border-radius: 50%;float: left;margin-right: 15px;}
.ny_cplb .mb .more .tb i {font-size: 22px;}
.ny_cplb .mb .more a {font-size: 20px;color: #fff;}
.ny_cplb ul li:nth-child(2n) .more {position: absolute;left: auto;right: 0;}
.ny_cplb ul li:nth-child(2n) .mb {background: url(../images/c_2mb.png) center / cover no-repeat;}
.ny_cplb .mb .box {width: 670px;}
.ny_cplb .xyy {padding: 30px 0;text-align: center;}
.ny_cplb .xyy a {display: inline-block;height: 40px;line-height: 40px;width: 40px;text-align: center;background: #002F38;border-radius: 25px;margin: 0 10px;color: #fff;}
.ny_cplb .xyy a i{font-size: 22px;}

.ny_sjzz{padding: 30px 0;background: url(../images/bj.png) center 15px no-repeat;position: relative;}
.ny_sjzz .bj{background: #002F38;width: 100%;left: 0;top: 0;position: absolute;height: 250px;z-index: -1;}
.ny_sjzz .tit h1 {font-size: 46px;font-weight: lighter;}
.ny_sjzz .tit h3 {font-size: 28px;font-weight: 200;}
.ny_sjzz p {font-size: 22px;font-weight: 200;color: #fff;line-height: 1.4;text-align: center;margin-top: 15px;}
.ny_sjzz ul {display: flex;justify-content: space-between;flex-wrap: wrap;padding-top: 30px;}
.ny_sjzz ul li {width: 23%;}
.ny_sjzz ul li img {width: 100%;display: block;border: #222 1px solid;}
.ny_sjzz ul li h3 {font-size:18px;color: #231815;text-align: center;margin: 10px 0;}
.ny_sjzz .more {width: 180px;line-height: 60px;text-align: center;border: #ccc 1px solid;position: relative;margin: 25px auto ;}
.ny_sjzz .more a {font-size: 20px;color: #222;z-index: 5;position: relative;}
.ny_sjzz .more span{width: 0;height: 100%;left: 0;top: 0;background: #0b2f38; transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;position: absolute;z-index: 2;}
.ny_sjzz .more:hover span{width: 100%;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.ny_sjzz .more:hover a {color: #fff;}

.dqww {line-height: 70px;font-size: 21px;color: #3E3A39;height: 70px;}
.dqww a {color: #3E3A39;}
.ny_xq {padding: 30px 0;}
.ny_xq ul li {padding-bottom: 30px;overflow: hidden;}
.ny_xq ul li .w_z {width: 48%;}
.ny_xq ul li .w_z h3 {font-size: 28px;color: #231815;margin-bottom: 20px;}
.ny_xq ul li .w_z p {font-size: 18px;color: #231815;margin-bottom: 10px;line-height: 1.8;}
.ny_xq ul li .t_p {width: 48%;}
.ny_xq ul li .t_p img {width: 100%;display: block;}
.ny_xq2 {padding: 0 0 30px;}
.ny_xq2 .tp{text-align: center;}
.ny_xq2 p {font-size: 18px;color: #231815;margin-bottom: 10px;line-height: 1.8;}
.ny_xq2 img {max-width: 100%;margin: 10px auto;}
.ny_tszy{padding-bottom: 30px;overflow: hidden;}
.ny_tszy ul {}
.ny_tszy ul li {width: 23%;margin-right: 2%;margin-bottom: 2%;float: left;}
.ny_tszy ul li img {width: 100%;display: block;}
.ny_tszy ul li h3 {line-height: 50px;font-size: 20px;font-weight: lighter;color: #231815;background: #F7F7F7;height: 50px;padding: 0 10px;}
.ny_tszy ul li h3 i {font-size: 22px;}
.ny_tszy ul li:hover h3{background: #114B76;color: #fff;}
.ny_tszy .gd {height: 50px;line-height: 50px;position: relative;text-align: center;}
.ny_tszy .gd::after {content: "";height: 1px;background: #333;position: absolute;left: 0;top: 24px;width: 100%;}
.ny_tszy .gd span {display: inline-block;padding: 0 15px;background: #fff;font-size: 22px;color: #231815;font-weight: lighter;position: relative;z-index: 2;}
.nybt {text-align: center;margin-bottom: 30px;}
.nybt h1{font-size: 46px;font-weight: lighter;color: #231815;}
.nybt h3{font-size: 28px;font-weight: 200;color: #231815;}
/*系统方案*/
.ny_xtwz {padding: 50px 0;font-size: 30px; color: #5b7f95;line-height: 1.8;font-weight: lighter;text-align: center;}
.ny_xtwz p {max-width: 1170px;margin: 0 auto;}
.ny_xtfa1 {display: flex;align-items: stretch;}
.ny_xtfa1 .t_p{width: 50%;}
.ny_xtfa1 .w_z{width: 50%;padding:80px 50px;box-sizing: border-box;background: #0b2f38;}
.ny_xtfa1 .w_z h3{color: #5b7f95;font-size: 30px;font-weight: lighter;margin-bottom: 30px;}
.ny_xtfa1 .w_z p{color: #fff;font-size: 20px;font-weight: lighter;line-height: 2;}

.ny_xtfa2 {background: #f9f9f9;overflow: hidden;padding: 60px 0;}
.ny_xtfa2 ul {display: flex;justify-content: space-between;align-items: stretch;}
.ny_xtfa2 ul li {width: calc((100% - 30px) / 3);background: #fff;padding: 30px 40px;box-sizing: border-box;}
.ny_xtfa2 ul li .top{display: flex;justify-content: center;align-items: center;padding-bottom: 20px;}
.ny_xtfa2 ul li .top .tb{width: 100px;}
.ny_xtfa2 ul li .top .tb img{width: 100%;}
.ny_xtfa2 ul li .top .w_z {font-size: 30px;color: #063b5b;font-weight: lighter;}
.ny_xtfa2 ul li p {font-size: 25px;color: #231815;line-height: 1.25;font-weight: 200;}
.ny_xtfa3 {background: #e7ecf0;padding: 60px 0;}
.ny_xtfa3 h2 {font-size: 30px;font-weight: lighter;margin-bottom: 40px;color: #063b5b;text-align: center;}
.ny_xtfa3 ul {display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 20px;}
.ny_xtfa3 ul li {width: 23%;}
.ny_xtfa3 ul li img{width: 100%;display: block;}
.ny_xtfa3 ul li h3{color: #003b5c;font-size: 25px;font-weight: lighter;margin: 20px 0;text-align: center;}
.ny_xtfa3 p{color: #003b5c;font-size: 25px;font-weight: lighter;margin: 35px auto;text-align: center;max-width: 1170px;line-height: 1.8;}
/*项目案例*/
.ncon{width: 1200px;margin: 0 auto;}
.ny_xmal{padding: 35px 0;}
.ny_xmal ul li {overflow: hidden;border-bottom: #ccc 1px solid;margin-bottom: 30px;}
.ny_xmal ul li h3 {font-size: 20px;font-weight: lighter;color: #0b2f38;margin-bottom:20px;}
.ny_xmal ul li .t_p {width:260px;float: left;height: 130px;overflow: hidden;}
.ny_xmal ul li .t_p img {width: 100%;display: block;height: 100%;object-fit: cover;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.ny_xmal ul li:hover .t_p 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); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.ny_xmal ul li .w_z {font-size: 16px;line-height: 35px;color: #231815;width:calc(100% - 300px);float: right;}
.ny_xmal ul li .w_z a {color: #1998a9;}

/*.物种故事*/
.ny_wzgs{padding: 30px 0 50px;}
.ny_wzgs ul {display: flex;justify-content: space-between;flex-wrap: wrap;align-items: stretch;}
.ny_wzgs ul li {width: 31.3333%;margin: 1%;position: relative;overflow: hidden;}
.ny_wzgs ul li img {width:100%;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.ny_wzgs ul li:hover 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);-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.ny_wzgs ul li:nth-child(-n+2){width: 48%;}
.ny_wzgs ul li .w_z{position: absolute;
  width: 100%;
  box-sizing: border-box;
  padding: 30px 20px;
  background: -webkit-linear-gradient(top, transparent, rgba(4,24,57,0.9));
  font-size: 18px;
  color: #fff;
  z-index: 3;
  left: 0;
  bottom: 0;}

/*科研服务*/
.ny_kyfw {padding: 50px 0;}
.ny_kyfw ul li {margin-bottom: 50px;overflow: hidden;}
.ny_kyfw .w_z {width: 66%;float: left;}
.ny_kyfw .w_z h1{font-size: 14px;color: #1998a9;margin-bottom: 6px;}
.ny_kyfw .w_z h3 {font-size: 28px;font-weight: 200;margin-bottom: 20px;color: #063b5b;}
.ny_kyfw .w_z p {font-size: 17px;line-height: 1.6;margin-bottom: 25px;color: #231815;height: 82px;display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;}
.ny_kyfw .w_z .more {line-height: 30px;color: #063b5b;font-size: 16px;font-weight: bold;}
.ny_kyfw .w_z .more a {color: #1998a9;text-transform: capitalize;}
.ny_kyfw .t_p{width: 32%;float: right;overflow: hidden;height: 216px;}
.ny_kyfw .t_p img{width: 100%;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;height: 100%;display: block;object-fit: cover;}
.ny_kyfw ul li:hover .t_p img{width: 100%;-webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07);-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.sy_wzgssj{display: none;}







@media only screen and (max-width:1368px) {
	.container
{
  width:1200px;
}
	.con
{
  width:1200px;
}
	.nban h1 {
  font-size:55px;
  margin-bottom: 20px;
}
	.nban h3 {
  font-size: 20px;
  padding-left: 20px;
}
	
	
}



@media only screen and (max-width:1024px) {

.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;}
	.view .swiper-slide {
  height: 40rem;
}
	.view .swiper-slide .jdt {
  width: 2px;
}
	.view .swiper-slide .w_z {
  position: absolute;
  width: 80%;
  left: 5%;
  margin-left:0px;
}
	.view .swiper-slide .w_z h1 {
  font-size: 32px;
  margin-bottom: 10px;
}
	.view .swiper-slide .w_z p {
  font-size:20px;
  letter-spacing: 0;
}
	.view .swiper-slide .w_z .more {
  width:150px;
  height: 40px;
  line-height:40px;
  font-size: 18px;
  margin-top: 20px;
}
	.preview .swiper-container {
  width: 100%;
  height: 80px;
}
	.preview .swiper-slide {
  width: 30.3333%;
  height: 80px;margin: 0 1.5%;
  padding: 10px 20px;
}
	.preview {
  width: 100%;
  height: 80px;
  margin-top: auto;
  top: auto;
  right: 0;bottom: 0;
  padding: 0px;
}
	.preview .swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}
	.preview .swiper-slide span {
  margin-bottom: 10px;
}
	.preview .swiper-slide h3 {
  font-size: 14px;
  line-height: 20px;display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
	.tit h1 {
  font-size: 30px;
}
	.tit h3 {
  font-size: 20px;
}
	.product-number-info .product-number-inner {
  width: 100%;
}
	.product-number-info li b {
  font-size: 40px;
}
	.product-number-info li p {
  font-size: 14px;
}
	.con {
    width: 90%;
  }
	.sy_xtfa .swiper-button-next {
  width: 30px;
  height: 50px;
  margin-top: -25px;
}
	.sy_xtfa .swiper-button-prev {
  width: 30px;
  height: 50px;
  margin-top: -25px;
}
	.sy_xtfa .swiper-slide .w_z .nr {
  padding: 10px;
}
	.sy_xtfa .swiper-slide .w_z p {
  font-size: 14px;
}
	.sy_cpfa {
  padding: 20px 0;
}
	.sy_cpfa ul li {
  width: 48%;
}
	.sy_cpfa .more {
  width: 150px;
  line-height: 40px;
}
	.sy_cpfa .more a {
  font-size: 16px;
}
	.sy_wzgs {display: none;
}
	.sy_wzgssj{display: block;background: #f6f6f6;padding: 20px 0 60px;position: relative;}
	.gallery-top{width:100%; position:relative;}
.gallery-top .swiper-slide img{width:100%; height:auto;}
.sy_wzgssj .swiper-button-prev{background:none; width:30px; height:30px; margin-top:0; left:46%;top: auto;bottom:20px;}
.sy_wzgssj .swiper-button-prev i{font-size: 24px;color: #333;}
.sy_wzgssj .swiper-button-next{background:none; width:30px; height:30px; margin-top:0; right:46%;top: auto;bottom:20px;}
.sy_wzgssj .swiper-button-next i{font-size: 24px;color: #333}
.footer {
  width: 90%;
}
	.footer .zuo3 {
  width: 100%;
  float: none;
}
	.footer .zuo3 ul li {
  padding-right: 0px;width: 20%;
}
	.footer .you3 {width: 100%;margin-top: 20px;
}
	.nban .jt {
  bottom: 40px;
}
	.nban .swiper-slide .w_z {
  width: 100%;
}
	 .nban h1 {
    font-size: 32px;
    margin-bottom: 10px;
  }
	.nban .more {
  width: 150px;
  height: 40px;
  line-height:40px;
  font-size: 16px;
  margin-top: 20px;
}
	.nban h3 {
    padding-left: 10px;border-left: #31a1b9 2px solid;
  }
	.nban .swiper-button-next {
  width: 35px;
  height:35px;
  line-height: 35px;
}
	.ntit a {
  padding: 0 5px;
}
	.ntit {
  line-height: 50px;
  font-size: 16px;height: 50px;
}
	.ny_cplb .mb h1 {
  font-size: 24px;
  margin-bottom: 10px;
}
	.ny_cplb .mb p {
  font-size: 16px;
  line-height:22px;
}
	.ny_cplb .mb .more .tb {
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
}
	.ny_cplb .mb .more .tb i {
  font-size: 18px;
}
	.ny_cplb .mb .more a {
  font-size: 15px;
}
	.ny_cplb .mb .more {
  bottom: 25px;
  line-height:30px;
}
	.ny_cplb .mb .con {
  padding: 20px 0;
}
	.ny_cplb .mb .box {
  width: 80%;
}
	.ny_cplb .xyy a {
  height: 30px;
  line-height: 30px;
  width: 30px;
}
	.ny_cplb .xyy a i {
  font-size: 20px;
}
	.ny_sjzz .tit h1 {
  font-size: 36px;
}
	.ny_sjzz p {
  font-size:16px;
}
	.ny_sjzz ul {
  padding-top: 60px;
}
	.ny_sjzz ul li h3 {
  font-size:16px;
}
	.ny_sjzz .more {
  width: 150px;
  line-height: 40px;
  margin: 20px auto;
}
	.dqww {
  line-height: 50px;
  font-size: 16px;height: 50px;
}
	.nban .swiper-button-prev {
  width: 35px;
  height: 35px;
  right: 60px;
  line-height: 35px;
}
	.ny_xq ul li .w_z {
  width: 100%;
}
	.ny_xq ul li .w_z p {
  font-size: 16px;
}
	.ny_xq ul li .w_z h3 {
  font-size: 24px;
  margin-bottom: 10px;
}
	.ny_xq ul li .t_p {
  width: 100%;margin-top: 10px;
}
	.nybt h1 {
  font-size: 36px;
}
	.nybt h3 {
  font-size: 24px;
}
	.ny_xq {
  padding: 20px 0 10px;
}
	.ny_tszy ul li {
  width: 48%;margin: 1%;}
	.ny_tszy ul li h3 {
  line-height: 40px;
  font-size: 16px;
}
	.ny_tszy .gd span {
  padding: 0 8px;
  font-size: 16px;
}
	.ncon {
  width: 90%;
}
	.ny_kyfw .w_z {
  width: 55%;
}
	.ny_kyfw .t_p {
  width: 42%;
  height: 216px;
}
	.ny_kyfw .w_z h3 {
  font-size: 24px;
  margin-bottom:10px;
}
	.ny_kyfw .w_z p {
  font-size:16px;
  margin-bottom: 15px;
  height: 78px;
}
	.ny_kyfw {
  padding: 30px 0;
}
	.ny_wzgs ul li .w_z {
  padding: 20px 15px;
  font-size: 16px;
}
	.ny_xmal ul li .w_z {
  font-size: 16px;
  line-height: 24px;
}
	.ny_xmal ul li .t_p {
  width: 280px;
  height: 150px;
}
	.ny_xtwz {
  font-size: 24px;
}
	.ny_xtfa1 .w_z h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
	.ny_xtfa1 .w_z p {
  font-size:16px;
  line-height: 1.8;
}
	.ny_xtfa1 .w_z {
  padding: 40px 20px;
}
	.ny_xtfa2 {
  padding: 20px 0;
}
	.ny_xtfa2 ul {flex-wrap: wrap;
}
	.ny_xtfa2 ul li {
  width:100%;
  padding: 20px 20px;
}
	.ny_xtfa2 ul li .top .tb {
  width: 60px;
}
	.ny_xtfa2 ul li .top .w_z {
  font-size:24px;
}
.ny_xtfa2 ul li p {
  font-size: 20px;
}
	.ny_xtfa3 {
  padding: 30px 0;
}
	.ny_xtfa3 ul li {
  width: 48%;
}
	.ny_xtfa3 ul li h3 {
  font-size: 18px;
  margin: 10px 0;
}
	.ny_xtfa3 h2 {
  font-size: 20px;
  margin-bottom: 20px;
}
	

	
	
	
	
	
	
	
	
	
	
	
  }

@media only screen and (max-width:600px){

.tit h1 {font-size:2.2rem;}
	.sy_wzgssj .swiper-button-prev{left:42%;}
.sy_wzgssj .swiper-button-next{right:42%;}
	
	.footer .zuo3 ul li {
    width: 100%;margin-bottom: 20px;
  }
	.footer .zuo3 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
	
	.footer .zuo3 ul li a {
  width: 50%;float: left;
}
	.footer .zuo3 ul li .tit1 {overflow: hidden;}
	.footer .you3 .logo {margin: 0 auto;
}
	.footer_bg .dy {margin: 20px auto 0;
}
	.footer .you3 .dian h2 {text-align: center;
}
	.footer_btm {
  margin: 20px auto 0;
  padding-top: 10px;
}
	 .sy_cpfa ul li {
    width: 100%;margin: 1% 0
  }
	.sy_cpfa ul li .w_z {
  padding: 15px ;
  font-size:16px;
}
	.sy_cpfa ul li .w_z p {
  padding-left: 10px;
}
	.sy_xtfa .swiper-slide {
  width: 100%;
}
	.sy_xtfa .swiper-slide img {width: 100%;
}
	 .view .swiper-slide .w_z h1 {
    font-size: 2rem;
  }
	  .view .swiper-slide .w_z p {
    font-size: 1.4rem;
  }
	  .view .swiper-slide .w_z .more {
    height: 32px;
    line-height: 32px;
    font-size: 14px;
  }
	.view .swiper-slide .jdt span {
  width: 2px;
}
	.product-number-info li {
  width: 50%;
  height: 70px;
}
	.product-number-info li b {
    font-size: 30px;
  }
	.product-number-info li b sup {
  font-size: 24px;
  right: -25px;
}
	 .sy_xtfa .swiper-button-prev {
    width: 20px;
    height: 40px;
    margin-top: -20px;
  }
	 .sy_xtfa .swiper-button-next {
    width: 20px;
    height: 40px;
    margin-top: -20px;
  }
	  .nban h1 {
    font-size: 2rem;
  }
	  .nban h3 {
    padding-left: 6px;font-size: 1.2rem;display: none
  }
	  .nban .more {
    width: 130px;
    height: 32px;
    line-height:32px;
    font-size: 14px;
  }
	.nban .jt {
    bottom: 20px;
  }
	.nban .swiper-button-prev {
  width: 30px;
  height:30px;
  right: 40px;
  line-height: 30px;
}
	 .nban .swiper-button-next {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
	.ny_cplb .mb {
  position: static;
  background:#0b2f38;overflow: hidden;
}
	  .ny_cplb .mb .con {position: static;transform: none;
  -webkit-transform:none;
  -moz-transform:none;
  -ms-transform:none;
  -o-transform: none;height: auto;overflow: hidden;
  }
	.ny_cplb .mb .box {
    width: 100%;
  }
	.ny_cplb .mb .more {left: 10px;bottom: 10px;
  }
	.ny_cplb ul li:nth-child(2n) .mb {
  background:#0b2f38;
}
	.ny_cplb ul li:nth-child(2n) .more {
  right:10px;
}
	  .ny_cplb .mb h1 {
    font-size: 20px;
  }
	.ny_sjzz .tit h1 {
    font-size: 2.4rem;
  }
	.ny_sjzz .tit h3 {
  font-size: 20px;
}
	.ny_sjzz {
  background: url(../images/bj.png) center 15px / auto 31rem no-repeat;
}
	.ny_sjzz ul li {
  width: 48%;
}
	.ny_sjzz .more a {
  font-size: 16px;
}
	.footer_bg {
  padding: 20px 0 20px;
}
	
	.nybt h1 {
    font-size: 2rem;
  }
	.nybt h3 {
    font-size:20px;
  }
	.header .nav .e_j .con {width: 100%;}
	  .nav .e_j.cp .lm {
    padding: 0 10px;
  }
	  .ny_xq ul li .w_z h3 {
    font-size: 20px;
  }
	.ny_tszy ul li h3 i {
  font-size: 18px;
}
	 .ny_tszy ul li h3 {
    font-size: 14px;
  }
	.dqww {
    font-size: 1.2rem;
  }
	.ny_xq2 p {
  font-size: 16px;
}
	
	.ny_kyfw .w_z {
    width: 100%;
  }
	 .ny_kyfw .t_p {
    width: 100%;
    height: 15rem;margin-top: 15px;
  }
	.ny_kyfw ul li {
  margin-bottom: 20px;
}
	 .ny_kyfw .w_z h3 {
    font-size: 20px;
  }
	.ntit {
    font-size: 1.2rem;
  }
	.ny_wzgs {
  padding: 10px 0 30px;
}
	.ny_wzgs ul li:nth-child(-n+2) {
  width: 100%;
}
	.ny_wzgs ul li {
  width: 100%;
  margin: 1% 0;
}
	.ny_xmal ul li h3 {
  font-size: 18px;
  margin-bottom: 15px;
}
	 .ny_xmal ul li .t_p {
    width: 100%;
  }
	.ny_xmal ul li .w_z {width: 100%;margin-top: 20px;
    line-height: 26px;
  }
	.ny_xmal {
  padding: 20px 0;
}
	.ny_xtfa3 p {
  font-size: 20px;margin: 20px auto
}
	.ny_xtfa2 ul li p {
    font-size: 16px;
  }
	  .ny_xtfa2 ul li .top .tb {
    width: 50px;
  }
	  .ny_xtfa2 ul li .top .w_z {
    font-size: 20px;
  }
	  .ny_xtfa3 ul li h3 {
    font-size:16px;
  }
	.ny_xtwz {
    font-size: 20px;
  }
	.ny_xtwz {
  padding: 20px 0;
  font-size: 20px;
}
	.ny_xtfa1 .t_p {
  width: 100%;height: 20rem
}
	.ny_xtfa1 {flex-wrap: wrap
}
	 .ny_xtfa1 .w_z {width: 100%
  }
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

}

