*{ padding: 0px; margin: 0px;}
*:focus{ outline:none   }
body{background:#fff; font: "arial black";}
a{ text-decoration: none; color: #000;}
ul,li{list-style: none;}
.clearfix:after {font-size:0;line-height:0;content: "\020";display: block;height: 0;clear: both;}
.clearfix {zoom: 1;}
.fl{ float: left;}
.fr{ float: right;}

.banner{width: 100%; height: 326px; background: url(../img/img1.jpg) no-repeat center; background-size: cover; }
.container{
	width: 1200px;
	margin: 0px auto;
	 box-shadow: 3px 8px 20px rgba(0,0,0,0.14);
	 padding-top: 75px;
	 padding-bottom: 75px;
}
.tab{ 
	width: 698px; 
	height: 80px; 
	border-radius: 60px; 
	background-color: #ffe786;
	box-sizing: border-box;
	padding: 14px 7px;
	margin: 0px auto 75px auto;
	font-size: 0px;
}
.tab a{
	display: inline-block;
	width: 210px;
	height: 52px;
	border-radius: 26px;
	background-color: #ff614f;
	margin: 0px 8px;
	font-size: 25px;
	 color: #fff4c5;
	 text-align: center;
	 line-height: 52px;
}
.tab a.current{
	background-color: #fff;
	color: #ff614f;
}
.tab-title{ text-align: center; margin-bottom: 36px;}
.tab-title h1{ 
	font-size: 38px;
	line-height: 1em;
	letter-spacing: 22px;
	}
.tab-title h4{
	margin-top: 20px;
	font-size: 18px;
	line-height: 1em;
	color: #dd3334;
}
.tab-title h4 span{ margin-left: -20px;}

.list{ position: relative; width: 1002px; margin: 0px auto; margin-bottom: 80px; height: 432px; box-sizing: border-box; padding-top: 82px;}
.item{ width: 286px; height: 340px; background: #fff; box-shadow: 3px 8px 20px rgba(0,0,0,0.14);}
.list.video{ height: 570px;}
.list.video .item{height: 480px;}
.list.left .item{ float: left; margin-right: 48px;}
.list.right .item{ float: right; margin-left: 48px;}
.list::after{
	display: block;
	content: "";
	width:242px ;
	height: 100%;
	background: #f16d3b;
	position: absolute;
	z-index: -1;
	top: 0px;
}
.list.left::after{ right: 0px;}
.list.right::after{ left: 0px;}

.list::before{
	display: block;
	content: "";
	width:42px ;
	height: 12px;
	background: url(../img/arrow.png) no-repeat center;
	background-size: contain;
	position: absolute;
	z-index: 1;
	top: 45px;
}
.list.left::before{ right: 36px; transform: rotateY(180deg);}
.list.right::before{ left: 36px;}



.picv{ width: 100%; height: 187px;  background: #e4e4e4;}
.video .picv{ height: 330px;}
.picv video{ width: 100%; height: 100%;}
.text{ padding: 0px 18px;}
.text h3{ font-size: 22px; line-height: 1em; margin: 12px 0px ; color: #d00909; text-shadow: 0.1em 0.1em #999}
.text p{ font-size: 15px; line-height: 1em; color: #5b5e66; margin-bottom: 8px;}
.text p span{ color: #d00909;}
.text p span.white{ color: #fff;}
.pic .text h3{ margin-bottom: 35px;}

.footer{ width: 100%; height: 316px; background:url(../img/footer_bg.png) no-repeat center; background-size: cover; color: #fff;}
.footer-box{ width: 1300px; margin: 0px auto;}
.f-item{ float: left;}
.about{ width: 500px;}
.about h2{ width: 450px; font-size: 23px; line-height: 1em; margin-bottom: 20px; padding: 38px 0px 26px; border-bottom: 1px solid #fff;}
.about p{ font-size: 15px; line-height: 1.8em;}
.addr{ margin-top: 20px;}
.addr-icon{ box-sizing: border-box; height: 100%; padding-top: 10px;}
.addr-icon img{ vertical-align: middle;}
.addr-txt{ font-size: 14px;}
.code{ width: 400px; font-size: 0px; text-align: center; padding-top: 66px;}
.code p{ font-size: 15px; line-height: 1.3em; margin-top: 15px;}
.app-contact{ width: 400px; margin-top: 60px;}
.app h3{ font-size: 23px; margin-bottom: 35px;}
.app img{ width:40px;height: 46px ; vertical-align: middle; margin-right: 10px;}
.app a{ display: block; color: #fff; font-size: 18px; line-height: 46px; margin-bottom: 35px;}

.contact ul li{ margin-bottom: 35px;}
.icon{ margin-right: 10px;}
.txt p{font-size: 15px; line-height: 1em; margin-bottom: 5px;}
.txt h3{ font-size: 22px;line-height: 1em;}
.copyright{ height: 60px; line-height: 60px; text-align: center; font-size: 16px; background: #371c11; color: #fff;}