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

body{min-width:1260px;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;color: white;}

a{text-decoration: none;}

li{list-style-type:none;}

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

/*清除浮动*/

     



.main{

	width: 1200px;

	margin:0 auto;

}

.head{

	width: 100%;

	height: 95px;

	background: #fff;

	position: fixed;

	z-index: 100;

	top: 0;

}

.head  .main{

	width: 1400px;

}

@media (max-width:1420px){

	.head .main{

		width: 1260px;

	}

}

.head .logo{

	float: left;

}

.head .logo  img{

	display: block;

}

.head .logo div{

	display: table-cell;

	vertical-align: middle;

	height: 95px;

}

.head .nav{

	float: right;

}

.head .nav ul li{

	float: left;

	padding: 0 20px;

	line-height:95px;

}

.head .nav ul li a{

	color:#333333;

	font-size: 16px;

}

.head .nav ul li:hover{

	background: #F48E0B;

}

.head .nav ul li:hover a{

	color:#fff;

}

.banner{ 

	max-width: 1920px;

	margin:0 auto; 

	overflow:hidden; 

	height: 100%;

	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;

 background: #fff;

 

}

.banner .hd ul li.on{

 background:#F38E0F; 

  

}

.banner .bd{

 position:relative; 

  z-index:0; 

  width: 100%; 

  height: 100%;

  overflow: hidden;

}

.banner .bd ul{

	width: 100%;

	height: 100%;

}

.banner .bd li{

 zoom:1; 

 width: 100%;

 height:100%;

 background-size: auto 100%;

 background-repeat: no-repeat;

 vertical-align:middle; 

}

.banner .bd img{

	width:100%; 

	display:block; 

}

.in-banner{

	width: 100%;

	height: auto;

	position: relative;

	overflow: hidden;

}

.in-banner .bd ul li img{

	width: 100%;

	display: block;

}



.in-banner .hd {

	position: absolute;

	bottom: 10px;

	left: 50%;

	z-index: 100;

	transform: translateX(-50%);

}

.in-banner .hd ul li{

	float: left;

	width: 50px;

	height: 5px;

	background: #fff;

	margin: 0 10px;

}

.in-banner .hd ul .on{

	background: #F38E0F;

}



.product{

	width: 100%;

	height:auto;

	overflow: hidden;

	position: relative;

}



.product-section{

	background: url(../images/bg01.jpg);

 

}



.title{

	margin-top: 97px;

	height: auto;

	overflow: hidden;

	margin-bottom: 25px;

	position: relative;

}

.title:after{

	content: "";

	width: 1070px;

	height: 1px;

	position: absolute;

	right: 0;

	bottom: 10px;

	background:#F48E0B;

}



.title div{

	float: left;

}

.title div p{

	color:#F48E0B;

	font-size: 36px;

	font-weight: bold;

}



.title div span{

	display: block;

	color:#999999;

	font-size: 22px;

	text-transform: uppercase;

}

.title a{

	float: right;

	color:#F48E0B;

	font-size: 14px;

	margin-top: 40px;

}

.img-list{

	width: 100%;

	height: auto;

	overflow: hidden;

}

.img-list ul li{

	float: left;

	width: 283px;

	height: auto;

	overflow: hidden;

	position: relative;

	margin-left: 22px;

	margin-bottom: 20px;

}

.img-list ul li:nth-child(4n-3){

	margin-left: 0;

}

.img-list ul li img{

	display: block;

	width: 283px;

	height:196px;

	transition: .5s;

}





.img-list ul li  div{

	width: 100%;

	height:100%;

	overflow: hidden;

	background: rgba(0,0,0,.8);

	position: absolute;

	transition: .5s;

 	top: 230px;

	bottom: 0;

}

 



