@charset "utf-8";
/*初始化  reset*/
body,button,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,hr,input,li,ol,p,td,textarea,th,ul{margin:0;padding:0}
body,button,input,select,textarea{font:16px/1.5 "微软雅黑",sans-serif; color:#333;}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,i{font-style:normal}
ol,ul{list-style:none}
a{text-decoration:none;color:#333;}
img{border:0; display:block;}
textarea{resize:none;}
a,input,button,select,textarea{outline:none;}
a,button{cursor:pointer;}
/*清除浮动*/
.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
*html .clearfix { height: 1%; }
.clearfix { display: block; }
*+html .clearfix { min-height: 1%; }
/*---------------------------------------导航-------------------------------------------*/
.banner{ width:100%; overflow:hidden;}
.banner_ph{ display:none;}
.banner img{ width:100%;}
.con_01{ width:1200px; margin:auto; overflow:hidden; padding:20px 0;}
.con_01 dl{ width:100%; overflow:hidden; margin-bottom:80px;}
.con_01 dl dt{ width:704px; height:395px; position:absolute; overflow:hidden; float:left; margin-top:50px;}
.con_01 dl dd{ width:395px; height:345px; background:linear-gradient(60deg, #cd163f 0%,#f58025 100%); float:right; color:#FFF; padding:20px 40px 20px 160px; box-shadow:0 0 15px #999; }
.con_01 dl dd h1{ font-size:36px; font-weight:bold; text-align:center; margin:20px 0;}
.con_01 dl dd p{ line-height:30px; font-size:16px;text-align:justify; text-indent:2em;}
.con_01 dl dd p a{ color:#FF0; font-weight:bold;}
.con_01 dl dd p a:hover{ color:#FF0; text-decoration:underline;}

/* 视频部分--------------------------------------ui-banner */
.wrap { height:600px;background:url(../images/bj01.gif) no-repeat; background-size:100% 100%; overflow:hidden; }
.wrap  h1{ font-size:36px; font-weight:bold; text-align:center;  color:#FFF; margin:50px 0;}
.p-box { width:1100px; margin: 0 auto; padding-top:30px; overflow:hidden; padding:15px; background-color:rgba(0,0,0,0.5); }
.tab { width:384px; height:378px; list-style-type: none; overflow:scroll; padding:8px; background:linear-gradient(60deg, #cd163f 0%,#f58025 100%); }
.tab li { height:auto; color:#FFF; padding:7px; overflow:hidden; }
.tab li img{ float:left; margin-right:10px;}
.tab li:hover{ background:#cd163f !important;}
.tab .on { background:#cd163f; }
.tab .f01 { background-position: 0 0; }
.tab .f02 { background-position: 0 -95px; }
.tab .f03 { background-position: 0 -190px; }
.tab .f04 { background-position: 0 -285px; }
.tab .f05 { background-position: 0 bottom; }
.swiper-container { float:left; width:700px; height:394px; background:#F99;}
.swiper-slide img { width: 100%; }
.char0 { position: absolute; right: -80px; top: 170px; z-index: 3; }
.con_02{ display:none;}


/* 视频部分end--------------------------------------ui-banner */
.con_03{ width:100%; overflow:hidden;}
.con_03 h1{ font-size:36px; color:#37434D; text-align:center; font-weight:bold; margin-top:50px;}
.con_03 ul{ overflow:hidden; width:1200px; margin:auto; margin-top:30px;}
.con_03 ul li{ width:550px; float:left; box-shadow:0 0 10px #999; margin:15px; padding:10px;}
.con_03 ul li:hover{background:linear-gradient(60deg, #cd163f 0%,#f58025 100%); color:#FFF;  transition-duration:0.5s;}
.con_03 ul li dl{ width:100%; overflow:hidden;}
.con_03 ul li dl dt{ width:218px; height:141px; float:left;}
.con_03 ul li dl dd{ width:312px; float:left; padding:10px;}
.con_03 ul li dl dd h2{ font-size:18px; font-weight:bold; margin-bottom:10px;}
.con_03 ul li dl dd p{ font-size:14px; line-height:20px; }
.con_04{ width:100%; overflow:hidden;}
.con_04 h1{ font-size:36px; color:#37434D; text-align:center; font-weight:bold; margin:50px;}
.wenzi{ width:1200px; margin:auto; font-size:16px; margin-bottom:20px; }
	.bigimg{width:800px !important; height:539px !important; position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 10px solid #fff;}
	.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 0.5s;display: none}
	.bigbox{width:100%; overflow:hidden; }
	.bigbox>.imgbox{width:16.66%; float:left; overflow:hidden;position:relative;}
	.bigbox>.imgbox>img{width:100%; height:100%;}
	.bigbox>.imgbox>img:hover{ -webkit-transform: scale(1.15);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 750ms;
  /*! -moz-transform: scale(1.15); */
  /*! -moz-transition-timing-function: ease-out; */
  -moz-transition-duration: 750ms;
  overflow: hidden;}	
	.imgbox p{background-color:rgba(0,0,0,0.5); color:#e5e5e5; padding:5px 4%; line-height:20px; text-align:center; z-index:1; position:absolute; bottom:0; width:92%;}
	.imgbox:hover{cursor:zoom-in}
	.mask:hover{cursor:zoom-out}
	.mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
	.mask>img:hover{cursor:pointer}
.con_05{ width:100%; overflow:hidden;}
.con_05 h1{ font-size:36px; color:#37434D; text-align:center; font-weight:bold; margin:50px;}
.con_06{ display:none;}



.box{
	margin-top:50px;
	width: 100%;
	height: 530px;

	position: relative;
}

.list{
	width: 1200px;
	height: 530px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -600px;
}

.btn{
	position: absolute;
	top: 50%;
	margin-top: -50px;
	width: 60px;
	height: 100px;
	line-height: 100px;
	font-size: 30px;
	color: white;
	text-decoration: none;
	text-align: center;
	background:linear-gradient(60deg, #cd163f 0%,#f58025 100%);
	cursor: pointer;
}
.next{
	right: 0;
}
ol{
	position: absolute;
	top: 0;
	left: 0;
	list-style: none;
	opacity: 0;
	transition: all 0.3s ease-out;
}
ol a p{ text-align:center; }

ol img{
	width: 800px;
	height: 500px;
	border:none;
	float: left;margin-bottom:10px;
}
.p1{
	transform:translate3d(-224px,0,0) scale(0.81);
}
.p2{
	transform:translate3d(0px,0,0) scale(0.81);
	transform-origin:0 50%;
	opacity: 0.8;
	z-index: 2;
}
.p3{
	transform:translate3d(224px,0,0) scale(1);
	z-index: 3;
	opacity: 1;
}
.p4{
	transform:translate3d(449px,0,0) scale(0.81);
	transform-origin:100% 50%;
	opacity: 0.8;
	z-index: 2;
}
.p5{
	transform:translate3d(672px,0,0) scale(0.81);
}
.p6{
	transform:translate3d(896px,0,0) scale(0.81);
}
.p7{
	transform:translate3d(1120px,0,0) scale(0.81);
}

.buttons{
	position: absolute;
	width: 1200px;
	height: 30px;
	bottom: 0;
	left: 50%;
	margin-left: -600px;
	text-align: center;
	padding-top: 10px;
}
.buttons a{
	display: inline-block;
	width: 35px;
	height: 5px;
	padding-top: 4px;
	cursor: pointer;
}
span{
	display: block;
	width: 35px;
	height: 1px;
	background: red;
}
.blue{
	background: blue;
}




.footer{ width:98%; padding:1%; text-align:center; margin-top:30px; color:#FFF; font-size:14px; background:linear-gradient(60deg, #cd163f 0%,#f58025 100%);}