/* CSS Document */

*{text-overflow: ellipsis;word-break:break-all;}
body{
	margin: auto;

	font-size: 14px;
	line-height: 2;
	color: #666666;
	min-width:1250px; background-color:#FFFFFF;

}
body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,p,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px;}
img,input,button,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none; vertical-align:middle} 
ol,ul,li{list-style:none; margin:0; padding:0} 
h1,h2,h3,h4,h5,h6,p,em,i,b,em{word-wrap:break-word;font-style:normal; font-weight:normal; margin:0; padding:0}

div,ul,li,span,i,a,h1,h2,h3,h4,h5,h6,img,input,submit,textarea{box-sizing:border-box}
p{ font-size:15px; line-height:26px;}


@font-face {   
   font-family: 'fontAnt';   
   src: url('font/Antoniobold.eot');   
   src: url('font/Antoniobold.eot?#iefix') format('embedded-opentype'),         
		url('font/Antoniobold.woff') format('woff'),         
	    url('font/Antoniobold.ttf') format('truetype'),         
		url('font/Antoniobold.svg#NeuesBauenDemo') format('svg');   
  font-weight: normal;   
  font-style: normal;  
}
@font-face {   
   font-family: 'fontSyst';   
   src: url('font/SourceHanSerifCNBold.eot');   
   src: url('font/SourceHanSerifCNBold.eot?#iefix') format('embedded-opentype'),         
		url('font/SourceHanSerifCNBold.woff') format('woff'),         
	    url('font/SourceHanSerifCNBold.ttf') format('truetype'),         
		url('font/SourceHanSerifCNBold.svg#NeuesBauenDemo') format('svg');   
  font-weight: normal;   
  font-style: normal;  
}

table{
border-collapse: collapse;
}
a{
color: #000000;
text-decoration: none;	text-decoration: none;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}

a:hover{
	color: #1771c7;
}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img[align="left"]{ margin-right:10px;}
img[align="right"]{ margin-left:10px;}
ul,li,p,dl,dt{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div,span{text-overflow: ellipsis;}
@-webkit-keyframes mycolor{
		0%{
				
				}
				30%{
		
					transform: rotate(90deg);
					
				}
				
				60%{
		
					transform: rotate(270deg);
					
				}
				
				100%{
			
					transform: rotate(360deg);
				
				}
	}

.clear{ clear:both}
/*垂直居中*/
.center{ display: flex;
    justify-content:center;
    align-items:Center;}
/*图片放大*/
.fd img{    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;}
.fd:hover img{    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);}

.fl{ float:left}
.fr{ float:right}
.box{
	width:1600px;
	margin:auto;
	min-width:1250px;

}





.app_header{ display:none;border-top-style: solid;
border-top-color: rgba(0,0,0,0.3);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,255,255,0.3);}


.app_top{width:100%;height:112px; float:left; display:none}

.app_top2{width:100%;height:112px; float:left;}
.app_top3{width:100%;height:80px; float:left;}
#menu{ z-index:22}



#top{
	background-color:#f5f5f5;
	color:#999999;
	font-size:12px;
	line-height:25px;
	text-align:left;
	width:100%;
	float:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
	font-family: "宋体";
}
#top,#top a{color:#666666;}


#header{
	padding-top:10px;
	padding-bottom:10px;
	clear:both;
	background-color:#FFFFFF;
	border-bottom-width:1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
#header .tel{
	background-image: url(tel.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 55px;
	color: #000000; line-height:1.2; min-height:45px; margin-top:10px;
}
#header .tel .h1{}
#header .tel .h2{
	color: #CC3333;
	font-size: 20px;
	font-weight: bold;	
}
.nav{
 font-size:16px; line-height:57px; background-color:#0385D9; margin-bottom:2px;
}	

.nav ul{ float:left; width:100%;}
.nav ul li{
	width:12.5%;
	float:left;
	text-align:center;
	position: relative;
}
.nav ul li a{
	color:#ffffff;
	position: relative; display:block;
}
.nav ul li  ul li a{
	color:#323232;
	
}

