@charset "utf-8";
/*此处为页面CSS，且不能与公共CSS（zt_public.css）冲突*/
*{
    font-family: MicrosoftYaHei;
	margin: 0;
	padding: 0;
}
html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td,hr,button,footer,header,nav,section,article{margin:0;padding:0;}
body{color:#333;font-family:"microsoft yahei","Verdana","Tahoma","Arial";}
ol,ul,li{list-style:none;}i,s,u,em{font-style:normal;text-decoration:none;}
img{border:0 none;}a{color:#333;text-decoration:none;cursor:pointer;}
a:hover{color:#db214c;text-decoration:none;}a:focus,form *:focus{outline:none;}
input{color:#333;text-indent:10px;}input::-webkit-input-placeholder{color:#666;}
input::-moz-placeholder{color:#666;}input::-ms-input-placeholder{color:#666;}
.cf:after{display:block;height:0;font-size:0;content:".";visibility:hidden;clear:both;}
.cf{zoom:1;}.fl{float:left;}.fr{float:right;}.pr{position:relative;}
.head{
	width: 100%;
	background-image: url(images/head-img.jpg);
	background-size: cover;
	background-position: center;
	
}
.head-contain{
	padding-top: 40px;
	margin: 0 auto;
	height: 1080px;
	width: 1200px;
}
.head-logo{
	height: 110px;
	width: 420px;
	background-image: url(images/head-logo.png);
}
.head-title{
	padding:85px 0 52px 0;
	margin: 0 auto; 
	height: 540px;
	width: 1000px;
}
.head-title img{
	height: 100%;
	width: 100%;
}
.head-text{
	text-indent: 70px;
	font-size: 18px;
	line-height: 40px;
	color: #ffffff;
	margin: 0 auto;
	width: 1100px;
	
}
.brand-contain{
	width: 100%;
	padding-top: 85px;
	background-image: url(./images/brand-bg.jpg);
}
.super-title{
	margin: 0 auto;
	width: 400px;
	height:310px;
}
.brand-toptext{
	padding-top: 50px;
	text-indent: 35px;
	margin: 0 auto;
	line-height: 40px;
	color: #003e97;
	font-size: 18px;
	width: 1100px;
}
.brand-wrap{
	position: relative;
	width: 1040px;
	height: 1325px;
	margin: 0 auto;
	padding: 140px 0;
}
.brand-wrap-right{
	position: absolute;
	right: 0;
	width: 920px;
	height: 1220px;
	border: solid 2px #173175;
}
.brand-wrap-left{
	position: absolute;
	right:27px;
	top: 180px;
	width: 991px;
	height: 1152px;
	background-color: #feda02;
}
.brand-wrap-left img{
		width: 850px;
		height: 1097px;
		margin: 27px 0 0 70px;
}
.brand-bottomtext{
	padding-bottom: 74px;
	text-indent: 35px;
	margin: 60px auto 0;
	line-height: 40px;
	color: #003e97;
	font-size: 18px;
	width: 1100px;
}
.brand-slidebox{
	padding-top: 126px;
	height:1080px;
	width: 100%;
	background-image: url(images/slide-bg.jpg);
	background-size: cover;
}
.brand-slide{
	margin: 0 auto;
	background-image: url(images/brand-end.jpg);
	width: 1200px;
	height: 786px;
}

.plant-contain{
	padding-top:121px ;
	background-color: #003e97;
	width: 100%;
}
.plant-box{
	width: 1200px;
	margin: 93px auto 0;
}
.plant-slide{
	margin: 0 auto;
	width: 944px;
	height: 584px;
	border: solid 3px #feda02;
}
.plant-left{
	height: 65px;
	width: 65px;
	border-radius: 50%;
	background-image: url(images/plant-left.png);
	float: left;
	margin-top: -360px;
}

.plant-right{
	height: 65px;
	width: 65px;
	border-radius: 50%;
	background-image: url(images/plant-right.png);
	float: right;
	margin-top: -360px;
}
.plant-slide ul{
	width: 910px;
	height: 550px;
}
.plant-slide li{
  margin: 25px 17px;
  float: left;
  width: 910px;
  height: 550px;
}
.plant-cell{
	width: 265px;
	height: 12px;
	margin: 35px auto 0;
}
.plant-cell li{
	cursor: pointer;
	float: left;
	width: 37px;
	height: 12px;
	background-color: #000000;
	opacity: 0.5;
	margin: 0 4px;
}
.plant-cell li.on{
		background-color: #ffffff;
}
.plant-cell li:hover{
	background-color: #ffffff;
}
.plant-toptext{
	text-indent: 40px;
	padding: 60px 0 128px 0;
	width: 1100px;
	margin: 0 auto;
	color: #ffffff;
	line-height: 40px;
	font-size: 18px;
}
.plant-wrap{
	width: 1200px;
	margin: 0 auto;
	height: 2500px;
}
.plant-js-title{
	float: left;
	margin: 35px 0 0 154px;
	width: 300px;
	height: 210px;
}
.js-right-img{
	float: right;
    width: 511px;
	height: 414px;
	background-color: #feda02;
}
.js-left-img{
	margin-top: 73px;
	float: left;
    width: 555px;
	height: 430px;
	background-color: #feda02;
}
.js-left-img img{
	width: 555px;
	height: 406px;
}
.js-right-img img{
	width: 511px;
	height: 390px;
}
.js-right-text{
	text-indent: 35px;
	margin:41px 29px 0 0;
	float: right;
	width: 474px;
	font-size: 18px;
	line-height:40px;
	color: #ffffff;
	padding-bottom: 60px;
}
.ah-left-img{
	margin-top: 85px;
	float: left;
	background-color:#feda02;
	height: 414px;
	width: 511px;
}
.plant-ah-title{
	margin: 114px 101px 0 0;
	float: right;
	width: 300px;
	height: 210px;
}
.ah-right-img{
	margin-top: 77px;
	float: right;
	background-color:#feda02;
	height: 430px;
	width: 555px;
}
.ah-right-img img{
	width: 555px;
	height: 406px;
}
.ah-left-img img{
	width: 511px;
	height: 390px;
}
.ah-left-text{
	text-indent: 35px;
	float: left;
	margin: 50px 0 0 14px;
	width: 464px;
	font-size: 18px;
	line-height:40px;
	color: #ffffff;
	padding-bottom: 40px;
}
.plant-ha-title{
	margin:111px 0 0 154px;
	float: left;
	width: 300px;
	height: 210px;
}
.ha-right-img{
	margin-top: 82px;
	float: right;
	width: 511px;
	height: 414px;
	background-color: #feda02;
}
.ha-right-img img{
	width: 511px;
	height: 390px;
}
.ha-left-img img{
	width: 555px;
	height: 406px;
}
.ha-left-img{
	margin-top: 77px;
	float: left;
	width: 555px;
	height: 430px;
	background-color: #feda02;
}
.ha-right-text{
	text-indent: 35px;
	margin:41px 29px 0 0;
	float: right;
	width: 474px;
	font-size: 18px;
	line-height:40px;
	color: #ffffff;
	padding-bottom: 60px;
}
.hero-contain{
	padding: 167px 0 117px 0;
	width: 100%;
	background-color: #FFFFFF;
}
.hero-text{
	text-indent: 40px;
	padding: 81px 0 94px 0;
	line-height: 40px;
	font-size: 18px;
	color: #003e97;
	margin: 0 auto;
	width: 1100px;
}
.hero-box{
	margin: 0 auto;
	height: 870px;
	width: 1195px;
	background-image: url(images/produce-bg.jpg);
}
.hero-slide{
	margin: 0 auto;
	width: 1195px;
	height:786px;
}
.hero-slide li{
	float: left;
	width: 1195px;
	height: 786px;
}
.hero-slide li img{
	height: 786px;
	width: 1195px;
}
.hero-cell{
	width: 200px;
	height: 35px;
	margin: 35px auto 0;
}
.hero-cell li{
	cursor: pointer;
	float: left;
	width: 25px;
	height: 25px;
	border: solid 3px #ffffff;
	opacity: 0.7;
	border-radius: 50%;
	margin: 0 14px;
}
.hero-cell li.on{
	background-color: #ffffff;
}
.hero-cell li:hover{
	background-color: #ffffff;
}
.hero-left{
	position: relative;
	height: 65px;
	width: 65px;
	border-radius: 50%;
	margin-left: 30px;
	background-image: url(images/plant-left.png);
	float: left;
	margin-top: -400px;
}
.hero-right{
	position: relative;
	margin-right: 30px;
	background-image: url(images/plant-right.png);
	height: 65px;
	width: 65px;
	border-radius: 50%;
	float: right;
	margin-top: -400px;
}
.product-contain{
	padding: 121px 0 0 0;
	background-size: cover;
	width: 100%;
	background-image: url(images/produce-bg.jpg);
	height: 2780px;
}
.produce-box{
	padding-top: 63px;
	margin: 0 auto;
	width: 1200px;
}
.produce-slide{
	margin: 0 auto;
	width: 970px;
	height: 600px;
	border: solid 3px #FFFFFF;
}
.produce-slide li{
	margin: 17px;
	float: left;
	width: 939px;
	height: 567px;
}
.produce-slide li img{
	width: 939px;
	height: 567px;
}
.produce-slide ul{
	width: 939px;
	height: 567px;
}
.produce-cell{
	width: 350px;
	height: 17px;
	margin: 35px auto 0;
}
.produce-cell li{
	cursor: pointer;
	float: left;
	width: 50px;
	height: 17px;
	background-color: #000000;
	opacity: 0.3;
	margin: 0 4px;
}
.produce-cell li.on{
	background-color: #ffffff;
	opacity: 0.6;
}
.produce-cell li:hover{
	background-color: #ffffff;
	opacity: 0.6;
}
.produce-left{
	height: 65px;
	width: 65px;
	border-radius: 50%;
	background-image: url(images/produce-prev.png);
	float: left;
	margin-top: -380px;
}
.produce-right{
	height: 65px;
	width: 65px;
	border-radius: 50%;
	background-image: url(images/produce-next.png);
	float: right;
	margin-top: -380px;
}
.produce-toptext{
	padding: 56px 0 240px 0;
	text-indent: 35px;
	font-size: 18px;
	line-height: 40px;
	width: 1200px;
	margin: 0 auto;
	color: #003e97;
}
.produce-wrap{
	width: 1200px;
	height: 1100px;
	margin: 0 auto;
}
.produce-left-title{
	margin: 53px 0 0 146px;
	float: left;
	width: 220px;
	height: 81px;
}
.produce-right-slide{
	float: right;
	width: 600px;
	height: 465px;
}
.produce-left-text{
	text-indent: 35px;
	margin-top: 32px;
	float: left;
	width: 510px;
	line-height: 52px;
	font-size: 18px;
	color: #003e97;
}
.produce-left-slide{
	margin-top: 150px;
	float: left;
	width: 600px;
	height: 465px;
}
.produce-right-title{
	margin: 160px 188px 0 0;
	float: right;
	width: 220px;
	height: 81px;
}
.produce-right-text{
	text-indent: 35px;
	margin: 32px 29px 0 0;
	float: right;
	width: 510px;
	line-height: 52px;
	font-size: 18px;
	color: #003e97;
}
.shop-contain{
	padding: 120px 0;
	width: 100%;
	background-image: url(./images/shop-bg.jpg);
	background-size: cover;
}
.shop-text{
	padding: 72px 0 100px 0;
	margin: 0 auto;
	text-indent: 35px;
	width: 1100px;
	font-size: 18px;
	line-height: 40px;
	color: #003e97;
}
.shop-wrap{
	padding-top:65px;
	height: 800px;
	background-color:#003e97;
	margin: 0 auto;
	width: 1200px;
}
.shop-slide{
	margin: 0 auto;
	position: relative;
	top: -15px;
	left: -15px;
	width: 940px;
	height: 700px;
}
.shop-slide li{
	float: left;
	width: 940px;
	height: 700px;
}
.shop-slide ul{
	width: 940px;
	height: 700px;
}
.shop-cell{
	width: 320px;
	height: 40px;
	background-color: ;
	margin: 30px auto 0;
}
.shop-cell li{
	cursor: pointer;
	float: left;
	width: 25px;
	height: 25px;
	border: solid 3px #ffffff;
	border-radius: 50%;
	margin: 0 14px;
}
.shop-cell li.on{
	background-color: #ffffff;
}
.shop-cell li:hover{
	background-color: #ffffff;
}
.shop-left{
	margin-right:1110px;
	border-radius: 50%;
	float: right;
	height: 65px;
	width: 65px;
	background-image: url(images/plant-left.png);
	margin-top: -450px;
}
.shop-right{
	height: 65px;
	width: 65px;
	border-radius: 50%;
	float: right;
	background-image: url(images/plant-right.png);
	margin: 30px;
	margin-top: -450px;
}
.shop-box{
	margin: 0 auto;
	width: 940px;
	height: 700px;
	background-color: #feda02;
}
.honor-contain{
	padding-bottom: 145px;
	width: 100%;
	background-image: url(./images/shop-bg.jpg);
	background-size: cover;
}
.honor-text{
	padding: 80px 0 140px 0;
	margin: 0 auto;
	text-indent: 35px;
	width: 1120px;
	font-size: 18px;
	line-height: 40px;
	color: #003e97;
}
.honor-box{
	background-image: url(images/produce-bg.jpg);
	margin: 0 auto;
	width: 1200px;
	padding-top: 70px;
	height: 750px;
}
.honor-slide{
	margin: 0 auto;
	width: 964px;
	height: 646px;
	background-color: #003e97;
}
.honor-slide li{
	margin: 12px;
	float: left;
	width: 939px;
	height: 619px;
}
.honor-slide li img{
	width: 939px;
	height: 619px;
}
.honor-slide ul{
	width: 939px;
	height: 619px;
}
.honor-cell{
	width: 300px;
	height: 35px;
	margin: 35px auto 0;
}
.honor-cell li{
	cursor: pointer;
	float: left;
	width: 25px;
	height: 25px;
	border: solid 3px #ffffff;
	opacity: 0.7;
	border-radius: 50%;
	margin: 0 14px;
}
.honor-cell li.on{
	background-color: #ffffff;
}
.honor-cell li:hover{
	background-color: #ffffff;
}
.honor-left{
	margin-left: 30px;
	height: 65px;
	width: 65px;
	border-radius: 50%;
	background-image: url(images/plant-left.png);
	float: left;
	margin-top: -380px;
}
.honor-right{
	margin-right: 30px;
	border-radius: 50%;
	height: 65px;
	width: 65px;
	background-image: url(images/plant-right.png);
	float: right;
	margin-top: -380px;
}
.end-contain{
	padding: 100px 0;
	width: 100%;
	background-color: #003E97;
}
.end-text{
	padding: 80px 0 75px 0;
	margin: 0 auto;
	text-indent: 35px;
	width: 1120px;
	font-size: 18px;
	line-height: 40px;
	color: #ffffff;
}
.end-wrap{
	padding-bottom: 100px;
	border-bottom: 2px solid #FFFFFF;
	height: 865px;
	width: 1117px;
	margin: 0 auto ;
}
.end-box{
	width: 1120px;
	height: 760px;
	background-color: #FFFFFF;
}
.end-slide{
	padding: 25px 25px;
	width: 1079px;
	height: 720px;
}
.end-slide li{
	background-color: #DB214C;
	width: 1079px;
	height: 720px;
}
.end-slide li img{
	height: 720px;
	width: 1079px;
}
.end-cell{
	cursor: pointer;
	width: 160px;
	height: 35px;
	margin: 30px auto 0;
}
.end-cell li{
	margin-left: 18px;
	border-radius: 50%;
	float: left;
	width: 29px;
	height: 29px;
	background-color: #ffffff;
	opacity: 0.4;
}
.end-cell li.on{
	opacity: 0.8;
}
.end-cell li:hover{
	opacity: 0.8;
}
.foot{
	padding-top: 60px;
	width: 1200px;
	height: 160px;
	margin: 0 auto;
}
.cehua{
	margin-left: 15px;
	float: left;
	color: #ffffff;
	font-size: 30px;
	font-weight: 600;
}
.cehua span:nth-child(1){
	color: #FEDA02;
}
.cehua span:nth-child(2){
	font-size: 18px;
	font-weight: 100;
	
}
.editor{
	margin-left: 80px;
	line-height: 50px;
	color: #ffffff;
	font-size: 16px;
	float: left;
}
.mianze{
	margin-top: 60px;
	width: 1194px;
	height: 90px;
	background-color: #ffffff;
	box-shadow: 8px 8px 1px #ececec;
}
.mianze img{
	float: left;
	height: 48px;
	width: 163px;
	margin: 21px;
}
.mianze p{
	margin: 16px 80px 0 0;
	float: right;
	height: 90px;
	width:900px;
	font-size: 14px;
	line-height: 30px;
	color: #333333;
}