/* 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;
	font-family: Microsoft Yahei,arial,Hiragino Sans GB,sans-serif;}
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: #c03725;}
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{}
				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:1450px;
	margin:auto;
	min-width:1450px;}
/*.box h1.h1{color: #fff;font-size: 1px;display:none;}*/




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


#header{
	float:
	left;
	width:100%;
	z-index:2;
	position:
	fixed;
	z-index:23;
	top:0px;
	left:0px;
	border-bottom-width: 1px;
	/* border-bottom-style: solid; */
	/* border-bottom-color:
	rgba(255,255,255,0.5); */
	}
#header .boxs{ min-width:1000px;margin:auto; text-align:center;}
#header .logo{ padding-left:0px;padding-top:10px; padding-bottom:10px; margin-left:80px; position:absolute; left:0px; top:0px;}
#header .navfr{ position:absolute; top:0px; right:0px;}
 #nav{

	font-size:14px;

	line-height:83px;

	font-weight:200; display:inline-block;}
 #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 a{ display:block; padding-left:32px; font-size:18px; padding-right:32px; color:#ffffff;}
 

#nav > ul> li.active>a,#nav > ul> li.hover>a,#nav > ul> li:hover>a{
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;}


#nav > ul> li.nodes>a{-webkit-transition:0ms; -moz-transition:0ms; -ms-transition:0ms; transition:0ms;}
#nav > ul> li.nodes:hover>a{border-radius:10px 10px 0 0;}


 #nav ul li ul{
	 display:none; 
	position: absolute;
	width: 100%;
	float:left;
	left: 0px;
	top: 88px;
	background-color:#FFFFFF;
	background-color:rgba(255,255,255,0.9);
	font-size:14px;
	line-height: 2.5em;
	padding:0px;
	background: #d8422acf;
	}
 #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;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd;border-top-color:rgba(0,0,0,0.1);	
	border-bottom-color:rgba(255,255,255,0.1);}

 #nav ul li ul li a{border-radius:0px;line-height: 1.8em;display:block;padding:0px;padding-top:5px;padding-bottom:5px;}
 #nav ul li ul li a:hover{ background-color:#e45426; color:#FFFFFF;}
 #nav ul li:hover> ul{display:block;}







#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: #bc2a1d; color:#FFFFFF;}

.pagination li a{ color:#333333;}



#footer{ background-color:#bc2a1d; padding-top:55px;  clear:both; margin-top:50px;}
#footer .footlogo{ float:left;  text-align:center; margin-right:20px;}

#footer,#footer a{ color:#999999;}
#footer .fnav{ float:left; 
color: #ffffff;
    padding: 2em;
}
#footer .footnavs{overflow:hidden; margin-bottom:30px;}

#footer .fnav>ul{overflow:hidden;}
#footer .fnav>ul>li{ float:left; padding-right:60px; padding-left:60px; position:relative;}
#footer .share{ padding-left:60px;}
#footer .fnav>ul>li:before,#footer .share:before{
	content:'';
	left:0px;
	top:0px;
	height:1000px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ffffff;border-color:rgba(255,255,255,0.3); position:absolute;}
#footer .fnav>ul>li:nth-child(1):before{ display:none;}
#footer .fnav>ul>li>a,#footer .share .title{ display:block;  font-size:16px; color:#ffffff;font-weight:bold;}
#footer .share{ position:relative;}
#footer .share .qrcode{ padding-top:10px;}
#footer .share .sha{ padding-top:10px; clear:both;}
#footer .share .sha img{ margin-left:5px;}
#footer .fnav ul li ul li a{ display:block;  font-size:14px; line-height:1.2; color:#ffffff;color:rgba(255,255,255,0.8); padding-top:3px; padding-bottom:3px;}
#footer .fnav>ul>li>ul{ padding-top:10px;}
#footer .fnav>ul>li>ul ul{ display:none;}


#footer .flx{text-align:right; font-size:14px;background-color: #bc2a1d; color:#FFFFFF; color:rgba(255,255,255,0.8); text-align:left;  padding-top:30px; padding-bottom:30px;}
#footer .flx .add>span{	background-image: url(add.jpg);}
#footer .flx .tel>span{ background-image: url(tel.jpg); line-height:35px;}
#footer .flx .mail>span{	background-image: url(sms.jpg); line-height:35px;}