.img-list ul li div  p{

	color:#fff;

	font-size: 20px;

	text-align: center;

	line-height: 50px;

	transition: .5s;

	 white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.img-list ul li  span{

	display: block;

	width: 36px;

	height: 36px;

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

	margin:0 auto;

	opacity: 0;

	transition: .5s;

	 

}





.img-list ul li:hover p{

	 margin-top: 60px;

}

.img-list ul li:hover span{

	opacity: 1;

}



.img-list ul li:hover div{

 	top: 0;

	overflow: hidden;

}



.img-list ul li:hover img{

	transform: scale(1.05);

}

 

/*

@media (max-height:900px){



	 

	.img-list ul li:nth-child(n+9){

		display: none;

	}

}

*/

.cases-section{

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

 

}

.cases{

	width: 100%;

	height:auto;

	overflow: hidden;

	

}



.cases .tit{

	height:70px;

	overflow: hidden;

	max-width: 1662px;

	margin: 0 auto;

 	position: relative;

	margin-top: 75px;

 	position: relative;

}

.cases .tit:after{

	content: "";

	width: 100%;

	position: absolute;

	left: 0;

	top: 50%;

	background: #F48E0B;

	height: 1px;

}

.cases .tit div{

	width: 640px;

	margin: 0 auto;

	background: #EFF2F2;

	position: relative;

	z-index: 1;

}

.cases .tit p{

	color:#F48E0B;

	font-size: 36px;

	text-align: center;

	line-height: 60px;

	position: relative;

	z-index: 10;

	font-weight: bold;

}

.cases .tit span{

	display: block;

	color:#F0E5DB;

	font-size: 60px;

	text-transform: uppercase;

	position: absolute;

	left: 0;

	top: 0;

	font-family: 'Arial';

	width: 100%;

	text-align: center;

}

 

.cases .case-list{

	width: 1200px;

	margin:0 auto;

	height: auto;

	overflow: hidden;

	 

}

.cases .case-list ul li{

	float: left;

	width: 384px;

	height: auto;

	overflow: hidden;

	position: relative;

	margin-top: 24px;

	margin-left: 24px;

}

.cases .case-list ul li:nth-child(3n-2){

	margin-left: 0;

}

.cases .case-list ul li div{

	width: 100%;

	height:100%;

	overflow: hidden;

	background: rgba(0,0,0,.8);

	position: absolute;

	transition: .5s;

 	top: 240px;

	bottom: 0;

}

.cases .case-list ul li img{

	display: block;

	width: 384px;

	height: 288px;

}





.cases .case-list ul li p{

	color:#fff;

	font-size: 20px;

	text-align: center;

	line-height: 50px;

	transition: .5s;

	 white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.cases .case-list ul li span{

	display: block;

	width: 36px;

	height: 36px;

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

	margin:0 auto;

	opacity: 0;

	transition: .5s;

	 

}





.cases .case-list ul li:hover p{

	 margin-top: 110px;

}

.cases .case-list ul li:hover span{

	opacity: 1;

}



.cases .case-list ul li:hover div{

 	top: 0;

	overflow: hidden;

}



.cases .more{

	display: block;

	width: 160px;

	height: 40px;

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

	margin:0 auto;

	margin-top: 28px;

}



.news-section{

	background: url(../images/bg06.jpg);

 

}



.news{

	width: 100%;

	height: auto;

	overflow: hidden;

}

.news .hd{

	width: 100%;

	height: auto;

	overflow: hidden;

}



.news .hd ul li{

	float: left;

	width: 130px;

	height: 36px;

	border: 1px solid #555555;

	border-radius: 15px;

	margin-right: 10px;

	line-height: 36px;

	text-align: center;

	box-sizing: border-box;

}

.news .hd ul li a{

	color:#555555;

	font-size: 14px;

}



.news .hd ul .on{

	background: #F48E0B;

	border: 1px solid #F48E0B;

}

.news .hd ul .on a{

	color:#fff;

}



.news .bd{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 25px;

}



.news .bd .part{

	width: 100%;

	height: auto;

	overflow: hidden;

}

.news .bd .part .left{

	float: left;

	width: 590px;

	height: auto;

	overflow: hidden;

}

.news .bd .part .left  .img{

	position: relative;

}

.news .bd .part .left .time{

	display: block;

	background: #F48E0B;

	position: absolute;

	width: 80px;

	height: 80px;

	right: 0;

	bottom: 0;

}

.news .bd .part .left .time b{

	text-align: center;

	color:#fff;

	font-size: 38px;

	font-family: 'Arial';

	display: block;

	margin-top: 10px;

}

.news .bd .part .left .time span{

	display: block;

	text-align: center;

	color:#fff;

	font-size: 12px;

}

.news .bd .part .left img{

	display: block;

	width: 590px;

	height: 426px;

}

.news .bd .part .left .info{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 25px;

}

.news .bd .part .left .info h4{

	color: #333333;

	 white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

	font-size: 16px;

	font-weight: normal;



}



.news .bd .part .left .info p{

	font-size: 14px;

	color:#333333;

	line-height: 26px;

	margin-top: 10px;

}

.news .bd .part .left:hover  h4{

	color:#F48E0B;

}

.news .bd .part .right{

	float: right;

	width: 555px;

	height: auto;

	overflow: hidden;

}

.news .bd .part .right ul li{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-bottom: 15px;

	padding-bottom: 15px;

	border-bottom: 1px solid #CCCCCC;

}

.news .bd .part .right ul li .time{

	display: block;

	background: #fff;

	width: 80px;

	height: 80px;

	float: left;

	 

}

.news .bd .part .right ul li .time b{

	text-align: center;

	color:#555555;

	font-size: 38px;

	font-family: 'Arial';

	display: block;

	margin-top: 10px;

}

.news .bd .part .right ul li .time p{

	display: block;

	text-align: center;

	color:#555555;

	font-size: 12px;

}



.news .bd .part .right ul li .info{

	float: right;

	width: 450px;

	height: auto;

	overflow: hidden;

}



.news .bd .part .right ul li .info h4{

	width: 100%;

	color:#333333;

	font-size: 16px;

	width: 1005;

	font-weight: normal;

	 white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.news .bd .part .right ul li .info p{

	color:#333333;

	font-size: 14px;

	line-height: 26px;

	display: -webkit-box;

	-webkit-line-clamp:2;

	-webkit-box-orient: vertical;

	margin-top: 8px;

	overflow: hidden;

}



.news .bd .part .right ul li:hover .time{

	background: #F48E0B

}



.news .bd .part .right ul li:hover .time b{

	color:#fff;

}

.news .bd .part .right ul li:hover .time p{

	color:#fff;

}





.about-section{

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

	background-size: auto 100%;

}



.about{

	width: 100%;

	height: auto;

 

}

.about .video{

	width: 1030px;

	height: 580px;

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

	position: relative;

	transition: .5s;

	z-index: 10;

}



.about .video iframe{

	width: 100%;

	height: 580px;

}




.about .video video{

	width: 100%;

	height: 580px;

}

.about .video .more{

	display: block;

	width: 180px;

	height: 46px;

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

	position: absolute;

	bottom: -23px;

	transition: .5s;

}



.about .main{

	position: relative;

	overflow: initial;

}

.about   .intro{

	float: right;

	width: 410px;

	height: 580px;

	padding: 0 48px;

	right: 0;

	z-index:100;

	top: 50px;

	transition: .5s;

	position: absolute;

	box-sizing: border-box;

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

	 

}



.about .video:hover + .intro{

	transform: translateX(260px);

}



.about .video:hover .more{

	bottom: -46px;

}

 

.about   .intro .tit{

	margin-top: 90px;

}



.about   .intro .tit img{

	display: block;

}



.about   .intro .tit p{

	color:#ffffff;

	font-size: 34px;

}



.about   .intro .info{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

	color:#fff;

	font-size: 14px;

	line-height: 28px;

	text-indent: 2em;

}



.about .main:hover .video{

	box-shadow: 0 0  15px 2px #828484;

	 

}





 

.cont-section{

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

	background-size:  auto 100%;

}



.contact{

	width: 100%;

	height: auto;

	overflow: hidden;

}



.contact .form{

	width: 510px;

	height: auto;

	overflow: hidden;

	float: left;

	margin-top: 60px;

}





.contact .form .tit p{

	color:#F48E0B;

	font-size: 34px;

	padding-bottom: 15px;

	position: relative;

}



.contact .form .tit p:after{

	content: "";

	width: 25px;

	height: 2px;

	position: absolute;

	left: 0;

	bottom: 0;

	background: #F48E0B;

}



.contact .form .tit img{

	display: block;

	margin-top: 10px;

}





.contact .form form{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 25px;

}





.contact .form form ul li{

	float: left;

	width: 227px;

	height: auto;

	overflow: hidden;

	margin-bottom: 20px;

}



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

	float: right;

}



.contact .form form ul li p{

	color:#444444;

	font-size: 14px;

}



.contact .form form ul li input{

	width: 100%;

	height: 32px;

	background: #DFDFDF;

	margin-top: 8px;

	border: none;

	outline: none;

	text-indent: 10px;

	font-family: '微软雅黑';

}

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

	float: right;

}



.contact .form form ul li:last-child{

	width: 100%;

}

.contact .form form ul li textarea{

	width: 100%;

	height: 163px;

	padding-top: 10px;

	text-indent: 10px;

	background: #DFDFDF;

	outline: none;

	border: none;

	font-family: '微软雅黑';

	margin-top: 5px;

	resize: none;

}

.contact .form form .btn{

	width: 228px;

	height: 44px;

	background: #F48E0B;

	color:#fff;

	font-size: 16px;

	outline: none;

	border: none;

	margin-top: 10px;



}



.contact .right{

	float: right;

	width: 602px;

	height: auto;

	position: relative;

	overflow: hidden;

}

.contact .right .intro{

	left: 0;

	top: 0;

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

	width: 350px;

	height: 270px;

	padding: 0 34px;

	box-sizing: border-box;

	position: absolute;

	color:#fff;

	font-size: 14px;

	line-height: 28px;

}



.contact .right .intro p{

	position: relative;

	top: 50%;

	transform: translateY(-50%);

}



.contact .right .map{

	width: 460px;

	height: auto;

	overflow: hidden;

	border: 2px solid #F48E0B;

 	float: right;

	box-sizing: border-box;

}



.contact .right .map img{

	display: block;

	width: 100%;

}





.hz-section{

	background: url(../images/bg05.jpg);

 

}

.hz{

	width: 100%;

	height: auto;

	overflow: hidden;

}

.hz .tit{

	height:70px;

	overflow: hidden;

	max-width: 1662px;

	margin: 0 auto;

 	position: relative;

	margin-top: 75px;

 	position: relative;

 	background: url(../images/title.png) no-repeat 20px center;

}

 

.hz .tit div{

	width: 680px;

	margin: 0 auto;

 	position: relative;

	z-index: 1;

}

.hz .tit p{

	color:#F48E0B;

	font-size: 36px;

	text-align: center;

	line-height: 60px;

	position: relative;

	z-index: 10;

	text-indent: -30px;

	font-weight: bold;

}

.hz .tit span{

	display: block;

	color:#F48E0B;

	opacity: .1;

	font-size: 60px;

	text-transform: uppercase;

	position: absolute;

	left: 0;

	top: 0;

	font-family: 'Arial';

	width: 100%;

	text-align: center;

	text-indent: -30px;

}

.hz ul li{

	float: left;

	width: 384px;

	height: auto;

	overflow: hidden;

	margin-left: 24px;

	margin-top: 25px;

}

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

	margin-left: 0;

}



