﻿*{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;}

/*清除浮动*/

 



.main{

	width: 1200px;

	margin:0 auto;

}

.top{

	width: 100%;

	height: 40px;

	background: #eeeeee;

}

.top p{
    
	width:1200px;
	
	margin:0 auto;

	font-size: 14px;

	color:#555;

	line-height: 40px;
	
	display:block;

}

.top p span{
	
	float:right;
	color:#555;
	
}

.top p span a{ color:#555; padding:0 5px;}

.top ul{

	float: right;

	height: 40px;

	overflow: hidden;

}

.top ul li{

	float: left;

	padding-right: 10px;

	padding-left: 10px;

	line-height: 40px;

	position: relative;

}

.top ul li:after{

	content: "";

	width: 1px;

	height: 14px;

	position: absolute;

	right: 0;

	top: 50%;

	margin-top: -7px;

	background: #6d6d6d;

}

.top ul li a{

	color:#3c3c3c;

	font-size: 14px;

}

.top ul li:last-child:after{

	width: 0;

	height: 0;

	overflow: hidden;

}

.head{

	width: 100%;

	height:173px;

	overflow: hidden;

}

.head .name{

	float: left;

	margin-top: 30px;

}

.head .tel{

	float: right;

	margin-right: 45px;

	margin-top: 25px;

}

.head .ewm{

	float: right;

	margin-top: 25px;

}

.head .ewm img{

	display: block;

	width: 96px;

	height: 96px;

}

.head img {

	display: block;

}

.nav{

	width: 100%;

	height: 50px;

	background:#1c2c3c;

}

.nav ul{

	width: 1200px;

	margin:0 auto;

	height: 50px;

	overflow: hidden;

}

.nav ul li{

	float: left;

	width: 150px;

	height: 50px;

	overflow: hidden;

	text-align: center;

	line-height: 50px;

}

.nav ul li a{

	color:#fff;

	display: block;
	font-size: 16px;

}

.nav ul li:hover{

	background: #ff7e25;

}

.banner{ 

	max-width: 1920px;

	margin:0 auto; 

	overflow:hidden; 

	position:relative; 

 

}

.banner .hd{

 height:auto;

 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:15px; 

 height:15px; 

 border-radius: 50%;

 line-height:14px; 

 text-align:center; 

 cursor:pointer;

 border: 1px solid #ff7e25;

 

}

.banner .hd ul li.on{

 background:#ff7e25; 

  

}

.banner .bd{

 position:relative; 

  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; 

 left:3%; 

 top:50%;

 margin-top:-3%;

 display:block; 

 width:32px;

 height:40px;  

 filter:alpha(opacity=50);opacity:0.5;   

}

.banner .next{

 left:auto; right:3%; 

 background-position:8px 5px; 

}

.banner .next {

	font-size: 

	58px;color:#fff;

}

.banner .prev{

	font-size: 

	58px;color:#fff;

}

.banner .prev:hover,

.banner .next:hover{

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

}

.banner .prevStop{ 

	display:none;  

}

.banner .nextStop{ display:none;  

}







.item{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 60px;

}

.title p{

	color:#333333;

	font-size:32px;

	font-weight: bold;

	text-align: center;

}



.title  span{

	display: block;

	text-align: center;

	color:#999999;

	font-size: 16px;

	margin-top: 15px;

}





.item .list{

	display: table;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 35px;

}

.item .list ul li{

	float: left;

	width: 213px;

	height: 38px;

	text-align: center;

	line-height: 38px;

	border-radius: 30px;

}



.item .list ul li a{

	color:#1a1a1a;

	font-size: 15px;

}



.item .list ul li:hover{

	background: #ff7e25;

}

.item .list ul li:hover a{

	color:#fff;

}





.item  .pic{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 40px;

}

.item .pic ul {

	width: 1190px;

	margin: 0 auto;

}

.item .pic ul li{

	float: left;

	width: 285px;

	height: 308px;

	margin-left: 16px;

	margin-bottom: 18px;

}

.item .pic ul li:nth-child(4n-3){

	margin-left: 0;

}

.item  .pic ul li img{

	display: block;

	width: 285px;

	height: 190px;

}



.item  .pic ul li  div{

	width: 285px;

	height: 118px;

	box-shadow: 0 0 3px 2px #eaeaea;

}



.item  .pic ul li h4{

	width: 100%;

	height: 40px;

	border-bottom: 1px solid #eeeeee;

	line-height: 40px;

	color:#222222;

	font-size: 16px;

	text-indent: 13px;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.item  .pic ul li p{

	color:#999999;

	font-size: 13px;

	line-height: 22px;

	width: 260px;

	margin: 0 auto;

	margin-top: 15px;

	display: -webkit-box;

	-webkit-line-clamp:2;

	-webkit-box-orient: vertical;

	overflow: hidden;

}





.item .more{

	display: block;

	width: 242px;

	height: 40px;

	border: 1px solid #d2d2d2;

	border-radius: 30px;

	margin: 0 auto;

	margin-top: 40px;

	color:#999999;

	font-size: 14px;

	line-height: 40px;

	text-indent: 80px;

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

}



.section{

	width: 100%;

	height:819px;

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

	margin-top: 60px;

}



.section .bd{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	background: #2c3342;

	overflow: hidden;

}

.team{

	width: 100%;

	height: auto;

	overflow: hidden;

}

.team .tit{

	width: 350px;

	height: auto;

	overflow: hidden;

	float: left;

}



.team .focus{

	width: 840px;

	height: 400px;

	float: right;

	position: relative;

}

.team .tit img{

	display: block;

	width: 350px;

	height: 400px;

}



.team  .bd{

	width: 840px;

	height: auto;

	overflow: hidden;

	float: right;

}



.team  .bd ul li img{

	display: block;

	width: 840px;

	height: 400px;

}



.team    .prev{

	display: block;

	width:50px;

	height:50px;

	position: absolute;

	right: 25px;

	z-index: 1;

	top: 50%;

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

	margin-top: -25px;

}



.plan{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 19px;

	position: relative;

}

.plan  img{

	display: block;

}

.plan .tit{

	float: right;

}



.plan .focus{

	float: left;

	width: 840px;

}



.plan .focus ul li{

	float: left;

	width: 840px;

	height: 400px;

}



.plan    .next{

	display: block;

	width:50px;

	height:50px;

	position: absolute;

	left: 25px;

	z-index: 1;

	top: 50%;

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

	margin-top: -25px;

}





.cases{

	width: 100%;

	height: auto;

  	overflow: hidden;

	margin-top: 60px;

}

.cases .show{

	width: 100%;

	height: auto;

 	overflow: hidden;

	margin-top: 35px;



}



.cases .show .box{

	width: 800%;

}

.cases .show .pic{

	float: left;

	width: 2405px;

 

}

.cases .show .pic ul {

	height: auto;

	overflow: hidden;

	padding: 0;

}



.cases .show .pic ul li{

	float: left;

	width: 476px;

	height: 316px;

	margin-left: 5px;

	margin-top: 5px;

	position: relative;

}



.cases .show .pic ul li .bd{

	width: 100%;

	height: 100%;

	position: absolute;

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

	opacity: 0;

	left: 0;

	transition: .3s;

	top: 0;

}

.cases .show .pic ul li img{

	display: block;

	width: 476px;

	height: 316px;

}

.cases .show .pic ul li:hover .bd {

	opacity: 1;

}

.cases .show .pic ul li .bd:after{

	content: "";

	width: 440px;

	height: 280px;

	border: 1px solid #fff;

	position: absolute;

	left: 50%;

	top: 50%;

	box-sizing: border-box;

	margin-top: -140px;

	margin-left: -220px;

}



.cases .show .pic ul li .tit{

	width: 340px;

	margin: 0 auto;

	margin-top: 50px;

	padding-bottom: 20px;

	position: relative;

}

.cases .show .pic ul li .tit:after{

	content: "";

	width: 90px;

	height: 1px;

	position: absolute;

	left: 0;

	bottom: 0;

	background: #fff;

}



.cases .show .pic ul li .tit h4{

	color:#fff;

	font-size: 25px;

	 white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

	font-weight: normal;

}



.cases .show .pic ul li .tit p{

	color:#ffffff;

	font-size: 18px;

	margin-top: 5px;

	 white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.cases .show .pic ul li  span{

	display: block;

	color:#ff7e25;

	font-size: 20px;

	margin: 0 auto;

	margin-top: 20px;

	width: 340px;

}



.cases .show .pic ul li a{

	display: block;

	width: 100px;

	height: 35px;

	background: #ff7e25;

	margin-top: 25px;

	color:#fff;

	font-size: 12px;

	text-align: center;

	line-height: 35px;

	margin-left: 70px;

	position: relative;

	z-index: 100;

}



.cases .more{

	display: block;

	width: 242px;

	height: 40px;

	border: 1px solid #d2d2d2;

	border-radius: 30px;

	margin: 0 auto;

	margin-top: 40px;

	color:#999999;

	font-size: 14px;

	line-height: 40px;

	text-indent: 80px;

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

}





.honor{

	width: 100%;

	height: 550px;

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

	margin-top: 60px;

	overflow: hidden;

}

.honor .title{

	margin-top: 100px;

}



.honor .info{

	width: 960px;

	height: 114px;

	overflow: hidden;

	margin: 0 auto;

	margin-top: 35px;

}

.honor .info p{

	color:#1a1a1a;

	font-size: 14px;

	line-height: 26px;

}



.honor .more{

	display: block;

	width: 242px;

	height: 40px;

	border-radius: 30px;

	margin: 0 auto;

	margin-top: 60px;

	color:#fff;

	font-size: 14px;

	line-height: 40px;

	text-indent: 80px;

	background:#ff7e25 url(../images/more02.png) no-repeat 150px center;

}



.honor .show{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 97px;

}



.honor .show .box{

	width: 800%;

}

.honor .show .pic{

	float: left;

}

.honor .show .pic ul li{

	float: left;

	width: 290px;

	height: auto;

	margin-left: 20px;

	overflow: hidden;

}

.honor .show .pic ul li img{

	display: block;

	width: 290px;

	height: 212px;

}

.honor .show .pic ul li p{

	width: 100%;

	height: 30px;

	line-height: 30px;

	text-align: center;

	color:#333;

	font-size: 14px;

}







.column{

	width: 100%;

	height: 826px;

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

	margin-top: 60px;

	overflow: hidden;

}





.hz{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 60px;

}

.hz ul{

	margin-top: 40px;

}

.hz ul li{

	float: left;

	width: 284px;

	height: auto;

	margin-left: 21px;

	overflow: hidden;

	margin-bottom: 10px;

}

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

	margin-left: 0;

}

.hz ul li img{

	display: block;

	width: 284px;

	height: 100px;

}





.project{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 50px;

}

.project .tit{

	width: 100%;

	height: 27px;

	overflow: hidden;

	border-left: 5px solid #ff7e25;

	box-sizing: border-box;

}



.project .tit p{

	color:#333333;

	font-size: 28px;

	font-weight: bold;

	float: left;

	line-height: 27px;

	margin-left: 20px;

}



.project .tit span{

	display: block;

	color:#999999;

	font-size: 18px;

	float: left;

	margin-left: 20px;

	line-height: 27px;

}



.project ul{

	width: 1200px;

	height: auto;

	padding: 15px;

	overflow: hidden;

	border: 1px solid #cccccc;

	box-sizing: border-box;

	margin-top: 20px;

}

.project ul li{

	float: left;

	width: 278px;

	height: 185px;

	margin-left: 18px;

}

.project ul li:first-child{

	margin-left: 0;

}

.project ul li img{

	display: block;

	width: 278px;

	height: 186px;

}









.section02{

	 background: none;

	 width: 1200px;

	 margin: 0 auto;

	 height: auto;

	 margin-top: 50px;

	 overflow: hidden;

}

.news{

	width: 708px;

	height: auto;

	float: left;

	overflow: hidden;

	float: left;

}

.news .tit{

	width: 100%;

	height:38px;

	overflow: hidden;

	border-bottom: 1px solid #292d2b;

}

.news .tit p{

	color:#666666;

	font-weight: bold;

	float: left;

	height: 34px;

	font-size: 23px;

	letter-spacing: 1px;

	position: relative;

}

.news .tit p:after{

	content: "";

	width: 270px;

	height: 1px;

	position: absolute;

	left: 0;

	bottom: 0;

	background: #ff7e25;

}

.news .tit a{

	color:#666666;

	font-size: 14px;

	float: right;

	margin-top: 10px;

}

.news ul{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 10px;

}

.news ul li{

	width:100%;

	height: 75px;

	padding: 10px;

	background: #eeeeee;

	margin-top: 2px;

	overflow: hidden;

}

.news ul li span{

	display: block;

	color:#666666;

	font-size: 12px;

	width: 100px;

	height: 20px;

	overflow: hidden;

	border-bottom: 1px solid #666666;

	font-size: 12px;

}

.news ul li h3{

	width: 100%;

	font-size: 16px;

	color:#1a1a1a;

	font-weight: normal;

	margin-top:7px;

}

.news ul li  p{

	color:#666666;

	font-size: 14px;

	 white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    margin-top: 5px;

}

.news ul li:hover{

	background: #ff7e25;

}

.news ul li:hover span{

	color:#fff;

	border-bottom: 1px solid #fff;

}

.news ul li:hover h3{

	color:#fff;

}

.news ul li:hover p{

	color:#fff;

}

.msg{

	width: 460px;

	height: auto;

	overflow: hidden;

	float: right;

}

.msg .tit{

	width: 100%;

	height:38px;

	overflow: hidden;

	border-bottom: 1px solid #292d2b;

}

.msg .tit p{

	color:#666666;

	float: left;

	height: 34px;

	font-size: 23px;

	letter-spacing: 1px;

	 text-transform: uppercase;

	position: relative;

}

.msg .tit p:after{

	content: "";

	width: 270px;

	height: 1px;

	position: absolute;

	left: 0;

	bottom: 0;

	background: #ff7e25;

}

.msg .tit a{

	color:#666666;

	font-size: 14px;

	float: right;

	margin-top: 10px;

}

.msg .bd{

	width: 100%;

	height: 485px;

	background: #eee;

	margin-top: 10px;

	overflow: hidden;

}

.msg  form{

	width: 410px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

}

.msg form ul li{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-bottom: 20px;

}

.msg form ul li p{

	font-size: 15px;

	float: left;

	color:#222222;

	line-height: 40px;

}

.msg form ul li  input{

	width: 323px;

	border: 1px solid #c9c9c9;

	height: 38px;

	outline: none;

	border-radius: 5px;

	text-indent: 5px;

}

.msg form ul li  textarea{

	width: 323px;

	border: 1px solid #c9c9c9;

	resize: none;

	height: 98px;

	outline: none;

	border-radius: 5px;

	text-indent: 5px;

	padding-top: 5px;

}

.msg form .btn{

	width: 325px;

	margin: 0 auto;

	height: 40px;

	background: #ff7e25;

	display: block;

	border: none;

	color:#fff;

	font-size: 18px;

	font-weight: bold;

	margin-top: 10px;

	border-radius: 5px;

}





.links{

    width: 100%;

    height: 80px;

    background: #eeeeee;

    margin-top: 60px;

}

.links .tit{

    width: 165px;

    height: 40px;

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

    margin-top: 25px;

    float: left;

}

.links .tit p{

    color:#666666;

    font-size: 22px;

    line-height:55px;

    margin-left: 45px;

}

.links ul{

    width: 1020px;

    height: 45px;

    margin-left: 15px;

    overflow: hidden;

    margin-top:18px;

    float: left;

}

.links ul li{

    float: left;

    padding-right: 10px;

    padding-left: 10px;

    line-height: 25px;

    position: relative;

}

.links ul li a{

    color:#666666;

    font-size: 13px;

}





.footer{

	width: 100%;

	height: auto;
	padding-bottom: 70px;

	overflow: hidden;

	position: relative;

	background:url(../images/bg02.png) no-repeat center;
	background-size: auto 100%;

}





.footer .ad{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 43px;

	border-bottom: 1px solid #666666;

}





.footer .ad ul li{

	float: left;

	padding: 0 50px;

	height: auto;

	overflow: hidden;

	position: relative;

	padding-bottom: 30px;

}

.footer .ad ul li:last-child:after{

	width: 0;

	height: 0;

	overflow: hidden;

}

.footer .ad ul li:first-child{

	margin-left: 0;

}

.footer .ad ul li:after{

	content: "";

	width: 1px;

	height: 48px;

	position: absolute;

	right: 0;

	top: 50%;

	margin-top: -24px;

	background: #666666;

}

.footer .ad ul li img{

	display: block;

	margin: 0 auto;

	height: 44px;



}



.footer .ad ul li  p{

	font-size: 18px;

	color:#ffffff;

	font-weight: bold;

	text-align: center;

	margin-top: 10px;

}



.footer .ad ul li span{

	display: block;

	color:#777777;

	font-family: 'Aparajita Regular';

	text-transform: uppercase;

	text-align: center;

	margin-top: 2px;

	font-size: 12px;

}





.footer .fn{

	width: 190px;

	height: auto;

	overflow: hidden;

	float: left;

	margin-left: 25px;

	margin-top: 30px;

}

.footer .fn .tit p{

	color:#ffffff;

	font-size: 22px;

}



.footer .fn ul{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 15px;

}

.footer .fn ul li{

	width: 100%;

	height: auto;

	overflow: hidden;

	line-height: 35px;

}

.footer .fn ul li a{

	color:#fff;

	font-size:13px; 

}



.footer  a{
	color: #fff;
}





.footer  .cont{

	float: left;

	margin-left: 40px;

	margin-top: 30px;

	height: auto;

	overflow: hidden;

	width:260px;
}

.footer  .cont .tit p{

	color:#ffffff;

	font-size: 22px;

}





.footer  .cont .info{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 10px;

}





.footer  .cont .info p{

	color:#fff;

	font-size: 13px;

	line-height: 30px;

}



.footer .ewm{

	float: left;

	margin-left: 50px;

	margin-top: 30px;

}





.footer .ewm img{

	display: block;

	width: 140px;

	height: 140px;

	border: 5px solid #fff;

}



.footer .ewm p{

	width: 100%;

	height: 30px;

	line-height: 30px;

	color:#fff;

	font-size: 14px;

	text-align: center;

}



.footer .tel{

	float: right;

	margin-right: 100px;

	margin-top: 30px;

}

.footer .tel .tit {

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

	height: 27px;

}

.footer .tel .tit p{

	color:#ffffff;

	font-size: 20px;

	line-height: 27px;

	margin-left: 45px;

}



.footer .tel div{

	width: 100%;

	height: auto;

	margin-top: 10px;

	overflow: hidden;

}

.footer .tel div p{

	font-size: 13px;

	color:#fff;

}



.footer .tel div b{

	color:#ff7e25;

	font-size: 30px;

}





.footer .cr{

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 58px;

	border-top: 2px solid #ff7e25;

}



.footer .cr p{

	color:#fff;

	font-size: 13px;

	text-align: center;

	line-height: 58px;

}

.footer .cr a{

	color:#fff;

}







.float{

	position: fixed;

	right: 5px;

	bottom: 260px;

	width: 71px;

	height: 243px;

	background: #eeeeee;



}

.float ul{

	width: 40px;

	height: auto;

	overflow: hidden;

	margin: 0 auto;

	margin-top: 10px;

	margin-bottom: 10px;

}

.float ul li a{

	display: block;

	width: 100%;

	height: 100%;

	color:#666666;

}

.float ul li{

	width: 40px;

	height: 40px;

	margin-bottom: 20px;

	background: url(../images/float.png) center -10px;

}



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

	background: url(../images/float.png) center -70px;

}



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

	background: url(../images/float.png) center -130px;

}



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

	background: url(../images/float.png) center -190px;

}



 

