@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;}
.w1180{
	margin: 0 auto;
	width: 1180px;
}
.p01{
	width: 100%;
	height: 820px;
	background: url(images/banner.jpg);
	background-size: cover;
	background-position: center;
}
.p01 .head{
	height: 710px;
}
.p01 .banner-text{
	margin: 23px auto 0; 
}


.tab-slide{
	width: 100%;
	
}

.tab-hd{
	width: 100%;
	height: 140px;
	position: absolute;
	background-image: url(images/tab-ul.jpg);
	z-index: 100;
	background-size: cover;
}
.tab-hd p{
	margin-top: 30px;
	font-size:30px;
}
.tab-hd i{
	font-size:18px;
}
.tab-hd ul{
	width: 1210px;
	margin: 0 auto;
}
.tab-slide .tab-hd .tab-item{
	cursor: pointer;
	float: left;
	height: 140px;
	width:400px;
	text-align:center;
	color: #ffffff;
}
.tab-slide .tab-hd .tab-item.active{
	background-image: url(images/item-bg.jpg);
	background-size: cover;
}			
.tab-box .tab-maincont { 
	display: none; 
	width:100%;
	padding-top: 140px;
} 
.tab-box .tab-maincont.ce { 
	display: none; 
	width:100%;
} 
.tab-box .tab-maincont.selected {
	 display: block; 
} 
.p02{
	width: 100%;
	height: 1254px;
	background-image: url(images/p02-bg.jpg);
	background-size: cover;
}
.title{
	text-align: center;
	position: relative;
	width: 1100px;
	height: 67px;
	margin: 0 auto;
	padding: 100px 0;
}
.title .le{
	top: 50%;
	position: absolute;
	height: 4px;
	width: 363px;
	left: 1px;
	background-color: #dcdcdc;
}
.title .ri{
	top: 50%;
	position: absolute;
	height: 4px;
	right: 1px;
	width: 363px;
	background-color: #dcdcdc;
}
.title h2{
	font-size: 42px;
}
.title p{
	font-size: 20px;
	color: #999999;
}
.title i{
	color:#ff9f00;
}
.pic{
	height: 744px;
	background-image: url(images/pic-bg.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}
.left-box{
	width: 586px;
	height: 690px;
	background-image: url(images/ind-bg.png);
	float: left;
}
.left-box img{
	margin: 10px 40px;
}
.right-box{
	text-align: center;
	height: 430px;
	width: 520px;
	float: left;
	margin: 145px 25px;
	color: #fff;
}
.text-box{
	width: 530px;
	margin-top: 50px;
}
.text-box p{
	text-align: left;
	padding-left:17px ;
	border-left: 2px solid#ff9f00;
}
.tesiz{
	margin-bottom: 20px;
	font-size: 26px;
}
.siz{
	width: 240px;
	margin: 10px 0;
	font-size: 20px;
}
.tsiz{
	margin: 10px 0 50px 0;
	font-size: 20px;
}
.tesiz i{
	font-weight: 800;
}
.tsiz i{
	font-weight: 800;
}
.siz i{

	font-weight: 800;
}
.siz i.on{
	color: #ff9f00;
	font-weight: normal;
}
.fl{
	float: left;
}
.fr{
	float:rigth;
}
.p03{
	width: 100%;
	height: 820px;
	background-color: #f5f5f5;
}
.p03 .leftimg{
	float: left;
	width: 50%;
	background-image: url(images/liangshop.jpg);
	height: 820px;
	background-position: right;
}
.p03 .leftimg-ge{
	float: left;
	width: 50%;
	background-image: url(images/geshop.jpg);
	height: 820px;
	background-position: right;
}
.p03 .leftimg-guan{
	float: left;
	width: 50%;
	background-image: url(images/guanshop.jpg);
	height: 820px;
	background-position: right;
}
.p03 .right-text{
	position: absolute;
	left: 50%;
	width: 575px;
	height: 635px;
	margin: 76px 30px;
	overflow: auto;
	padding: 20px 0;
}
.right-text::-webkit-scrollbar {/*滚动条整体样式*/
	width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
}
.right-text::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius: 10px;
	width: 5px;
	background:#ff9d17;
;
}
.right-text::-webkit-scrollbar-track {/*滚动条里面轨道*/
	border-radius: 10px;
	background:#7d7d7d;
}
.right-text .tit{
	font-weight: 600;
	width: 507px;
	float: left;
	margin:10px 6px;
	font-size: 18px;
}
.right-text .wen{
	width: 507px;
	float: left;
	margin:10px 6px 20px 0;
	font-size: 18px;
}
.right-text p i{
	font-weight: 600;
}
.qu{
	background-color: #ff9f00;
	float: left;
	margin-top: 10px;
	font-size: 18px;
	color: #fff;
	padding: 5px 10px;
	border-radius: 50%;
}
.an{
	background-color: #252525;
	float: left;
	margin-top: 10px;
	font-size: 18px;
	color: #fff;
	padding: 5px 10px;
	border-radius: 50%;
}
.p04{
	width: 100%;
}
.p04 img{
	width: 100%;
}
.l-img{
	width: 50%;
}
.r-img{
	width: 50%;
}
.foot{
	float:left;
	width: 100%;
	height: 330px;
	background-image: url(images/footer.jpg);
	background-position: center;
}
.foot-box{
	padding-top: 60px;
	width: 1180px;
	height: 160px;
	margin: 0 auto;
}
.cehua{
	margin-left: 15px;
	float: left;
	color: #333;
	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: #333;
	font-size: 16px;
	float: left;
}
.mianze{
	margin-top: 90px;
	width: 1200px;
	height: 90px;
}
.mianze p{
	margin: 16px 20px 0 0;
	float: right;
	height: 90px;
	width:1020px;
	font-size: 16px;
	line-height: 30px;
	color: #333333;
}
.yg-ft-box{
	float: left;
    width: 100%;
}