/* CSS Document */

*{text-overflow: ellipsis;word-break:break-all;}
html{ width:100%; text-align:center}
body{
	margin: auto; position:relative;

	font-size: 16px;
	line-height: 2;
	color: #333333;
	min-width:1200px; max-width:100%; text-align:left; overflow-x:hidden; background-color:#BBBBBB;

}
body>div{ max-width:100%; overflow:hidden;}
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;}

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: #333333;
}
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.3s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;}
.fd:hover img{    transform: scale(1.2);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);}

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

}





.app_header{ display:none;}


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

	color: #ffffff; font-size:12px; line-height:30px;background-color:#2E2E2E;
}
#ttop{ background-color:#DBDBDB;}
#header{

	/*background-color: #FFFFFF;*/ float:left; width:100%; z-index:2; 

}
#header .logo{ padding-left:0px;padding-top:10px; padding-bottom:10px; }
#ttop .tel{
	background-image: url(tel.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
}
#ttop  .tel span{
	color: #F0A323;
	font-family: Impact;
	font-size: 16px; 
}

.lang{ margin-left:15px; padding-top:50px;}
.lang a{
	float:left;
	margin-right:10px;
	font-family: "宋体";
	font-size: 12px; line-height:15px;
}
.lang a img{ margin-right:5px; float:left;}
 #nav{
	float:left;
	width:100%;
	font-size:18px;

	line-height:114px;

	font-weight:200;

}
 #nav ul{ float:left; z-index:2; width:100%;}

 #nav ul li{
	
	position: relative;
}
#nav > ul> li{ float:left;  text-align:center; margin-left:2px;}
#nav > ul> li.active,#nav > ul> li.hover,#nav > ul> li:hover{ background-color:rgba(255,255,255,0.4);}

 #nav ul li a{ display:block; padding-left:22px; padding-right:22px; color:#000000;}



 #nav ul li ul{ display:none;
	position: absolute;
	width: 100%; float:left;
	left: 0px;
	top: 114px;
	background-color:#FFFFFF; background-color:rgba(255,255,255,0.9);
font-size:14px; line-height:1.2;padding:0px; 
}
 #nav ul li ul li ul{	left:100%;
	top: 0px; padding-top:0px;}

 #nav ul li ul li{
	float:left;
	width:100%;
	padding:0px;

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
 #nav ul li ul li:last-child{ border:none}
 #nav ul li ul li:hover:before{ display:none}
 #nav ul li ul li a{ display:block; padding:0px; padding-top:10px; padding-bottom:10px;}
 #nav ul li:hover> ul{display:block;}
 #nav ul li ul li a:hover{ background-color:#999999; color:#FFFFFF;}







#footnav{
	position: fixed; z-index:2;
	left: 0px;
	bottom: 0px; float:left; width:100%; background-color:rgba(0,0,0,0.6); 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.8);
}
#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;
}
#footnav a:nth-child(1):after{ display:none}

/*内页底部*/
.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:#999999; color:#FFFFFF}

.pagination li a{ color:#333333}



#footer{ background-color:#47474C; padding-top:55px; padding-bottom:20px; clear:both;}
#footer .footlogo{ float:left; width:400px; text-align:center; margin-right:20px;}
#footer .box{
	background-image: url(mapbg.jpg);
	background-repeat: no-repeat;
	background-position: left 120px;
}
#footer,#footer a{ color:#999999}
#footer .fnav{ float:left; margin-left:20px; margin-right:20px; color:#FFFFFF;}

#footer .fnav ul li a{ display:block; color:#FFFFFF; }
#footer .fnav ul ul{ display:none}

#footer .flx{ color:#FFFFFF; text-align:right; font-size:14px;}
#footer .title{ font-size:16px; padding-bottom:20px; position:relative;}
#footer .title:after{
	content:'';
	width:4em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