.nav .box>ul> li:hover >a,.nav .box>ul> li >a.select{ background-color:rgba(0,0,0,0.2);}
.nav ul li ul{
	display:none;
	position: absolute;
	width: 100%;
	left: 0px;
	top: 55px;
	z-index:2;
	background-color:#ffffff;
	background-color:rgba(255,255,255,0.9);
	line-height:1.5;
	font-size:14px;
	display:none;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #1771c7;
}	

.nav .box> ul >li:after{
	content:'';
	height:10px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color:rgba(255,255,255,0.2);
	border-left-color:rgba(0,0,0,0.2);
	position: absolute;
	left: -1px; top:50%; margin-top:-5px;
}
.nav .box > ul >li >a:hover:after,.nav .box > ul >li >a.select:after{
	content:'';
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #1771c7;
	position: absolute;
	width: 2em;
	left: 50%; margin-left:-1em;
	bottom: -10px;
}
.nav .box > ul >li:nth-child(1):after{ display:none}
.nav ul li:hover ul{ display:block}
.nav ul li ul li{ width:100%; }
.nav ul li ul li a{
	display:block;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: rgba(0,0,0,0.1);
	border-bottom-color:rgba(255,255,255,0.9); padding-top:8px; padding-bottom:8px;
}
 .nav ul li ul li a:hover{ background-color:#1771c7; color:#FFFFFF}

#footnav{
	position: fixed; z-index:2;
	left: 0px;
	bottom: 0px; float:left; width:100%; background-color:rgba(12,88,113,0.8); display:none;
}
#footnav a{
	float:left;
	width:33.3333%;
	text-align:center;
	position: relative; line-height:35px; color:#FFFFFF;
}
#footnav a i{ margin-right:5px;}
#footnav a:after{ content:'';
	position: absolute;
	height: 100%;
	left: 0px;
	top: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color:rgba(0,0,0,0.2);
}
#footnav a:before{content:'';	border-left-width: 1px;
	border-left-style: solid;
	border-left-color:rgba(255,255,255,0.1);
	position: absolute;
	height: 100%;
	right: 0px;
	top: 0px;
}

#foott1{ background-color:#1771c7; clear:both; padding-top:20px;padding-bottom:0px; margin-top:20px;}
#foott1:after{
	content:'';
	left:50%;
	border-left: 35px solid rgba(0,0,0,0);
	border-right: 35px solid rgba(0,0,0,0);
	border-bottom: 35px solid rgba(0,0,0,0);
	border-top: 20px solid #ffffff;
	position: absolute;
	z-index: 2;
	top: 0px;
}
.links:after{
	content:'';
	left:50%;
	border-left: 35px solid rgba(0,0,0,0);
	border-right: 35px solid rgba(0,0,0,0);
	border-bottom: 35px solid rgba(0,0,0,0);
	border-top: 20px solid #85b308;
	position: absolute;
	z-index: 2;
	bottom: -55px;
}
#foott1,#foott1 a{ color:#ffffff;}
.footnavs{
	text-align:center;
	border: 1px solid rgba(255,255,255,0.2); padding-top:5px; padding-bottom:5px; margin-top:30px;
}
.footnavs a{
	text-align:center;
	display:inline-block;
	padding-left:30px;
	padding-right:30px;
	position: relative;
	
}
.footnavs a:after{
	content:'';
	width:3px;
	height:1px;
	float: left;
	margin-top: -0.5px;
	position: absolute;
	left: 0px;
	top: 50%; background-color:#FFFFFF;
}
.footnavs a:nth-child(1):after{ display:none}
#foott1 .copys{ clear:both; padding-top:10px; padding-bottom:10px; text-align:center; font-size:12px;}
/*
#foott1 .copys .left{ float:left;}
#foott1 .copys .right{ margin-left:250px; padding-top:20px;}*/
/*内页底部*/
.pagination{ clear:both; text-align:center; padding-top:20px;}
.pagination li{
	display:inline-block;
	border: 1px solid #dddddd;
	padding-left:12px;
	padding-right:10px;
	margin: 0px; overflow:hidden; background-color:#FFFFFF;
}

