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

}

.head{

	width: 100%;

	height:110px;

	overflow: hidden;

}

.top{

	width: 100%;

	height: 30px;

	background: #f3f8fc;

 

}

.top p{

	font-size: 13px;

	color:#000000;

	line-height: 30px;

	float: left;

}

.top ul{

	float: right;

}

.top ul li{

	float: left;

	padding-right: 10px;

	padding-left: 10px;

	line-height: 30px;

	position: relative;

}

.top ul li a{

	font-size: 13px;

	color:#333333;

}

.top ul li:after{

	content: "";

	width: 1px;

	height: 13px;

	position: absolute;

	top:9px;

	right: 0;

	background: #333333;

}

.top ul li:last-child:after{

	width: 0;

}

.head .main{

	display: flex;

	align-items:center;

	height: 110px;

	justify-content: space-between;

}

.nav{

	width: 100%;

	height: 50px;

	background: #11a3ee;

}

.nav ul{

	width: 1200px;

	margin:0 auto;

	height: 50px;

 

}

.nav ul li{

	float: left;

	width: 150px;

	height: 50px;

	position: relative;

	text-align: center;

	line-height: 50px;

}

.nav ul li:hover ul{

	display: block;

}

.nav ul li a{

	color:#fff;

	font-size: 16px;
	
	display:block;

}

.nav ul li:hover{

	background: #087ab6;

}

.nav ul ul{

	position: absolute;

	left: 0;

	width: auto;

	top:50px;

	height: auto;

	overflow: hidden;

	background: #11a3ee;

	display: none;

	z-index: 100;

}

.nav ul ul li {

	line-height: 29px;

	height: 29px;

	border-bottom: 1px dashed #fff;

}

.nav ul ul li a{

	font-size: 12px;

	 white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}

.nav ul ul li:last-child{

	margin-bottom: 10px;

}

.banner{ 

	width:100%;

	margin:0 auto; 

	overflow:hidden; 

	position:relative; 

 

}

.banner .hd{

 height:15px; 

 overflow:hidden; 

 position:absolute; 

 width: 100%;

 bottom:10px; 

 z-index:1; 

}

.banner .hd ul{

 overflow:hidden; 

 zoom:1; 

 float:left; 

 display: flex;

 justify-content: center;

 width: 100%;



}

.banner .hd ul li{

 float:left; 

 margin-right:25px;  

 width:50px; 

 height:10px; 

 line-height:14px; 

 text-align:center; 

 cursor:pointer;

 background: #e5e5e5;

 

}

.banner .hd ul li.on{

 background:#00a0e9; 

 

}

.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; 

 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;  

}

.product{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

}

.pro-list{

	width: 227px;

	height: 1283px;

	overflow: auto;

	float: left;

	border: 1px solid #11a3ee;

}

.pro-list .tit{

	width: 100%;

	height: 88px;

	overflow: hidden;

	margin-bottom: 10px;

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

}

.pro-list .tit p{

	color:#fff;

	font-size: 24px;

	font-weight: bold;

	text-align: center;

	margin-top: 20px;

}

.pro-list .tit span{

	display: block;

	color:#fff;

	font-size: 16px;

	text-align: center;

	margin-top: 2px;

}

.pro-list h4{

	width: 217px;

	height: 40px;

	background: #e8e8e8;

	text-align: center;

	line-height: 40px;

	margin: 0 auto;

	margin-bottom: 4px;

}

.pro-list .on{

	background: #11a3ee;

}

.pro-list .on a{

	color:#fff;

}

.pro-list h4 a{

	color:#333333;

	font-size: 15px;

	font-weight: normal;

}

.pro-list  ul{

	width:200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

 	

 

}

.pro-list  ul li{

	width:198px;

	height: 30px;

	line-height: 30px;

 	text-align: center;

	margin-top: 5px;

	border: 1px solid #cccccc; 

}

.pro-list  ul li:last-child{

	margin-bottom: 5px;

}

.pro-list  ul li:hover{

	border: 1px solid #11a3ee;

	 

}

.pro-list  ul li:hover a{

	color:#11a3ee;

}

.pro-list  ul li a{

  	font-size: 13px;

	color:#666666;

	display: block;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;
	
	padding: 0 10px;

 

}

 

.product .list .tel img{

	display: block;

	margin-right: 5px;

}

