/* GLOBAL STYLES
-------------------------------------------------- */
   html,body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
    font-family:"Microsoft YaHei","宋体","Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-font-smoothing:antialiased;
}
html, body, div, span, h1, h2, h3, h4, h5, h6, em, img, strong, sub, sup, tt,dd, dl, dt, form, label, table, caption, tbody, tfoot, thead, tr, th, td,ul,li,p,a,section{ margin: 0; padding: 0;}
input,select,textarea{ vertical-align:middle;}
img{ border:0;margin:0;padding:0; display:block;}
ul,li{ list-style-type:none;}
a{blr:expression(this.onFocus=this.blur());}
*{margin:0;padding:0;border:0;}
div
{
	tap-highlight-color: rgba(0,0,0,0);  
	focus-ring-color: rgba(0, 0, 0, 0);  
	-webkit-tap-highlight-color: rgba(0,0,0,0);  
	-webkit-focus-ring-color: rgba(0, 0, 0, 0);  
	-moz-tap-highlight-color: rgba(0,0,0,0);  
	-moz-focus-ring-color: rgba(0, 0, 0, 0);  
}
.show-pc{
	display:block;
}
.show-phone{
	display:none;
}
#container{
	width:100%;
	max-width:1920px;
	margin:0 auto;
	padding:0;
	position:relative;
	overflow:hidden;
}
#top{
	width:1000px;
	height:80px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
.logo{
	width:9.5%;
	margin:2% 0 0 2%;
	float:left;
}
.fanhui{
	width:10.5%;
	float:right;
	margin:2% 0 0 2%;
}
.logo img,.fanhui img{
	width:100%;
}
#banner{
	width:1000px;
	margin:0 auto;
	padding:0;
	position:relative;
	height:560px;
}
.banner-c{
	width:1600px;
	position:absolute;
	left:50%;
	margin-left:-800px;
}
.banner-c img{
	width:100%;
}
#nav{
	width:1600px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	margin-top:54px;
	margin-bottom:74px;
	position:relative;
	left:50%;
	margin-left:-800px;
}
.nav-list{
	width:1000px;
	list-style:none;
	overflow:hidden;
	margin:0 auto;
}
.nav-list-wap{
	display:none;
}
#nav.fixed{
	left:50%;
	margin-left:-800px;
	position:fixed;
	top:0;
	background-color:#fff;
	z-index:999;
	height:130px;
	box-shadow:0px 2px 0px #e1e0e0;
	padding-top:20px;
	margin-top:0;
	margin-bottom:0;
}
.nav-list li{
width: 10%;
margin: 0 5% 0 0;
	float:left;
	cursor:pointer;
}
.nav-list li:last-child
{
	margin-right: 0;
}

/* 主体 */

