/*去除默认边距*/

		*{

			margin: 0;

			padding: 0;

			color:#333;

			font-family: MicrosoftYaHei;

		}



		a{

			text-decoration: none;

		}

		li{

			list-style: none;

		}

		.clearbox:after{

			content: "";

			height: 0;

			display: block;

			overflow: hidden;

			clear: both;			

		}

		header{

		 background-color: #fff;

		 width: 100%;

		 position: relative;

		 z-index: 3;



		}

		header>.sylogo{

			display: block;

			width: 360px;

			position: absolute;

			left: 0;

			top: 0;

		}

		header>.navbox{

			width: 1200px;

			height: 100px;

			margin: 0 auto;

		}

		header .nav{

			height: 100px;

			float: right;

		}

		header .nav>li{

			width: 90px;

			height: 100px;

			line-height: 100px;

			text-align: center;

			font-size: 18px;

			float: left;



		}

		header .nav>li>a{

			color: #333;

		}

		/**/

		.banbox{

			min-width: 1200px;

			height: 350px;

			position: relative;

		}

		.banbox>img{

			display: block;

			position: absolute;

			top: 0;

			left:50%;

			z-index: -1;

			-webkit-transform: translateX(-50%);

			transform: translateX(-50%);

		}

		.banbox>div{

			position: relative;

			margin: 0 auto;

			width: 1200px;

		}

		.banbox p{

			font-size: 24px;

			font-family: SourceHanSansCN-Regular;

			line-height:24px;

			color: #ffffff;

			width: 1200px;

			position: absolute;

			top: 195px;

			left: 0;

		}

		/**/

		.main{

			padding-top: 47px;

			width: 1200px;

			margin: 0 auto;

		}

		.main>p{

			padding-left: 20px;

		}

		.main .classify{

			width: 340px;

			height:70px;

			margin: 70px auto 0 auto;

		}

		.main .classify>li{

			width: 170px;

			height: 70px;

			line-height: 70px;

			text-align: center;

			float: left;

		}

		.main .classify>.bgred{

			background-color: #f39257;

			color: white;		

		}

		.main .listbox{

			width: 100%;

			padding-top: 83px;

		}

		.main .listbox>ul>li{

			width:360px;

			height:375px;

			margin-bottom: 43px;

			margin-right: 55px;

			float: left;

		}

		.main .listbox>ul>li:nth-child(3n){

			margin-right: 0;

		}

		.main .listimg{

			width: 100%;

			height: 175px;

			overflow: hidden;

			position: relative;

		}

		.main .listimg>img{

			width: 100%;

		}

		.main .listimg>div{

			width: 100%;

			height: 175px;

			background:rgba(243,146,87,0.6);

			position: absolute;

			left: 360px;

			top: 0;

			-webkit-transition: left 1s;

			transition: left 1s;

			font-size: 22px;

			color: #fff;

			line-height: 175px;

			text-align: center;

		}

		.main .listimg:hover>div{

			left: 0;

		}

		.main .listcontent{

			display: block;

			color: #333;

		}

		.main .listcontent>.listtitle{

			font-size: 20px;

			line-height: 66px;

		}

		.main .listcontent>.listinfo{

			font-size: 14px;

			line-height:30px;

			color: #666;

			margin-bottom: 30px;

		}

		.main .listcontent>.time>span{

			font-size: 14px;

			color: #aaa;

		}

		.main .listcontent>.time>span:first-child{

			margin-right: 240px;

		}

		/**/

		.main .pagenum{

			height: 40px;

			width: 360px;

			margin: 30px auto 110px auto;

		}

		.main .pagenum>li{

			width: 40px;

			height: 40px;

			text-align: center;

			line-height: 40px;

			background-color: #e5e5e5;

			margin:0 10px;

			float: left;

		}

		.main .pagenum>.redbg{

			background-color: #f39257;

			color: white;

		}

		/*底*/

		.footerbox{

			background-color: #222222;

		}

		.footerbox .footer{

			width: 1200px;

			margin: 0 auto;

			padding-top: 36px;

			padding-bottom: 64px;

			position: relative;

		}

		.footer>.h1{

			color: white;

			font-size: 20px;

			line-height: 52px;

		}

		.footer>.footerline1{

			width: 22px;

			height: 1px;

			background-color: #f39257;

		}

		.footer>.site{

			margin-top: 20px;

			line-height: 32px;

			color: #6f6f6f;

			font-size: 14px;

		}

		.footer>.footerline2{

			width: 275px;

			height: 1px;

			background-color: #313131;

			margin: 20px 0;

		}

		.footer>.callme{

			line-height: 32px;

			color: #6f6f6f;

			font-size: 14px;

		}

		.footer>.logo2{

			position: absolute;

			right:0;

			top: 200px;	

		}

		.footer>.ewm{

			position: absolute;

		    bottom: 63px;

		    left: 400px;

			width: 100px;

		}

	/*底2*/

	.footer2{

		height: 70px;

	}

	.footer2>div{

		margin: 0 auto;

		width: 1200px;

		height: 70px;

	}

	.footer2 .p1{

		color: #6f6f6f;

		line-height: 70px;

		font-size: 14px;

		float: left;

	}

	.footer2 .p2{

		color: #6f6f6f;

		line-height: 86px;

		height: 70px;

		font-size: 14px;

		float: right;

	}

	.footer2 .p2>img{

		margin: 0 10px;

	}

.wxbox {

		display: inline-block;

		width: 25px;

	    height: 25px;

	    text-align: center;

	    line-height: 25px;

	    position: relative;

	}

	.wxcode {

		position: absolute;

		width: 200px;

		height: 200px;

		background-color: #eeeeee;

		top: -228px;

    	left: -80px;

    	padding: 5px;

	}

	.wxcode > img {

		background-color: red;

		z-index: 66666;

    	position: relative;

	}

	.wxcode > .san {

		display: inline-block;

		width: 24px;

	    height: 24px;

	    background-color: #eeeeee;

	    position: absolute;

	    left: 79px;

	    bottom: -11px;

		transform:rotate(45deg);

		-ms-transform:rotate(45deg); 	/* IE 9 */

		-moz-transform:rotate(45deg); 	/* Firefox */

		-webkit-transform:rotate(45deg); /* Safari 和 Chrome */

		-o-transform:rotate(45deg); 	/* Opera */

	}

	/*问题答疑*/
	.container {
  width: 1200px;
  margin: 0 auto;
}
.v_warp {
  display: block;
  width: 100%;
  height: 175px;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: left 1s;
  transition: left 1s;
  font-size: 22px;
  color: #fff;
  line-height: 209px;
  text-align: center;
}
.v-icon {
  display: inline-block;
  width: 45px;
  height: 45px;
  background-repeat: no-repeat;
  background-size: contain;
}
.icon-video {
  background-image: url('/skins/images/pc/paly_v.png');
}