.product .list .tel p{

	color:#ffffff;

	font-size: 18px;

}

.product .list .tel b{

	color:#fff;

	font-size: 22px;

}

.product .pic{

	width: 955px;

	height: auto;

	overflow: hidden;

	float: right;

}

.product .pic ul {

	margin-left: -10px;

}

.product .pic ul li{

	float: left;

	width: 309px;

	height: auto;

	position: relative;

	margin-left: 10px;

	overflow: hidden;

	margin-bottom: 14px;

	border: 1px solid #e5e5e5;

}

.product .pic ul li img{

	display: block;

	width: 299px;

	height:273px;

	margin: 5px;

	margin-bottom: 0;

}

.product .pic ul li p{

	width: 100%;

	line-height:30px;

	text-align: center;

 

	color:#1f1f1f;

	font-size: 16px;

}

.product .pic ul li div{

	position: absolute;

	width: 299px;

	height:273px;

	background: rgba(76,174,222,0.8);

	left:5px;

	top:5px;

	display: none;

}

.product .pic ul li div a{

	display: block;

	width: 124px;

	height: 36px;

	background: #eb6100;

	text-align: center;

	line-height: 36px;

	color:#fff;

	font-size: 14px;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -62px;

	margin-top: -18px;

}

.product .pic ul li:hover div{

	display: block;

}

.about{

	width: 100%;

	height: 406px;

	background: #11a3ee;

	margin-top: 30px;



}

.about .pic{

	width: 52%;

	height: 406px;

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

	float: left;

}

.about .intro{

	width: 535px;

	height: auto;

	overflow: hidden;

	float: left;

	margin-left: 20px;

}

.about .intro .tit{

	position: relative;

	width: 100%;

	height: 50px;

	overflow: hidden;

	margin-top: 25px;

}

.about .intro .tit p{

	color:#fff;

	font-size:32px;

	font-weight: bold;

	position:relative;

	z-index: 11;

	margin-top: 10px;

	margin-left: 10px;

	

}

.about .intro .tit:after{

	content: "ABOUT";

	color:#5895ca;

	position: absolute;

	z-index: 1;

	left:0;

	top: 0;

	font-size: 46px;

	font-weight: bold;

}

.about .intro .info {

	width: 100%;

	height: 185px;

	margin-top: 30px;

	overflow: auto;

}

.about .intro .info p{

	color:#ffffff;

	font-size: 16px;

	line-height: 26px;

}

.about .more{

	display: block;

	width: 156px;

	font-size: 14px;

	color:#fff;

	height: 36px;

	line-height: 36px;

	text-indent: 35px;

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

	margin-top:60px;

}

.cases{

	width: 1270px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

	position: relative;

}

.cases .title {

	width: 269px;

	height: 85px;

	margin: 0 auto;

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

}

.cases .title p{

	color:#1f1f1f;

	font-size: 31px;

	text-align: center;

}

.cases .title  span{

	display: block;

	color:#c9c9c9;

	font-size: 20px;

	margin-top: 8px;

	text-align: center;

}

.cases .bd{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

}

.cases .bd ul li{

	float: left;

	width: 293px;

	height: auto;

	margin-right: 10px;

	overflow: hidden;

}

.cases .bd ul li img{

	display: block;

	width: 293px;

	height: 264px;

}

.cases .bd ul li p{

	width: 100%;

	line-height: 40px;

	text-align: center;

	color:#2f2f2f;

	font-size: 16px;

}

.cases  .next, .cases .prev{

	position: absolute;

	top: 240px;

}

.cases .prev{

	right:0;

}



.cases .more{

	display: block;

	width:157px;

	font-size: 14px;

	color:#cccccc;

	height: 36px;

	line-height: 36px;

	text-indent: 35px;

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

	margin: 0 auto;

	margin-top:20px;

}

.cases .more:hover{

	text-decoration: underline;

}

.news{

	width: 100%;

	height:364px;

	background: #0173bc;

	margin-top: 30px;

	overflow: hidden;

}

.news .title {

	width: 269px;

	height: 85px;

	margin: 0 auto;

	overflow: hidden;

	margin-top: 20px;

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

 

}

.news .title p{

	color:#fff;

	font-size: 31px;

	text-align: center;

}