.hz ul li img{

	display: block;

	width: 384px;

	transition: .5s;

	height: 164px;

}

.hz ul li:hover img{

	transform: scale(1.05);

}



.links{

	width: 1200px;

	margin:0 auto;

	margin-top: 60px;

	border-top: 1px solid #999999;

	padding-top: 20px;

}



.links p{

	color:#666666;

	font-size: 16px;

	float: left;

}



.links ul{

	float: right;

	width: 1050px;

	height: auto;

	overflow: hidden;

}

.links ul li{

	padding-right: 10px;

	line-height: 20px;

	float: left;
}



.links ul li a{

	color:#666666;

	font-size: 12px;

}





.in-content{

	width: 1200px;

	margin:0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 60px;

}



.left-cont{

	width: 260px;

	height: auto;

	overflow: hidden;

	float: left;

}

.left-cont .list{

	margin-bottom: 25px;

}

.left-cont .tit{

	width: 100%;

	height: 92px;

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

}





.left-cont .tit p{

	float: left;

	font-size: 20px;

	line-height: 92px;

	float: left;

	color:#fff;

	font-weight: bold;

	margin-left: 35px;

}



.left-cont .tit span{

	display: block;

	float: left;

	margin-left: 22px;

	text-transform: uppercase;

	margin-top: 50px;

	color:#fff;

}