#footer .flx .item{box-sizing:border-box; 
	float:left;
	width:25%;
	
	margin-left:10%;

	line-height:1.5;} 
#footer .flx .item>span{ min-height:35px;display:block;padding-left: 50px; padding-right:20px;background-position: left center;background-repeat: no-repeat;}
#footer .flx .item:nth-child(3n){ float:right;}
#footer .flx .item:nth-child(3n+1){ margin-left:0px; clear:both;}
.copy{ text-align:center; font-size:14px;   clear:both;  padding-top:10px; padding-bottom:10px;}
.copy .box{
 font-size:14px;color:#ffffff; color:rgba(255,255,255,0.9);}

.copy a{ color:#ffffff; color:rgba(255,255,255,0.6);}

.foot{ clear:both;background-color: #bc2a1d;}
.foot .banquan{text-align: center;}





/*banner*/


#header{-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
#header.open{ background-color:#bc2a1dd4;}
#header .fr i{ color:#ffffff; font-size:22px;}
#header .fr .search{ padding-top:30px;}
#header .fr .search button{ border:none; background-color:rgba(255,255,255,0); line-height:28px; width:30px; text-align:center; float:right;}
#header .fr .search input{ display:none;}

#header .fr .search input{-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; height:28px; line-height:28px; background-color:rgba(255,255,255,0); border:none; color:#FFFFFF;}
#header .fr .search input:focus{ border:none;}
#header .fr .search form{
	border: 1px solid rgba(255,255,255,0);
	border-radius:5px;
	padding-left:5px;
	display: flex;
	}
#header .fr .search form button:after{ content:''; clear:both;}
#header .fr .search:hover form{border: 1px solid #dddddd;}
#header.open .fr .search:hover form{border-color:#ffffff;border-color:rgba(255,255,255,0.6);}
#header .fr .search:hover input{ display:block; float:left;}
#header .fr .search input::-webkit-input-placeholder{ color:rgba(255,255,255,0.8);}
#header .fr .lang{padding-top:20px; position:relative; width:70px; margin-left:20px; line-height:40px;}
#header .fr .lang ul{ display:none; position:absolute; left:0px; top:60px; font-size:14px; background-color:rgba(255,255,255,0.6);}
#header .fr .lang:hover> ul{ display:block;}
#header .fr .lang ul li{}
#header .fr .lang ul li a{
	display:block;
	padding-left:10px;
	padding-right:10px;
/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0,0,0,0.1);*/
	font-size:12px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(255,255,255,0.5);}
#header .fr .lang ul li:nth-child(1) a{ border:none;}
#header .fr .lang ul li a:hover{background-color:#bc2a1d; color:#FFFFFF;}
#header .fr .menu{ background-color:(0, 175, 80, 0.75); height:88px; width:80px; line-height:88px; text-align:center;}
#header .fr .menu i{ font-size:36px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}

#header+  .navnode{  overflow:hidden; background-color:rgba(41, 41, 41, 0.76); position:fixed; top:0px; left:0px; height:100%; box-sizing:border-box; padding-top:100px; width:100%; z-index:22;display:none;}
/*body.in #header+  .navnode{ padding-top:0px;}*/
#header+   .navnode, .navnode a{ color:#FFFFFF;}
#header+  .navnode .center{ height:calc(100% - 100px);}
body.in #header+  .navnode .center{ height:calc(100% - 300px);}
#header+  .navnode .box> ul> li{ float:left; width:18%; margin-left:1%; margin-right:1%; margin-top:20px;}
#header+   .navnode .box> ul> li:nth-child(5n+1){ clear:both;}

#header+   .navnode .box> ul> li>a{ font-size:24px;}
#header+   .navnode .box> ul> li>ul{ padding-top:15px;}
#header+   .navnode .box> ul> li>ul>li>a{ color:#cccccc;}
#header+   .navnode ul li ul li{ width:100%;}
#header+   .navnode ul li ul li ul{ display:none;}


body.init .section-wrap .section { height:100%;}
body.init .section-wrap .section .flash,.flash>div{height:100%;}
body.init .section-wrap .section .flash .swiper-slide{ height:100%;}
body.init .section-wrap .section .flash .swiper-slide img{ width:1920px; margin-left:-360px; min-height:100%;}


