*{margin: 0px;padding: 0px;}

body{min-width:1200px;background:#ffffff;background-image:url();background-repeat:repeat-x;background-position:0px 0px;margin:0px;padding:0px;text-decoration:none;font-size: 12px;font-variant:normal;font-family: "微软雅黑";}/*为部分带全站背景图准备可以将背景图或背景色部分删除掉*/

a:link,a:visited,a:hover,a:active{text-decoration:none;}

a{text-decoration: none;}

li{list-style-type:none;}

ul,ol{list-style-type: none;list-style-image: none;}

/*清除浮动*/

 

.works-detail .intro a {color:#333;}
.works-detail .intro a:hover {color:#B61814;}

.main{

	width: 1200px;

	margin:0 auto;

}

.head{

	width: 100%;

	height:128px;

	overflow: hidden;

}

.top{

	width: 100%;

	height: 49px;

	background: #ffffff;

	overflow: hidden;

	border-bottom: 1px solid #f0f1ec;

 

}

.top p{

	font-size: 13px;

	color:#000000;

	line-height: 49px;

	float: left;

}

.top ul{

	float: right;

}

.top ul li{

	float: left;

	padding-right: 10px;

	padding-left: 10px;

	line-height: 49px;

	position: relative;

}

.top ul li a{

	font-size: 13px;

	color:#7a7a7a;

}

.top ul li:after{

	content: "";

	width: 1px;

	height: 14px;

	position: absolute;

	top:50%;

	margin-top: -7px;

	right: 0;

	background: #7a7a7a;

}

.top ul li:last-child:after{

	width: 0;

}

.head .main{

	display: flex;

	align-items:center;

	height: 128px;

	justify-content: space-between;

}

.nav{

	width: 100%;

	height: 70px;

	background:#B61814;

	position: relative;

	border-bottom: 1px solid #fff;

 

}

.nav ul{

	width: 1200px;

	margin: 0 auto;

	height: 70px;

	display: flex;

	justify-content:space-between;

	align-items: center;

 



}

.nav ul li{

	width:100%;

	height:70px;

	position: relative;

	border-left: 1px solid #fff;

}

.nav ul li:hover{

	background:#B61814;

}

.nav ul li:hover ul{

	display: block;

}

.nav ul li a{

	display: block;

	font-size: 18px;

	color:#fff;

	text-align: center;

	line-height: 70px;

}

.nav ul li:last-child{

	border-right: 1px solid #fff;

}

.nav ul li ul{

	width:100%;

	position: absolute;

	z-index: 1;

	top: 70px;

	display: none;

}

.nav ul li ul li{

	width: 100%;

	border: none!important;

	height:60px;

	line-height: 60px;

	overflow: hidden;

	margin-bottom: 1px;

	background: rgba(182,24,20,.9);

}

.nav ul li ul li a{

	display: block;

	font-size: 16px;

	line-height: 60px;

	 white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    padding: 0 5px;

}

.banner{ 

	width:100%;

	margin:0 auto; 

	overflow:hidden; 

	position:relative; 

 

}

.banner .hd{

 height:15px; 

 overflow:hidden; 

 position:absolute; 

 left:45%; 

 bottom:10px; 

 z-index:1; 

}

.banner .hd ul{

 overflow:hidden; 

 zoom:1; 

 float:left; 



}

.banner .hd ul li{

 float:left; 

 margin-right:25px;  

 width:50px; 

 height:10px; 

 line-height:14px; 

 text-align:center; 

 cursor:pointer;

 border: 1px solid #333;

 

}

.banner .hd ul li.on{

 background:#B61814; 

 border: 1px solid #B61814;

}

.banner .bd{

 position:relative; 

 height:100%;

  z-index:0; 

  width: 100%; 

}

.banner .bd li{

 zoom:1; 

 vertical-align:middle; 

}

.banner .bd img{

	width:100%; 

	display:block; 

}

.banner .prev,

.banner .next{

 position:absolute; 

 

 top: 50%;

 transform: translateY(-50%);

 display:block; 

 width:30px;

 height:54px;  

 opacity: .5;

 transition: .5s;

}

.banner .next{

 left: 50%;

 margin-left:-600px;

 background: url(../images/next.png)  no-repeat center;

 

}



.banner .prev{

 right: 50%;

 margin-right:-600px;	

 background: url(../images/prev.png)  no-repeat center;

 

}



 

.banner .prev:hover,

.banner .next:hover{

	filter:alpha(opacity=100);opacity:1;  

}

.banner .prevStop{ 

	display:none;  

}

.banner .nextStop{ display:none;  

}

.in-banner{
	width: 100%;
}
.in-banner img{
	display: block;
	width: 100%;
}

.section{

	width: 1200px;

	height:90px;

	background:#fff;

	margin: 0 auto;

	position: relative;

	z-index: 100;

	margin-top: -45px;

	box-shadow: 0px 4px 5px 1px #c0c0c0;

	overflow: hidden;

}

 

.keywords{

	width: 100%;

	height:60px;

	margin: 0 auto;

	border-bottom: 1px solid #B61814;

}

.keywords p{

	float: left;

	color:#1f1f1f;

	font-size: 20px;

	line-height: 60px;

}

.keywords ul{

	float: left;

	height: 60px;

	width: 1080px;

	overflow: hidden;

}

.keywords ul li{

	float: left;

	padding-right: 10px;

	padding-left: 10px;

	line-height: 60px;

	color: #666666;

	font-size: 14px;

	position: relative;

}

.keywords ul li:after{

	content: "";

	width: 1px;

	height: 14px;

	position: absolute;

	right: 0;

	top: 50%;

	margin-top:-7px;

	background: #8c8c8c;

}

.keywords ul li a{

	color:#666666;

	font-size: 14px;

	padding-right: 10px;

	padding-left: 10px;

}

.keywords ul li:last-child:after{

	width: 0;

	height: 0;

	overflow: hidden;

}

 

.works{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 50px;

}

.title h4{

	color:#222222;

	font-size: 32px;

	text-align: center;

}

.title h4 b{

	color: #b61814;

}

.title p{

	text-align: center;

	color: #666666;

	font-size: 16px;

	margin-top: 5px;

}

.title img{

	display: block;

	margin: 0 auto;

	margin-top: 10px;

}

.title span{

	text-align: center;

	display: block;

	font-size: 16px;

	color:#999999;

	margin-top: 10px;

}

.works .list{

	width: 100%;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

}

 

.works .list ul li{

	float: left;

	width: 190px;

	height: 42px;

	margin-left: 12px;

	text-align: center;

	box-sizing: border-box;

	background: #fff;

	transition: .3s;

	border: 1px solid #cccccc;

	line-height: 42px;

	position: relative;

	padding: 0 5px;

	margin-bottom: 10px;

}

.works .list ul li:after{

	content: "";

	width: 215px;

	height: 60px;

	position: absolute;

	left: 50%;

	z-index: -1;

	top: 50%;

	opacity: 0;

	transition: .5s;

	transform: translate3d(-50%,-50%,0);

	background: url(../images/h06.png) no-repeat center bottom;

}

.works .list ul li:hover{

	background: #B61814;

	border: 1px solid #B61814;

}

.works .list ul li:hover:after{

	opacity: 1;

}

.works .list ul li:hover a{

	color:#fff;

}

.works .list ul li:nth-child(6n-5){

	margin-left: 0;

}

.works .list ul li a{

	color:#666666;

	font-size: 16px;

	   white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

	display: block;

}

 

.works  .pic{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.works  .pic ul li{

	float: left;

	width: 392px;

	height: auto;

	position: relative;

	margin-left: 12px;

	margin-bottom: 12px;

	overflow: hidden;

}

.works  .pic ul li img{

	display: block;

	width: 392px;

	height: 294px;

	transition: .5s;

	background: red;

}

.works  .pic ul li:nth-child(3n-2){

	margin-left: 0;

}

.works  .pic ul li svg{

 	position: absolute;

 	left: 50%;

 	top: 50%;

 	margin-left: -127px;

  

 	margin-top: -72px;

}

.works  .pic ul li div:after{

	content: "+";

	font-size: 24px;

	color:#fff;

	font-weight: bold;

	position: absolute;

	left: 62px;

	opacity: 0;

	top: 35px;

	transition:.8s;

 

}

.works  .pic ul li:hover div{

	background: rgba(168,30,21,0.8);

}

.works  .pic ul li rect{

	stroke-width: 3px;

    fill: transparent;

    stroke: #fff;

    stroke-dasharray:0 800 0;

    stroke-dashoffset:0px;

    transition: .5s all ease;

}

.works  .pic ul li:hover rect{

	

	 stroke-dashoffset: -20px;

	 stroke-dasharray:750 0 0;

}	

.works  .pic ul li:hover  div:after{

	opacity: 1;

	top: 60px;

}

.works  .pic ul li div{

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	transition: .5s;

}

.works  .pic ul li:hover img{

	transform: scale(1.05);

}

.works  .pic ul li div p{

	text-align: center;

	color:#fff;

	font-size: 16px;

	color:#fff;

	text-align: center;

	margin: 0 auto;

	margin-top: 120px;

	transition: .5s;

	opacity: 0;

	max-width: 250px;

}

.works  .pic ul li div  span{

	display: block;

	text-align: center;

	color:#fff;

	font-size: 14px;

	text-align: center;

	margin-top: 25px;

	transition: .5s;

	opacity: 0;

}

.works  .pic ul li:hover div p{

	opacity: 1;

	margin-top: 110px;

}

.works  .pic ul li:hover div span{

	opacity: 1;

	margin-top: 15px;

}

 

.adv{

	width: 100%;

	height: 425px;

	background: #F5F5F5;

	margin-top: 40px;

	overflow: hidden;

}

.adv .title{

	margin-top: 40px;

}



.adv ul{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	display: flex;

	justify-content: space-between;

	margin-top: 30px;

}



.adv ul li{

	width: 285px;

	float: left;

	height: 213px;

	display: flex;

	justify-content: center;

	align-items: center;

	flex-wrap: wrap;

	flex-direction:column;

	background: #fff url(../images/adv01.png) no-repeat center;

}

.adv ul li:nth-child(2){

	background: #fff url(../images/adv01.png) no-repeat center;

}



.adv ul li:nth-child(3){

	background: #fff url(../images/adv03.png) no-repeat center;

}

.adv ul li:nth-child(4){

	background: #fff url(../images/adv04.png) no-repeat center;

}

.adv ul li h4{

	font-size: 26px;

	color: #222222;

}



.adv ul li p{

	color: #444444;

	font-size: 18px;

	margin-top: 10px;

}

 

.about{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 50px;

}

.about .pic{

	float: left;

	width: 600px;

	height: auto;

	margin-top:30px;

	overflow: hidden;

}

.about .pic img{

	display: block;

	width: 600px;

	height: 300px;

}

.about .intro{

	float: right;

	width: 560px;

	height: auto;

	overflow: hidden;

	margin-top:30px;

}

.about .intro .info{

	height: 210px;

	overflow: hidden;

}

.about .intro .info p{

	color:#1f1f1f;

	font-size: 16px;

	line-height: 30px;

	text-indent: 2em;

}

.about .intro .more{

	display: block;

	margin-top: 20px;

	width: 150px;

	height: 50px;

	background:#B61814;

	text-align: center;

	color:#fff;

	font-size: 14px;

	line-height: 50px;

	margin-top:40px;

}

 

.about .intro ul li a{

	color:#fff;

}



.data {

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 50px;

}

.data ul {

	width: 1080px;

	margin: 0 auto;

	display: flex;

	justify-content: space-between;

	align-items:flex-start;

}

.data ul li{

	float: left;

	height: auto;

	overflow: hidden;

	padding-right: 66px;

	position: relative;

}

.data ul li:after{

	content: "";

	width: 1px;

	height: 100px;

	position: absolute;

	right: 0;

	top: 50%;



	transform: translateY(-50%);

	background: #DEDEDE;

}

.data ul li p{

	color: #666666;

	text-align: center;

	font-size: 22px;

}

.data ul li b{

	color: #b61814;

	font-size: 70px;

	font-family: 'Arial';

}

.data ul li span{

	display: block;

	color: #666666;

	font-size: 18px;

	text-align: center;

}

.data ul li:last-child:after{

	width: 0;

	height: 0;

}

.data ul li:last-child{

	padding: 0;

}

.hz{

	width: 100%;

	height:442px;

	padding-top:60px;

	box-sizing: border-box;

	background: #F5F5F5;

	margin-top: 60px;

	overflow: hidden;



}

 

.hz  ul{

	height: auto;

	overflow: hidden;

	margin-top: 30px;

}

.hz  ul li{

	float: left;

	width: 192px;

	height: auto;

	margin-left: 9px;

	margin-bottom: 9px;

	overflow: hidden;

}

.hz  ul li img{

	display: block;

	width: 192px;

	height: 100px;

}



.hz  ul li:nth-child(6n-5){

	margin-left: 0;

}



.news{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-bottom: 45px;

	margin-top: 50px;

}

.news .swiper-container {

	margin-top: 40px;

	width: 100%;



}

.news .swiper-wrapper{

	flex-wrap: wrap;

	display: -webkit-box;

}

.news .swiper-slide{

	width: 580px;

	height: 160px;

	border: 1px solid #dcdcdc;

	box-sizing: border-box;

	padding: 30px;



}

.news .swiper-slide .time{

	float: left;

	width: 120px;

	height: 100px;

}

.news .swiper-slide .time b{

	width: 100%;

	height: 60px;

	display: block;

	line-height: 60px;

	background: #B61814;

	text-align: center;

	font-size: 30px;

	color: #fff;

}

.news .swiper-slide .time p{

	width: 100%;

	height: 40px;

	line-height: 40px;

	text-align: center;

	color:#fff;

	background: #999999;

	font-size: 14px;

}

.news .swiper-slide  .intro{

	float: right;

	width: 378px;

	height: auto;

	overflow: hidden;

}

.news .swiper-slide a{

	display: flex;

	justify-content: space-between;

	align-items: center;

	width: 100%;

	height: auto;

	overflow: hidden;

}

.news .swiper-slide  .intro p{

	color:#333333;

	font-size: 18px;

	width: 100%;

	 white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}

.news .swiper-slide:hover {

	border: 1px solid #B61814;

}

.news .swiper-slide:hover .intro p{

	color:#B61814;

}

.news .swiper-slide  .intro span{

	display: block;

	color:#666666;

	font-size: 13px;

	height: 48px;

	line-height: 24px;

	margin-top: 10px;

	-webkit-line-clamp:2;

	-webkit-box-orient: vertical;

	overflow: hidden;

}

.news .swiper-pagination{

	position:initial;

	margin-top: 35px;

}

.news .swiper-pagination span{

	 opacity: 1;

	 width: 40px;

	 height: 8px;

	 border-radius: 0;

	 background: #999999;

	 margin: 0 5px !important;

	 

}

.news .swiper-pagination-bullet-active{

	background: #B61814 !important;

}







.lc{

	width: 100%;

	padding:  60px 0;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	background: #F6F6F6;

	margin-top: 60px;

}

.lc ul {

	display: flex;

	justify-content: space-between;

	margin-top: 30px;



}

.lc ul li img{

	display: block;

	margin: 0 auto;

}



.lc ul p{

	color: #444444;

	font-size: 14px;

	margin-top: 10px;

	text-align: center;

}

.lc ul li{

	position: relative;

}

.lc ul li:after{

	content: "";

	width: 20px;

	height: 26px;

	position: absolute;

	right:-100px;

	top: 30px;

 	

	background: url(../images/icon01.png) no-repeat center;

}

.lc ul li:last-child:after{

	width: 0;

	height: 0;

	overflow: hidden;

}

.footer{

	width: 100%;

	height: auto;

	min-height: 317px;

	background:url(../images/bg03.jpg) no-repeat center;

 	background-size: cover;

	overflow: hidden;

	padding-bottom: 20px;

}

.links{

	width:100%;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top:30px;

	padding-bottom: 10px;

	border-bottom: 1px solid #444444;

}

.links .tit{

	width: 100%;

	height: auto;

	overflow: hidden;

}

.links .tit b{

	color:#ff201c;

	font-size: 16px;

	float: left;

	display: block;

 



}

.links .tit p{

	color:#999999;

	font-size: 16px;

	float: left;

	margin-left: 5px;

}

.links ul{

	width: 100%;

	height:60px;

	overflow: hidden;

	margin-top: 10px;

}

.links ul li{

	float: left;

	padding-right: 20px;

	line-height: 30px;

}

.links ul li a{

	color:#999999;

	font-size: 14px;

}

 

.footer a{

	color: #fff;

}

.footer .intro{

	float: left;

	margin-top: 60px;

	margin-bottom: 50px;

	width: 450px;

	height: auto;

	overflow: hidden;

}

.footer .intro p{

	color: #fff;

	font-size: 15px;

	line-height: 30px;

	margin-top: 30px;

}

.footer .fn{

	width:295px;

	float: left;

	margin-left: 160px;

	border-left: 1px solid #444;

	border-right: 1px solid #444;

	padding: 0 105px;

	margin-top: 40px;

	min-height: 205px;

	padding-bottom: 5px;

	box-sizing: border-box;

}

.footer .fn b{

	color: #fff;

	font-size: 18px;

}

.footer .fn  ul {

	height: auto;

	overflow: hidden;

	margin-top: 15px;

}

.footer .fn  ul li{

	width: 100%;

	line-height: 40px;

}

.footer .fn  ul li a{

	color: #fff;

	font-size: 15px;

	display: block;

}

.footer .fn  ul li:nth-child(2n){

	float: right;

}

.footer  .ewm{

	float: right;

	margin-top: 50px;

}

.footer .ewm img{

	display: block;

	width: 150px;

	height: 150px;

	border: 5px solid #fff;

}

.footer  .ewm p{

	text-align: center;

	color: #fff;

	font-size: 14px;

	margin-top: 10px;

}

.cr{

	width: 100%;

	height: auto;

	overflow: hidden;

	color: #999999;

	font-size: 14px;

	background: #000000;

	text-align: center;

	line-height: 65px;

}

 

.in-content{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

}



.in-content .lists{

	width: 100%;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

}

 

.in-content .lists ul li{

	float: left;

	width: 190px;

	height: 42px;

	margin-left: 12px;

	text-align: center;

	box-sizing: border-box;

	background: #fff;

	transition: .3s;

	border: 1px solid #cccccc;

	line-height: 42px;

	position: relative;

	padding: 0 5px;

	margin-bottom: 10px;

	left:32%;

}

.in-content .lists ul li:after{

	content: "";

	width: 215px;

	height: 60px;

	position: absolute;

	left: 50%;

	z-index: -1;

	top: 50%;

	opacity: 0;

	transition: .5s;

	transform: translate3d(-50%,-50%,0);

	background: url(../images/h06.png) no-repeat center bottom;

}





.in-content .lists ul li a{

	color:#666666;

	font-size: 16px;

	   white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

	display: block;

}



























.crumbs{

	width: 100%;

	height: auto;

	overflow: hidden;

	border-bottom: 1px solid #eee;

	padding-bottom: 10px;

}

.crumbs img{

	display: block;

	float: left;

}

.crumbs a{

	color:#666666;

	font-size: 14px;

	padding-right: 10px;

	padding-left: 10px;

	line-height: 18px;

	position: relative;

}

.crumbs a:after{

	content: ">";

	position: absolute;

	right: -8px;

	top: 0;

	color:#666;

	font-size: 14px;

}

.crumbs a:last-child:after{

	width: 0;

	height:0;

	overflow: hidden;

}

.about-intro{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

	color: #333;

	font-size: 16px;

	line-height: 30px;

 

}

.about-intro p{

	text-indent: 2em;

}

.in-newsList{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

	margin-bottom: 50px;

}

.in-newsList .tit{

	width: 100%;

	height: 35px;



	border-bottom: 2px solid #B61814;

}

.in-newsList .tit p{

	float: left;

	width: 125px;

	height: 35px;

	background: #B61814;

	text-align: center;

	line-height: 35px;

	color:#fff;

	font-size: 16px;

}

.in-newsList .tit a{

	float: right;

	color:#666666;

	font-size: 14px;

	margin-right: 10px;

	margin-top: 10px;

}

.in-newsList ul{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 10px;

}

.in-newsList ul li{

	width: 100%;

	position: relative;

	line-height: 35px;

	height: auto;

	overflow: hidden;

}

.in-newsList ul li:after{

	content: ">";

	position: absolute;

	left: 0;

	top: 0;

	color:#666666;

	font-size: 16px;

}

.in-newsList ul li a{

	display: block;

	margin-left: 15px;

	color: #666666;

	font-size: 16px;

	float: left;

	width: 900px;

	 white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;



}

.in-newsList ul li span{

	display: block;

	float: right;

	font-size: 12px;

	color:#666;

}

.in-newsList ul li:hover a{

	color:#B61814;

}

.cpList{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.cpList ul{

	margin-left: -20px;

}

.cpList ul li{

	float: left;

	width: 386px;

	height: auto;

	overflow: hidden;

	margin-left: 20px;

}
.cpList ul li  div{
	border: 1px solid #f1f1f1;
	box-sizing: border-box;
}

.cpList ul li img{

	display: block;

	width: 100%;
	

}

.cpList ul li p{

	width: 100%;

	line-height: 30px;

	text-align: center;

	line-height: 40px;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

	color:#1f1f1f;

	font-size: 16px;

}

.page{

	display: table;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-bottom: 50px;

	margin-top: 30px;

}

.page ul li{

	float: left;

	padding: 0 10px;

	line-height: 30px;

	border: 1px solid #ccc;

	box-sizing: border-box;

	margin: 0 3px;

}

.page ul li a{

	color:#333;

}

.page ul  .thisclass{

	background: #B61814;

	border: 1px solid #B61814;

	color:#fff;

}

.img-box{

	overflow: hidden;

}

.img-box img{

	display: block;

	transition: .5s;

}

.img-box:hover img{

	transform: scale(1.05);

}

.paging{

	width: 100%;

	height: 30px;

	margin-top: 20px;

	display: flex;

	justify-content: center;

	align-items: center;

}

.paging a{

	display: block;

	padding-right: 15px;

	padding-left: 15px;

	line-height: 30px;

	border: 1px solid #cccccc;

	color:#666666;

	font-size: 14px;

	margin-left:5px;

	margin-right:5px;

}

.paging  .on{

	background: #B61814;

	color:#fff;

	border: 1px solid #B61814;

}

.newsList{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

	min-height: 600px;

}

.newsList ul li{

	width: 100%;

	height: 115px;

	border-bottom: 1px solid #dfdfdf;

}

.newsList ul li .time{

	width: 80px;

	float: left;

	height: 80px;

	margin-top: 25px;

}

.newsList ul li .time p{

	color:#666666;

	font-size: 30px;

	height: 45px;

	font-weight: bold;

	background: url(../images/icon04.png)no-repeat center bottom;

	text-align: center;

}

.newsList ul li .time span{

	display:block;

	text-align: center;

	color: #666666;

	margin-top:5px;

	font-size: 16px;



}

.newsList ul li .info{

	width: 1070px;

	height: auto;

	overflow: hidden;

	float: right;

	margin-top: 17px;

}

.newsList ul li .info p{

	color:#1f1f1f;

	font-size: 16px;

	 white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}

.newsList ul li .info span{

	display: block;

	color:#999999;

	font-size: 14px;

	line-height: 30px;

	margin-top: 5px;

	display: -webkit-box;

	-webkit-line-clamp:2;

	-webkit-box-orient: vertical;

	overflow: hidden;

}

.newsList ul li:hover{

	background:#B61814;

}

.newsList ul li:hover .time p{

	color:#fff;

	background: url(../images/icon05.png)no-repeat center bottom;

}

.newsList ul li:hover .time span{

	color:#fff;

}

.newsList ul li:hover .info p{

	color:#fff;

}

.newsList ul li:hover .info span{

	color:#fff;

}

.worksList{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

 

.worksList .list{

	width: 100%;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

}

 

.worksList .list ul li{

	float: left;

	width: 190px;

	height: 42px;

	margin-left: 12px;

	text-align: center;

	box-sizing: border-box;

	background: #fff;

	transition: .3s;

	border: 1px solid #cccccc;

	line-height: 42px;

	position: relative;

	padding: 0 5px;

	margin-bottom: 10px;

}

.worksList .list ul li:after{

	content: "";

	width: 215px;

	height: 60px;

	position: absolute;

	left: 50%;

	z-index: -1;

	top: 50%;

	opacity: 0;

	transition: .5s;

	transform: translate3d(-50%,-50%,0);

	background: url(../images/h06.png) no-repeat center bottom;

}

.worksList .list ul li:hover{

	background: #B61814;

	border: 1px solid #B61814;

}

.worksList .list ul li:hover:after{

	opacity: 1;

}

.worksList .list ul li:hover a{

	color:#fff;

}

.worksList .list ul li:nth-child(6n-5){

	margin-left: 0;

}

.worksList .list ul li a{

	color:#666666;

	font-size: 16px;

	   white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

	display: block;

}

 







.worksList  .pic{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.worksList  .pic ul li{

	float: left;

	width: 392px;

	height: auto;

	position: relative;

	margin-left: 12px;

	margin-bottom: 12px;

	overflow: hidden;

}

.worksList  .pic ul li img{

	display: block;

	width:100%;

	transition: .5s;

}

.worksList  .pic ul li:nth-child(3n-2){

	margin-left: 0;

}

.worksList  .pic ul li svg{

 	position: absolute;

 	left: 50%;

 	top: 50%;

 	width: 255px;

 	height: 144px;

 	margin-left: -127px;

  

 	margin-top: -72px;

}

.worksList  .pic ul li div:after{

	content: "+";

	font-size: 24px;

	color:#fff;

	font-weight: bold;

	position: absolute;

	left: 62px;

	opacity: 0;

	top: 45px;

	transition:.8s;

 

}

.worksList  .pic ul li:hover div{

	background: rgba(182,24,20,0.8);

}

.worksList  .pic ul li rect{

	stroke-width: 3px;

    fill: transparent;

    stroke: #fff;

    width: 255px;

    height: 144px;

    stroke-dasharray:0 800 0;

    stroke-dashoffset:0px;

    transition: .5s all ease;

}

.worksList  .pic ul li:hover rect{

	

	 stroke-dashoffset: -20px;

	 stroke-dasharray:750 0 0;

}	

.worksList  .pic ul li:hover  div:after{

	opacity: 1;

	top: 60px;

}

.worksList  .pic ul li div{

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	transition: .5s;

}

.worksList  .pic ul li:hover img{

	transform: scale(1.05);

}

.worksList  .pic ul li div p{

	text-align: center;

	color:#fff;

	font-size: 16px;

	color:#fff;

	text-align: center;

	margin: 0 auto;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    padding: 0 5px;

    box-sizing: border-box;

	margin-top: 120px;

	transition: .5s;

	opacity: 0;

	max-width: 250px;

}

.worksList  .pic ul li div  span{

	display: block;

	text-align: center;

	color:#fff;

	font-size: 14px;

	text-align: center;

	margin-top: 25px;

	transition: .5s;

	opacity: 0;

}

.worksList  .pic ul li:hover div p{

	opacity: 1;

	margin-top: 110px;

}

.worksList  .pic ul li:hover div span{

	opacity: 1;

	margin-top: 15px;

}





.works-detail{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.works-detail .tit{

	width: 100%;

	height: 65px;

	overflow: hidden;

	border-bottom: 1px solid #cccccc;

}

.works-detail .tit h4{

	font-size: 20px;

	color:#1f1f1f;

	text-align: center;

}

.works-detail .tit div{

	display: flex;

	justify-content: center;

	margin-top: 10px;

}

.works-detail .tit p{

	float: left;

	color:#666666;

	font-size: 14px;

	margin-left: 5px;

	margin-right: 5px;

}

.works-detail  .intro{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

	color:#333;

	font-size: 16px;

	line-height: 30px;

}

.works-detail  .intro img{

	display: block;

	max-width: 100%;

	margin: 0 auto;

}

.works-detail  .intro p{

	text-indent: 2em;

}

.preview{

	width:725px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

 	margin-top: 10px;

	 

}

.smallImg{

	position:relative; 

	height:115px;

	margin-top:1px; 

	width:100%;

	overflow:hidden;

	float:left;

	margin-top:15px;

}

.scrollbutton{

	width:42px;

	height:120px;

	overflow:hidden; 

	position:relative; 

	float:left; 

	cursor:pointer; 

}

.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{

	background:url(../images/next.png) no-repeat;

	height: 115px;

}

.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{

	background:url(../images/prev.png) 

	no-repeat; 

	float:right;

	height:115px;

}



#imageMenu {

	height:120px;

	width:580px;

 

	margin-left: 20px;

	overflow:hidden; 

 

	float:left;

}

#imageMenu ul{

	height: auto;

	overflow: hidden;

	width: 400%;

}

#imageMenu li {

	width:140px; 

	height:115px;

	overflow:hidden; 

	float:left; 

	text-align:center;

	border: 1px solid #cccccc;

	margin-left:4px;

	margin-right: 4px;

}

#imageMenu li img{

	width:140px; 

	height:115px;



	cursor:pointer;

}

 

.bigImg{

	position:relative; 

	float:left; 

	width:725px;

	height:auto;

	overflow:hidden;



 

}

.bigImg .box{

	width: 6

 	margin: 14px;

	height:auto;



}

.bigImg #midimg{

	width: 725px;

	height: 430px;

 

 

}

.bigImg #winSelector{

	width:235px; 

	height:210px;

}

#winSelector{

	position:absolute; 

	cursor:crosshair; 

	filter:alpha(opacity=15); 

	-moz-opacity:0.15; 

	opacity:0.15; 

	background-color:#000; 

	border:1px solid #fff;

}

 

#bigView{

	position:absolute;

	border: 1px solid #959595; 

	overflow: hidden; z-index:9999;

}