.float ul li p{

	width: 130px;

	height: 40px;

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

	position: absolute;

	left: -130px;

	text-align: center;

	line-height: 40px;

	font-size: 14px;

	display: none;

	text-indent: -9px;

 

}

.float ul li:hover p{

	display: block;

}

.float ul li:hover img{

	display: block;

}

.float ul li  img{

	display: block;

	width: 120px;

	height: 120px;

	position: absolute;

	left: -130px;

	display: none;

	border: 2px solid #eeeeee;

}





.in-content{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin:  40px auto;

}



.left-cont{

	width: 240px;

	height: auto;

	float: left;

	overflow: hidden;

}

.left-cont .tit{

	width: 100%;

	height: 55px;

	line-height: 55px;

	background: #ff7e25;

}



.left-cont  .list{

	background: #eee;

	height: auto;

	overflow: hidden;

	padding-bottom: 10px;

}



.left-cont  .list ul {

	width: 220px;

	margin: 5px auto;

	height: auto;

	overflow: hidden;

}

.left-cont  .list ul li{

	width: 100%;

	height:35px;

	line-height:35px;

	border-bottom: 1px dashed #ccc;

}

.left-cont  .list ul li a{

	color:#333;

	font-size: 14px;

	display: block;	

	 white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}

.left-cont .tit p{

	color:#fff;

	font-size: 18px;

	text-align: center;

	line-height: 50px;

	font-weight: bold;

}