.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;}
.flash  .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:70px; left:70px;border-radius: 0%; text-align:left;}
.flash  .swiper-container-horizontal > .swiper-pagination-bullets span.swiper-pagination-bullet{
	width:145px;
	height:70px;
	border: 5px solid #ffffff;border-radius: 0%;opacity: 1; margin-left:10px; margin-right:10px;}
.flash  .swiper-container-horizontal > .swiper-pagination-bullets span.swiper-pagination-bullet-active {border: 5px solid #bc2a1d;}
.flash  .swiper-container-horizontal > .swiper-pagination-bullets span img{ width:100%; height:100%;}

















/*产品展示*/
.pro{
	clear:both;
	float:left;
	width:100%;
	background-image: url(ban-2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	 background-size:100% 100%; color:#FFFFFF;}

.pro .etitle{ font-size:36px; position:relative;}
.pro .etitle:before{
	content:'';
	position:absolute;
	left:0px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	bottom: 0px; width:2em;}
.pro .etitle span{
	font-size:24px;
	padding-left: 5px;
	text-transform: uppercase;}
.pro .hc{
	font-size:22px;
	padding-top:20px;
	padding-bottom:20px;
	max-width:900px;
	font-family: "新宋体";}
.pro .econtent{
	margin-bottom:0px;
	clear:both;
	padding-top:0px;}

.pro .econtent .proli{
	text-align:center;
	 position:relative; overflow:hidden;border-radius:0 0 50px 0;}

.pro .econtent .proli .img img{ max-width:100%;  display:block; float:left;}
.pro .econtent .proli .img{

	overflow:hidden; float:left; width:100%; padding-top:20px; padding-bottom:20px;}
.pro .econtent .proli .img>div{ overflow:hidden;}
/*.proli:hover{border: 1px solid #F1A62C;}*/
.pro .econtent .proli .right{
	clear:both; box-sizing:border-box; padding:20px; text-align:left; height:100%;width:100%; z-index:1;}
.pro .econtent .proli .img .phone{ display:none;}
.pro .econtent .proli a{ display:block; color:#444444;padding:40px;background-color:#FFFFFF;}
.pro .econtent .proli a:hover{ display:block; background-color:#c03725; color:#FFFFFF;}

.pro .econtent .proli .right  .title{

/* white-space: nowrap; */

overflow: hidden;

width: 100%;

font-size:20px;

line-height:1.2;

position:relative;

}

.pro .econtent .proli .right .dp{
	margin-top:10px;
	font-size:16px;
	font-weight: bold;}
.pro .econtent{ position:relative; padding-top:20px;}
.pro .button-next,.pro  .button-prev{
	top:-50px;
	position:absolute;
	width:30px;
	height:30px;
	background-size:20px;
	background-repeat: no-repeat;
	background-position: center center;
	border: 2px solid #ffffff;border-radius:100%; text-align:center;border-color:rgba(255,255,255,0.6);-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.pro .button i{color:rgba(255,255,255,0.6);-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.pro .button:hover i{ color:#FFFFFF;}
.pro .button:hover{border-color:#ffffff;}

.pro .button-next{
right: 10px;}
.pro  .button-prev{
right: 60px;}


.news .button-next,.news  .button-prev{
	bottom: -20px;
	position:absolute;
	width:30px;
	height:30px;
	background-size:20px;
	background-repeat: no-repeat;
	background-position: center center;
	border: 2px solid #ffffff;
	border-radius:100%;
	text-align:center;
	border-color:rgba(255,255,255,0.6);
	-webkit-transition:500ms;
	-moz-transition:500ms;
	-ms-transition:500ms;
	transition:500ms;
	}
.news .button i{color:rgba(255,255,255,0.6);-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.news .button:hover i{ color:#FFFFFF;}
.news .button:hover{border-color:#ffffff;}

.news .button-next{
right: 10px;}
.nes  .button-prev{
right: 60px;}
/*关于我们*/
.about{
	
	color:#000000;
	background-image: url(aboutbg1.jpg);
	background-repeat: no-repeat;
	background-position: right bottom; padding-bottom:60px; padding-top:40px; clear:both; background-color:#ffffff;}

.about .etitle{ font-size:36px; position:relative;}
.about .etitle:before{
	content:'';
	position:absolute;
	left:0px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #c03725;
	bottom: 0px; width:2em;}
.about .etitle span{
	font-size:24px;
	padding-left: 5px;
	text-transform: uppercase;
	color: #666666;}

.about .left.img{ display:none;}
.about .econtent{ clear:both;padding-top:30px; float:left; width:500px; line-height:1.5;}
.about .econtent .title{ font-size:26px;}

.about .econtent+.img{ margin-left:550px; position:relative;}
.about .econtent+.img .txt{ position:absolute; bottom:-17px; left:0px; width:100%; z-index:1; text-align:center;}
.about .econtent+.img .txt a{background-color:#ffffff;color:#c03725;

	display:inline-block;
	padding-left:35px;
	padding-right:35px;
	line-height:35px;
	font-size:14px;
	border-radius:20px 0 20px 0;
	margin-left:5px;
	margin-right:5px;
	border: 1px solid #c03725;}
.about .econtent+.img .txt a.hover{	color:#ffffff;
	background-color:#c03725;}	

.about .econtent+.img img{ max-width:100%;}
.about  .econtent .hc{font-size:18px; color:#666666; margin-top:20px;}

.about .econtent .youshi{ clear:both; padding-top:50px; padding-bottom:30px;}
.about .econtent .youshi .item{ display:inline-block; padding-right:0px;}

.about .econtent .youshi .item2{
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #c03725; margin-left:50px; padding-left:50px;}

.about .econtent .youshi .item .t2{  color:#666666;font-size:24px; line-height:1; position:relative; padding-right:20px;}
.about .econtent .youshi .item .t2 i{
	position:absolute;
	right:0px;
	top:0px;
	color:#FFFFFF;
	font-size:12px;
	background-color:#c03725;
	width:20px;
	line-height:20px;
	border-radius:100%;
	font-style: normal;
	text-align: center;}
.about .econtent .youshi .item .t2 span{ font-size:60px;}
.about .econtent .youshi .item .t3{ color:#666666;}

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

.about .more{ text-align:left; clear:both; padding-top:30px; line-height:35px;}
.about .more a{
	color:#ffffff;
	background-color: #c03725;
	display:
	inline-block;
	padding-left:35px;
	padding-right:35px;
	font-size:14px;
	border-radius:30px 0 30px 0;
	border: 1px solid #bc2a1d;
	}
.about .more a i{ margin-left:5px;}
.about .more a:hover{ background-color:#ffffff; color:#c03725;}


.news{
	clear:both;

	
	background-image: url(ban-4.jpg);
	background-repeat: no-repeat;
	background-position: center center; background-size:100% 100%;}

.news .etitle{ font-size:36px; position:relative; color:#FFFFFF;}
.news .etitle:before{
	content:'';
	position:absolute;
	left:0px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	bottom: 0px; width:2em;}
.news .etitle span{
	font-size:24px;
	padding-left: 5px;
	text-transform: uppercase;}
.news .box{ position:relative;}
.news .econtent{ padding-top:20px; clear:both;}  
.news .newstop { clear:both; padding-top:40px;}
.news .newstop .picli{float:left;width: 100%;margin-left:2%;margin-bottom:10px;position:relative;}
.news .newstop .picli .img{ overflow:hidden;}
.news .newstop .picli .img img{ width:100%;}
.news .newstop .picli:nth-child(2n+1){ margin-left:0;}
.news .newstop .picli .right{ position:absolute; left:20px; top:20px; background-color:rgba(255, 255, 255, 0.82); width:50%; border-radius:0 0 50px 0; overflow:hidden;}
.news .newstop .picli .right>div{padding:20px; display:block;}
.news .newstop .picli .right .sort{ color:#c03725; font-size:14px;}
.news .newstop .picli .right .title{ font-weight:bold;}

.news .newstop .picli .right .date,.news .econtent .li .date{ font-size:12px; color:#888888;}
.news .newstop .picli .dp,.news .econtent .li .dp{ display:none;}
.news .econtent .li  .sort,.news .newstop .picli .right .sort{ color:#c03725; font-size:14px;position:relative; font-weight:bold;}
.news .newstop .picli .right .title,.news .econtent .li  .title{min-height:7.5em; max-height:7.5em; overflow:hidden;  font-size:18px; color:#444444; line-height:1.5; margin-top:10px;}
.news .econtent .li  .sort:before,.news .newstop .picli .right .sort:before{
	position:absolute;
	bottom:0px;
	left:0px;
	width:2em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c03725; content:'';}

.news .econtent .li{ float:left; width:32%; margin-left:2%; margin-bottom:30px; position:relative;}
.news .econtent .li a{padding:20px; display:block;background-color:#FFFFFF; border-radius:0 0 50px 0; overflow:hidden;}
.news .econtent .li:nth-child(3n+1){ margin-left:0px;}




.news .more{ text-align:left; clear:both; padding-top:60px; line-height:35px; position:absolute; right:0px; top:40px;}
.news .more a{
	color:#ffffff;
	background-color: #c03725;
	display:
	inline-block;
	padding-left:35px;
	padding-right:35px;
	font-size:14px;
	border-radius:30px 0 30px 0;
	border: 1px solid #c03725;
	}
.news .more a i{ margin-left:5px;}
.news .more a:hover{ background-color:#ffffff; color:#c03725;}

/*案例展示*/
.case{
	clear:both;
	
	background-image: url(ban-5.jpg);
	background-repeat: no-repeat;
	background-position: center center; background-size:100% 100%;}
.case .etitle{ font-size:36px; position:relative; color:#FFFFFF;}
.case .etitle:before{
	content:'';
	position:absolute;
	left:0px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	bottom: 0px; width:2em;}
.case .etitle span{
	font-size:24px;
	padding-left: 5px;
	text-transform: uppercase;}
.case .more{ text-align:left; clear:both; padding-top:30px; line-height:35px;}
.case .more a{
	color:#ffffff;
	background-color:#c03725;
	display:inline-block;
	padding-left:35px;
	padding-right:35px;
	font-size:14px;
	border-radius:30px 0 30px 0;
	border: 1px solid #c03725;}
.case .more a i{ margin-left:5px;}
.case .more a:hover{ background-color:#ffffff; color:#c03725;}

.case .box>div>.more{ display:none;}
.case  .hc{
	font-size:22px;
	padding-top:20px;
	padding-bottom:20px;
	max-width:900px;
	font-family: "新宋体"; color:#FFFFFF; line-height:1.5;}
.case .left{ float:left;width: 30%;}
.case .econtent{ float:right; width:60%;}
.case .econtent .li{float:left;width: 98%;margin-left:2%;margin-bottom:20px;position:relative;}
.case .econtent .li:nth-child(1){/* float: left; */}
.case .econtent .li:nth-child(2){/* clear:both; */}
.case .econtent .li a{
	padding:20px;
	display:block;
	background-color:rgba(255,255,255,0.2);
	color:#FFFFFF;
	border-radius:0 0 50px 0;
	overflow:hidden;
	border: 1px solid #ffffff;border-color:rgba(255,255,255,0.6);}
.case .econtent .li a:hover{ background-color:#c03725;border-color:#c03725;}
.case .econtent .li .title{ line-height:1.2; font-size:18px; padding-bottom:10px; position:relative;}
.case .econtent .li .title:before{
	content:'';
	position:absolute;
	left:0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	bottom: 0px; width:2em;}
.case .econtent .li .dp{ min-height:7.5em; max-height:7.5em; overflow:hidden; line-height:1.5; font-size:14px; margin-top:10px;}
.case .econtent .li .date{ font-size:12px; padding-top:10px;}

.pro>div,.case>div,.about>div,.news>div{ text-align:left;}

.news .etitle,.pro .etitle,.about .etitle,.case .box>div{ margin-top:80px;}

.news .etitle span,.pro .etitle span,.about .etitle span,.case .etitle span{
	font-family: Tahoma;}




/*.navnode+.intop{ height:80px;height:120px;}*/

.banner{ margin-top:88px;}


body.in .ny{ margin-top:80px; clear:both;}
body.in.isba .ny{ margin-top:0px;}
body.in .navnode + .intop{ display:none;}
body.in .ny .sorts{ margin-top:-30px;}
.section-btn{ display:none;}
body.init .section-btn{ display:block;}

.banner .box{ width:1000px; min-width:1000px;}
.banner .box img{ width:1920px; margin-left:-460px;}








/*内页*/


#left{
	float:left;
	 width:270px; overflow:hidden;}
#left .leftnav{background-color: #c03725; 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:1150px; margin-bottom:30px;}
#left .etitle{
 font-size:28px; color:#FFFFFF; line-height:2; text-align:center; padding-left:20px;}
#left .etitle i{ margin-left:10px; font-size:28px;}
#left .sort{ background-color:#FFFFFF; margin:10px; padding:5px;border-radius:5px 5px 0 0;}
#left .sort ul li a{  display:block; padding:5px; padding-right:10px; padding-left:40px; margin-bottom:5px;}

#left .sort>ul>li>a{ background-color:#c03725;  color:#FFFFFF;/*text-shadow: 0px 0px 3px #000000;*/border-radius:3px; font-size:16px;}
#left .sort>ul>li>ul{ padding-bottom:5px;}
#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>a{
	background-image: url(sortli.jpg);
	background-repeat: no-repeat;
	background-position: 20px center;}
#left .sort li.hover>a,#left .sort li>a:hover{ background-color:#c03725; color:#FFFF00;}
#left .more{ margin:10px; background-color:#c03725; font-size:30px; color:#FFFFFF; text-align:center; margin-top:-10px;border-radius:0 0 5px 5px;}
#left .more a{color:#FFFFFF;}



/*body.in{ background-color:#f5f5f5;}*/
.ny{ padding-top:30px;}
body.in #right{ background-color:#FFFFFF;}

#postion{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; margin:20px; margin-bottom:0px; padding-bottom:10px; line-height:50px; margin-top:10px;}
#postion b{ float:left; color:#c03725; font-size:24px;}
#postion .postion,#postion .postion a{ font-size:12px; color:#999999;}
#postion .postion{ float:right;}


#cms,#cms1{padding:20px 2px; 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:#333333; 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:#D63403; color:#FFFFFF;}

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

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




#cms .li{
	float: left;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #dddddd;
	padding-bottom: 10px;
	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:14px;
	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;}
#cms .li .ntitle{ padding-left:20px;}
#cms .li .ntitle:after{
	height: 4px;
	width: 4px;
	margin-top: -2px;
	position: absolute;
	left: 10px;
	top: 50%;
	background-color: #c03725;content:'';}
#cms .li .ntitle a,#cms .li .title a{
	color:#555555;}

#cms .li .ntitle a:hover,#cms .li .title a:hover{
	color: #c03725;}

#cms .li .time{
	float: right;

	color: #999999;
	font-size: 14px; margin-right:5px;}
#cms .li .time a{color: #999999;}
#cms .li:hover{background-color: #c03725;}
#cms .li:hover .ntitle:after{background-color:#ffffff;}
#cms .li:hover .ntitle a{ color:#ffffff;}

#cms .li:hover  .time,#cms .li:hover .time a{	color: #ffffff; color:rgba(255,255,255,0.8);}

#cms .li .ntitle a,#cms .li .title a,#cms .li .time a{ display:block;}
#cms .list{ width:23%;overflow:hidden;margin-left:1%; margin-right:1%; float:left; margin-top:10px; margin-bottom:10px;}
#cms .list:nth-child(4n+1){ clear:both;}
#right #cms .list{ width:31.3333%;}

#cms .list .right{ padding: 20px; /*padding-bottom:30px; padding-top:20px;*/ clear:both;}
#cms .list .right .dp{ font-size:14px; line-height:1.5; color:#666666; height:3em; overflow:hidden;}
#cms .list.appli .right .dp{ display:none;}

#cms .list:hover .right{ background-color:#c03725;}
#right #cms .list:nth-child(4n+1){ clear:none;}
#right #cms .list:nth-child(3n+1){ clear:both;}
#cms .list  .ntitle{
	white-space: nowrap;
	overflow: hidden;}

#cms .list a:hover  .ntitle{color:#c03725;}

#cms .list .right .more{ text-align:center; padding-top:5px;}
#cms .list .right .more a{
	font-family: "新宋体";
	font-size: 12px;
	color: #606060;}
#cms .list:hover .right .more a{ color:#FFFFFF;}
/*#cms .list .item1{ color:#666666}
#cms .list .item2{ color:#666666}*/
#cms .list .img{ padding:5px;/*border-radius:3px;*/
	 
	border: 1px solid #dddddd; min-height:220px; max-height:220px; _height:220px; overflow:hidden; background-color:#FFFFFF; text-align:center;}
#cms .list .img img{max-width:100%;  max-height:100%;}
#cms .list.appli .img{min-height:225px; max-height:225px; _height:225px;}

/*#cms .list.appli .img img{width:100%;min-height:290px; max-height:290px; _height:290px;}*/
#cms .list .img{ /*background-color:#e8e9eb*/
	position: relative;}
/*#cms .list .img img{height:230px; width: 100%;}*/

#cms .list .img a:hover img,#cms .list:hover .img  img{opacity:1;}
#cms .list .ntitle{
	font-size:18px;
/*	padding-top:5px;*/
	padding-bottom:5px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;	 color:#000000;}

#cms .list:hover .title{ color:#c03725;}
#cms .list:hover .title,#cms .list:hover .dp{color:#ffffff;}


#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:hover a{color: #0099FF;}*/
#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;}
#cms .picli .right .ntitle a{	font-size: 18px;}
#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:#c03725;

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
















.proshow .right .h1{
	font-size:22px;
	line-height:1.2;
	color:#c03725;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #dddddd; padding-bottom:10px;}
.proshow .right  .xq{ padding-top:10px;}
.proshow .right .tel{ font-size: 22px; color:#666666;  margin-top:20px; background-color:#f5f5f5; padding:10px; float:left; width:100%;box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; padding-left:20px; padding-right:20px;}
.proshow .right .tel span{
	color:#c03725;
	padding-left:10px;
	padding-right:10px;
	display:inline-block;
	font-family: Georgia, "Times New Roman", Times, serif;}
.proshow .right .tel b,.proshow .right .tel span{ float:left;}
.proshow .right .tel a{ background-color:#c03725; display:inline-block; padding-left:20px; padding-right:20px; color:#ffffff; font-size:18px; float:right;box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; text-align:center;}


.ptitle{ background-color:#f5f5f5; margin-top:20px; line-height:50px;}
.ptitle span{
/*	background-color: #ffffff;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #00af50; */display:inline-block;color: #c03725; font-size:18px; padding-left:50px; padding-right:50px; margin-left:2px; cursor:pointer; margin-left:2px; margin-right:2px;}
.ptitle span.hover,.ptitle span:hover{ background-color:#c03725; color:#FFFFFF;}
.procontent .block{ padding-top:50px; padding-bottom:50px;}
.procontent .block>.box>.t1{ text-align:center;color:#333333; font-size:28px;}
.procontent .block>.box>.hc{padding-top:20px; color:#555555;}
.procontent .block:nth-child(2n){ background-color:#FAFAFA;}

  .jqzoom{
  border:1px solid #BBB;
  float:left;
  position:relative;
  padding:0px;
  cursor:pointer; background-color:#FFFFFF; display: flex;
    justify-content:center;
    align-items:center;}


div.zoomdiv {
  z-index:  999;
  position        : absolute;
  top:0px;
  left:0px;
  width          : 200px;
  height         : 200px;
  background: #ffffff;
  border:1px solid #CCCCCC;
  display:none;
  text-align: center;
  overflow: hidden;}
div.jqZoomPup {
  z-index         : 999;
  visibility       : hidden;
  position        : absolute;
  top:0px;
  left:0px;
  width          : 50px;
  height         : 50px;
  border: 1px solid #aaa;
  background: #ffffff  50% top no-repeat;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  filter: alpha(Opacity=50);}
.bigimg{ width:200%; max-width:1000%;}
#cms1 .bigimg{ width:200%; max-width:1000%;}
.proshow .left{ float:left; width:380px;}
.jqzoom{overflow:hidden;}
.proshow .right{ margin-left:420px;}
.proflash{ clear:both;  position:relative;}
.proflash.g{padding-left:30px; padding-right:30px;}
.proflash.count{ padding-left:30px; padding-right:30px;}