#bigView img{

	position:absolute;

	width: 800px;

	height: 662px;

}

#close {

    width: 30px;

    height: 30px;

    background: url(../images/icon12.png)no-repeat;

    background-size: 100%;

    position: absolute;

    bottom: 12px;

    z-index: 1000000;

    right: 10px;

}

.works-intro{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

}

.works-intro .t{

	width: 100%;

	height: 35px;

	border-bottom: 2px solid #B61814;

}

.works-intro .t{

	width: 100%;

	height: 35px;



	border-bottom: 2px solid #B61814;

}

.works-intro .t p{

	float: left;

	width: 125px;

	height: 35px;

	background: #B61814;

	text-align: center;

	line-height: 35px;

	color:#fff;

	font-size: 16px;

}



.works-intro .intro{

	width: 100%;

	height: auto;

	overflow: hidden;

	min-height: 500px;

	border-bottom: 1px solid #d2d2d2;

}

.fy{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin: 60px auto;

	border-bottom: 1px dashed #ccc;

	height: 30px;

}



.fy p{

 

	height: auto;

	overflow: hidden;

	color:#333;

	font-size: 12px;

	max-width: 300px;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    font-size: 14px;

	float: left;

	margin-right: 50px;

}



.fy  a{

	color:#333;

}

.fy  a:hover {

	text-decoration: underline;

	color:#B61814;

}