#footer .fnav .hc{ padding-top:40px;}
#footer .titledp{ font-size:20px;}
#footer .bigtitle{ font-size:24px;}
#footer .smalltitle{ font-size:18px;}
#footer .flx .lx{ padding-top:30px; line-height:1.5;}
.copy{ text-align:center; background-color:#47474C; clear:both  padding-top:10px; padding-bottom:10px;}
.copy .box{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #555555; font-size:14px;
}

.copy,.copy a{ color:#999999}
.copy .box{ padding-top:10px;
}

.hot{
	line-height: 56px;
	background-image: url(hotbg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
.hot .fl{}
.hot .fl .title{
	float:left;
	background-image: url(hot.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	font-weight: bold; color:#E04300;
}
.hot .fl .title+.hc{
	margin-left:100px;
	max-width:680px;
	white-space: nowrap;
	overflow: hidden;
}
/*.hot .fl .hc .ntitle{	white-space: nowrap;
	overflow: hidden; width:100%;}*/
.hot .fl .hc a{
	color:#666666;
	position: relative;
}
/*.hot .fl .hc a:after{
	content:'';
	background-color: #666666;

	width:3px;
	height:3px;
	position: absolute;
	left: -5px;
	top: 50%; margin-top:-1.5px;
}
.hot .fl .hc a:hover:after{background-color: #CC0000;}*/
.hot .fl .hc a:hover{ color:#CC0000}


.hot .search form{ float:left; padding-top:10px; }
.hot .search input{
	border: 1px solid #cccccc;
	height: 26px; float:left; margin-top:1px; padding-left:10px; padding-right:10px; width:250px;
}
.hot .search button{ float:left;
	background-image: url(searchbtn.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 28px;
	width: 50px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.etitle{
	background-image: url(etitle.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 11px; color:#000000; text-align:center; font-size:33px; margin-bottom:10px;
}
/* .more{ clear:both; padding-top:20px; text-align:center; line-height:40px;}
 .more a{
	display:inline-block;
	background-image: url(more.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 75px;
	border: 1px solid #EB9C1D; padding-left:30px;border-radius:30px;
}
 .more a:hover{ background-color:#EB9C1D; color:#ffffff;	background-image: url(morehover.png);}
 
*/
 .more{ clear:both; padding-top:20px; text-align:center; line-height:30px;}
 .more a{border-radius:30px; display:inline-block; padding-left:20px; padding-right:20px; background-color:rgba(255,255,255,0.8); color:#929292; font-size:14px;}
 .more a:hover{ background-color:#EB9C1D; color:#ffffff;}
/*产品展示*/
.pro{
	background-color:#F0F0F0;
	padding-top:20px;
	padding-bottom:20px;
	background-image: url(probg.jpg);
	background-repeat: no-repeat;
	background-position: center top; /*background-size:auto 100%;*/
}

.pro .hc{ font-size:14px; color:#666666; text-align:center; margin-top:10px;}


.pro .titledp{ font-size:14px; text-align:center; color:#3F3F3F}



.pro .econtent{margin-bottom:20px; clear:both; padding-top:50px;}

 .proli{
	text-align:center;
	float:left;
	width:23%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:10px;
	position:relative;
	box-sizing:border-box;
	background-image: url(proyy.png);
	background-repeat: no-repeat;
	background-position: center bottom; background-size:100% 23px; padding-bottom:23px;
}

.proli .img img{ width:100%; background-color:#FFFFFF;}
.proli .img{

	overflow:hidden; 
}
.proli .img>div{ overflow:hidden;}
/*.proli:hover{border: 1px solid #F1A62C;}*/
.proli .right{
	background-color: #323232; clear:both;  padding:20px; text-align:left; 
}
.proli .right  .title{
	color:#ffffff;
	white-space: nowrap;
	overflow: hidden;


	width: 100%; font-size:22px;

}

.proli .right  .moremin{ line-height:40px; text-align:left; padding-top:25px;}
.proli .right  .moremin span{
	color:#ffffff;
	display:inline-block;
	padding-left:30px;
	padding-right:60px;
	background-image: url(morehover.png);
	background-repeat: no-repeat;
	background-position: 100px center;

	border: 1px solid #EB9C1D; border-radius:30px;
}
.proli a:hover .right  .moremin span{ background-color:#EB9C1D; color:#ffffff;	background-image: url(morehover.png);}

.proli .right .dp{ color:#DBDBDB; max-height:3em;min-height:3em; line-height:1.5; overflow:hidden;}

/*案例展示*/
.case{

	background-image: url(probg2.jpg);
	background-repeat: no-repeat;
	background-position: center top; padding-top:40px; padding-bottom:60px;
}
.case .etitle{ display:none;}
.case .sorts{ float:left; width:300px; padding-top:80px;}
.case .sorts ul{ line-height:80px; text-align:center}
.case .sorts ul li{ margin-bottom:30px; background-color:rgba(0,0,0,0.8); font-size:24px;}
.case .sorts ul li a{ display:block;color:#FFFFFF}
.case .sorts ul li.hover{ background-color:#E7981F}
.case .sorts ul li.hover a{ color:#FFFFFF}
.case .econtent .tab{ display:none}
.case .econtent .tab.hover{ display:block;}
.case .econtent{ margin-left:350px; font-size:16px;}
.case .econtent .title{ text-align:center; font-size:30px; line-height:50px; padding-bottom:20px; color:#000000;}

.case .sorts .tel{
	color: #353535;
	font-size:16px;
	font-style: italic;
}
.case .sorts .tel span{
	color: #2F2F2F;
	font-size: 21px;
}
.case .econtent *{ max-width:100%;}
/*关于我们*/
.about{
	font-size:16px;
	color:#000000;
	background-image: url(aboutbg.jpg);
	background-repeat: no-repeat;
	background-position: center top; padding-bottom:60px; padding-top:40px;
}
.about .econtent{ clear:both; padding-top:30px;}


.about *{ max-width:100%;}

.about .moremin{ text-align:center}
.about .moremin a{border-radius:30px; display:inline-block; padding-left:20px; padding-right:20px; background-color:rgba(255,255,255,0.3); color:#606060; font-size:14px;}
.about .moremin a:hover{ background-color:#E7981F; color:#ffffff;}
.about .econtent{ width:1000px; max-width:100%; margin:auto;}
.about .econtent ul li{ display:inline-block; padding-left:20px; padding-right:20px;}
.about .econtent ul{ text-align:center;}



.news{ background-color:#BBBBBB; float:left; width:100%; padding-top:50px; padding-bottom:50px;}

.news .titledp{ text-align:center; font-size:14px; padding-top:10px;}
.news .titledp+.clear,.news .etitle+.clear{ height:30px;}

.news .left{ clear:both; float:left; width:390px; background-color:#AFAFAF;}
.news .left .picli{ }
.news .left .picli a{ display:block; padding:5px;}
.news .left .picli .img{ overflow:hidden;}
.news .left .picli .img img{ width:100%;}
.news .left .picli .right{ padding:5px; padding-bottom:15px; padding-top:10px;}
.news .left .picli .right .title{
	font-size:18px;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
}
.news .left .picli .right .dp{ font-size:14px; color:#616161; line-height:1.5; max-height:3em; overflow:hidden;}
.news .econtent{ margin-left:420px;}
.news .econtent .li{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; padding-top:25px; padding-bottom:25px;border-bottom-color:rgba(255,255,255,0.5);
}
.news .econtent .li .title{
	font-size:18px;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
}
.news .econtent .li .dp{ color:#6F6F6F; font-size:14px; max-height:3em; line-height:1.5; overflow:hidden;}


.flash .swiper-slide{ overflow:hidden;}
.flash .swiper-slide img{ width:1920px; margin-left:-360px;}
.flash .swiper-slide a{ display:block; width:1200px; max-width:100%; margin:auto; }
.pro,.case,.about,.news,#footer{
	clear:both;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #ffffff;
}
/*内页*/


#left{
	float:left;
	 width:270px; overflow:hidden;
}
#left .leftnav{background-color: #4C4C4C; border-radius:5px 5px 0 0; overflow:hidden;border-radius:10px;min-height:1020px; float:left; width:100%;}
.ny #left .leftnav{ min-height:0px;}
#right{ float:right; width:970px; margin-bottom:30px; }
#left .etitle{
	background-image: url(protitle.jpg);
	background-repeat: no-repeat;
	background-position: center top; font-size:28px; color:#FFFFFF; line-height:75px; text-align:center; padding-left:20px;
}
#left .sort{ background-color:#FFFFFF; margin:10px; padding:5px; min-height:300px;border-radius:5px 5px 0 0;}
#left .sort ul li a{
	display:block;
	padding:5px;
	padding-right:10px;
	padding-left:40px;
	margin-bottom:5px;
	background-image: url(li.png);
	background-repeat: no-repeat;
	background-position: 20px center;
}

#left .sort>ul>li>a{
	color:#333333;/*text-shadow: 0px 0px 3px #000000;*/

	font-size:16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}

#left .sort>ul>li:hover>a,#left .sort>ul>li.hover>a,#left .sort>ul>li.active>a{
	color:#ffffff; background-color:#DAA929;border-radius:5px;	background-image: url(lihover.png);


}

#left .sort>ul>li>ul{ padding-bottom:5px; display:none; }
#left .sort>ul>li>ul>li>a{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; display:block;	background-repeat: no-repeat;
	background-position: 210px center; padding-left:60px;
}
#left .sort>ul>li>ul>li>a:hover{
	background-image: url(sortli.jpg);

	background-color: #E5E5E5;
}

#left .more{ margin:10px; background-color:#01A396; font-size:30px; color:#FFFFFF; text-align:center; margin-top:-10px;border-radius:0 0 5px 5px;}
#left .more a{color:#FFFFFF;}




.ny{ padding-top:30px;}
body.in #right .bg{ background-color:#DBDBDB;border-radius:5px; overflow:hidden;}
body.in #right{
	background-image: url(yy.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 46px; background-size:100% 46px;
}
#postion{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc; margin:20px; margin-bottom:0px; padding-bottom:10px; line-height:50px; margin-top:10px;
}
#postion b{ float:right; color:#000000; font-size:24px;}
#postion .postion,#postion .postion a{ font-size:12px; color:#333333;}
#postion .postion{ float:left}
#postion .postion a.history{background-color: #666666; color:#FFFFFF; padding:3px; padding-left:10px; padding-right:10px; margin-right:5px;}
#postion .postion a.history:hover{ background-color:#E7981F; color:#FFFFFF}


#cms,#cms1{padding:20px; clear:both;
	float: left;
	width: 100%;
	overflow: hidden;
	min-height:550px; box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
padding-bottom:50px;
}
#cms *{ max-width:100%;}
#cms1 h1.h1{ line-height:1.5; padding-top:10px; padding-bottom:10px;}
#cms1 .content{ width:98%; margin:auto;

	overflow-x:auto;
	margin-top: 10px;
	padding-bottom: 10px; color:#000000; line-height:1.5; font-size:16px;
}



.back a{
	background-color: #666666;

	padding-right: 15px;

	padding-left: 15px; color:#fff; clear:both; font-size:12px; display:inline-block;
}
.back a:hover{ background-color:#E7981F; color:#FFFFFF}

.back { text-align:right; clear:both; line-height:32px; padding-top:20px;
	
}

#info{
	font-size: 12px;
	color: #999999;
	text-align: center;
}
#cms1 *{ max-width:100%;}
#cms img,#cms1 img{ margin-bottom:5px; margin-top:5px;}
#cms1 h1.h1{ color:#333333;}




#cms .li{
	float: left;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-bottom: 15px;
	line-height: 32px;
	font-size: 14px; padding-top:10px;
	
}
#cms .li .img{ width:180px; height:120px; overflow:hidden; float:left;}
#cms .li .img img{ width:100%; height:100%;}
#cms .li .img+.right{ margin-left:200px; clear:none; float:none;}

#cms .li .ntitle{
	float: left;
	width: 80%;
	text-align: left;
	white-space: nowrap; font-size:18px;
	overflow: hidden;

	text-overflow: ellipsis;
	position: relative; padding-left:10px;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */ 
}
#cms .li .title{font-size:18px;}
/*#cms .li .ntitle:after{
	height: 4px;
	width: 4px;
	margin-top: -2px;
	position: absolute;
	left: 0px;
	top: 50%;
	background-color: #999999;content:'';
}*/
#cms .li .ntitle a,#cms .li .title a{
	color:#888888;
	font-weight: bold;
}
#cms .li i{ margin-right:5px;}
#cms .li .time{
	float: right;

	color: #999999;
	font-size: 14px;
}
#cms .li .img+.right .btn{

	color: #999999;
	font-size: 14px;
}


#cms .li .time i{ margin-right:5px; color:#999999}
#cms .li .time a{ color:#999999}
#cms .li .time a:hover{ color:#E7981F}
#cms .li .img+.right .btn{ padding-top:10px;}
#cms .li .img+.right .btn a{ background-color:#15529d; color:#FFFFFF; display:inline-block; padding-left:20px; padding-right:20px;}
#cms .li .img+.right .btn a:hover{color:#FFFFFF; background-color:rgba(0,0,0,0.5); }
#cms .li .img+.right .btn a i,#cms .li .img+.right .btn a{ color:#FFFFFF}
#cms .li .img+.right .btn a i{ margin-right:5px;}








#cms .list{ width:48%; margin-left:1%; margin-right:1%;overflow:hidden; float:left; margin-top:10px; margin-bottom:10px;}

#cms .list .right{ padding: 20px; clear:both;}
#cms .list .right .dp{ font-size:14px; line-height:1.5; color:#666666; height:3em; overflow:hidden; }

#cms .list:nth-child(2n+1){ clear:both}
#cms .list  .ntitle{
	white-space: nowrap;
	overflow: hidden;
}

#cms .list .right .more{ text-align:center; padding-top:5px;}
#cms .list .right .more a{
	font-family: "新宋体";
	font-size: 12px;
	color: #606060;
}


#cms .list .img{ padding:5px;	 
	border: 1px solid #dddddd;  overflow:hidden; background-color:#FFFFFF; text-align:center; 
}




#cms .list .img{
	position: relative;
}




#cms .list .ntitle{
	font-size:18px;

	padding-bottom:5px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;	 color:#000000;
}
#cms .list .img div{ display:block; overflow:hidden;min-height:345px; max-height:345px; float:left; width:100%;}
#cms .list .img div img{ min-height:100%; min-width:100%;max-height:100%; max-width:100%; margin:auto;}


#cms .list:hover .right .more a{ color:#FFFFFF}
#cms .list:hover .img{ background-color:rgba(0,0,0,0.2); background-color:#E7981F}

#cms .picli{
	float: left;
	width: 98%;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
	padding-left:1%;
	padding-right:1%;

}
#cms .picli:nth-child(2n+1){ clear:both}


#cms .picli .img{

	overflow:hidden;
	padding: 2px;box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; 
	border: 1px solid #dddddd; border-radius:3px; overflow:hidden; float:left; background-color:#FFFFFF;
}
#cms .picli .img img{ width:235px; height:120px;}


#cms .picli .img+.right{ margin-left:270px; margin-right:10px;}

#cms .picli.newsli .img img{ width:160px; }
#cms .picli.newsli .img+.right{ margin-left:190px;}

#cms .picli .right .dp{ float:left; width:100%; 
/*	font-family: "宋体";*/
	font-size: 14px;
	color: #999999; 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: 18px;
	white-space: nowrap;
	float: left;
	width: 100%;
	overflow: hidden;
	padding-bottom: 5px; position:relative;
}
#cms .picli .right .ntitle:before{ content:''; position:absolute; left:0px; top:50%; width:5px; height:5px; background-color:#000000; margin-top:-5px;}
#cms .picli:hover .right .ntitle:before{ background-color:#FFFFFF}
#cms .picli .right .ntitle a{	font-size: 18px; display:block; padding-left:10px;}
#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; display:none;
}
#cms .picli .date+.right{ margin-left:100px; margin-left:0px;}	
#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(0,0,0,0.2);border-radius:5px; overflow:hidden;
-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
#cms .picli img{    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;}
#cms .picli:hover img{    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);}


#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;  }
#cms .picli:hover a,#cms .picli:hover .dp,#cms .picli:hover .time{ color:#FFFFFF}
#cms .picli:hover{ margin-left:-5px;}







.nextpage{
	clear:both;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #dddddd;
	border-bottom-color: #dddddd; float:left; width:100%; padding-bottom:10px; margin-top:20px; float:left; 
}
.nextpage>div{
	width:48%;
	white-space: nowrap;
	overflow: hidden; margin-top:10px;
}
.nextpage>div a{color:#333333;}
.nextpage>div.fl{ text-align:left; float:left}
.nextpage>div.fr{ text-align:right; float:right;}


/*左侧新闻产品推荐*/

#left .tel{ background-color:#4C4C4C; margin-top:20px; padding:20px; text-align:center; font-size:24px; color:#ffffff; line-height:1.2; float:left; width:100%; clear:both;box-sizing:border-box;
-moz-box-sizing:border-box; border-radius:10px;
-webkit-box-sizing:border-box;}
#left .tel i{ font-size:24px; margin-right:5px;}


/*新闻动态*/
#cms .newsli{ text-align:left; position:relative; float:left; width:100%; padding-top:50px; margin-bottom:5px; }
#cms .newsli .date{
	width:100px;
	float:left;
	text-align:center;
	color:#999999;
	line-height:1.5;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #eeeeee; font-size:12px; margin-top:20px;
}
#cms .newsli .date b{ display:block; font-size:36px}
#cms .newsli .date span{ display:block; color:#999999}
#cms .newsli .right{
	margin-left:120px;
	position:relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
	padding-bottom: 30px; 
}
#cms .newsli .right .time{ display:none}
#cms .newsli .right .share a{
	display:inline-block;
	color:#999;
	background-image: url(share.png);
	background-repeat: no-repeat;
	background-position: left center; padding-left:18px;
}
#cms .newsli .right .ntitle{ font-size:22px; line-height:1.2; padding-bottom:10px;}
#cms .newsli .right .dp{ color:#999999; line-height:1.5; min-height:4.5em;}
#cms .newsli .right .hc{ margin-right:280px;}
#cms .newsli div.img{  position:absolute; top:-30px; right:10px; width:240px; overflow:hidden; min-height:140px; max-height:140px; background-color:rgba(0,0,0,0.1);}
#cms .newsli div.img img{ width:100%;max-height:140px;min-height:140px; display:block; float:left; margin:auto;}
#cms .newsli div.img a{ display:block; float:left; width:100%;}

#cms .newsli:hover{ background-color:rgba(0,0,0,0.2);border-radius:5px; overflow:hidden;}
#cms .newsli:hover .date span{ color:#dddddd;}
#cms .newsli:hover .date{ color:#ffffff;}
#cms .newsli:hover .right .dp{color:#dddddd;}
#cms .newsli:hover .ntitle a{color: #ffffff;}
#cms .newsli:hover .right{ border:none;}
.abt *{ max-width:100%;}
/*.abt .img{ display:none}*/
.abt .abtleft{ float:left; width:250px; clear:both; line-height:3.7;}
.abt .abtleft+.img{ margin-left:250px; overflow:hidden; display:block;}