.left-cont .quick{

	width: 100%;

	height: auto;

	background: #eee;

	margin-top: 30px;

	overflow: hidden;

}

.left-cont .quick ul {

	width: 220px;

	margin:5px auto;

	height: auto;

	overflow: hidden;

}

.left-cont .quick ul li{

	width: 100%;

	height:30px;

	line-height:30px;

	margin-bottom: 5px;

	border-bottom: 1px dashed #ccc;

}

.left-cont .quick ul li a{

	color:#333;

	font-size: 14px;

	display: block;	

	 white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.left-cont .quick .info{

	width: 220px;

	margin: 10px  auto;

	height: auto;

	overflow: hidden;

}

.left-cont .quick .info p{

	color:#333;

	font-size: 14px;

	line-height: 24px;

}





.right-cont{

	float: right;

	width: 940px;

	height: auto;

	overflow: hidden;

}



.title-bar{

	width: 100%;

	height: auto;

	overflow: hidden;

	padding-bottom: 5px;

	border-bottom: 2px solid #ff7e25;

}



.title-bar h4{

	font-size: 24px;

	color:#ff7e25;

	float: left;

}



.title-bar .crumbs{

	float: right;

	margin-top: 10px;

}

.crumbs p{

	font-size: 12px;

	color:#333;

	float: left;

}



.crumbs  a{

 	padding-right: 10px;

	color:#333;

	position: relative;

	font-size: 12px;



}



.crumbs  a:after{

	content: '>';

	font-size: 14px;

	position: absolute;

	right:0px;

	top: -2px;

	color:#333;

}

.crumbs  a:last-child:after{

	width: 0;

	height: 0;

	overflow: hidden;

}
.crumbs  a:last-child{
	padding-right: 0;
}





.pic-box{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

 

.pic-box ul li{

	float: left;

	width: 300px;

	margin-bottom:10px;

	margin-left: 17px;

}

.pic-box ul li img{

	display: block;

	width: 300px;

}

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

	margin-left: 0;

}



.pic-box ul li p{

	text-align: center;

	font-size: 14px;

	color:#333;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

	line-height: 40px;

}



.page{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 30px auto;
 
}
.page  ul{
	display: table;
	margin: 0 auto;
}

.page  ul li{
	border: 1px solid #ccc;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	color:#333;
	float: left;
	margin: 0 3px;
	border-radius: 3px;
}
.page  ul li a{
	color:#333;
	
}
.page ul  .thisclass{
	background: #FF7E25;
	border: 1px solid #FF7E25;
	color:#fff;
}
 
.page  select{
	border: none;
	background: none;
	outline: none;
}

.fy{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 60px;

	float: right;

}

.fy p{

	float: left;

	font-size: 14px;

	color:#333;

}

.fy p:last-child{

	float: right;

}



.fy p a{

	color:#333;

}







.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 a{color:#333;}
.article-detailed  .intro img{

	display: block;

	max-width: 100%;

	margin: 0 auto;

}

.article-detailed  .intro p{

	color:#333;

	font-size: 16px;

	line-height: 30px;

}



.map{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

}



.map .allmap{

	width: 100%;

	height: 400px;

}



.news-list{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 5px;

}

 

.news-list ul{

	width: 100%;

}



.news-list ul li {

	width: 1180px;

}



.mssg-intro{

	width:920px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

	background: #eeeeee;

}



.mssg-intro img{

	display: block;

	float: left;

}



.mssg-intro form{

	width: 500px;

	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: 50px;

	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: 100px;

	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: 240px;

	display: block;

	height: 60px;

	float: left;

	margin-top: 20px;

	background: #ff7e25;

	outline: none;

	border: none;

	font-size: 18px;

	color:#fff;

	border-radius: 5px;

}

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

	float: right;

	background: #999;

}





.cases-list{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 15px;

}



.cases-list ul li{

	float: left;

	width: 300px;

	height: auto;

	margin-left: 20px;

	margin-top: 5px;

	position: relative;

	margin-bottom: 10px;

}

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

	margin-left: 0;

}