.fy .return{

	font-size: 14px;

	float: right;

}

.hire{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.hire ul{

	float: left;

	width: 722px;

	height: auto;

	overflow: hidden;

}

.hire ul li{

	width: 100%;

	height: auto;

	overflow: hidden;

	border-bottom: 1px solid #cccccc;

	padding-bottom: 20px;

	margin-bottom: 20px;

}

.hire .pic{

	float: right;

	margin-top: 30px;

}

.hire .pic img{

	display: block;

}

.hire ul li h4{

	font-size: 18px;

	font-weight: bold;

	color:#f50003;

}

.hire ul li p{

	color:#1f1f1f;

	font-size: 16px;

	margin-top:10px;

}

.hire ul li span{

	display: block;

	color:#1f1f1f;

	font-size: 16px;

	line-height: 30px;

}

.video{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.video ul li{

	float: left;

	width: 555px;

	height: auto;

	overflow: hidden;

	margin-bottom: 10px;

}

.video ul li img{

	display: block;

	width: 555px;

	height: 453px;

}

.video ul li p{

	text-align: center;

	font-size: 16px;

	color:#1f1f1f;

	line-height: 40px;

}

.video ul li:nth-child(2n){

	float: right;

}



























 













.in-contact{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.in-contact .map{

	 

	width: 100%;

	margin-top: 20px;

	height: 420px;

}

.in-contact .info {

	float:left;

	margin-left: 65px;

	width: 440px;

	height: auto;

	margin-top: 30px;

}

.in-contact .info h4{

	font-size: 20px;

	color:#1f1f1f;



}

.in-contact .info p{

	color:#1f1f1f;

	font-size: 16px;

	line-height: 30px;

	margin-top: 10px;

}

.in-contact .info  img{

	display: block;

	width: 117px;

	height: 117px;

	margin-top: 20px;

}