*{
    margin: 0;
    padding: 0;
    transition: all;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
}
body,html{
	font-size: 14px/1 "Microsoft YaHei","Helvetica Neue","PingFang SC","Hiragino Sans GB",Arial,sans-serif;
	
}
.clear:after,.clear:before{content:"";display:block; clear: both;line-height:0; }

body {
    overflow-x: hidden;
    padding-top: 88px;
	font-size: 0;
}
a{text-decoration:none;color:#333;transition-duration:.5s;}
a,span{ -webkit-tap-highlight-color: transparent; outline: none;}
img{
	max-width: 100%;
}

 ul{
    list-style: none;
}
.img{
	font-size: 0;
}



header{
	position: fixed;
    z-index: 999;
    background: #fff;
    left: 0;
    right: 0;
    top: 0;
}
header .headwrap{
	max-width: 1920px;
	margin: 0 auto;
}
header .logo{    float: left;
    margin: 10px 0 0 100px;font-size: 0;}
header .nav{float:right;margin-left:55px;}
header .nav li{float:left;position:relative;}
header .nav li>a>em{display:none;}
header .nav li a{color:#333;display:block;}
header .nav li>a{font-size:16px;font-weight:bold;line-height:88px;margin:0 50px;}
header .nav li.cur>a,header .nav li:hover>a{color:#1cb451;}
header .nav li:first-child a{margin-left:0;}
header .nav li .sub{display:none;position:absolute;left:-30%;top:88px;right:-30%;background:#fff;z-index:10;border-top:#002f64 2px solid;padding:20px 0;}
header .nav li .sub a{line-height:30px;margin:0;text-align:center;}
header .nav li .sub a:hover{color:#1cb451;}
header .nav li .sub.prosub{right:-180%;left:-25px;padding-left:40px;}
header .nav li h6 a{font-size:16px;color:#333;font-weight:bold;padding:8px 0 3px;}
header .nav li .sub.prosub a{text-align:left;}
header .nav li .sub.prosub>a:before{content:'>';display:inline-block;margin-right:10px;}

.menu-handler{width:88px;height:88px;cursor:pointer;float:right;z-index:101;background:#1cb451;position:relative;}
.menu-handler .burger {width:28px;height:4px;background:#fff;display: block;position: absolute;z-index:5;top:32px;left:50%;transform:translateX(-50%);transform-origin: center;}
.menu-handler .burger-2 {top:42px;}
.menu-handler .burger-3 {top:52px;}
.menu-handler.cur .burger-1 {top:40px;left:30%;width:40px;transform: rotate(225deg);}
.menu-handler.cur .burger-2 {opacity: 0;left: 100%;}
.menu-handler.cur .burger-3 {top:40px;left:30%;width:40px;transform: rotate(-225deg);}

.layer-navs{position:fixed;top:88px;right:-100%;overflow-y:scroll;width:100%;bottom:0px;background-color:rgba(255,255,255,0.95);z-index:99;border-top:#ccc 1px solid;}
.layer-navs .nav-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1000px;}
.layer-navs .nav-box li:first-child{display:none;}
.layer-navs .nav-box li{float:left;margin-right:8%;}
	.layer-navs .nav-box li:last-child{
		margin-right: 0;
	}
.layer-navs .nav-box li>a{display:block;font-size:24px;color:#333;padding-bottom:30px;}
.layer-navs .nav-box li .sub{width:100%;font-size:16px;}
.layer-navs .nav-box li .sub.prosub h6 a{font-size:16px;margin-bottom:5px;margin-left:20px;}
.layer-navs .nav-box li .sub.prosub a{font-size:14px;margin-left:40px;}
.layer-navs .nav-box li .sub a{display:block;color:#666;line-height:28px;margin-left:20px;}
.layer-navs .nav-box li i{display:inline-block;width:0;height:1px;background-color:#666666;margin-right:3px;transition:all 0.3s;}
.layer-navs .nav-box li em{font-size:18px;font-family:Arial;margin-right:5px;}

#indexbanner .swiper-slide{
	font-size: 0;
}
.banner{
   margin-top: 88px;
}
.banner img{
   width:100%;
}
.item .titlebox{
	text-align: center;
}
.item .titlebox .tit{
font-size: 36px;
line-height: 40px;	
}
.item .titlebox .subtit{
	font-size: 16px;
	line-height: 40px;
	margin-top: 30px;
}


/*item1*/
.item1{
	background-image: url(../img/item1bg.png);
	background-repeat: no-repeat;
	background-size: cover;
		padding-top: 80px;
		padding-bottom: 120px;
		
}
.item .list{
	position: relative;
	margin-top: 40px;
}
.item .list .swiper-container{
	max-width: 1320px;
	margin: 0 auto;
}

.item1 .prolist .proitem {
	display: flex;
	
}
.item1 .prolist .proitem .left{
  background: url(../img/product-img.jpg) no-repeat center;
	padding: 0 60px;
	padding-bottom: 66px;
	width: 40%;
		color: #fff;
		font-size: 0;
background-size: cover;
}
.item1 .prolist .proitem .left .tit{
	font-size: 30px;
	line-height: 40px;
	margin-top: 70px;
}
.item1 .prolist .proitem .left .prodesc{
	margin-top: 24px;
}
.item1 .prolist .proitem .left .prodesc p{
	font-size: 18px;
	line-height: 40px;
}
.item1 .prolist .proitem .left .prodesc p sapn{
  display:block;
}
.item .list .morebtn{
	display: inline-block;
	margin-top: 40px;
}
.item .morebtn a{
	background: #fff;
	color: #1cb451;
	padding: 0 20px ;
	font-size: 18px;
	line-height: 44px;
	display: block;
}

.item1 .prolist .proitem .right{
	width: 60%;	
}
.item .list .listbartool span{
	    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 50%;
    border: 2px solid #23b656;
}
.item .list .listbartool span:after{
	    font-size: 28px;
	    color: #23b656;
}
.item .list .listbartool span.swiper-button-prev{
	left: 10%;
}
.item .list .listbartool span.swiper-button-next{
	right: 10%;
}
.item .list .swiper-pagination{
	    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    bottom: -8%;
}
.item .list .swiper-pagination .swiper-pagination-bullet{
	    margin: 0 .5%;
	    width: 12px;
    height: 12px;
    background: #23B656
}
/*item2*/
.item2{
	background: url(../img/item2bg.png)no-repeat;
	background-size: cover;
	padding-top: 80px;
	padding-bottom: 80px;
}
.item2 .titlebox{
	color: #fff;
}
.item2 .gynllist{
	max-width: 1320px;
	margin: 0 auto;
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
}
.item2 .gynllist .gynlitem{
	width: 33.33%;
	padding-bottom: 80px;
	transition: all .3s;
	cursor: pointer;
}
.item2 .gynllist .gynlitem .img{
	padding-top: 50px;
	padding-bottom: 20px;
	
}
.item2 .gynllist .gynlitem .img img{
	display: none;
	margin: 0 auto;
}
.item2 .gynllist .gynlitem .img img:first-child{
	display: block;
}
.item2 .gynllist .gynlitem .cot{
	padding: 0 80px
}
.item2 .gynllist .gynlitem .cot p{
	color: #FFFFFF;
	text-align: center;
		transition: all .3s;
}
.item2 .gynllist .gynlitem .cot .tit{
	font-size: 24px;
	line-height: 40px;
	margin-bottom: 10px;
}
.item2 .gynllist .gynlitem .cot .desc{
	font-size: 16px;
	line-height: 30px;
}
.item2 .gynllist .gynlitem.on{
	background: #fff;
}
.item2 .gynllist .gynlitem.on img:first-child{
	display: none;
}
.item2 .gynllist .gynlitem.on img:last-child{
	display: block;
}
.item2 .gynllist .gynlitem.on .cot p{
	color: #000000;
}
/*****item3*********/
.item3item4{
		background-image: url(../img/item3bg.png);
	background-repeat: no-repeat;
	background-size: cover;
		padding-top: 80px;
		
}
.item3{
	padding-bottom: 120px;
}
.item3 .newlist .newitem{
	display: flex;
	background: #f8f8f8;
}
.item3 .newlist .newitem .left{
	width: 50%;
}
.item3 .newlist .newitem .right{
	width: 50%;
	padding: 0 40px;
	padding-top: 60px;
}
.item3 .newlist .newitem .right .tit {
	font-size: 24px;
}
.item3 .newlist .newitem .right .date{
	font-size: 16px;
	color: #999999;
	margin: 30px 0;
}
.item3 .newlist .newitem .right .desc{
	font-size: 18px;
}
.item4{
			background-image: url(../img/item4bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 95px;
}
.item4 .cot{
	max-width:1320px ;
	margin: 0 auto;
	margin-top: 50px;
	background: rgba(255,255,255,.5);
	padding: 55px 60px;
}
.item4 .cot p{
	font-size: 18px;
	text-indent: 2em;
}

/*footer*/
footer{
	background: #23b656;
	padding-top: 60px;
}
footer .footer_wrap{
	max-width: 1320px;
	margin: 0 auto;
}
footer .t{
	margin-bottom: 32px;
}
footer .t .footer_wrap{
	display: flex;
	flex-wrap: wrap;
}
footer .t .left{
	width: 50%;
}
footer .t .left p{
	font-size: 18px;
	line-height: 36px;
	color: #FFFFFF;
}
footer .t .left p.tit{
	font-size: 24px;
	margin-bottom: 18px;
}
footer .t .right{
	width: 50%;
	padding-left: 55px;
	border-left: 1px solid #91dbab;
	display: flex;
	justify-content: space-between;
	padding-bottom: 40px;
}
footer  .t .right .rwmtxt{
	padding-top: 16px;
}
footer  .t .right .rwmtxt p{
	font-size:18px ;
	line-height: 36px;
	color: #FFFFFF;
}
footer  .t .right .rwmtxt .tit{
	font-size: 24px ;
	margin-bottom: 18px;
}
footer  .t .right .rwmimg{
	width: 200px;
	height: 200px;
	background: url(../img/wxrwm.jpg) no-repeat;
}
footer .b{
	padding-bottom: 40px;
}
footer .b p{
	font-size: 16px;
	color: #FFFFFF;
	display: flex;
	justify-content: space-between;
}
footer .b p a{
	color: #FFFFFF;
}


/*****************contants*********************/


.ny_nytlt {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 35px 0 0;
}
.ny_nytlt {
    width: 95%;
}
.ny_nytltcontl {
    width: 70%;
    font-size: 0;
}
.fl {
    float: left;
}
.ny_nytltcontr {
    width: 23%;
    text-align: right;
    overflow: hidden;
    margin-right: 1.4%;
    line-height: 40px;
    font-size: 14px;
}
.ny_nytltcontr, .ny_nytltcontr a {
    color: #737373;
}
.fr {
    float: right;
}
.ny_nytltcontl li {
    width: 18%;
    float: left;
    display: block;
    margin-right: 3px;
}
.ny_nytltcontl li.on a, .ny_nytltcontl li:hover a {
    background: #23b656;
    color: #fff;
}

.ny_nytltcontl li a {
    display: inline-block;
    transition: all .3s ease-out 0s;
    position: relative;
    color: #737373;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    padding: 0 26px;
}
.ny_nytltcontr, .ny_nytltcontr a {
    color: #737373;
}
.nyaboutnr {
    width: 100%;
    margin: 3% auto;
}
.max_width {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
.r_contactus {
    margin: 2% auto;
    width: 100%;
    overflow: hidden;
    max-width: 1450px;
}
.fnw_contactusnr {
    margin: 30px auto;
}
.fnw_contactusnr h1 {
    font-size: 30px;
    color: #000;
    line-height: 50px;
    text-align: center;
    font-weight: 400;
}
.fnw_contusnr {
    width: 100%;
    margin: 39px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.fnw_contusnr div {
	
    width: 23%;
    display: block;
    margin-bottom: 15px;
}
.fnw_contusnr p {
    margin: 0 auto;
    border: 1px solid #eee;
    padding: 7% 0;
    width:90%;
}
.fnw_contusnr p a:nth-child(1) {
    font-size: 20px;
    margin: 8% auto;
    border-bottom: 1px solid #eee;
    padding-bottom: 8%;
}

.fnw_contusnr p a {
    width: 85%;
    text-align: center;
    display: block;
    line-height: 22px;
    margin: 2% auto;
    font-size: 16px;
    color: #666;
}
.requests {
    width: 100%;
    margin: 0 auto;
    padding: 2% 0;
}
.requescot input {
    width: 22%;
    display: inline-block;
    margin: 0 14px 15px 19px;
    padding: 10px;
    background: #fff;
    border: 1px solid #d9d9d9;
}
.requetlt {
    text-align: center;
    font-size: 28px;
    line-height: 35px;
    margin-bottom: 40px;
    color: #000;
    font-weight: 400;
}

.requescot textarea {
    width: 96%;
    height: 116px;
    line-height: 20px;
    font-size: 14px;
    border: 1px solid #d9d9d9;
    padding: 14px;
    background: #fff;
    color: #999;
}
.requescot .footersbut {
    margin-top: 30px;
    background: #23b656;
    color: #fff;
    border: 1px solid #23b656;
    font-size: 18px;
}

.requescot {
    text-align: center;
}
.case_cont {
    margin-top: 40px;
    margin-bottom: 30px;
}
.w {
    width: 1200px;
    margin: 0 auto;
}
.case_cont .casehead {
    background-color: #fff;
    color: #252525;
    margin-top: 20px;
    text-align: center;
	border-bottom: 1px dashed #dcdcdc;
}
.info span{
	font-size: 16px;
	line-height: 40px;
}
.newcont p{
	font-size: 16px;
        margin-top: 16px;
        line-height: 30px;
}
/*indexbanner*/
.item .list .indexbartool span{
background:rgba(255,255,255,.8)
}
#indexbanner{
margin:0;
}


#online_qq_layer {
    z-index: 9999;
    position: fixed;
    left: 0px;
    top: 0;
    margin: 150px 0 0 0;
}
#onlineService {
    display: inline;
    margin-left: -1px;
    float: left;
    width: 130px;
    background-position: 0 0;
    padding: 10px 0 0 0;
}
#onlineService, .onlineMenu, .btmbg {
    background: url(../img/float_bg.png) no-repeat;
}
.onlineMenu {
    background-position: -262px 0;
    background-repeat: repeat-y;
    padding: 0px 15px 11px;
}
.onlineMenu h3 {
    height: 36px;
    border-bottom: solid 1px #0a4daf;
    line-height: 36px;
    font-size: 14px;
    color: #0a4daf;
}
.onlineMenu li {
    height: 32px;
    line-height: 39px;
}
.onlineMenu li a {
    font-size: 12px;
    width: 100%;
    display: block;
}
.onlineMenu li img {
    margin: -3px -1px 0;
    width: 55px;
}
.onlineMenu li a span {
    color: #222;
    font-weight: 600;
    padding-left: 5%;
}
.onlineMenu>img {
    width: 100px;
}
.btmbg {
    height: 12px;
    overflow: hidden;
    background-position: -131px 0;
}
#online_qq_tab a#floatHide {
    background-position: 0 -374px;
}
#online_qq_tab a {
    display: block;
    height: 118px;
    line-height: 999em;
    overflow: hidden;
}
#online_qq_tab a, .onlineMenu li.tli, .newpage {
    background: url(../img/float_s.png) no-repeat;
}
#online_qq_tab a#floatShow {
    background-position: -30px -374px;
}
#online_qq_tab {
    width: 28px;
    float: left;
    margin: 120px 0 0 0;
    position: relative;
    z-index: 9;
}