.pagination li+li{
	border-left-style: none;
}
.pagination li:first-child+li{border: 1px solid #dddddd;border-radius:3px 0 0 3px;}
.pagination li:last-child,.pagination li:first-child{border: 1px solid #dddddd;border-radius:3px;}
.pagination li:nth-last-child(2){border-radius:0 3px 3px 0;}
.pagination li.disabled{}
.pagination li.active{ background-color:#1771c7; color:#FFFFFF}

.pagination li a{ color:#333333}




/*首页*/	
#flash{ overflow:hidden;}
#flash .pagination{ display:none}


.pro{ background-color:#F4F4F4; padding-top:40px; padding-bottom:40px;}
.pro  *{ max-width:100%;}
.pro .left{ float:left; width:320px; background-color:#FFFFFF;}
.pro .left .h1{
	background-color: #1771c7;
	color: #FFFFFF;
	padding-left: 30px;
	line-height: 55px; font-size:24px;
}
#left .h2{
	background-color: #1771c7;
	color: #FFFFFF;

	line-height: 55px; font-size:24px; text-align:center
}
.pro .left .prosort,#left .leftdh{
	padding: 10px;
	border: 2px solid #1771c7;
}
.pro .left .prosort ul{}
.pro .left .prosort ul li,#left .leftdh ul li{

	margin-bottom: 5px;
}
.pro .left .prosort ul a,#left .leftdh ul li a{ padding-left:20px; color:#FFFFFF; display:block; padding-bottom:10px; padding-top:10px; line-height:1.2; font-size:12px; background-color:#0290F2;	/*background-image: url(proli.jpg);
	background-repeat: repeat-x;
	background-position: center top;*/}
.pro .right{ margin-left:340px;}
.pro .etitle{ text-align:center; font-size:36px; color:#000000; padding-bottom:40px;}
.pro .etitle b{ font-weight:lighter;}

.pro .econtent{ }
.pro .econtent .picli{ float:left; width:24%; margin-left:1.3%; overflow:hidden}

.pro .econtent .picli .img{
	text-align:center;
	overflow:hidden;
	padding:2px;
	box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; 	background-color: #FFFFFF;
	border: 1px solid #dddddd; max-height:270px; min-height:270px;
	 display: flex;
    justify-content:center;
    align-items:Center;
}
.pro .econtent .picli .img a{ overflow:hidden; display:block;}
.pro .econtent .picli .ntitle{
	text-align: center;
	white-space: nowrap;
	overflow: hidden; line-height:45px; font-size:14px;
}
.pro .econtent .picli:nth-child(4n+1){ margin-left:0px;}


.pro .left .more{ padding-top:10px; text-align:center}
.pro .left .more a{
	border: 1px solid #dddddd; display:block; color:#666666; background-color:#FFFFFF; line-height:3;
}
.pro .left .more a:hover{ background-color:#1771c7; color:#FFFFFF}


.youshi{ background-color:#ffffff; padding-bottom:80px;}
.youshi *{ max-width:100%;}
.youshi .item3{ background-color:#F6F6F8}
.hz{
	background-image: url(hzbg.jpg);
	background-repeat: no-repeat;
	background-position: center top; background-size:100% 100%; padding-top:50px; padding-bottom:100px; text-align:center; color:#FFFFFF;
}
.hz *{ max-width:100%;}
.hz .h1{ font-size:42px;}
.hz .h2{ font-size:16px;}
.hz .img{ padding-top:40px;}



.about{
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	float:left;
	width:100%;
	clear:both;

	position: relative;
	z-index: 1; 
}
.about .etitle{ text-align:center}
.about .etitle .h1{ color:#094B61; font-size:32px; font-weight:bold;}
.about .etitle .h1 span{ display:inline-block; position:relative;}
.about .etitle .h1 span:after{
	content:'';
	background-image: url(at2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	height: 7px;
	width: 58px;
	position: absolute;
	top: 50%;
	right: -68px; z-index:2; margin-top:-3.5px;
}
.about .etitle .h1 span:before{
	content:'';
	background-image: url(at1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	height: 7px;
	width: 58px;
	position: absolute;
	top: 50%;
	left: -68px; z-index:2; margin-top:-3.5px;
}
.about .etitle .h2{ font-size:18px; color:#333333;}

.about .box{
	background-color:#ffffff;
	position: relative;  padding-top:0px; width:1250px; max-width:100%;
	box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box;
}
.about .img{
	float:left;
	width:48%;
	overflow:hidden; 
}
.about .img img{ width:100%;}
.about .right{
	float:right;
	width:50%; padding-top:30px; 

}
.about .right .h1{
	font-size: 25px;

	color:#094B61;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
.about .right .h2 span{ margin-right:10px; font-size:20px; color:#333333;}
.about .right .hc{ font-size:16px; padding-top:10px; color:#555555; }
.about .right .hc strong{
	font-size:18px;
	font-weight: lighter;
}
.about .right .more{ padding-top:50px; padding-bottom:50px; line-height:40px;}
.about .right .more a{
	font-size: 16px;
	color:#FFFFFF; background-color:#094B61; display:inline-block; margin-right:10px; padding-left:30px; padding-right:30px;border-radius:50px;
}


.about .right .img{ display:none}
.about .right *{ max-width:100%;}


.about .econtent{ background-color:#FFFFFF;box-shadow:0 0 100px rgba(200,200,200,0.3); padding:20px; clear:both; margin-top:30px;}

.about .right .h1{}
.about .right .more{}


#case{
	margin-top:50px;

}
#case .box{padding:10px; width:1200px; max-width:100%;
}
#case .etitle{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
#case .etitle b{
	font-size: 18px; margin-bottom:-1px; display:inline-block; padding-left:30px; margin-right:20px; cursor:pointer; color:#999999;
}
#case .etitle b.hover{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #094B61;
	background-image: url(ico.jpg);
	background-repeat: no-repeat;
	background-position: left center; color:#094B61; font-weight:bold;
}
#case .econtent{ padding-top:20px;}
#case .picli{
	position: relative;
}
#case .picli .img{ text-align:center; overflow:hidden;border: 1px solid #dddddd;}


#case .picli .img{
	text-align:center;
	overflow:hidden;
	padding:2px;
	box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; 	background-color: #FFFFFF;
	border: 1px solid #dddddd; max-height:220px; min-height:220px;
	 display: flex;
    justify-content:center;
    align-items:Center;
}

#case .picli .ntitle{
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px; background-color:rgba(0,0,0,0.6); text-align:center; width:100%; height:100%;display: flex;
    justify-content:center;
    align-items:center; color:#FFFFFF; font-size:18px; display:none;
}
#case .picli:hover .ntitle{ display: flex;}
#case .picli .ntitle,#case .picli .ntitle a{ color:#FFFFFF;}
#case .picli .ntitle a{ display:block; position:relative;}
#case .picli .ntitle a:before{
	content:'+';
	border-radius:100%;
	border: 2px solid #ffffff;
	text-align:center;
	width:25px;
	height:25px;
	line-height:20px;
	position: absolute;
	left: 50%;
	top: -30px; margin-left:-14.5px; font-size:25px; /*font-weight:bold;*/
}

#case .swiper-container{ display:none}
#case .swiper-container.hover{ display:block}
#case .swiper-container .swiper-button-next,
#case .swiper-container .swiper-button-prev{ 
	border: 2px solid #ffffff;border-radius:100%; height:35px; width:35px; background-size:12px; display:none
}



.news{ clear:both; background-color:#ffffff; margin-top:35px;}
.news .etitle{ text-align:center; color:#000000; font-size:36px; padding-top:40px; padding-bottom:40px; float:left; width:100%;}

.news .nleft{ float:left; width:65%; background-color:#f6f6f6;}
.news .nright{ float:right; width:34%;background-color:#f6f6f6;}
.news .title{ line-height:60px; float:left; width:100%;}
.news .title b{ float:left; font-size:20px; color:#FFFFFF; padding-left:20px; padding-right:20px; font-weight:lighter;}
.news .title a{ float:right; color:#6f6f6f; margin-right:10px; font-size:12px}
.news .nleft .title{ background-color:#e0e0e0; }
.news .nleft .title b{
	background-color:#1771c7;
	text-align:center;
	width:50%;
	padding-left:0px;
	padding-right:0px;
	position: relative;
}
.news .nleft .title b:after{
	content:'';
	left:50%;
	top:60px;
	border-left: 5px solid rgba(0,0,0,0);
	border-right: 5px solid rgba(0,0,0,0);
	border-bottom: 5px solid rgba(0,0,0,0);
	border-top: 5px solid #1771c7;
	position: absolute;	
}
.news .nright .title{ background-color:#0C5871}
.news .nright .title a{ color:#FFFFFF}
.news .econtent{ padding:20px; clear:both;}

.news .nleft .econtent .picli{ float:left; width:100%;}
.news .nleft .econtent .picli .img{
	overflow:hidden;
	float:left;
	width:235px;
	background-color: #e8e8e8;
	padding: 5px;
}
.news .nleft .econtent .picli .img img{ max-width:100%; max-height:100%;}
.news .nleft .econtent .picli .img a{ display:block; overflow:hidden;}
.news .nleft .econtent .picli .right{ margin-left:255px;}
.news .nleft .econtent .picli .right .ntitle{
	font-size:18px;
	white-space: nowrap;
	overflow: hidden;
}
.news .nleft .econtent .picli .right .ntitle a{ color:#343434;}
.news .nleft .econtent .picli .right .dp{ color:#9d9d9d; font-size:14px; line-height:1.5; max-height:15em;min-height:4.5em; overflow:hidden;}
.news .nleft .econtent .picli .right .more{ padding-top:15px;}
.news .nleft .econtent .picli .right .more a{ display:inline-block; background-color:#696969; font-size:12px; padding-left:15px; padding-right:15px; color:#FFFFFF;}
.news .nleft .econtent .item{ clear:both; padding-top:20px;}
.news .nleft .econtent .item .li{
	background-color:#FFFFFF;
	float:left;
	width:100%;
	margin-top:5px;
	line-height:40px;
	background-image: url(1_r7_c4.jpg);
	background-repeat: no-repeat;
	background-position: 10px center;  margin-bottom:5px;
}
.news .nleft .econtent .item .li .ntitle{
	float:left;
	width:80%;
	overflow:hidden;
	padding-left:30px;
	white-space: nowrap;
}
.news .nleft .econtent .item .li .ntitle a{ color:#696969}


.news .nleft .econtent .item .li .date{ float:right;  text-align:right; color:#CCCCCC; padding-left:10px; padding-right:10px;}

.news .nright .econtent .picli{
	float: left;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;

	 padding-bottom:10px; padding-top:10px;
}
.news .nright .econtent .picli .ntitle{
	font-size: 16px;
	color: #343434;
	white-space: nowrap; overflow:hidden;
}
.news .nright .econtent .picli .ntitle a{color: #343434;}
.news .nright .econtent .picli .dp{ font-size:14px; color:#7c7c7c; line-height:1.5; max-height:4.5em; overflow:hidden; float:left; width:100%; margin-top:5px;}

.news .nright .econtent { min-height:380px;}

.links{
	background-color: #85b308;
	padding-top:20px;
	padding-bottom:20px;
	float:left;
	width:100%;
	clear:both;
	font-size:14px;
	margin-top:50px;
	position: relative; 
}
.links,.links a{ color:#ffffff;}
.links .title{ float:left; width:75px;}
.links .econtent{  margin-left:75px;}





/*内页*/
.bannerin{ text-align:center}
.bannerin img{ width:100%;}

.bannerin{
	clear:both;
	text-align: center;
	position: relative; margin:auto;
}
.bannerin:after{
	content:'';
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px; float:left; /*background-color:rgba(0,0,0,0.3);*/
}
.bannerin .h1{/* display:none;
*/
	text-align: center;
	position: absolute;

	width: 100%;
	left: 0px;
	top: 50%;
	color:#FFFFFF; 
	z-index:2;
	margin-top: -27px;  line-height:1.5;
}
.bannerin .h1 span{/*text-shadow:2px 2px 6px #000000;*/text-shadow:0 1px 2px rgba(0,0,0,0.6);
	display:inline-block;
	padding-left:15px;
	padding-right:15px;
	position: relative;
	border: 1px solid #ffffff; font-size:36px;border: 1px solid rgba(255,255,255,0.5);
}
/*.bannerin .h1 i{
	font-family: Arial, Helvetica, sans-serif;
	display:inline-block;
	clear:both;
	position: relative;
	font-size: 36px;
	font-style: normal;
	text-transform: capitalize; color:rgba(255,255,255,0.9);  
}
.bannerin .h1 span:before{content:'';
	float: left;
	width: 2em;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	position: absolute;
	left: 50%; margin-left:-1em;
	bottom: 0px;
}
*/




#postion{

	width: 100%;

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; margin-bottom:30px; clear:both; padding-top:20px; padding-bottom:20px;
	
}

#postion b{
	float: left;
	font-size:36px;
	/*font-weight:lighter;*/
	position: relative; padding-left:45px; color:#222222; line-height:1;
}
#postion b:after{
	width:16px;
	height:16px;
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #1771c7; content:'';
}
#postion b:before{ 	content:'';
		width:16px;
	height:16px;
	position: absolute;
	left:8px;
	top: 8px;
	background-color: #999999;}
#postion div.postion{ float:right;
	
}
#postion div,#postion div a{
	color: #999999; font-size:12px;
}
#postion div span{
	color: #CC0000;
}
#left{ width:18%; float:left;}
#right{ float:right; width:80%;}
#cms,#cms1{
	float: left;
	width: 100%;
	overflow: hidden;
	min-height:550px; 
float:left; width:100%; clear:both;
}

#cms1 *{ max-width:100%;}
#cms1 .content{ width:98%; margin:auto;

	overflow: hidden; padding-top:10px;

	padding-bottom: 10px; font-size:16px; 
}



.back a{
	background-color: #1771c7;

	padding-right: 25px;

	padding-left: 25px; color:#fff; display:inline-block;
}
.back a:hover{ background-color:#e9060f; color:#FFFFFF}

.back { text-align:right; clear:both; padding-top:10px; font-size:14px; line-height:35px;
	
}

#info{
	font-size: 12px;
	color: #999999;
	text-align: center;
}

#cms img,#cms1 img{ margin-bottom:5px; margin-top:5px;}





#cms .li{
	float: left;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #737373;
	padding-bottom: 5px;
	line-height: 32px;
	font-size: 14px;
	
}
#cms .li .ntitle{
	float: left;
	width: 80%;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	font-family: "宋体";
	text-overflow: ellipsis;

}
#cms .li .ntitle a{
	font-family: Arial, Helvetica, sans-serif;
}
#cms .li .time{
	float: right;
	width: 12%;
	color: #999999;
	font-size: 14px;
}
#cms1 .content{
	float: left;
	width: 98%;
	overflow: hidden;
	margin-top: 10px;
	padding-bottom: 10px; padding-left:1%; padding-right:1%; line-height:1.5;
}
#cms1 h1.h1{ line-height:1.2; font-weight:bold; padding-bottom:10px;color:#333333}
#cms1 #info{ color:#CCCCCC; padding-top:10px; padding-bottom:10px;}
#cms1 .content,#cms1 .content a{ color:#333333}	

#cms1 .proshow{ background-color:#FFFFFF; padding:10px;}
#cms1 .proshow .img{ float:left; width:48%;}
#cms1 .proshow .img img{ width:100%;}
#cms1 .proshow .right{ margin-left:55%; margin-right:5%; padding-top:80px;}
#cms1 .proshow .right h1.h1{ font-weight:lighter; font-size:32px; color:#000000;}
#cms1 .proshow .right .dp{ padding-top:20px;}
#cms1 .proshow + .ptitle{ /*background-color:#ffffff; */margin-top:50px; margin-bottom:20px; float:left; width:100%; line-height:80px;	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #1771c7;}
#cms1 .proshow + .ptitle b{
	padding-left:50px;
	font-size:32px;
	background-color:#1771c7;
	color:#FFFFFF;

	float:left;
	padding-right:50px;
	position: relative;
}

#cms1 .proshow + .ptitle b:after{ content:'';
 content:'';	
	right:-60px;
	top:0px; 
	border-left: 30px solid #1771c7;
	border-right: 30px solid rgba(0,0,0,0);
	border-top: 40px solid rgba(0,0,0,0);
	border-bottom: 40px solid #1771c7;
	position: absolute; z-index:11;
}

#cms .newsList{width:96%; padding:0 0 25px 0;overflow:hidden; /*background-color:#f2f2f2;*/ padding-left:2%; padding-right:2%;}
#cms .newsList li{ display:block; padding:30px 0; border-bottom:1px solid #ddd; width:100%; overflow:hidden;}
#cms .newsList li i{ display:inline-block; width:144px; height:100px; border-right:1px solid #ddd;font-family:'fontAnt'; text-align:center;vertical-align:middle;}
#cms .newsList li i h1{ font-size:40px; margin:15px 0 5px 0; line-height:40px; color:#1771c7}
#cms .newsList li i h2{ font-size:20px; background:url(bgDate.png) center no-repeat; color:#888}
#cms .newsList li span{display:inline-block;width:calc(100% - 145px); padding:0 30px; vertical-align:middle; }
#cms .newsList li span h3{ font-size:24px; font-weight:bold; margin-bottom:8px; line-height:30px;}
#cms .newsList li span h4{ line-height:26px; color:#888; font-size:15px; text-align:justify}
#cms .newsList li div{ display:inline-block; width:225px; overflow:hidden; float:right; position:relative; z-index:1}
#cms .newsList li div img{width:100%; height:150px;}
#cms .newsList li h5{ width:1px; height:150px; display:inline-block; vertical-align:middle; }
#cms .newsList li h6{ position:absolute; right:0; bottom:0;text-align:center}
#cms .newsList li h6 a{background:rgba(0,0,0,0.5); font-size:12px; color:#fff; width:40px; height:20px; line-height:20px; display:block}
#cms .newsList li h6 a:hover{background:rgba(230,0,18,0.7);}
#cms .newsList li a:hover h4{ color:#444} 
#cms .newsList li div +a span{display:inline-block;width:calc(100% - 370px); padding:0 30px; vertical-align:middle; }





#cms .list{
	width:23%;
	margin-left:2%;

	overflow:hidden;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
	padding:10px;
	background-color:#FFFFFF;
	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; -webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; 	transition:500ms;
	box-shadow:0 0 8px rgba(0,0,0,0.05);
	border: 1px solid #dddddd;
}


#cms .list:nth-child(4n+1){ clear:both; margin-left:0px;}
#cms .list  .ntitle{
	white-space: nowrap;
	overflow: hidden; padding-top:10px; padding-bottom:10px; font-size:16px;color:#333333
}
#cms .list a{ display:block}
#cms .list a:hover .ntitle { color:#ffffff}
#cms .list:hover{ background-color:#1771c7;}

#cms .list .img{ 	 
	min-height:205px; max-height:205px;_height:205px; height:205px; overflow:hidden;  text-align:center; 	position: relative;
	 display: flex;
    justify-content:center;
    align-items:Center;
}
#cms .list .img img{max-width:100%;/*min-height:205px; max-height:205px; _height:205px;*/ }


#cms .list .img a:hover img,#cms .list:hover .img  img{opacity:1; }


#cms .picli{
	float: left;
	width: 96%;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
	padding-left:1%;
	padding-right:1%;
	margin-right: 1%;
	margin-left: 1%;
}
#cms .picli:nth-child(2n+1){ clear:both}

/*#cms .picli:hover a{color: #0099FF;}*/
#cms .picli .img{

	overflow:hidden;
	padding: 2px;
	border: 1px solid #dddddd; border-radius:3px; overflow:hidden; float:left;
}
#cms .picli .img img{ width:185px; height:120px; }


#cms .picli .img+.right{ margin-left:200px;}
#cms .picli .right .dp{ float:left; width:100%; 
/*	font-family: "宋体";*/
	font-size: 12px;
	color: #666666; line-height:1.5; height:3em; overflow:hidden;
}
#cms .picli .img+ .right> .dp{ max-height:6em;}
#cms .picli .date+ .right> .dp{ height:3em;}
#cms .picli .right .ntitle{
	font-size: 16px;
	white-space: nowrap;
	float: left;
	width: 100%;
	overflow: hidden;
	padding-bottom: 5px;
}