.content{
	width:1600px;
	margin:3% auto 0 auto;
	padding:0;
	overflow:hidden;
	position:relative;
	left:50%;
	margin-left:-800px;
}
.content-c{
	width:1000px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	position:relative;
}
.title{
	width:100%;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
.title img{
	width:100%;
}
.box50
{
	width: 50%;
	float: left;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
.box50 img
{
	width: 100%;
}
.cc{
	width:100%;
	margin:5% 0 3% 0;
	overflow:hidden;
	position:relative;
}
.cc-l{
	width:34.4%;
	float:left;
	margin-right:8.6%;
	margin-top:40px;
}
.cc-r{
	float:left;
		position:relative;
}
/*相关新闻*/
.news-hang
{
	width: 100%;
	margin: 0;
	padding: 1.5% 0;
	cursor: pointer;
}
.news-hang:first-child
{
	padding-top: 0;
}
.news-title,.news-date
{
	width: 80%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size:16px;
	color:#666;
}
.news-title:hover
{
	color: #e60012;
}
.news-title span
{
	padding-right: 1%;
}
.news-date
{
	width: 20%;
	float: left;
	text-align: right;
}
.more
{
	width: 100%;
	margin: 2% 0 0 0;
	padding: 0;
	text-align: right;
	font-size:16px;
	color:#999;
	text-decoration: underline;
	cursor: pointer;
}
.txt1{
	font-size:16px;
	line-height:1.8;
	color:#666;
	word-break:normal;
	word-wrap:break-word;
	text-align:justify;
	text-justify:inter-ideograph;
}
.cc2-1{
	width:34%;
	float:left;
	margin-left:10%;
	margin-bottom:3%;
}
.wap-w1{
	width:210px;
}
.wap-w2{
	width:190px;
}
.wap-w3{
	width:231px;
}
.bg{

	width:100%;
}
.animate-1{
	position:absolute;
	left:0;
	top:40%;
	z-index:100;
	opacity: 0;
}
.animate-2{
	position:absolute;
	left:0;
	bottom:20%;
	z-index:100;
	opacity: 0;
}
.animate-3{
	position:absolute;
	right:24%;
	top:38%;
	z-index:100;
	opacity: 0;
}
.animate-4{
	position:absolute;
	right:17%;
	bottom:10%;
	z-index:100;
	opacity: 0;
}
.animate-5{
	width:3%;
	position:absolute;
	z-index:100;
	left:37%;
	top:20%;
	opacity:0;
}
.animate-6{
	width:3%;
	position:absolute;
	z-index:100;
	left:37%;
	top:20%;
	opacity:1;
}
.animate-7{
	width:5%;
	position:absolute;
	z-index:100;
	left:37%;
	top:30%;
	opacity:0;
/* 	animation:2s dong;
-webkit-animation:2s dong;
-moz-animation:2s dong;
-ms-animation:2s dong;
animation-iteration-count:inherit;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite; */
}
@keyframes dong{
	0%{	
		filter:alpha(opacity=0)
		opacity: 0;
		left:37%;
		top:30%;
	}
	100%{
		filter:alpha(opacity=100)
		opacity:1;
		left:78%;
		top:15%;
	}
}
@-moz-keyframes dong{
	0%{
		opacity: 0;
		left:37%;
		top:30%;
	}
	100%{
		opacity:1;
		left:78%;
		top:15%;
	}
}
@-ms-keyframes dong{
	0%{
		filter:alpha(opacity=0)
		opacity: 0;
		left:37%;
		top:30%;
	}
	100%{
		filter:alpha(opacity=100);
		opacity:1;
		left:78%;
		top:15%;
	}
}
@-webkit-keyframes dong{
	0%{
		opacity: 0;
		left:37%;
		top:30%;
	}
	100%{
		opacity:1;
		left:78%;
		top:15%;
	}
}
.animate-5 img,.animate-6 img,.animate-7 img{
	width:100%;
}
.circle{
	float:left;
	margin-right:1%;
}
.cc2-t{
	float:right;
}
.cc2-t1{
	font-size:26px;
	color:#333;
}
.cc2-t2{
	font-size:12px;
	color:#666;
	margin-top:6%;
}
.dian{
	width:5px;
	height:5px;
	background-color:#666;
	border-radius:50%;
	float:left;
	margin:3% 2% 5% 0;
}
.cc2-2{
	width:32.5%;
	float:right;
	margin-right:10%;
}
.circle.fr{
	float:right;
}
.cc2-t.fl{
	float:left;
}
.cc2-3{
	width:35%;
	float:left;
	margin-top:5%;
}
.circle1{
	float:left;
	margin-left:8%;
}
.cc2-4{
	width:20%;
	float:left;
	margin:3% 0 0 8.8%;
}
.cc2-5{
	width:32%;
	float:right;
	margin-top:6%;
	margin-right:0;
}
.wap-w4{
	width:280px;
}
.wap-w5{
	width:204px;
}
.tr{
	text-align:center;
}
.cc-l.w1{
	width:43.4%;	
}
.cc-l.w2{
	width:28.4%;	
}
.cc-l.w3{
	width:25.8%;
}
.m-r-4{
	margin-right:4%;
}

.cc-l.fr,.cc-r.fr{
	float:right;
	margin-right:0;
}
.tr1{
	width:100%;
	text-align:left;
	font-size:36px;
	color:#e50011;
}
.tr2{
	width:100%;
	word-break:normal;
	word-wrap:break-word;
	text-align:justify;
	text-justify:inter-ideograph;
	line-height:1.8;
	margin-top:4%;
	color:#666;
	font-size:14px;
}
.videos{
	width:32.1%;
	float:left;
	position:relative;
	cursor:pointer;
}
.videos.ml{
	margin-left:1.8%;
}
.vimg{
	width:100%;
}
.vimg img{
	width:100%;
}
.bf{
	position:absolute;
	top:50%;
	margin-top:-40px;
	left:50%;
	margin-left:-30px;
}
.videotb{
	width:100%;
	overflow:hidden;
}
.videot{
	width:100%;
	text-align:center;
	font-size:16px;
	color:#333;
	float:left;
	margin-top:2%;
}
.videot.ml{
	margin-left:1.8%;
}
.m-b{
	margin-bottom:84px;
}
#footer{
	width:100%;
	height:71px;
	line-height:71px;
	background-color:#f7f7f7;
	color:#6f6f6f;
	text-align:center;
	font-size:14px;
}
.ani{
	width:66%;
	height:273px;
}
.wap-w1{
	width:210px;
}
.box-90,.wt1{
	display:none;
}
#nav1{
	display:none;
}
.bf{
	width:62px;
}
.bf img{
	width:100%;
}
@media (max-width:767px){
	.show-pc{
	display:none;
}
.show-phone{
	display:block;
}
	#container{
		width:100%;
		max-width:1080px;
		margin:0 auto;
	}
	#top{
		width:100%;
		height:auto;
		padding:3% 0;
		overflow:hidden;
		background-color:#f7f7f7;
	}
	.logo{
		width:12%;
		margin-left:3%;
	}
	.fanhui{
		width:15%;
		margin-right:3%;
	}
	.logo,.fanhui{
		margin-top:0;
	}
	.logo img,.fanhui img{
		width:100%;
	}
	.clear{
		clear:both;
	}
	#banner{
		width:100%;
		height:auto;
	}
	.banner-c{
		width:100%;
		position: relative;
		left:0;
		margin-left:0;
	}
	#nav{
		display:none;
	}
	#nav1{
		width:100%;
		margin:5% auto;
		display:block;
	}
	#nav1.fixed{
		width:100%;
		position:fixed;
		top:0;
		background-color:#fff;
		z-index:999;
		left:50%;
		margin-left:-50%;
		margin-top:0;
		padding:3% 0;
		box-shadow:0px 1px 0px #e1e0e0;
	}
	.nav-list{
		display:none;
	}
	.nav-list-wap{
		width:90%;
		list-style:none;
		margin:0 auto;
		overflow:hidden;
		display:block;
	}
	.nav-list-wap li{
		width:12%;
		float:left;
		margin: 0 2.6% 0 0;
	}
	.nav-list-wap li:last-child
	{
		margin-right: 0;
	}
	.nav-list-wap li img{
		width:100%;
	}
	.content{
		width:85.3%;
		left:0;
		margin-left:0;
		margin:0 auto;
	}
	.content-c{
		width:100%;
	}
	.cc{
		margin-top:0%;
		margin-bottom:10%;
	}
	.cc img{
		width:100%;
	}
	.cc-r,.cc-l{
		width:100% !important;
		margin-top:0;
		font-size:3.4vw;
	}
	.cc-r img{
		width:100%;
	}
	.m-t-5{
		margin-top:5%;
	}
	.cc2-1{
		width:100%;
		margin-left:0%;
		margin-top:5%;
	}
	.wap-w1{
		width:63%;
	}
	.wap-w2{
		width:58%;
	}
	.wap-w3{
		width:45%;
		margin-left:24%;
	}
	.wap-w4{
		width:73%;
		
	}
	.wap-w5{
		width:60%;
		margin-right:10%;
	}
	.cc2-2{
		width:100%;
		margin-right:0%;
		margin-top:5%;
	}
	.cc2-3{
		width:100%;
		margin-left:0;
		margin-top:5%;
	}
	.cc2-4{
		width:100%;
		margin-left:0;
		margin-top:5%;
	}
	.cc2-5{
		width:100%;
		margin-right:0;
	}
	.circle{
		width:24.2%;
		margin-right:0;
	}
	.cc2-t1{
		font-size:4.5vw;
		margin-top:3%;
	}
	.circle1{
		width:24.2%;
		margin-right:0;
		margin-left:0;
	}
	.cc2-t{
		float:left;
	}
	.cc2-t2{
		font-size:3vw;
		margin-top:3%;
	}
	.wfr{
		float:right !important;
	}
	.wfl{
		float:left !important;
	}
	.dianm{
		margin-bottom:10%;
	}
	.wml{
		margin-left:10%;
	}
	.wmr{
		margin-right:5%;
	}
	.wtr{
		text-align:right;
	}
	.wtl{
		text-align:left;
	}
	.wmt{
		margin-top:5%;
	}
	.wmt2{
		margin-top:10%;
	}
	.tr1{
		display:none;
	}
	.wt1{
		font-size:4.3vw;
		color:#f80303;
		text-align:center;
		display:block;
	}
	.mb3{
		margin-bottom:3%;
	}
	.tr2{
		font-size:3.4vw;
		margin-top:0%;
	}
	.animate-1,.animate-2{
		width:11%;
	}
	.animate-3{
		width:12%;
	}
	.animate-4{
		width:18%;
	}
	.wy{
		display:none;
	}
	.box-90{
		width:96%;
		margin:5% auto;
		padding:0;
		overflow:hidden;
		display:block;
	}
	.box-90 img{
		width:100%;
	}
	.videos{
		width:41.4%;
		margin-left: 3.3%;
	}
	.videos.ml{
		margin-left:3.3%;
	}
	.videos.wml{
		margin-left:10.8%;
	}
	.videos img{
		width:100%;

	}
	.videot{
		width:100%;
		margin-top:8%;
		font-size:2.8vw;
		white-space: nowrap;
	}
	.bf{
		width:22%;
		left:50%;
		margin-left:-11%;
		top:63%;
	}
	#footer{
		width:100%;
		margin:0 auto;
		font-size:2.3vw;
		height:auto;
		line-height:1.6;
		padding:3% 0;
	}
	.m-b{
		margin-bottom: 15%;

	}
	.ani{
		width:100%;
		height:30%;
	}
	.vi{
		visibility:hidden;
	}
	.m-t{
		margin-top:-53%;
	}
	.news-title
	{
		width: 100%;
		float: none;
		font-size: 3.4vw;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.news-hang:first-child
{
	margin-top: 5%;
	padding-top: 0;
}
	.news-date
	{
		display: none;
	}
	.more
	{
			font-size: 3.4vw;
		}
}