.news .title  span{

	display: block;

	color:#fff;

	font-size: 19px;

	margin-top: 8px;

	text-align: center;

}

.news  ul {

	margin-top: 30px;

}

.news  ul li{

	float: left;

	width: 580px;

	height: auto;

	overflow: hidden;

	margin-top: 10px;

}

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

	float: right;

}

.news  ul li .time{

	width: 89px;

	height:53px;

 	float: left;

	text-align: center;

	border-right: 1px solid #fff;

}

.news  ul li .time p{

	color:#fff;

	font-size: 32px;

	font-weight: bold;

	text-align: center;

	margin-top: -9px;

}

.news  ul li .time span{

	display: block;

	color:#fff;

	font-size: 16px;

	margin-top: -7px;

	white-space: nowrap;

	   text-overflow: ellipsis;

	   overflow: hidden;

	text-align: center;

}

.news  ul li .info{

	width: 470px;

	height: auto;

	overflow: hidden;

	float: right;

}

.news  ul li .info p{

	color:#ffffff;

	font-size: 18px;

	white-space: nowrap;

	   text-overflow: ellipsis;

	   overflow: hidden;

}

.news  ul li .info span{

	color:#ffffff;

	font-size: 14px;

	width: 100%;

	display: block;

	overflow: hidden;

	margin-top: 3px;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.section{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

}

.messg{

	width: 590px;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

	float: left;

}

.messg .tit{

	width: 100%;

	height: auto;

	overflow: hidden;

}

.messg .tit p{

	color:#000000;

	font-size: 24px;

	float: left;

}

.messg .tit span{

	display: block;

	color:#c9c9c9;

	font-size: 18px;

	float: left;

	margin-left: 10px;

	margin-top:5px;

}

.messg form{

	width: 100%;

	height: auto;

	overflow: hidden;

}

.messg form ul li{

	margin-top: 10px;

}

.messg form ul li input{

	width: 585px;

	height: 42px;

	border: 1px solid #e5e5e5;

	color:#c1c1c1;

	font-size: 14px;

	text-indent: 10px;

}

.messg .btn{

	width: 100%;

	height: 44px;

	background:#eb6100;

	border: none;

	margin-top: 10px;

	color:#fff;

	font-size: 16px;

	border-radius: 5px;

}

.contact{

	width: 590px;

	height: auto;

	overflow: hidden;

	float: left;

	margin-top: 30px;

}

.contact .tit{

	width: 100%;

	height: auto;

	overflow: hidden;

}

.contact .tit p{

	color:#000000;

	font-size: 24px;

	float: left;

}

.contact .tit span{

	display: block;

	color:#c9c9c9;

	font-size: 18px;

	float: left;

	margin-left: 10px;

	margin-top:5px;

}

.contact .pic{

	margin-top: 10px;

}

.contact .info{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 10px;

}

.contact .info p{

	color:#2f2f2f;

	font-size: 14px;

	line-height: 24px;

}

.contact .info span{

	font-size: 18px;

}



.section .map{

	float: right;

	margin-top: 30px;

}

.section .map img{

	display: block;

}

.links{

	width: 100%;

	height: 60px;

	background: #11a3ee;

	overflow: hidden;

	margin-top: 30px;

}

 

.links .tit p{

	color:#fff;

	font-size:18px;



	font-weight: bold;

	float: left;

	height: 60px;

	line-height: 60px;

	width: 150px;

	background: #087ab6;

	text-align: center;

}

 

.links ul{

	float: left;

	width: 1040px;

	margin-top: 5px;

	height: 50px;

	margin-left: 5px;

}

.links ul li{

	float: left;

	padding-right: 10px;

	padding-left: 10px;

	line-height: 50px;

}

.links ul li a{

	color:#fff;

	font-size: 14px;

}

.footer{

	width: 100%;

	height:auto;

	background:#282828;

	position: relative;

	overflow: hidden;

	padding-bottom: 70px;

}

 



.footer .left{

	float: left;

 
	height: auto;

	overflow: hidden;

	margin-top: 40px;

}

.footer .left .name img{

	display: block;

}

.footer .left .info{

	margin-top: 20px;

}

.footer .left .info p{

	color:#999;

	font-size: 15px;

	line-height: 32px;

}



.footer .fn{

	float: left;

	width: 360px;

	padding: 0 50px;

	margin-left: 30px;

	border-left: 1px solid #4b4b4b;

	border-right: 1px solid #4b4b4b;

	height: auto;
	overflow: hidden;
	margin-top: 30px;

}

.footer .fn p{

	color:#999;
	font-size: 20px;
	font-weight:bold;

}

.footer .fn ul{

	 
	overflow: auto;

	margin-top: 10px;

}

.footer .fn ul li{

	width:49%;

	line-height: 30px;

	float: left;

}

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

	float: right;

}