#cms .picli .date{
	float:left;
	overflow:hidden; background-color:#999999;
	background-color:rgba(0,0,0,0.6);

	width:90px;
	height:90px;
	text-align: center;border-radius:5px; font-size:12px;
}
#cms .picli .date+.right{ margin-left:100px;}	
#cms .picli .date>span{display:block; font-size:32px;background-color:rgba(255,255,255,0.2); color:#FFFFFF; line-height:60px;}
#cms .picli .date>i{
	font-size: 14px;
	font-style: normal;
	line-height: 30px;
	color: #ffffff; display:block;
}

#cms .picli:hover{background-color:rgba(255,255,255,0.1);-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
#cms .picli:hover a{color:#ff7e27}


#cms .picli .right .ntitle{
	float: left;
	width: 80%;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;

text-overflow: ellipsis;
}
#cms .picli .ntitle a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#cms .picli .time{
	float: right;
	width: 12%;
	color: #999999;
	font-size: 12px;
}
#cms .picli .title,#cms .picli .dp{ float:left; width:100%;}
#cms .picli .dp{ font-size:12px; color:#999999; line-height:1.5;  }



/*移动端*/

#lastnews{
	background-image: url(s.jpg);
	background-repeat: repeat;
	background-position: center top;

	padding: 10px;
	float: left;
	width: 100%; line-height:35px; padding-left:50px; padding-right:50px; margin-bottom:10px;
}