.left-cont    ul li{

	width: 100%;

	height: 50px;

	border-bottom: 1px solid #cccccc;

	line-height: 50px;

	background: url(../images/icon02.png)no-repeat 180px center;

}



.left-cont    ul li a{

	display: block;

	margin-left: 60px;

	color:#4c4c4c;

	font-size: 16px;

	display: block;

	width: 118px;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.quick{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-bottom: 25px;

}



.quick .info{

	width: 100%;

	height: auto;

	overflow: hidden;

 

}



.quick .info h4{

	width: 100%;

	color:#4c4c4c;

	font-size: 18px;

	font-weight: normal;

	line-height: 60px;

	text-align: center;

	border-bottom: 1px solid #eaeaea;

}





.quick .info p{

	width: 100%;

	height:auto;

	border-bottom: 1px solid #eaeaea;

	color:#F48E0B;

	font-size: 18px;

	padding: 0 20px;

	box-sizing: border-box;

	line-height: 60px;

}





.quick .info span{

	color:#F48E0B;

	font-size: 18px;

	border-bottom: 1px solid #eaeaea;

	width: 100%;

	display: block;

	margin-top: 15px;

	padding: 0 20px;

	box-sizing: border-box;

	padding-bottom: 20px;

}



.right-cont{

	width: 910px;

	height: auto;

	overflow: hidden;

 	float: right;

}



.title-bar{

	width: 100%;

	background: #666666;

	height: 45px;

}





.title-bar h4{

	color:#fff;

	font-size: 14px;

	line-height: 45px;

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

	margin-left: 20px;

	padding-left: 35px;

	font-weight: normal;

	float: left;

}



.title-bar .crumbs{

	float: right;

}



.title-bar .crumbs p{

	float: left;

	color:#fff;

	font-size: 12px;

	line-height: 45px;

}



.title-bar .crumbs a{

	color:#fff;

	font-size: 12px;

	line-height: 45px;

	padding-right: 10px;

	position: relative;

}

.title-bar .crumbs a:after{

	content: ">";

	position: absolute;

	right: 0;

	top: 0;

	color:#fff;

	line-height: 15px;

}

.title-bar .crumbs a:last-child:after{

	width: 0;

	height: 0;

	overflow: hidden;

}



.pic-list{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.pic-list ul li{

	float: left;

	width: 290px;

	height: auto;

	overflow: hidden;

	margin-left: 20px;

	border: 1px solid #C7D4DA;

	box-sizing: border-box;

	margin-bottom: 20px;

	position: relative;

}

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

	margin-left: 0;

}



.pic-list ul li:hover img{

	transform: scale(1.05);

}



.pic-list ul li img{

	display: block;

	width: 290px;

	transition: .5s;

	height: 200px;

}

.pic-list ul li p{

	width: 100%;

	height: 50px;

	line-height: 50px;

	background: rgba(0,0,0,.6);

	text-align: center;

	color:#fff;

	white-space: nowrap;

	position: absolute;

	bottom: 0;

	left: 0;

    text-overflow: ellipsis;

    font-size: 16px;

    overflow: hidden;

    font-weight: normal;

}



.fy{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 50px;

	border-top: 1px solid #d2d2d2;

	border-bottom: 1px solid #d2d2d2;

}





 .fy p{

	width: 260px;

	height: 50px;

	float: left;

	line-height: 50px;

	text-align: center;

	border-left: 1px solid #d2d2d2;



}

 .fy p:first-child{

 	border: none;

 }



 .fy a{

 	color:#333333;

 	font-size: 14px;

 }



  .fy .return{

  	float: right;

  	line-height: 50px;

  	width: 140px;

  	border-left: 1px solid #d2d2d2;

  	text-align: center;

  }





.page{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 50px;

	float: left;

}

.page  ul{

	display: table;

	margin: 0 auto;

}



.page  ul li{

	border: 1px solid #ccc;

	padding: 0 11px;

	height:30px;

	line-height:30px;

	color:#333;

	float: left;

	border-radius: 3px;

	margin: 0 3px;

}

.page  ul li a{

	color:#333;

	

}

.page ul  .active{

	background: #999999;

	color:#fff;

	border: 1px solid #999999;

}

 

.page  select{

	border: none;

	background: none;

	outline: none;

}





.news-list{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.news-list ul li{

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 0 20px;

	border-bottom: 1px solid #cccccc;

	padding-bottom: 14px;

	box-sizing: border-box;

	margin-bottom: 15px;

}





.news-list ul li h4{

	float: left;

	width: 600px;

	font-size: 16px;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    color:#545254;

    line-height: 30px;

}



.news-list ul li:hover h4{

	color:#F48E0B;

}

.news-list ul li span{

	display: block;

	float: right;

	color:#999999;

	font-size: 12px;

	line-height: 30px;

}





.news-list ul li p{

	float: left;

	width: 100%;

	color:#767676;

	font-size: 12px;

	line-height: 20px;

	margin-top: 10px;

	display: -webkit-box;

	-webkit-line-clamp:2;

	-webkit-box-orient: vertical;

	overflow: hidden;



}



.article-detailed{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}





.article-detailed .tit{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-bottom: 15px;

}



.article-detailed .tit p{

	color:#333;

	font-size: 18px;

	text-align: center;

	border-bottom: 1px solid #ccc;

	height: 30px;

}



.article-detailed .tit span{

	display: block;

	color:#333;

	margin-top: 5px;

	font-size: 12px;

	text-align: center;

}



.article-detailed  .intro{

	width: 100%;

	height: auto;

	overflow: hidden;

}

.article-detailed  .intro img{

	display: block;

	max-width: 100%;

	margin: 0 auto;

}

.article-detailed  .intro p{

	color:#333;

	font-size: 16px;

	line-height: 30px;

}

.article-detailed  .intro a{

	color:#333;
}


.in-map{

	margin-top: 30px;

}

.allmap{

	width: 100%;

	height: 500px;

}





.footer{

	width: 100%;

	border-top: 1px solid #999999;

	height: auto;

	overflow: hidden;

	padding: 30px 0;

	margin-top: 50px;

}



.footer .info{

	color:#999999;

	font-size: 26px;

	font-weight: bold;

	line-height: 34px;

	text-align: center;

	height: auto;

	overflow: hidden;

}

.footer .cr{

	width: 100%;

	height: auto;

	overflow: hidden;

	text-align: center;

	color:#999999;

	font-size: 14px;

	margin-top: 10px;

}





@media (max-height:900px){



 

	.img-list ul li:nth-child(n+9){

		display: none;

	}

	.cases .case-list ul li:nth-child(n+4){

		display: none;

	}

 

 	.cases .more{

 		margin-top: 40px;

 	}



	.news .bd .part .left{

		width: 426px;

	}

	.news .bd .part .left img{

		width: 426px;

		height: 320px;

	}

	.news .bd .part .right{

		width: 720px;

	}

	.news .bd .part .right ul li .info{

		width:615px;

	}



	.news .bd .part .left .info p{

		display: -webkit-box;

		-webkit-line-clamp:2;

		-webkit-box-orient: vertical;

		overflow: hidden;

	}



	.news .bd .part .right ul li:nth-child(5){

		display: none;

	}



	.about .video{

		height: 540px;

	}

	.about .video iframe{

		height: 540px;

	}

	.about   .intro{

		top: 40px;

	}

	.hz ul li:nth-child(n+7){

		display: none;

		height: 380px;

	}

	.contact .form form ul li textarea{

		height: 150px;

	}

	.links{

		margin-top:30px;

	}

	.contact .right .intro{

		top: 90px;

	}





}







.mssg-intro{

	width:100%;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

	background: #eeeeee;

}



.mssg-intro img{

	display: block;

	float: left;

}



.mssg-intro form{

	width: 490px;

	float: left;

	margin-left: 30px;

	margin-top: 30px;

}



.mssg-intro form ul li{

	width: 100%;

	height:auto;

	overflow: hidden;

	border: 1px solid #d2d2d2;

	margin-bottom: 15px;

	background: #fff;

	border-radius: 5px;

}

.mssg-intro form ul li input{

	height: 45px;

	border: none;

	width: 100%;

	outline: none;

	text-indent: 10px;

	color:#999999;

	font-size: 16px;

	background: none;

	font-family: '微软雅黑' ;

}



.mssg-intro form ul li textarea{

	width: 500px;

	height:90px;

	border: none;

	outline: none;

	font-family: '微软雅黑' ;

	resize: none;

	background: none;

 	text-indent: 10px;

	padding-top: 10px;

	color:#999;

	font-size: 16px;

}



.mssg-intro form .btn input{

	width: 230px;

	display: block;

	height: 50px;

	float: left;

	margin-top:10px;

	background:#666666;

	outline: none;

	border: none;

	font-size: 18px;

	color:#fff;

	border-radius: 5px;

}

.mssg-intro form .btn input:last-child{

	float: right;

	background: #999;

}