.wrap {
	
	max-width:1400px;
    margin: 0px auto;
    overflow: hidden;
}


.clear{clear:both;height: 0;}


.wap-head{display: none;}




.c{}
.c:after{display: block; content: "";clear: both;height:0;}




/*header*/
.header{position: relative;}



/*head*/
.head{background:rgba(255,255,255,0.96);box-shadow:0 0 5px #000;  border:solid 1px rgba(255,255,255,0.56);height: 110px;position: fixed;width: 100%;top:0;left: 0;z-index: 9999;}
.head .logo{margin: 13px 0 0;}


.wap-head{background:rgb(255,255,255);position: fixed;width: 100%;top:0;left: 0;z-index: 9999;border:solid 1px rgba(255,255,255,0.56);box-shadow: 0 0 5px #ccc;padding: 2% 0;display: none;}
.wap-head .wap-nav{margin: 2% 0;}
.wap-nav-list {display: none;position: fixed;left: 0;top:110px;z-index: 99999;width: 100%;}
.wap-nav-list ul{ background: #fff;}
.wap-nav-list ul li{background: url(../img/tri.png)no-repeat 96% center ;border-bottom: solid 1px #ccc;margin: 0 0 1% 0; padding: 0 2% 0;height:44px;line-height:44px;}
.wap-nav-list ul li a{font-size:16px;display: block;}
.wap-nav-list ul li dl{display: none;}



/*nav*/
.nav ul li{position: relative;float: left;width: 110px;overflow: visible;text-align: center;z-index: 9999;}
.nav ul li.on,.nav ul li:hover{background: rgba(86, 87, 130,0.2);}
.nav ul li>a{font-size: 16px;color:#333;line-height: 110px;display: block;height: 110px;}
.nav ul li dl{display: none;background: rgb(255, 255, 255);width:290px;margin-left: -77%;border:solid 1px #ccc; }
.nav ul li dl dd {border-bottom:solid 1px #ccc;height: 50px;line-height:50px;text-align: center;}
.nav ul li dl dd:last-child{border:none}
.nav ul li dl dd  a{color: #333;} 
.nav ul li:hover dl {display: block;}
.nav ul li dl dd:hover a{background:#dddde6;display: block;line-height:50px;height: 50px;}



/*banner*/
.banner{position: relative;}
.banner img { width: 100%; height: 100%; }
.banner #banner-pg{position: absolute;margin: 0 auto;bottom: 20px;}
.banner #banner-pg  .swiper-pagination-bullet{margin: 0 15px;width: 74px;height: 9px;background: #fff;border-radius: 4.5px;}



/**about**/
.about{margin: 4% 0;}
.about .about-txt {width: 46%;margin: 0 4% 0 0;}
.index-tit span{ text-transform: uppercase;  line-height:30px;font-family: "Arial";font-size: 30px; color: rgba(86, 87, 130, 0.3);}
.index-tit h2{position: relative;  display: block;margin: 10px 0 0;font-size: 32px;color: #333;font-weight: bold;  line-height: 32px;}
.index-tit h2:after{display: block;content: "";width: 52px;height: 1px;background: rgba(86, 87, 130,0.3);margin: 24px 0 0;}
.about .about-txt .about-info{margin: 62px 0 0;}
.about .about-txt .about-info p{font-size: 17px;color: #333;line-height: 30px;}
.index-btn{text-align: right;}
.index-btn a{ display: inline-block;   margin: 104px 0 0;  color:#333;font-size:16px; border-radius: 25px;text-align: center;  width: 200px;height: 50px;line-height: 50px;background: rgba(86, 87, 130,0.1);}
.index-btn:hover a{background: rgb(86, 87, 130);color: #fff;}
.about .about-pic{width: 50%;}
.about .about-pic img{width: 100%;}

.about-num{background: #d5d5e0;height: 240px;}
.about-num ul {text-align: center;}
.about-num ul li{ padding:5% 5%;display: inline-block;  background:url(../img/num-line.jpg)no-repeat right center;}
.about-num ul li:last-child{background: none;}
.about-num ul li b,.about-num ul li span,.about-num ul li p{color: #565782;}
.about-num ul li b{font-size: 47px;font-weight: bold;}



/**product**/
.product{margin: 4% 0;}
.product .index-tit{text-align: center;}
.product .index-tit h2:after{margin: 24px auto 50px;}
.product .product-list ul{width: 102%;}
.product .product-list ul li{float: left;width:31.3333%;margin: 0 2% 3% 0;text-align: center;}
.product .product-list ul li .pro-pic{overflow: hidden;border: solid 1px #ccc;}
.product .product-list ul li .pro-pic img{height: auto;   image-rendering: -webkit-optimize-contrast;}
.product .product-list ul li :hover .pro-pic img{transform: scale3d(1.1, 1.1,1); transition: .3s; }
.product .product-list ul li h3{font-size: 20px;font-weight: bold;line-height: 20px;margin: 23px 0 0;}
.product .index-btn{text-align: center;margin: 30px 0 0;}
.product .index-btn a{margin:10px 0 0 ;}

/*foot*/
.foot{background: #e9eaef;padding: 36px 0;}
.foot .foot-logo{width: 10%;}
.foot .foot-nav{margin: 0 0 0 10%;width: 50%;}
.foot dl{float: left;padding: 0 6%;border-right:solid 1px rgba(44, 45, 9,0.1);height: 248px;}
.foot dl dt{font-size: 18px;color: #333;line-height: 18px;margin: 0 0 20px 0;}
.foot dl dd {font-size: 15px;color: #333;line-height: 30px;}
.foot dl dd:hover a{color: #2c2d63;font-weight: bold;}
.foot .foot-con{width: 30%;}
.foot .foot-con dl{border:none;}
.foot-copy p{height: 60px;line-height: 60px;}
.foot-copy p span{padding-right: 12px;}
.foot-copy p a:hover{color: #2c2d63;font-weight: bold;}



/*ny-info*/
.ny-info{margin: 3% 0;}



/*ny-ser*/
.ny-ser{background: #f2f2f2;height: 84px;}
.ny-ser .ny-ser-lt  p{height: 84px;line-height: 84px;color: #333;}
.ny-ser .ny-ser-lt  p a{padding: 0 6px;}
.ny-ser .ny-ser-lt  p a:hover{color:#2c2d63;} 
.ny-ser .ny-ser-rt{width: 327px;background: #fff;height:45px;border-radius: 22px;margin: 20px 0 0 0;}
.ny-ser .ny-ser-rt .ser-txt{text-indent: 20px;height:45px;line-height:45px;color: #666;font-size: 14px;border:none;outline: none;border-radius: 22px;}
.ny-ser .ny-ser-rt .ser-btn{ margin:14px 48px 14px 0 ;  border:none;outline: none;width: 17px;height: 17px;background: url(../img/ser.png)no-repeat center;}


.blk{margin:23px 0 26px 0 ;}
.blk .wrap{padding: 0 0 13px 0;border-bottom: dashed 1px #dcdcdc;}
.blk .p12-curmbs-1{border-left:solid 10px #d5d5e0;padding: 0 0 0 6px;}
.blk .p12-curmbs-1 i a:hover{color:#2c2d63;}

/*ny-pro*/
.ny-pro{}
.ny-pro-lt{width: 24%;}
.ny-pro-lt-tit{text-align: center;background: #e9eaef;height: 75px;margin: 0 0 2px 0;}
.ny-pro-lt-tit h2{height: 75px;line-height: 75px;font-size: 22px;color: #333;}
.ny-pro ul.pro-class{width: 100%;margin: 0 0 8px 0;}
.ny-pro ul.pro-class li{padding-right: 10px;box-sizing: border-box;border-bottom: solid 1px #fff; text-indent: 4%; width: 100%;height: 54px;line-height: 54px;background:url(../img/tri.png)no-repeat 94% center #eeeeee; }
.ny-pro ul.pro-class li a{font-size:16px;line-height:54px;  }
.ny-pro ul.pro-class li:hover{background:url(../img/tri.png)no-repeat 94% center #fff;}
.ny-pro-con .ny-pro-tel{background:#e9eaef;padding-top: 21px;padding-bottom: 15px;text-align: center;}
.ny-pro-con .ny-pro-tel em{display: block;height: 28px;line-height:28px; font-size: 15px;color: #333;background: url(../img/pro-tel.png)no-repeat 30% center;padding-left: 34px;margin: 21px auto 9px;}
.ny-pro-con .ny-pro-tel p{font-weight: bold; font-size: 26px;line-height: 26px; color: #333;}
.ny-pro-rt{width: 70%;}
.ny-pro-rt-tit{border-bottom:solid 1px #ececec;}
.ny-pro-rt-tit:after{display: block;content: "";width:184px;height: 1px;background: #2c2d63;margin-top: 10px;}
.ny-pro-rt-tit h3{font-size: 22px;line-height: 26px; color: #333; }
.ny-pro-list{margin: 3% 0 0;}
.ny-pro-list ul {width: 102%;margin: 0 0 2% 0;}
.ny-pro-list ul li{float: left;text-align: center;border:solid 1px #bfbfbf;width: 31.33%;margin: 0 2% 2% 0;}
.ny-pro-list ul li .pic{overflow: hidden;}
.ny-pro-list ul li .pic img{width: 100%;}
.ny-pro-list ul li h3{font-size: 16px;line-height: 54px;color: #333;}
.ny-pro-list ul li:hover .pic img{transform: scale3d(1.5,1.5,1);transition: all 0.3s;}
.ny-pro-list ul li:hover{border:solid 1px #2C2D63;}
.ny-pro-list ul li:hover h3{color: #2C2D63;font-weight: bold;}

.tj{overflow: hidden;}
.tj .ny-pro-rt-tit h3{background: url(../img/lm-icon.png)no-repeat left center;padding-left: 44px;}
.tj  .ny-pro-list{overflow: hidden;}
.tj  .ny-pro-list .bd{height: 320px;overflow: hidden;}

.ny-pro-xq .ny-pro-xq-top{border-bottom:solid 2px #d4d4d4;padding-bottom: 60px;}
.ny-pro-xq .ny-pro-xq-top .pic{width: 40%;border:solid 1px #ccc;}
.ny-pro-xq .ny-pro-xq-top .pic img{width: 100%;}
.ny-pro-xq .ny-pro-xq-top .pic-info{width:50%;}
.ny-pro-xq .ny-pro-xq-top .pic-info h3{margin: 0 0 26px 0;    border-bottom:solid 1px #e6e6e6;    font-size: 24px;line-height: 24px;padding-bottom: 16px;   color: #333;}
.ny-pro-xq .ny-pro-xq-top .pic-info>p{font-size: 14px;line-height: 30px;color: #666;padding-bottom: 28px;border-bottom:solid  2px #e6e6e6;}
.ny-pro-xq-con{margin: 53px 0 0;}
.ny-pro-xq-con .icon{margin: 0 15px 0 0;}
.ny-pro-xq-con .icon-info em{color: #454545;font-size: 15px;line-height: 15px;}
.ny-pro-xq .ny-pro-xq-top .ny-pro-xq-con .icon-info p{color:#454545;font-size: 26px;line-height:26px;}
.ny-pro-xq .ny-pro-xq-top .ny-pro-xq-con .pro-zx{background: #565782;width: 154px;height: 49px;text-align: center;}
.ny-pro-xq .ny-pro-xq-top .ny-pro-xq-con .pro-zx a{line-height: 49px;color: #fff;font-size: 16px;}

.xq-info{padding: 10px 0 0;}
.xq-info table {border:solid 1px #ccc;border-collapse: collapse;}
.xq-info table tr td{border:solid 1px #ccc;}

.sub-nav{margin: 3% 0 0;}
.sub-nav ul{text-align: center;}
.sub-nav ul li{display: inline-block;width: 10%;height: 55px;background: #efefed;text-align: center;}
.sub-nav ul li a{line-height: 55px;color: #595757;font-size: 18px;}
.sub-nav ul li.on,.sub-nav ul li:hover{background:url(../img/tri-on.png)no-repeat center bottom #e9eaef;}

.ny-about-lt{width: 46%;}
.ny-about-lt .txt h3{font-size:30px;line-height: 30px;}
.ny-about-lt .txt h3:after{display: block;content: "";width: 70px;height: 3px;background: #d5d5e0;margin: 19px 0 0;}
.ny-about-lt .txt .info{margin: 22px 0 0; line-height: 30px;color: #666;font-size: 16px;}
.ny-about-lt .txt .info p{margin: 0 0 2% 0;text-align: justify;}
.ny-about-rt{width: 50%;}
.ny-about-rt img{width: 100%;}
.ny-cul{margin: 2% 0 6%;background:url(../img/cul-bg.jpg)no-repeat center top;padding: 60px 0 0;}
.ny-cul .ny-tit{text-align: center;padding: 0 0 2% 0;}
.ny-cul .ny-tit h3{color: #373737;  font-size: 30px;font-weight: bold;line-height: 30px;margin: 0 0 23px 0;}
.ny-cul .ny-tit p{font-size: 16px;line-height: 16px;color: #666;}

.ny-cul .cul-list{}
.ny-cul .cul-list .wrap{box-shadow: 0px 0px 8px 4px #e0e0e0;padding: 60px 0;height: 420px;background: #fff;  box-sizing: border-box;}
.ny-cul .cul-list ul{text-align: center;}
.ny-cul .cul-list ul li{text-align: center;width: 26%;display: inline-block;margin: 0 2%;}
.ny-cul .cul-list ul li .icon{transition: all 0.3s;overflow: hidden;margin: 0 auto 34px;width: 116px;height: 116px;background: url(../img/cul-icon1.png)no-repeat center bottom  /cover;}
.ny-cul .cul-list ul li:nth-child(2) .icon{background: url(../img/cul-icon2.png)no-repeat center bottom /cover;}
.ny-cul .cul-list ul li:nth-child(3) .icon{background: url(../img/cul-icon3.png)no-repeat center bottom  /cover;}
.ny-cul .cul-list ul li:hover .icon{background-position:center  top;} 

.ny-cul .cul-list ul li b{color: #333; font-size: 26px;  font-weight: bold;  line-height:26px;}
.ny-cul .cul-list ul li b:after{display: block; content: "";width: 34px; height: 4px; background: #cacaca; margin: 20px auto 26px; }
.ny-cul .cul-list ul li p{color: #666;  font-size: 16px; line-height:30px;display: table;}
.ny-cul .cul-list ul li:hover b{color: #2c2d63;}
.ny-cul .cul-list ul li:hover b:after{background:#2c2d63;}



/*page*/
.page { padding-left: 0; margin: 2% 0; border-radius: 4px; clear: both; text-align: center; }
.page div { display: inline-block; }
.page a, .page span { position: relative; float: left; padding: 8px 14px; margin-left: -1px; line-height: 1.42857143; color: #2c2d63; text-decoration: none; background-color: #fff; border: 1px solid #ddd; font-size: 14px; }
.page .current { background-color: #2c2d63; border: 1px solid #2c2d63; color: #fff; }
.page a:first-child, .page span:first-child { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.page a:last-child, .page span:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }





/*bottom*/
.lfooter {display: none;    width:100%; height:70px; background-color:#d5d5e0;  bottom:0px; margin-top:5px; }
.lfooter>ul>li{ width:33.33%; height:auto; float:left; text-align:center; padding:10px 0px; }
.lfooter>ul>li>a { color:#000; line-height:14px; font-size:14px;}
.lfooter>ul>li:nth-child(2){border-right:solid 1px #bdbdbd;border-left:solid 1px #bdbdbd;}




@media  screen and (min-width: 100px) and (max-width: 1400px) {
	.wrap{max-width: 96%;}
	
}



@media  screen and (min-width: 200px) and (max-width: 1393px) {
.about-num	ul li{padding: 5% 5%;}
}


@media  screen and (min-width: 200px) and (max-width: 1373px) {
	
.foot dl{padding: 0 5%;}
	
	
}



@media  screen and (min-width: 200px) and (max-width: 1256px) {
.foot dl { padding: 0 4%; } 
}






@media  screen and (min-width: 200px) and (max-width: 1239px) {
.about-num	ul li{padding: 5% 4%;}
}

@media  screen and (min-width: 200px) and (max-width: 1200px) {
	
	.header{display: none;}
	.wap-head{display: block;}
	.index-btn a{margin: 4% 0 0;}
	.footer{display: none;}
	.lfooter{display: block;}
	.wap-head-zw{height: 120px;}
	
	.sub-nav ul li{width: 30%;}
	
	.product .product-list ul li .pro-pic img{width: 100%;}
	
	
	.ny-pro-lt,.ny-pro-rt{float: none;width: 100%;}
	.ny-pro-con{display: none;}
	.ny-pro-rt{margin: 4% 0 0;}
	
	
}






@media  screen and (min-width: 200px) and (max-width: 1093px) {
.about-num	ul li{padding: 5% 3%;}
}





@media  screen and (min-width: 200px) and (max-width:992px) {
.about .about-txt,.about .about-pic{float: none;width: 100%;}
.about .about-txt{margin: 0 0 2% 0;}	
.about .about-pic img{height: 500px;}
.about-num{height:auto;padding: 4% 0;}
.about-num ul li{width: 49%;padding: 2% 3%;}
.product .product-list ul li{width: 48%;}

.ny-ser-lt{display: none;}
.ny-ser .ny-ser-rt{width: auto;float: none;}

.ny-about-lt,.ny-about-rt {float: none;width: 100%;}

.ny-pro-xq .ny-pro-xq-top .pic,.ny-pro-xq .ny-pro-xq-top .pic-info{float: none;width: 100%;}
.ny-pro-xq .ny-pro-xq-top .pic-info{margin: 2% 0 0;}



}


@media  screen and (min-width: 200px) and (max-width:978px) {
	
	
}


@media  screen and (min-width: 200px) and (max-width:768px) {
	.about .about-pic img{height: 400px;}
	
	.ny-pro-xq .ny-pro-xq-top .pic-info h3{margin: 0 0 2% 0;}
	.ny-pro-xq .ny-pro-xq-top .pic-info>p{padding-bottom: 2%;}
	.ny-pro-xq-con{margin: 3% 0 0;}
	.ny-pro-xq .ny-pro-xq-top{padding-bottom: 2%;}
	.ny-pro-xq .ny-pro-xq-top .ny-pro-xq-con .pro-zx{display: none;}
}




@media  screen and (min-width: 200px) and (max-width: 640px) {
.wap-head .logo{margin: 2% 0;}	
.wap-head .logo h1 img{height: 44px;}
.wap-head .wap-nav{margin: 3% 0;}
.wap-head .wap-nav img{height: 28px;}
.banner #banner-pg .swiper-pagination-bullet{width: 40px;height: 2px;}
.index-tit span{line-height: 24px;font-size:24px;}	
.index-tit h2{line-height: 26px;font-size:26px;margin: 1% 0 0;}	
.index-tit h2:after{margin:2% 0 0;}
.about .about-txt { margin: 6% 0; }
.about .about-txt .about-info { margin: 2% 0 0; }
.about .about-txt .about-info p{font-size: 15px;line-height:26px; } 
	
.about-num ul li b{font-size:32px;}	
.about-num ul li:nth-child(2){background: none;}	
.about-num ul li p{display: table;}	
	
.product .product-list ul li h3	{background: #f3f3f3;  padding: 4% 0;  margin: 3% 0 0;font-size: 15px;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}

.product .index-btn	{margin: 2% auto 6%;}
.product .index-tit h2:after{margin: 4% auto 4%;}
.ny-info{margin: 4% 0 ;}	
	
.ny-about-lt .txt h3{font-size:20px; line-height:20px;}
	
.ny-cul .cul-list .wrap{height: auto;padding: 4% 0;margin: 4% auto 0;}	
.ny-cul .cul-list ul{padding: 0 2%;}
.ny-cul .cul-list ul li{width: 100%;margin: 0 0 5% 0;text-align: center;}
.ny-cul .cul-list ul li b{font-size: 24px;font-weight: normal;}
.ny-cul .cul-list ul li b:after{margin: 2% auto 3%;}
.ny-cul .cul-list ul li p{display: block;}
	
.ny-cul .cul-list ul {padding: 2% 2% 0;}	
.ny-cul .cul-list ul li {margin-bottom: 5%;border-bottom: dashed 1px #ccc;padding-bottom: 2%;}
.ny-cul .cul-list ul li .icon{width: 70px;height: 70px;margin: 0 auto 2%;}	
.ny-cul .cul-list ul li b:after{height: 2px;}	
	
	
.ny-pro-list ul li{width: 48%;margin-bottom: 4%;}	
.tj{margin: 5% 0 0;}
.tj .ny-pro-list .bd{height: 260px;}	
	
.ny-about-lt{margin: 0 0 3% 0;}

.wap-head-zw { height:82px; }
.wap-nav-list{top: 78px;}	
	
	
	
	
	
}



.xq-info{
	padding: 2%;
}

.xq-info p{
  font-size: 15px;
  line-height: 32px;
}

.xq-info img{
	max-width: 100%;
	height: auto;
}