#lastnews form{ float:left; width:320px; padding-top:4.5px; margin:auto;}
#lastnews form input{ width:270px; height:28px;border:none; padding-left:10px; padding-right:10px;}
#lastnews form button{ background-color:#242424; color:#FFFFFF;height:28px; border:none; width:50PX;}
#lastnews .right{ margin-left:350px;}
#lastnews .right .title{ float:left;}
#lastnews .right .econtent{
	margin-left:80px;
	white-space: nowrap;
	overflow: hidden;
}
#lastnews .right,#lastnews .right a{ color:#FFFFFF}


.protj,.lxin{padding: 0px;
	border: 1px solid #dddddd; margin-top:20px;}
.protj .etitle,.lxin .etitle{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; background-color:#f2f2f2;
}
.protj .etitle b,.lxin .etitle b{
	display:inline-block;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #1771c7; margin-bottom:-1px; padding-left:10px; padding-right:10px; font-size:14px; color:#000000; font-weight:bold
}
.protj .econtent,.lxin .econtent{ clear:both; padding:20px;}
.protj .econtent .picli{
	
	width: 80%; margin:auto; margin-bottom:20px;
}
.protj .econtent .picli *{ max-width:100%;}
.protj .econtent .picli .img{ text-align:center; overflow:hidden;}
.protj .econtent .picli .ntitle{
	white-space: nowrap;
	overflow: hidden;
}



/*在线客服*/

.online-qq{
	background-image:none!important;
	width:160px;
	background: no-repeat 50% 0;
	z-index:500;
	padding:12px 0 0;
	text-align:center; position:absolute;
	
/*	position:fixed;
	top: 20px;
	right: 10px;*/
}
.qq_content{background:#fff;font-weight:normal;box-shadow:0 0 10px #bbb;border:1px solid #eee}
.qq_content .dt{font-size:16px;font-weight:bold;color:#545454;line-height:42px;text-align:center;background:#F3F3F3 url(qq_close.png) no-repeat 95% 50%;cursor:pointer}
.qq_content dd{padding:12px}
.qq_content dd a{display:block;margin:0 0 5px}
.qq_content .tel{background:#f8f8f8;font-size:14px}
.qq_content .tel strong{font-weight:bold;color:#f00}
.qq_content .ercod{background:#fff}
.qq_content dd p{padding:.3em 0}
.qq_content dd p a{background:url(icon_qq.png) no-repeat 0 50%;padding:0 0 0 18px}
#left,#right{ margin-top:20px;}