.footer .fn ul li a{

	display: block;

	color:#999;

	 white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}

.footer .fn ul li a:hover{color:#fff; text-decoration:underline;}



.footer .ewm{

	float: right;

	width:150px;

	height: auto;

 	margin-top: 65px;

}

.footer .ewm img{

	display: block;

	width: 140px;

	height: 140px;

	border: 5px solid #fff;

}

.footer .ewm p{

	text-align: center;

	font-size: 15px;

	color:#555555;

	line-height: 40px;

}



.footer .cr{

	position: absolute;

	bottom: 0;

	left: 0;

	height: 37px;

	color:#666;

	width: 100%;

	background: #333333;

	text-align: center;

	line-height: 37px;

}



.footer .cr a{

	color:#666;

}



.float{

	width:auto;

	height: auto;

	overflow: hidden;

	position: fixed;

	bottom: 100px;

	right: 0;

	width: 180px;

}

.float ul li{

	width: 180px;

	margin-top: 5px;

	height:auto;

	overflow: hidden;

	margin-left: 130px;

	position: relative;

	transition: .5s;

 

}

 

.float ul li span{

	display: block;

	width: 50px;

	height: 50px;

	float: left;

}

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

	margin-left: 0;

}

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

	margin-left: 0;

}

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

	margin-left: 0;

}

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

	height: 120px;

}

.float ul li p{

	float: left;

	font-size: 16px;

	color:#fff;

	width: 130px;

	text-align: center;

 	height: 45PX;

 	line-height: 45px;

  

 	padding-top: 5px;

 	 

	font-weight: bold;

	background: #454545;

 

}

.float ul li a{

	display: block;

	line-height: 50px;

	text-align: center;

	background: #454545;

	color:#fff;

	font-size: 16px;

	font-weight: bold;

}

.float ul li:nth-child(1) span{

	background:#454545 url(../images/float01.png)no-repeat  center;

}

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

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

}

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

	background:#454545 url(../images/float03.png)no-repeat   center;

}

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

	background:#454545 url(../images/float04.png)no-repeat   center;

}

.float ul li:nth-child(5) span{

	background:#454545 url(../images/float05.png)no-repeat   center;

}

.float ul li div{

	width:130px;

	float: left;

	background: #454545;

	height: auto;

	overflow: hidden;

}

.float ul li img{

	display: block;

	width: 120px;

	height:50px;

	transition: .3s;

	float: right;

	margin: 5px;

}







/*内页*/







.inside-pages{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 40px;

	margin-bottom: 40px;

}



.inside-pages .left{

	float: left;

	width: 230px;

	height: auto;

	overflow: hidden;

}

.inside-pages .quick{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-bottom: 15px;

	margin-top: 15px;

	float: left;

}

.quick .tit{

	width: 100%;

	height: 90px;

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

	background-size: 100% auto;

}

.news-quick .tit{

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

	background-size:  100% 100%;

}



.quick .tit p{

	color:#fff;

	font-size: 18px;

	float: left;

	line-height: 90px;

	font-weight: bold;

	margin-left: 50px;

}





.quick .tit span{

	display: block;

	color:#fff;

	font-size: 12px;

	line-height: 90px;

	float: left;

	margin-left: 5px;

}



.quick ul{

	width: 100%;

	height: auto;

	overflow: hidden;

}

.quick  ul li{

	width:100%;

	box-sizing: border-box;

	height: 48px;

	border: 1px solid #dcdcdc;

	line-height: 48px;

	border-bottom: none;

	transition: .3s;

	background: url(../images/list01.png) no-repeat 15px center;

}

.quick  ul li:hover{

	background: url(../images/h01.png) no-repeat  15px center;

	box-shadow: 3px 0 0 0 #121681 inset;

}