.cases-list ul li img{

	display: block;

	width: 300px;

}

.cases-list ul li .bd{

	width: 100%;

	height: 100%;

	position: absolute;

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

	opacity: 0;

	left: 0;

	transition: .3s;

	top: 0;

}

.cases-list ul li:hover .bd {

	opacity: 1;

}

.cases-list ul li .bd:after{

	content: "";

	width: 90%;

	height: 90%;

	border: 1px solid #fff;

	position: absolute;

	left: 50%;

	top: 50%;

	box-sizing: border-box;

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

}



.cases-list ul li .tit{

	width: 240px;

	margin: 0 auto;

 	margin-top: 30px;

 	padding-bottom: 10px;

	position: relative;

}

.cases-list ul li .tit:after{

	content: "";

	width: 90px;

	height: 1px;

	position: absolute;

	left: 0;

	bottom: 0;

	background: #fff;

}



.cases-list ul li .tit h4{

	color:#fff;

	font-size: 18px;

	 white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

	font-weight: normal;

}



.cases-list ul li .tit p{

	color:#ffffff;

	font-size: 14px;

	margin-top: 5px;

	 white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.cases-list ul li  span{

	display: block;

	color:#ff7e25;

	font-size: 16px;

	margin: 0 auto;

	margin-top: 20px;

	width: 240px;

}



.cases-list ul li a{

	display: block;

	width: 80px;

	height: 25px;

	background: #ff7e25;

	margin-top: 15px;

	color:#fff;

	font-size: 12px;

	line-height: 25px;

	text-align: center;

	margin-left: 30px;

	position: relative;

	z-index: 100;

}