@charset "utf-8";
html{-webkit-font-smoothing:antialiased}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,b,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:400}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
a{text-decoration:none;color:#000;}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none}
img{vertical-align:middle}
button,input[type=submit],input[type=text],input[type=button],select{-webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur())}
body{color:#000;line-height:1.3;overflow-x: hidden;background:#fff; font-family:'微软雅黑', Arial;}
.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../img/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}
.layout{max-width:1200px;margin:0 auto;padding:0 3%}

.trs{-webkit-transition: .3s all;-moz-transition: .3s all;transition: .3s all}

/*头部*/
.header{padding: 26px 0}
.header .logo{float: left;}
.header .figure{float: left;margin-left: 25px}
.header .figure .figcaption{font-size: 14px;color: #333333;margin-top: 10px;}
.header .figure .figcaption:nth-child(2){margin-top: 5px}
.header .contactTel{float: right;width: 452px;}
.header .contactTel .conOne{text-align: center;font-size: 20px;color: #0b532e}
.header .contactTel p{font-size: 14px;color: #666666;text-align: center;margin: 5px 0}
.header .contactTel .tel{overflow: hidden;}
.header .contactTel .tel span{display: block;width: 33.33%;font-size: 20px;color: #0b532e;float: left; text-align: center;}
.header .mnav{display: none;}

/*导航*/
.nav{width: 100%;background: #0b532e;}
.nav ul {width: 1200px;margin: 0 auto}
.nav ul li{float: left;width: 170px;text-align: center;font-size: 15px;position: relative;height: 50px;line-height: 50px;}
.nav ul li a{display: inline-block;color: #fff}
.nav ul li:after{margin-top: 18px; content: '';display: inline-block;float: right;width: 2px;height:16px ;background: #118d4d;vertical-align: middle;}
.nav ul li:last-child:after{display: none}

.nav ul li dl{display: none; position: absolute;top: 50px;z-index: 9999;width: 100%;background: rgba(11,83,46,.6);}
.nav ul li dl dd {display: block;height: 35px;line-height: 35px;}
.nav ul li dl dd:last-child{border-bottom: none}
.nav ul li dl dd:hover{background: #0b532e}

/*banner*/
.baner{position:relative;width: 100%;}
.baner li{width: 100%; height: 714px;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.baner>.slick-dots{position: absolute;bottom:10px;width: 100%;text-align: center;}
.baner>.slick-dots>li button{display: none;}
.baner>.slick-dots>li {display: inline-block;margin: 0 10px; width: 15px;height: 15px;background: #0b532e;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.baner>.slick-dots>li.slick-active{background: #fff}

.inTiele h4{font-size: 30px;color: #333333;text-align: center;}
.inTiele h6{font-size: 14px;color: #0b532e;text-align: center;margin-top: 10px}

/*首页产品中心*/
.inPro{padding:  60px 3%}
.inNav  ul{text-align: center;margin-top: 35px}
.inNav  ul li{cursor: pointer; font-size: 14px; margin:0 1%;color: #000; display: inline-block;width: 13%;padding: 13px;background: #f5f5f5;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;margin-bottom: 10px;}
.inNav  ul li.active{background: #0b532e;color: #fff}
.inNav ul li.active a{color: #fff}
.inPic {margin-top: 40px;outline: none;position: relative;}
.inPic ul li{background: #f5f5f5;float: left;outline: none;margin:0 10px;overflow: hidden;position: relative;}
.inPic  ul li .first .pic {background: #f8f8f8; width: 100%;height: 343px;background-size: contain;background-position: center center;background-repeat: no-repeat;}
.inPic ul li .secend{background: #f5f5f5;position: absolute;top: 0;left: 0;width: 100%;height: 100%; display: none; border: 2px solid #0b532e; padding: 44px 35px 0 35px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.inPic ul li .secend .tag{font-size: 18px;color: #333333;text-align: center;}
.inPic ul li .secend .txt{margin-top: 20px;color: #0b532e}
.inPic ul li .secend .txt span{text-align: center;font-size: 13px;color: #666666;display: block;margin-top: 5px;}
.inPic ul li .secend .more{position: absolute;bottom: 0; display: block;left: 0;right: 0; margin: 0px auto 0 auto;width: 100px;height: 32px;text-align: center;line-height: 32px;color: #fff;font-size: 14px;background: #0b532e}
.inPic ul li .mmore{display: none;width: 100px;height: 32px;text-align: center;line-height: 32px;color: #fff;font-size: 14px;background: #0b532e}
.inPic ul li:hover .secend{display: block;}
.inPic ul li .pic img{width: 100%}
.inPic ul li .text{padding-bottom: 25px;text-align: center;}
.inPic ul li .text span{display: block;font-size: 16px;color: #d30000}
.inPic ul li .text em{display: block;font-size: 16px;color: #333;margin-top: 5px}
.inPic .slick-prev{position: absolute;left: -5%;top: 40%; background: #0b532e;border: none;font-size: 16px;text-align: center;line-height: 48px;cursor: pointer;color: #fff; width: 48px;height: 48px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%}
.inPic .slick-next{position: absolute;right: -5%;top: 40%; background: #0b532e;border: none;font-size: 16px;text-align: center;line-height: 48px;cursor: pointer;color: #fff; width: 48px;height: 48px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%}
.inPx{display: none;}
.inPx .slick-dots{display: block;text-align: center;overflow: hidden;margin-top: 40px}
.inPx .slick-dots>li button{display: none }
.inPx .slick-dots>li{float: none; width: 10px;height: 10px;cursor: pointer; -webkit-border-radius: 50%;background: #cccccc;display: inline-block; -moz-border-radius: 50%;border-radius: 50%;}
.inPx .slick-dots>li.slick-active{background: #0b532e;}
.inPro .viewAll a{display: block;width: 150px;height: 40px;background: #f5f5f5;text-align: center;line-height: 40px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;color: #000;margin: 30px auto 0 auto}
.inPro .viewAll a:hover{background: #0b532e;color: #fff}


.cl-Baner{height: 568px;background-position: center center; background-repeat: no-repeat;overflow: hidden;}
.oText{margin: 128px auto;overflow: hidden;}
.oText .inTiele h4 {font-size: 30px;color: #fff; text-align: center;}
.oText .inTiele h6 {font-size: 14px;color: #fff;text-align: center; margin-top: 10px;}
.oText .text{font-size: 14px;color: #ffffff;line-height: 25px;text-align: center;margin-top: 20px}
.oText .viewAll a{display: block;width: 150px;height: 40px;border: 1px solid #fff; background:none;text-align: center;line-height: 40px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;color: #fff;margin: 80px auto 0 auto}
.oText .viewAll a:hover{background: #0b532e;color: #fff;border: 1px solid #0b532e;}


/*配送区域*/
.area{margin: 55px auto}
.aNav ul{text-align: center;margin-top: 35px}
.aNav ul li{text-align: center; cursor: pointer; font-size: 14px; margin:0 1%;color: #000; display: inline-block;width:8.5%;padding: 13px;background: #f5f5f5;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;margin-bottom: 10px;}
.aNav ul li.active{background: #0b532e;color: #fff}
.arealist{margin-top: 50px}
.slideBox{position: relative;display: none;}
.co-area{outline: none}
.areaSlick .co-area ul{overflow: hidden;}
.areaSlick .co-area ul li{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; overflow: hidden; width: 21%;margin: 0 2%;min-height: 90px;max-height: 90px;margin-bottom: 18px;float: left;}
.areaSlick .co-area ul li span{display: block;font-size: 16px;color: #333333;margin-bottom: 15px}
.areaSlick .co-area ul li p{font-size: 14px;color: #666666;line-height: 25px;text-overflow:ellipsis}
.areaSlick .slick-prev{position: absolute;left: -5%;top: 40%; background: #0b532e;border: none;font-size: 16px;text-align: center;line-height: 48px;cursor: pointer;color: #fff; width: 48px;height: 48px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%}
.areaSlick .slick-next{position: absolute;right: -5%;top: 40%; background: #0b532e;border: none;font-size: 16px;text-align: center;line-height: 48px;cursor: pointer;color: #fff; width: 48px;height: 48px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%}
.areaSlick .slick-dots{display: block;text-align: center;overflow: hidden;margin-top: 40px}
.areaSlick .slick-dots>li button{display: none }
.areaSlick .slick-dots>li{margin: 0 10px; float: none; width: 10px;height: 10px;cursor: pointer; -webkit-border-radius: 50%;background: #cccccc;display: inline-block; -moz-border-radius: 50%;border-radius: 50%;}
.areaSlick .slick-dots>li.slick-active{background: #0b532e;}


/*首页新闻*/
.inNeww{display: none;}
.innews{background: url(../img/newpg.jpg) center center no-repeat;height: 1000px;background-size: cover;overflow: hidden;}
.inBox{margin: 40px auto}
.iwNav ul{text-align: center;margin-top: 35px}
.iwNav ul li{ text-align: center; cursor: pointer; font-size: 14px; margin:0 1%;color: #000; display: inline-block;width: 9.5%;padding: 13px;background: #e0e0e0;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px}
.iwNav ul li.active{background: #0b532e;color: #fff}
.iwNav ul li.active a{color: #fff}
.inlists {margin-top: 37px}
.inlists li{padding: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background: #fff;margin-bottom: 21px;overflow: hidden;}
.inlists li .pic{float: right;width: 20%;overflow: hidden;}
.inlists li .pic img{
		width: 100%;
		-webkit-transition: transform 1s;
	    -moz-transition: transform 1s;
	    -ms-transition: transform 1s;
	    -o-transition: transform 1s;
	    transition: transform 1s;
}
.inlists li:hover .pic img{
	    -webkit-transform: scale(1.1);
	    -moz-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	    -o-transform: scale(1.1);
	        transform: scale(1.1);
	    
}
.inlists li .text{float: left;width: 80%;}
.inlists li .text .day{float: left;width: 7%}
.inlists li .text .day span{display: block;font-size: 50px;color: #0b532e;margin-top: 25px}
.inlists li .text .day em{display: block;font-size: 13px;color: #333333;margin-top: 5px}

.inlists li .text .xtx{float: left;margin-left: 3%;border-left: 1px solid #e9e9e9;padding-left: 3%;width: 85%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.inlists li .text .xtx h4{font-size: 18px;color: #333333}
.inlists li .text .xtx .txt{font-size: 14px;color: #8e8e8e;margin-top: 13px;line-height: 25px;padding-bottom: 20px;border-bottom: 1px solid #e9e9e9}
.inlists li .text .xtx a{display: block;font-size: 14px;color: #9b5496;margin-top: 10px}
.inBox .viewAll a{display: block;width: 150px;height: 40px;background: #f5f5f5;text-align: center;line-height: 40px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;color: #000;margin: 50px auto 0 auto}
.inBox .viewAll a:hover{background: #0b532e;color: #fff}

/*footer*/
.footer{background: #0b532e;padding: 38px 0;overflow: hidden;}
.foBox .text{float: left;}
.foBox .text .title{font-size: 16px;color: #ffffff;margin-bottom: 20px}
.foBox .text .title:after{content: '';display: block;width:20px;height: 3px;background: #fff;margin-top: 12px}
.foBox .text span{display: block;margin-bottom: 5px;color: #fff;font-size: 14px}

.foBox .code {float: right;}
.foBox .code  span{display: block;font-size: 16px;text-align: center;margin-top: 13px;color: #fff}

.befoter{background: #12904f;padding: 20px 0}
.befoter span{display: block;float: left;font-size: 14px;color: #fff}
.befoter span:nth-child(2){float: right;}

@media screen and (max-width: 1366px){
	
	/*banner*/
	.baner li{height: 500px}

	/*首页产品中心*/
	.inPic .slick-prev{left: 0%;width: 30px;height: 30px;line-height: 30px;z-index: 999;}
	.inPic .slick-next{right: 0%;width: 30px;height: 30px;line-height: 30px;z-index: 999;}

	/*配送区域*/
	.areaSlick .slick-prev{left: -1%;width: 30px;height: 30px;line-height: 30px;z-index: 999;}
	.areaSlick .slick-next{right: -1%;width: 30px;height: 30px;line-height: 30px;z-index: 999;}
}

@media screen and (max-width: 1200px){
	.layout{max-width:1024px;margin:0 auto;padding:0 3%}
	.header .contactTel{width: 400px}
	.header .contactTel .tel span{font-size: 18px}
	.header{padding: 26px 3%}
	.header .contactTel .conOne{font-size: 18px}
	
	/*nav*/

	.nav ul{width: 1024px}
	.nav ul li{width: 145px}


	/*banner*/
	.baner li{height: 400px}

	.inTiele h4{font-size: 20px;}

	/*首页产品中心*/
	.inPro{padding: 30px 3%;}
	.inNav  ul li{width: 16.3%;float: left;margin-bottom: 20px;padding: 8px;}
	.inPic{margin-top: 20px}
	
	

	.cl-Baner{ height: auto; }
	.oText{margin: 60px auto}
	.oText .inTiele h4{font-size: 20px;}
	.inPic ul li .mmore{display: block;width: 100%;}


	/*配送区域*/
	.area{margin: 30px auto}
	.arealist{margin-top: 30px}
	.areaSlick .co-area ul li{width: 29.33%}
	.aNav ul {overflow: hidden;}

	.inBox{margin: 30px auto}

}

@media screen and (max-width: 1024px){

	/*头部*/
	.header{position: relative; padding: 0;overflow: hidden;}
	.header .logo{float: none;display: block;width: 234px;margin: 0 auto;position: absolute;left:35%;padding: 10px 0;}
	.header .logo img{width: 100%;}
	.header .contactTel{display: block;width: 40%;margin-right: 3%}
	.header .figure{display: none}
	.header .contactTel{width: 30%;float: right;}
	.header .contactTel .conOne{font-size: 14px;text-align: right}
	.header .contactTel .conOne{display: none;}
	.header .contactTel p{text-align: right}
	.header .contactTel .tel{margin-bottom: 5px;}
	.header .contactTel .tel span{font-size: 13px;text-align: right;float: none;width: 100%}
	.header .contactTel .tel span:nth-child(3){display: none;}
	.header .mnav{display: block;position: absolute;top: 20%;left:3%;overflow: hidden;}
	.header .mnav span{display: block;font-size: 22px;font-weight: lighter;color: #0b532e;cursor: pointer;}
	.header .mnav .menu{font-size: 14px;text-align: center;color: #12904f}

	.nav{
		position: absolute;
		top: 65px;
		left: 0;
		display: none;
		z-index: 999;
		height: auto;
		line-height: normal;
		background: #12904f;
	background: -moz-linear-gradient(left,  #12904f 0%, #1ebd6b 0%, #3c39ad 100%, #0b532e 100%, #207cca 100%, #4637af 100%, #0b532e 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#12904f), color-stop(0%,#1ebd6b), color-stop(100%,#3c39ad), color-stop(100%,#0b532e), color-stop(100%,#207cca), color-stop(100%,#4637af), color-stop(100%,#0b532e));
	background: -webkit-linear-gradient(left,  #12904f 0%,#1ebd6b 0%,#3c39ad 100%,#0b532e 100%,#207cca 100%,#4637af 100%,#0b532e 100%);
	background: -o-linear-gradient(left,  #12904f 0%,#1ebd6b 0%,#3c39ad 100%,#0b532e 100%,#207cca 100%,#4637af 100%,#0b532e 100%);
	background: -ms-linear-gradient(left,  #12904f 0%,#1ebd6b 0%,#3c39ad 100%,#0b532e 100%,#207cca 100%,#4637af 100%,#0b532e 100%);
	background: linear-gradient(to right,  #12904f 0%,#1ebd6b 0%,#3c39ad 100%,#0b532e 100%,#207cca 100%,#4637af 100%,#0b532e 100%);
		
	}
	.nav ul{width: 100%}
	.nav ul li{width: 100%;float: none;padding: 10px 0;height: auto;line-height: normal;}
	.nav ul li a{display: block;}
	.nav ul li:after{display: none;}
	.nav ul li dl{position: static;background: rgba(0,0,0,.3);margin-top: 5px}
	.nav ul li dl dd:hover{background: none}


	/*inNav*/
	.inNav ul li{width: 18%;margin: 0 1%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.inPro .viewAll a{width: 100%;height: 30px;line-height: 30px;font-size: 14px}

	.oText .viewAll a{width: 100%;height: 30px;line-height: 30px;font-size: 14px;margin: 30px  auto 0 auto}

	/*配送区域*/
	.aNav ul li{display: block;float: left;width: 15.4%;margin-bottom: 20px;padding: 8px;}



	/*新闻*/
	.iwNav ul li{width: 43%;float: left;display: block;margin: 0 0;padding: 8px}
	.iwNav ul li:nth-child(2){float: right;}
	.innews{height: auto;}
	.inlists li .pic{float: none;width: 40%;margin-bottom: 20px;}
	.inlists li .text{float: none;width: 100%}
	.inBox  .viewAll a {
	    width: 100%;
	    height: 30px;
	    line-height: 30px;
	    font-size: 14px;
	    margin: 30px auto 0 auto;
	}



	/*footer*/

	.foBox .text{width: 100%;float: none;}
	.foBox .code{width: 11%;float: none;margin-top: 20px}
	.foBox .code img{width: 100%;}


	/*首页产品中心*/
	.inPic ul li:hover .first{display: block;}
	.inPic ul li:hover .secend{display: none;}
	.inPic  ul li .first .pic{  height: 200px;}
}



@media screen and (max-width: 768px){
	
	/*头部*/
	
	.header .contactTel{width: 94%;}
	/*banner*/
	.baner li{height: 300px}
	.baner .slick-dots li{width: 10px;height: 10px;}
	.inTiele h4{font-size: 18px;}

	/*首页产品中心*/
	.inPro{padding: 30px 3%}
	.inNav  ul{margin-top: 20px}
	.inNav  ul li{width: 31.33%;margin-bottom: 15px;}


	.oText .inTiele h4{font-size: 18px}
	.oText{margin: 30px  auto}
	.inPic ul li{margin:  0 5px}


	/*配送区域*/
	.areaSlick .co-area ul li{width: 45%}
	.aNav ul li{width: 27%}
	.areaSlick .co-area ul li span{font-weight: bold;font-size: 16px;color: #333}

	/*新闻*/
	.inlists li .text .day{float: none;width: 100%;}
	.inlists li .text .xtx{width: 100%;float: none;}
	.inlists li .text .day span{font-size: 20px;margin-top: 15px}
	.inlists li .pic{margin-bottom: 0}
	.inlists li .text .xtx h4{font-size: 16px}
	.inlists li .text .xtx{border-left: none;padding-left: 0;margin-left: 0;margin-top: 20px;}
	


	/*footer*/

	.foBox .code{width: 30%}
	.befoter span{float: none;width: 100%;}
	.befoter span:nth-child(2){float: none;width: 100%;margin-top: 10px}

}


@media screen and (max-width: 560px){
	

	/*头部*/
	.header .logo{width: 150px;padding: 18px 0;left:35%;}

	
	/*banner*/
	.baner li{height:200px}

	/*配送区域*/
	.aNav ul li{width: 42%}


	/*新闻*/
	.inlists li .pic{width: 100%}


	/*首页产品中心*/

	.inNav  ul li{width: 48%;}
	
}



@media screen and (max-width: 414px){

	/*头部*/
	.header .logo{width: 158px;padding: 17px 0;left: 24%;}

}


@media screen and (max-width: 340px){

	/*头部*/
	.header .logo{left: 19%;}

}



@media screen and (max-width: 320px){
	
	/*banner*/
	.baner li{height:170px}
}







/*内页*/
.cbaner{height: 300px;background-size: cover;background-position: center center;background-repeat: no-repeat;}

/*新闻*/
.inlists.conNew li{background: #f8f8f8}
.inNeww .anymore{text-align: center;margin-top: 45px}
.inNeww .anymore a{font-size: 14px;color: #999999;display: inline-block;}
.inNeww .anymore a:after{margin-left: 10px; content: '';width: 105px;height: 1px;background: #cccccc;display: inline-block;vertical-align: middle;}
.inNeww .anymore a:before{margin-right: 10px; content: '';width: 105px;height: 1px;background: #cccccc;display: inline-block;vertical-align: middle;}

.news_detail {margin-top: 30px;margin-bottom: 50px}
.news_detail h1{font-size: 30px;color: #333333;text-align: center;}
.news_detail .tag{padding: 16px 0;background: #f6f6f6;text-align: center;margin-top: 36px}
.news_detail .tag .xaz{display: inline-block;font-size: 14px;color: #999999;margin: 0 30px}
.news_detail .text{margin-top: 36px}
.goto{margin-top:40px;border-top: 1px solid #cdcdcd;overflow: hidden;padding-top: 25px;}
.goto .goleft{float: left;}
.goto .goleft a{display: block;margin-top: 10px;color: #666666;font-size: 14px}
.goto .goleft a em{color: #999999}
.goto .goright{float: right;}
.goto .goright a{font-size: 14px;color: #666666}


/*联系我们*/
.contact{margin: 53px auto 30px auto ;position: relative;}
.contact .map{margin-top: 30px;}
.contact .map img{width: 100%;}
.contact .map .mapText{position: absolute; background: #0b532e;padding: 45px 40px;width: 350px;height: 380px;top: 140px;right: 90px;z-index: 999}
.contact .map .mapText .title{font-size: 20px;color: #ffffff;padding-bottom: 30px;border-bottom: 1px solid #9b0d93}
.contact .map .mapText span{margin-top: 15px; display: block;font-size: 15px;color: #ffffff}

/*关于我们*/
.about{margin: 50px auto}
.inBot ul{text-align: center;margin-top: 35px}
.inBot ul li{cursor: pointer; font-size: 14px; margin:0 1%;color: #000; display: inline-block;width: 13%;padding: 13px;background: #f5f5f5;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px}
.inBot ul li.active{background: #0b532e;color: #fff}
.inBot ul li.active a{color: #fff}
.boxAbout {margin: 40px auto}
.boxAbout .pic{width: 43%;float: left}
.boxAbout .pic img{width: 100%;}
.boxAbout .text{float: right;width: 55%;}
.boxAbout img{width: 100%;}

/*人才招聘*/
.job {margin-top: 35px;}
.job .title{padding: 23px 0;background: #f7f7f7;font-size: 24px;color: #666666;text-align: center;}
.job dl dt {overflow: hidden;}
.job dl dt span{font-size: 14px; width: 25%;float: left;color: #fff;text-align: center; display: block;background: #666666;border-right: 1px solid #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 15px 0;background: #666666}
.job dl dt span:last-child{border-right: none}
.job dl dd:nth-of-type(2n) .top span{background: #f8f8f8}
.job dl dd .top{cursor: pointer;}
.job dl dd .top span{font-size: 14px; width: 25%;float: left;color: #666666;text-align: center; display: block;background: #666666;padding: 15px 0;background: #fff}
.job dl dd .top span:last-child{border-right: none}
.job dl dd  .text{padding: 36px;background: #f7f7f7;display: none;}
.job dl dd  .text .txt{margin-bottom: 40px}
.job dl dd  .text h4{font-size: 14px;color: #585858;margin-bottom: 40px}
.job dl dd  .text .tag{display: block;font-size: 14px;margin-bottom: 10px;color: #585858}
.job dl dd  .text p{display: block;font-size: 14px;margin-bottom: 10px;color: #585858}
.job dl dd  .text a{display: block;color: #fff; width: 218px;height: 50px;text-align: center;line-height: 50px;background: #0b532e; font-size: 18px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.job dl dd  .text a i{vertical-align: middle;font-size: 22px;display: inline-block;margin-right: 10px}
.job dl dd.active .top span{background: #0b532e;color: #fff;}


/*honor*/
.honor ul {margin-top: 40px}
.honor ul li{float: left; width: 24%;margin: 0 .5% 13px .5%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 9px;border: 1px solid #dcdcdc}
.honor ul li img{
		width: 100%;
		-webkit-transition: transform 1s;
	    -moz-transition: transform 1s;
	    -ms-transition: transform 1s;
	    -o-transition: transform 1s;
	    transition: transform 1s;
}
.honor ul li:hover{border-color: #0b532e}
.honor ul li figure{overflow: hidden;}
.honor ul li:hover img{
	 -webkit-transform: scale(1.1);
	    -moz-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	    -o-transform: scale(1.1);
	        transform: scale(1.1);
}


/*pro*/
.pro {margin: 50px auto}
.pro .title{font-size: 20px;color: #333333;border-bottom: 1px solid #e2e2e2;padding-bottom: 25px;}
.pro .txt{margin-top: 40px}
.pro .pic{width: 41%;float: left;}
.pro .pic img{width: 100%}
.pro .text{float: left;width: 52%;margin-left: 4%}
/*.pro .text .top{margin-bottom: 35px}
.pro .text .top .td{float: left;width:50% }
.pro .text .top .td .tile{font-size: 20px;color: #c30808}
.pro .text .top .td .aetxt{margin-top: 12px;}
.pro .text .top .td .aetxt p{font-size: 14px;color: #666666;margin-top: 5px;margin-bottom: 11px}

.pro .text .bot{margin-bottom: 35px}
.pro .text .bot .td{width:100% }
.pro .text .bot .td .tile{font-size: 20px;color: #c30808}
.pro .text .bot .td .aetxt{margin-top: 12px;}
.pro .text .bot .td .aetxt p{font-size: 14px;color: #666666;margin-top: 5px;margin-bottom: 11px}
.pro .text .bot .td .aetxt p em{color: #c30808}*/

.prolist{margin: 40px 0;}
.plixt{margin: 40px 0;}
.plixt ul {overflow: hidden;}
.plixt ul li{ float: left; position: relative; padding-bottom: 20px; width: 24% ;margin: 0 .5% 20px .5%;border: 2px solid #dcdcdc; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.plixt ul li .pic {background: #f8f8f8; width: 100%;height: 343px;background-size: contain;background-position: center center;background-repeat: no-repeat;}
.plixt ul li .pic img{width: 100%}
.plixt ul li .text{margin-top: 10px;}
.plixt ul li .text h4{font-size: 16px;color: #d30000;text-align: center;}
.plixt ul li .text h3{font-size: 16px;color: #333333;text-align: center;margin-top: 10px;}
.plixt ul li:hover{border-color: #0b532e}
.plixt ul li .secd{display: none; position: absolute;top: 0;left: 0;background: #f5f5f5;z-index: 999;width: 100%;height: 100%;padding: 0 8%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.plixt ul li .secd .seTeile{font-size: 18px;color: #333333;margin-top: 10%;text-align: center;margin-bottom: 10%}
.plixt ul li .secd .txt p{font-size: 13px;color: #666666;text-align: center;line-height: 25px;margin-bottom: 8%}
.plixt ul li .secd i{display: block;width: 150px;height: 25px;line-height: 25px;text-align: center;font-size: 14px;color: #fff;background: #0b532e;position:absolute;bottom: 0;left: 0;right: 0;margin: 0 auto}
.plixt ul li:hover .secd{display: block;}
.plixt ul li .view{display: none;width: 150px;height: 25px;line-height: 25px;text-align: center;font-size: 14px;color: #fff;background: #0b532e;margin: 0 auto}

.page{text-align: center;margin-top: 35px;overflow: hidden;}
.page a{display: inline-block;padding: 8px 12px;background: #eeeeee;font-size: 16px;color: #666666;margin: 0 5px}
.page a.on{background: #0b532e;color: #fff}

@media screen and (max-width: 1200px){

	.cbaner{height: 200px}
	.news_detail .text img {width: 100% !important}
	.news_detail h1{font-size: 20px;}
	.news_detail .tag{padding: 5px 0;margin-top: 20px}


	/*联系我们*/
	.contact .map .mapText{height: 270px}
	


	/*关于我们*/
	.boxAbout .pic{width: 50%;float: none;margin-bottom: 20px;}
	.boxAbout .text{float: none;width: 100%}


	/*honor*/
	.honor ul li{width: 32.33%}

	/*pro*/
	.pro{margin: 30px auto;}
	.pro .title{font-size: 18px;padding-bottom: 10px}
	.pro .pic{float: none;width: 30%}
	.pro .txt{margin-top: 20px}
	.pro .text{float: none;margin-left: 0;width: 100%;margin-top: 20px}
	
	.plixt ul li .first{margin-bottom: 20px}
	.plixt ul li .view{display: block;}

	.plixt ul li{width: 32.33%;}
}


@media screen and (max-width: 1024px){

	/*关于我们*/
	.inBot ul li{width: 31.33%; float: left;margin: 0 1% 20px 1%; padding: 8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.inBot ul{margin-top: 20px}
	.boxAbout .pic{width: 50%;float: none;margin-bottom: 20px;}
	.boxAbout .text{float: none;width: 100%}

	/*联系我们*/
	.contact{margin: 30px auto 30px auto }
	.contact .map .mapText{padding: 20px;height: auto;position: static;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.contact .map .mapText .title{font-size: 18px;padding-bottom: 20px;}

	/*人才招聘*/
	.job .title{font-size: 18px;padding: 12px 0}
	.job dl dt span{padding: 10px 0}
	.job dl dd .top span{width: 50%;border-bottom: 1px solid #fff}
	.job dl dd  .text a{height: 35px;line-height: 35px;font-size: 14px}
	.job dl dd  .text a i{font-size: 18px}
	.job dl dd  .text{border-bottom: 1px solid #5f6792}


	/*pro*/
	.plixt ul li:hover .secd{display: none;}
	.plixt ul li{padding-bottom: 0}
	.plixt ul li .pic{height: 230px;}

}


@media screen and (max-width: 768px){


	.news_detail h1{font-size: 16px}
	.cbaner{height: 130px}
	.news_detail .tag{overflow: hidden;padding: 0 3%}
	.news_detail .tag .xaz{width: 50%;text-align: left;margin: 5px auto;float: left;}
	.news_detail .tag .xaz:nth-child(3){width: 100%}
	.goto .goleft{float: none;width: 100%;}
	.goto .goright{float: none;width: 100%;margin-top: 20px}

	/*联系我们*/
	.contact .map .mapText .title{font-size: 16px}
	
	/*关于我们*/
	.about{margin: 20px auto}
	.boxAbout .pic{width: 100%;}

	/*人才招聘*/
	.job dl dd  .text a{width: 100%;padding: 10px 0;height: 30px;line-height: 30px;font-size: 16px; }
	.job dl dd  .text a i{font-size: 16px}

	/*honor*/
	.honor ul{margin-top: 25px}
	.honor ul li{width: 49%}


	/*pro*/
	.pro .pic{float: none;width: 60%}
	.pro .text .top .td{float: none;width: 100%;margin-bottom: 20px;}
	.pro .text .top .td .tile,.pro .text .bot .td .tile{font-size: 16px}
	.plixt ul li .view{width: 100%;}

	.plixt ul li .pic{height: 200px;}
}


@media screen and (max-width: 500px){

	/*pro*/
	.pro .pic{float: none;width:100%}
	.plixt ul li{width: 49%}

	.page a{float: left;display: block;margin-bottom: 20px}

}