.quick  ul li:last-child{

	border-bottom:1px solid #dcdcdc;

}



.quick  ul li a{

	display: block;

	margin-left: 20px;

	color:#555555;

	font-size: 14px;
	white-space: nowrap;
	  text-overflow: ellipsis;
	 overflow: hidden;

}









.inside-pages .right{

	width: 950px;

	height: auto;

	overflow: hidden;

	float: right;

	margin-bottom: 20px;

}

.title-bar{

	width: 100%;

	position: relative;

	margin-top: 10px;

	height: 37px;

	background: url(../images/bg01.png) repeat-x left bottom;

}

.title-bar:after{

	content: "";

	width: 10px;

	height: 20px;

	position: absolute;

	left: 0;

	top:3px;

 

	background: #555555;

}

.title-bar h4{

	font-size: 18px;

 

	margin-left: 20px;

	color:#333333;

	font-size: 18px;

	float: left;

}



.crumbs{

	float: right;

}

.crumbs p{

	color:#666;

	font-size: 13px;



}



.crumbs img{

	display: block;

	float: left;

	margin-right: 10px;

}

.crumbs p{

	float: left;



}

.crumbs a{

	color:#666;

	font-size: 13px;

	padding-right: 10px;

	position: relative;



}

.crumbs a:after{

	content: ">";

	position: absolute;

	right: 0;

	color:#666;

	font-size: 12px;

	position: absolute;

	top: 0;

}

.crumbs a:last-child:after{

	display: none;

}



.detailed{

	width: 100%;

	height: auto;

	overflow: hidden;

	min-height: 500px;

}



.mssg-intro{

	width: 100%;

	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: #11a3ee;

	outline: none;

	border: none;

	font-size: 18px;

	color:#fff;

	border-radius: 5px;

}

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

	float: right;

	background: #999;

}





.in-footer{

	width: 100%;

	height: 310px;

	background: #121681;

	overflow: hidden;

	margin-top: 30px;

}



.in-footer .fn{

	width: 100%;

	height: 40px;

	overflow: hidden;

	border-bottom: 1px solid #1e23ae;

	margin-top: 33px;

}



.in-footer .fn p{

	color:#fff;

	font-size: 20px;

	float: left;

}



.in-footer .fn  ul {

	float: left;

	width: 1080px;

	height: auto;

	overflow: hidden;

}

.in-footer .fn  ul li{

	float: left;

	padding: 0 10px;

	position: relative;

	line-height: 30px;

}



.in-footer .fn  ul li a{

	color:#fff;

	font-size: 14px;

}

.in-footer .fn  ul li:after{

	content: "";

	width: 2px;

	height: 15px;

	position: absolute;

	right: 0;

	top: 50%;

	margin-top: -7px;

	background: #fff;

}

.in-footer .fn  ul li:last-child:after{

	width: 0;

	height: 0;

	overflow: hidden;

}



.in-footer  .info{

	float: left;

	width: 680px;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}



.in-footer  .info p{

	color:#fff;

	font-size: 15px;

	line-height: 30px;

}



.in-footer  .info a{

	color:#fff;

}



.in-footer  .ewm{

	float: right;

	width: 160px;

	height: 160px;

	margin-top:20px;

}

.in-footer  .ewm img{

	display: block;

	width: 150px;

	height: 150px;

	border:5px solid #fff;

}



.cont-quick{

	width: 100%;

	height: auto;

	overflow: hidden;



}



.cont-quick .tit {

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

}

.cont-quick .tit img{

	display: block;

}



.cont-quick .tit  div{

	width: 185px;

	height: 58px;

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

	position: absolute;

	left: 0;

	top: 15px;

}



.cont-quick .tit  div p{

	color:#fff;

	font-size: 18px;

	margin-left: 40px;

	font-weight: bold;

	margin-top: 5px;

}



.cont-quick .tit  div  span{

	display: block;

	color:#fff;

	margin-left: 50px;

	font-size: 12px;

	margin-top: 5px;

}



.cont-quick .info{

	width:100%;

	box-sizing: border-box;

	padding: 0 4%;

	height: auto;

	overflow: hidden;

	border:1px solid #d2d2d2;

	padding-bottom: 10px;

	padding-top: 10px;

	border-top: none;

}



.cont-quick .info h4{

	font-size: 15px;

	color:#555555;

}



.cont-quick .info p{

	color:#555555;

	font-size: 14px;

	line-height: 26px;

	margin-top: 5px;

}





.pic-box{

	width: 100%;

	height: auto;

	overflow: hidden;

}



.pic-box  ul {

	margin-left: -15px;

}

.pic-box  ul li{

	float: left;

	border: 1px solid #dcdcdc;

	margin-top: 15px;

}



.pic-box  ul li img{

	display: block;

	width: 100%;

}



.pic-box  ul li p{

	width: 100%;

	height: 40px;

	line-height: 40px;

	text-align: center;

	color:#333333;

	font-size: 15px;

}



.pic-box  ul li img{

	display: block;

	margin-bottom: 0;

	box-sizing: border-box;

	border: 1px solid #d2d2d2;

 

}




.detail-intro .intro iframe{
	width: 750px !important;
	height: 450px !important;
	margin: 0 auto;
}

.detail-intro{

	width: 100%;

	height: auto;

	overflow: hidden;

	min-height: 500px;

	margin-top: 20px;

}

.detail-intro .tit{

	margin-bottom: 30px;

}

.detail-intro .tit p{

	color:#333333;

	font-size: 20px;

	text-align: center;

}



.detail-intro .tit span{

	display: block;
	color:#666;
	font-size: 12px;
	text-align: center;
	margin-top: 12px;
	background:#eee;
	line-height:50px;
	border-bottom: 1px solid #e0e0e0;
	

}



.detail-intro  .intro{

	width: 100%;

	height: auto;

	overflow: hidden;
	text-indent: 2em;
	

}

.detail-intro  .intro img{

	display: block;

	margin: 0 auto;

}



.detail-intro  .intro p{

	font-size: 16px;

	color:#333;

	line-height: 30px;

}



.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 a:hover{color:#11a3ee;}



  .fy .return{

  	float: right;

  	line-height: 50px;

  	width: 140px;

  	border-left: 1px solid #d2d2d2;

  	text-align: center;

  }





.page{

	display: table;

	margin: 0 auto;

	margin-top: 50px;

}

.page a{

	display: block;

	height: 40px;

	border: 1px solid #dddddd;

	text-align: center;

	line-height: 40px;

	float: left;

	padding: 0 10px;

}



.page span{

	display: block;

	height: 40px;

	border: 1px solid #dddddd;

	text-align: center;

	line-height: 40px;

	float: left;

	padding: 0 10px;

	background: #121681;

	color:#fff;

}



.page a {

	color:#666;

}

.page ul{

	float: left;

}

.page  ul li{

	float: left;

}

.thisclass {

    background: #121681;

    border: 1px solid #dddddd;

    color: #fff;



}



.cont-intro{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}



.cont-intro .intro p{

	color:#333333;

	font-size: 16px;

	line-height: 40px;

}

 



.cont-intro  .map{

	width: 100%;

	border: 3px solid #d2d2d2;

	box-sizing: border-box;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}



.cont-intro  .map .allmap{

	width: 100%;

	height: 400px;

}



.news-list{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 10px;

}





.news-list ul li{

	width: 100%;

	height: auto;

	overflow: hidden;

	border-bottom:1px solid  #d2d2d2;

	position: relative;

	margin-bottom: 20px;

	padding-bottom: 15px;

}



.news-list ul li:after{

	content: "";

	width: 10px;

	height: 10px;

	border-radius: 50%;

	line-height: 30px;

	position: absolute;

	left: 0;

	top:10px;

	background: #999999;

}

.news-list ul li h4{

	float: left;

	width: 660px;

	 white-space: nowrap;

	 line-height: 30px;

    text-overflow: ellipsis;

    overflow: hidden;

    font-size: 16px;

    color:#333333;

    font-weight: normal;

    margin-left: 20px;

}



.news-list ul li span{

	display: block;

	float: right;

	font-size: 12px;

	color:#999999;

}



.news-list ul li p{

 

 

	width: 100%;

 	
	padding-left: 20px;
	box-sizing: border-box;

	overflow: hidden;

	margin-top:5px;

	color:#666666;

	white-space: nowrap;

	font-size: 13px;

    text-overflow: ellipsis;

    overflow: hidden;

 	float: left;

}





.news-list ul li:hover h4{

	color:#121681;

}