/* CSS Document */

*{text-overflow: ellipsis;
/*去掉移动端点击阴影方块*/
-webkit-tap-highlight-color:transparent;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);outline:none;word-break:break-all;}
html{ width:100%; text-align:center}
body{
	margin: auto;
	position:relative;
	font-size: 18px;
	line-height: 1.5;
	color: #333333;
	min-width:1200px;
	max-width:100%;
	text-align:left;
	overflow-x:hidden;
	font-family: Microsoft Yahei,arial,Hiragino Sans GB,sans-serif;
	    /* ios系统字体被手动调大优化 */
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;background-color:#FFFFFF;

}
/*body.isba{ background-color:#F6F6F6}*/
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: #333333;
text-decoration: none;	text-decoration: none;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}

a:hover{
	color: #DF0806;
}
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.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;}
.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);}
.xz .iconfont{ transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;}
.xz:hover .iconfont {transform: rotate(360deg);}


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

}





.app_header{ display:none;}


.headert.fixed+.app_top{width:100%;height:280px; float:left;}
.headert.fixed{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	float:left;
	z-index:5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
.app_top2{width:100%;height:112px; float:left;}
.app_top3{width:100%;height:80px; float:left;}


#menu{ z-index:22;}


#footnav{
	position: fixed; z-index:2; font-size:16px;
	left: 0px;
	bottom: 0px; float:left; width:100%; background-color:rgba(192,33,29,0.6);/* background-color:#D81E06;*/ 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.2);
	position: absolute;
	height: 100%;
	right: 0px;
	top: 0px;
}
#footnav a:nth-child(1):after{ display:none}

#footnav a span{ display:inline-block; position:relative; padding-left:25px;}
#footnav a span i{ font-size:20px; line-height:1; float:left; position:absolute; top:50%; margin-top:-10px; left:0;}
#menu{ background-color:#C0211D;}


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

.pagination li a{ color:#333333}



#header{
	float:left;
	width:100%;
	z-index:2;
background-image: url(topbg.jpg);
	background-repeat: repeat;
	background-position: center top; 
	
}
#top{
		background-image: url(top.png);
	background-repeat: no-repeat;
	background-position: center top;line-height:46px; padding-bottom:30px;
}
#top .ttop{ font-size:14px; color:#FFFFFF; line-height:40px;}
#top .ttop2{ padding-top:30px;}
#top .ttop .fr a{ color:#ffffff; display:inline-block; margin-left:10px; margin-right:10px;}
#top .ttop .fr{}
#header .tel{
	background-image: url(tel.png);
	background-repeat: no-repeat;
	background-position: right center;
	
	line-height:1.2;

	margin-top:9px;
	color:#333333;
	text-align: right; padding-right:60px;
}
#header .tel> font,#header .tel> span{ display:block; font-size:16px;}
#header .tel font{

	font-size:28px;
	font-style: italic;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif; color:#BF251D
}

#header .logo img{ float:left;}
#header .logo .zu{
	line-height:1.5;
	/*	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dddddd;*/ padding-left:30px;
	background-image: url(2_r3_c4.png);
	background-repeat: no-repeat;
	background-position: left center;
	max-height:77px; min-height:77px;
	overflow:hidden;
	color: #999999;
	font-size: 20px;display: flex;
    justify-content:center;
    align-items:center; float:left; margin-left:25px;
}
#header .logo .zu .t1{ color:#000000; font-size:24px; font-weight:bold; line-height:1.2;}
#header .logo .zu .t2{ padding-top:10px; text-align:center;}
#header .logo .zu .t2 span{
	line-height: 23px;
	/*background-image: url(2_r3_c4_r2_c2.png);*/
	background-color: #efefef;
	background-repeat: no-repeat;
	color: #111111;
	text-align: center; display:inline-block;  margin-right:5px; margin-left:5px; font-size:14px; padding-left:25px; padding-right:25px; background-size:100% 100%;border-radius:25px;
}
/*#header .logo >a>div span,#header .logo >a>div font{ display:block}*/



#nav{ background-color:#efefef; color:#FFFFFF; z-index:22;}
#nav .box>ul{
	width:100%;
	display: table; padding:0; margin:0; font-size:17px;
}
#nav .box>ul >li>a{ display:block; position:relative;}
#nav .box>ul >li>a:before{
	content:'';
	height:10px;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: rgb(21 17 17 / 61%);;
}
#nav .box>ul >li:nth-child(1)>a:before{ display:none;}
#nav .box>ul >li a font{ display:none;}
#nav .box>ul >li a span{ display:inline-block; position:relative;}
#nav .box>ul >li a span>i{ font-size:30px; line-height:40px; float:left;}
#nav .box>ul >li{
	display: table-cell; text-align:center; position:relative; padding:0; margin:0;
}
#nav .box>ul >li>a{ line-height:40px; padding-top:10px;  padding-bottom:10px; display:block; color:#1111111;}

#nav .box>ul >li ul{ position:absolute; top:60px; width:100%; box-sizing:border-box; padding:0px; left:0; z-index:99;background-color:#ffffff; background-color:rgba(255,255,255,0.8); display:none; font-size:14px; line-height:1.5;}

#nav .box>ul >li ul ul{ left:100%; top:0;}
#nav .box>ul >li ul li a{
	display:block;
	padding-top:12px;
	padding-bottom:12px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: rgba(255,255,255,0.2);
	border-bottom-color:rgba(0,0,0,0.2);
}
#nav .box>ul >li  a:hover,#nav .box>ul li.active> a,#nav .box>ul li.hover>a,#nav .box>ul >li:hover>a{ background-color:#C0211D; color:#ffffff;}

.flash{ position:relative; overflow:hidden; clear:both;}
.flash .swiper-container{ overflow:hidden;}


.flash .swiper-slide{ position:relative}
.flash .swiper-slide .picli{ text-align:center; margin:auto;}
.flash .swiper-slide .txt{ Opacity:0;position:absolute; top:80%; color:#FFFFFF;-webkit-transition:2000ms; -moz-transition:2000ms; -ms-transition:2000ms; transition:2000ms;}


.flash .swiper-slide .txt .t1{

	-webkit-transition:4s; -moz-transition:4s; -ms-transition:4s; transition:4s;
}

.flash .swiper-slide .txt .t2{
	-webkit-transition:2s; -moz-transition:2s; -ms-transition:2s; transition:2s;
}

.flash .swiper-slide-active .txt .t2,.flash .swiper-slide.hover .txt .t2{ margin-top:0px;}
.flash .swiper-slide-active .txt,.flash .swiper-slide.hove .txt{top:0%;Opacity:1;}

.flash .swiper-slide-active.hover .txt .t2{margin-top:0px;}
.flash .swiper-slide-active.hover .txt{top:0%;}



.flash .swiper-slide{ overflow:hidden;}

.flash  .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:30px; left:170px;border-radius: 0%; text-align:left;}


.flash .phone,.banner .phone{ display:none}
.flash{ overflow:hidden; position:relative;}
.flash .swiper-pagination{ bottom:30px; left:0px; text-align:left; text-align:center; width:100%; z-index:22;}
.flash .swiper-pagination img{ display:none}

/*.flash .swiper-pagination .swiper-pagination-bullet:after{ content:''; background-color:#ffffff; height:8px; width:8px; position:absolute; top:50%; left:50%; margin-top:-4px; margin-left:-4px;border-radius:0;}*/
.flash .swiper-pagination .swiper-pagination-bullet{
    width:80px;
	height:0px;
	/*margin-right:155px;*/
	opacity: 1;
	 position:relative; border:none;	border: 2px solid rgba(255,255,255,0.5);border-radius:0;

}


.flash .swiper-pagination .swiper-pagination-bullet-active
{

	border-color:#ffffff;border-color:rgba(255,255,255,0.8);
}

.flash .swiper-slide *{ max-width:100%;}


.flash .tv{ position:absolute; right:20%; width:33vw; z-index:3; top:50%; margin-top:-12.5vw; background-color:#999999; background-color:rgba(200,200,200,0.9);}
.flash .tv video{  height:25vw;width:33vw}
.banner .box{ position:relative;}

.banner{width:100%; overflow:hidden;}
.banner .box> img{ margin-left:-260px;}

.flash .txt{ position:absolute; top:0; left:0;display: flex;
    justify-content:center;
    align-items:center; width:100%; height:100%; z-index:2; color:#FFFFFF;font-size:30px; text-align:left;}
.flash .txt .title{ padding-left:20px; position:relative;}
.flash .txt .title:before{ content:''; width:10px; height:100%; position:absolute; left:0; top:0; background-color:#ffffff;border-radius:5px;}
.flash .txt .title .t1{ font-size:60px; font-weight:bold;}
.flash .txt .title .t2{ }
.flash .txt .dp{ margin-top:10px; padding-left:20px;}
.flash .txt .more{ line-height:45px; margin-top:10px; font-size:24px;}
.flash .txt .more a{ display:inline-block; background-color:#C0211D;border-radius:35px; color:#FFFFFF; padding-left:35px; padding-right:35px; display:none;}
.bannerin{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; position:relative; float:left; width:100%;
}
.bannerin .txt{
	position:absolute;
	top:0;
	height:100%;
	left:0;
	display: flex;
	justify-content:center;
	align-items:center;
	z-index:2;
	color:#FFFFFF;
	text-transform: uppercase; width:100%; text-align:left;
}
.bannerin>img{ width:100%;}
.bannerin .txt .t1{ font-size:42px; font-weight:bold;}
.bannerin .txt .t2{ font-size:48px;}
.bannerin .sort{ bottom:0; position:absolute;left:0; width:100%;line-height:90px; font-size:18px; z-index:9;}

.bannerin .sort ul{ width:100%; display:table; background-color:#FFFFFF; font-size: 14px; }
.bannerin .sort ul li{ display:table-cell; text-align:center; position:relative;}
.bannerin .sort ul li a:before{
	position:absolute;
	top:10%;
	left:0;
	height:80%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #eeeeee; z-index:1; content:'';
}
.bannerin .sort ul li:nth-child(1) a:before,.bannerin .sort ul li a:hover:before,.bannerin .sort ul li a.active:before,.bannerin .sort ul li a.hover:before{ display:none}
.bannerin .sort ul li a{ display:block; position:relative;}

.bannerin .sort ul li a:hover,.bannerin .sort ul li a.hover,.bannerin .sort ul li a.active{
background-color: #ED6D00;
color: #ffffff; background-color:#C0211D}
.bannerin .txt>div{ width:100%;}
.link{
	background-color:#ffffff;
 text-align:left; line-height:38px; padding:12px;  font-size:16px;  clear:both;
}
.link .title{ float:left; width:95px; text-align:center; 	background-image: url(link.jpg);
	background-repeat: no-repeat;
	background-position: left bottom; padding-bottom:15px; padding-right:15px; padding-left:10px;}
	
.link .hc{ margin-left:130px; padding-top:10px;}
.link .hc,.link .hc a{ color:#555555;}


.foot{ margin-top:30px; background-color:#1F1F1F; color:#FFFFFF; padding-bottom:20px;}
.foot,.foot a{ color:#ffffff;}

.footnav{ padding-top:45px; text-align:center;}





.foot,.foot a{ color:#ffffff;}

.footnav .ul{
	width:calc(100% - 200px);
	float:left;
	position:relative; 

}

.footnav .ul>ul{
	float:left;
	width:100%;

	display: table; 
}
.footnav .ul>.qrcode{ float:right; width:200px;}
.footnav .ul>ul> li{
	display: table-cell;
position:relative;padding-bottom:15px; text-align:left;
}
.footnav .ul>ul> li>ul{ padding-top:15px;}
.footnav .ul>ul> li>a{ font-weight:bold; display:block;  padding-left:30px; padding-right:30px }
.footnav .ul>ul> li ul li a{ color:rgba(255,255,255,0.6); font-size:14px; line-height:1.5; display:block; padding-top:3px; padding-bottom:3px; padding-left:30px; padding-right:30px;}
.footnav .ul>ul> li ul li a:hover{color:rgba(255,255,255,0.8);}
.footnav .ul>ul ul ul{ display:none}
.footnav ul li font{
	display:block;
	font-weight:lighter;
	color:rgba(255,255,255,0.6);
	text-transform: uppercase; font-size:14px;
}
.footnav ul li span{ display:block;}
.footnav ul li ul li font{ display:none}


.footnav .ul>ul>li{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color:rgba(255,255,255,0.1);}


.foot .qrcode{ float:left; width:180px; text-align:center;}
.foot .qrcode img{ display:block; margin:auto;margin-top:20px; }


.copy{ clear:both; font-size:16px; position:relative; text-align:center;  }
.copy .box{
	 margin-top:50px; padding-top:20px; padding-bottom:20px; position:relative;
}
.copy,.copy a{ color:#999999;}

.foot .flx{
	background-color:#ffffff;
	padding:20px;
	margin-top:35px;
	margin-bottom:20px;
	display: table; width:100%;box-sizing:border-box;
}
.foot .flx .item{

	color:#000000;
	line-height:50px;
	font-size:16px;
	display: table-cell; text-align:center;
}
.foot .flx .item i{  width:50px; height:50px; background-color:#202D33; color:#ffffff; line-height:50px; text-align:center;border-radius:100%; font-size:24px; display:inline-block; float:left;}
.foot .flx .item i+div{ margin-left:60px; line-height:30px; padding-top:10px; text-align:left;}
.foot .flx .item:hover i{ background-color:#CF1717}


.etitle{ text-align:center; font-size:35px; position:relative; line-height:1; padding-top:1em; padding-bottom:20px; margin-bottom:38px;}
.etitle span{ font-weight:bold; position:relative; display:inline-block;}
.etitle:after{
	content:'';
	position:absolute;
	bottom:0;
	left:50%;
	width:1em; margin-left:-0.5em;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #DF0F0F;
}
.etitle font{
	font-size:47px;
	color:#ECECEC;
	font-family: Impact, Tahoma;
	text-transform: uppercase; position:absolute; top:0.3em; left:0; width:100%; z-index:-1;
}
/*首页*/

.hot{ width:100%; padding-top:50px; padding-bottom:50px; float:left; width:100%; clear:both;}
.hot .item{  position:relative;  float:left; width:33.33333%; padding-left:100px;box-sizing:border-box;}
.hot .item1{ padding-left:0;}
.hot .item>div{ text-align:left; display:inline-block; margin:auto;}
.hot .item:before{
	content:'';
	position:absolute;
	left:0;
	height:80%;
	top:10%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dddddd;
}
.hot .item1:before{ display:none;}
.hot .item .title{

	font-size: 24px;
	text-transform: uppercase; position:relative;  padding-top:20px;
}
.hot .item .t1{ font-size:15px; color:#555555;}
.hot .item .tel{
	font-size:30px;
	background-image: url(tel2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
}
.hot .item .tel i{ margin-right:5px;font-size:30px;}
.hot .item .tel img{ margin-right:5px;}
.hot .item3 .t1,.hot .item3 .t1 a{ color:#999999;}
.hot .item .title:before{
	content:'';
	width:1.5em;
	left:1em;
	top:0;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #000000; position:absolute;
}
.hot .item .title font{ color:#E50A08;}
.hot .item2 .title{
	color:#dddddd;
	
}
.hot .item3 .title{ color:#999999;}
.hot .item1 .kf{ padding-top:20px; clear:both;}
.hot .item1 .kf a{ position:relative; padding-left:15px; padding-right:15px; display:inline-block; font-size:12px; text-align:center; color:#666666;}

.hot .item1 .kf a .qr{ position:absolute; bottom:0;left:-130px; z-index:2; display:none;}

.hot .item1 .kf a:hover .qr{ display:block;}
.hot .item .search{ padding-top:10px;}
.hot .item3 .t1{ font-size:12px;}
.hot .item .search input{
	border: 1px solid #dddddd; height:30px; float:left; width:200px; padding-left:10px; padding-right:10px;box-sizing:border-box; 
}
.hot .item .search button{ background-color:#BC0813; height:32px; float:left; width:50px; border:none;}
.hot .item .search button i{ color:#FFFFFF;}
.searchform{ width:400px; margin:auto; margin-top:20px; max-width:98%;}
.searchform  input{
	border: 1px solid #dddddd; height:40px; float:left; width:200px; padding-left:10px; padding-right:10px; width:calc(100% - 50px);box-sizing:border-box; 
}
.searchform button{ background-color:#BC0813; height:42px; float:left; width:50px; border:none; color:#FFFFFF;}
.searchform button i{ color:#FFFFFF; font-size:24px;}
.searchform .res{ clear:both; font-size:14px; color:#999999; padding-top:5px;}

.pro{
	clear:both;
	background-image: url(probg.png);
	background-repeat: repeat-x;
	background-position: center top; padding-top:100px; padding-bottom:100px;
}
.pro .econtent{ clear:both;}
.pro .econtent .picli{ min-height:300px; float:left; width:31.33333%; margin-left:1%; margin-right:1%; background-color:#ffffff; padding:20px;box-sizing:border-box; position:relative; padding-top:75px; margin-top:10px; margin-bottom:10px; min-height:400px;}
.pro .econtent .picli .right .dp{ display:none}
.pro .econtent .picli .right{ position:absolute; top:20px; left:0; width:100%;}
.pro .econtent .picli .right .ntitle{
	text-align:center;  font-size: 23px;
	white-space: nowrap;
	overflow: hidden; line-height:50px;box-sizing:border-box; padding-left:20px; padding-right:70px; color:#333333;
}

.pro .econtent .picli .right .ntitle:after{  font-family: "iconfont" !important;
  font-size: 33px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;  content: "\e850"; position:absolute; top:0; right:20px; color:#CCCCCC;}
.pro .econtent .picli .img{ overflow:hidden;min-height:285px; max-height:285px; overflow:hidden;display: flex;
    justify-content:center;
    align-items:center; background-color:#fefefe;}
.pro .econtent .picli .img img{ max-width:100%; max-height:100%;}

.pro .econtent .picli .title{
	box-sizing:border-box;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background-color:#ececec;
	line-height:170px;
	font-size:32px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #E50A08;
	color:#3b3b3b;
	background-image: url(prosort.jpg);
	background-repeat: no-repeat;
	background-position: 30px center;
	padding-left: 120px;
}

.pro .econtent .picli .sort{ padding-top:120px;}
.pro .econtent .picli .sort ul li{
	float:left;
	width:50%;
	margin-top:2px;
	margin-bottom:2px;
	text-align:center;
	overflow:hidden;
	box-sizing:border-box;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF; line-height:22px;font-size: 14px;
}
.pro .econtent .picli .sort ul li a{    color: #333333; background-color: #ececec;display:block;}
.pro .econtent .picli .sort ul li a:hover{ background-color:#DF0806;    font-size: 14px;}
.pro .econtent .picli .sort ul li:nth-child(2n+1){border-radius:50px 0 0 50px; border:none;}
.pro .econtent .picli .sort ul li:nth-child(2n){border-radius:0 50px 50px 0;}
.pro .econtent .picli>a:hover .right .ntitle{color:#DF0806;}
.pro .econtent .picli>a:hover .right .ntitle:after{color:#333333;}


.shebei{ clear:both;padding-top:100px; padding-bottom:100px;}
.shebei .econtent{ position:relative;}
.shebei .econtent .swiper-button-next,.shebei .econtent .swiper-button-prev{ font-size:32px; color:#999999; background-image:none;}
.shebei .econtent .swiper-button-next i,.shebei .econtent .swiper-button-prev i{ font-size:45px; color:#3E3E3E; }
.shebei .econtent .swiper-button-prev i{font-weight:bold;}
.shebei .econtent .swiper-button-next{ left:-50px;}
.shebei .econtent .swiper-button-prev{ right:-50px;}
.shebei .econtent  .picli{ margin:10px;padding:20px;box-sizing:border-box; }
.shebei .econtent  .picli .right { padding-top:20px;}
.shebei .econtent  .picli .right .ntitle{ position:relative; color:#333333; font-size:23px; padding-right:50px;}
.shebei .econtent  .picli .right .ntitle:after{  font-family: "iconfont" !important;
  font-size: 33px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;  content: "\e850"; position:absolute; top:0; right:20px; color:#CCCCCC;}

.shebei .econtent  .picli .right  .dp{
	font-size:16px;
	color:#999999;
	white-space: nowrap;
	overflow: hidden; padding-right:70px;
}
.shebei  .econtent .picli .img{ overflow:hidden;min-height:300px; max-height:300px; overflow:hidden;display: flex;
    justify-content:center;
    align-items:center; background-color:#fefefe;}
.shebei  .econtent .picli .img *{ max-width:100%; max-height:100%;}
.shebei .econtent .picli>a:hover .right .ntitle{color:#DF0806;}
.shebei .econtent .picli>a:hover .right .ntitle:after{color:#333333;}

.shebei .econtent  .picli:hover{ box-shadow:0 0 5px rgba(0,0,0,0.1);}

.youshi{ /* background-color:#1F1F1F; */clear:both;padding-top:100px; padding-bottom:100px; color:#111111;background-image: url(probg.png);background-repeat: repeat-x;background-position: center top;}
.youshi .t1{ text-align:center; font-size:36px; font-weight:bold; line-height:45px;}
.youshi .t1 span{ display:inline-block; font-size:42px; color:#E70012; position:relative; padding-right:20px;}
.youshi .t1 span:after{border-radius:100%;
	content:'';
	position:absolute;
	right:0;
	top:0;
	border: 3px solid #E70012;
	height: 8px;
	width: 8px;
}
.youshi .econtent{ position:relative;width:100%; float:left; width:100%; margin-top:50px;}
.youshi .econtent .img{ text-align:center; max-width:calc(100% - 600px); margin:auto;display: flex;
    justify-content:center;
    align-items:center; min-height:600px;}

.youshi .econtent .img *{ max-width:100%;}
.youshi .ys{ position:absolute; left:0; top:0; width:100%;display:flex;
    justify-content:center;
    align-items:center; float:left; min-height:100%;}
.youshi .ys>div.hc{ width:100%; float:left;}
.youshi .ys .it{ float:left; width:50%; height:100%;}
.youshi .ys .item{ font-size:18px; position:relative; margin-bottom:30px; margin-top:30px; float:left; width:100%; cursor:default;}
.youshi .ys .item .ico,.youshi .ys .item .ico:after,.youshi .ys .item .ico:before{
	float:left;
	width: 72px;
	text-align:center;

	height:41.7px; line-height:41.7px;
	text-align:center;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-color: #dddddd;border-color:rgb(9 2 2 / 83%);-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; position:absolute;
	
}
.youshi .ys .item .ico i{ font-size:32px; color:#0f0506; position:absolute; left:0; top:0; z-index:2; width:100%; text-align:center;}
.youshi .ys .item .ico:after,.youshi .ys .item .ico:before{
 content:'';	
 position:absolute;
	top:0px;
	left:0px; 
}
.youshi .ys .item .ico:after{ 
	transform: translate(-50%,-50%);
    transform: rotate(60deg);	
}
.youshi .ys .item .ico:before{
  	transform: translate(50%,50%);
    transform: rotate(-60deg); 	
}
.youshi .ys .item:hover .ico,.youshi .ys .item:hover  .ico:after,.youshi .ys .item:hover  .ico:before{background-color:#E70012;box-shadow:0 0 15px #E70012; border-color: #E70012;}
.youshi .ys .item:hover  .ico i{ color:#FFFFFF}

/*.youshi .ys .item .ico:before{ content:'';
	border: 36px solid rgba(255,255,255,0); border-top-color:#dddddd; bottom:-72px; left:0; position:absolute;
}*/

.youshi .ys .item .ico+div{ margin-left:100px; }
.youshi .ys .it2 .item .ico{ left:auto; right:0;}
.youshi .ys .it2  .item .ico+div{ margin-left:0px; margin-right:100px; text-align:right; }
.youshi .ys .item .tt2{ font-size:12px; color:rgb(76 67 67 / 60%); margin-top:10px;}

.case{clear:both;padding-top:100px; padding-bottom:100px;}
.case .econtent{ position:relative; display:none; float:left; width:100%;}

.case .econtent.hover{ display:block;}

.case .econtent .swiper-wrapper .swiper-slide{ /* transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);*/ /*width:60%; background-color:#CCCCCC;*/}
	
.case .econtent .swiper-wrapper .swiper-slide .picli{ position:relative;}	
.case .econtent .swiper-wrapper .swiper-slide .picli .img{ overflow:hidden; }
.case .econtent .swiper-wrapper .swiper-slide .picli img{ width:100%;}
.case .econtent .swiper-wrapper .swiper-slide .picli .right{ position:absolute; left:0; bottom:0; background-color:rgba(170,33,41,0.8); color:#FFFFFF; padding:20px; line-height:1.5; width:100%;box-sizing:border-box; }
.case .econtent .swiper-button-next{   left:15%; left:calc(20% - 80px);}
.case .econtent .swiper-button-prev{  right:15%;right:calc(20% - 80px);}
.case .econtent .swiper-button-prev i{ font-weight:bold;}
.case .econtent .swiper-button-next,.case .econtent .swiper-button-prev{background-image:none;color:#FFFFFF;}
.case .econtent .swiper-button-next i,.case .econtent .swiper-button-prev i{font-size:45px;}
.case .econtent .swiper-button-next:hover,.case .econtent .swiper-button-prev:hover{ color:#AA2129;}
.case .econtent .swiper-wrapper .swiper-slide .picli .right .dp{ display:none;}

.case .tab{ text-align:center; padding-bottom:30px;}
.case .tab ul li{ display:inline-block; color:#666666; padding-left:20px; padding-right:20px; line-height:1.2;}
.case .tab ul li span:before {  font-family: "iconfont" !important;

  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e62a"; display:block; font-size:32px; color:#cccccc;
}
.case .tab ul li.hover,.case .tab ul li.hover span:before{color: #DF0806;}


.hezuo{
	clear:both;
	padding-top:0px;
	padding-bottom:100px;
	background-image: url(hzbg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.hezuo .etitle span b{ color:#DF0F0F; position:relative; display:inline-block; padding-right:20px; margin-right:10px; padding-left:1em;}
.hezuo .etitle span b:after{content:'';color:#DF0F0F; background-color:#DF0F0F; height:10px; width:10px; float:left; position:absolute; top:50%; margin-top:-5px; right:0;border-radius:100%;}
.hezuo .econtent{ width:1200px; max-width:100%; margin:auto; margin-bottom:80px; overflow:hidden; margin-top:130px;}
.hezuo .picli{
	float:left;
	width:20%;
box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; 
	overflow:hidden;

	text-align:center;
 overflow:hidden; background-color:#FFFFFF; position:relative; margin-top:-1px; margin-left:-1px;
}
.hezuo .picli:after{
	position:absolute; content:'';
	top:0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dddddd; height:100%;
	left: 0px;
}
.hezuo .picli:before{ z-index:1; content:'';
	position:absolute;
	left:0px;
	width:100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd;
	top: 0px;
}

.hezuo .picli .img{ height:160px;  overflow:hidden;	perspective:1000;transform-style:preserve-3d;}


.front,.back{width:100%;float:left; width:100%; text-align:center}

.hezuo .picli,.hezuo .picli  .img a,.front,.back{min-height:160px;max-height:160px;}
.hezuo .picli  .img a{
	position:relative;
	transition:0.6s;
	transform-style:preserve-3d;
	display:block;
	
}
    .front,.back{position:absolute;top: 0px;left: 0px;
	backface-visibility:hidden;
-webkit-backface-visibility:hidden;	
-moz-backface-visibility:hidden; 	
-ms-backface-visibility:hidden; 	
	background-color:#999999; z-index:1;}
	
    .front{z-index:2; background-color:#ffffff;}
    .back{transform:rotateY(-180deg); line-height:1.2; color:#FFFFFF; font-size:24px; text-align:center; z-index:22; padding-left:20px; padding-right:20px;box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; }

.hezuo .picli .img:hover  a{transform:rotateY(180deg);}
	
.book{
/* background-image: url(mbg.jpg); */
	background-repeat: repeat;
	color:#FFFFFF;
	background: #c1c1c1;
}	
	.book .box{ position:relative;padding-top:50px; padding-bottom:50px;}
.book .t1{ font-size:32px;}	
.book .t2{ font-size:13px; color:rgba(255,255,255,0.3);}	
	
	
	
	
.book .sort ul{ padding-top:10px; line-height:30px; }
.book .sort ul li{ display:inline-block;}
.book .sort ul li a{

	background-image: url(2_r3_c4_r2_c2.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
	text-align: center; display:inline-block;  margin-right:5px; margin-left:5px; font-size:14px; padding-left:35px; padding-right:35px; background-size:100% 100%;border-radius:25px;
}
.book .sort ul li a{/* background-image: url(2_r3_c4_r2_c2.png); */background-repeat: no-repeat;color: #333333;text-align: center;display:inline-block;margin-right:5px;margin-left:5px;font-size:14px;padding-left:35px;padding-right:35px;background-size:100% 100%;border-radius:25px;background: rgb(190 83 74 / 28%);}
	
.book .tel{ clear:both; padding-top:15px; padding-bottom:15px;}
.book .tel .it{ float:left; margin-right:30px; margin-top:10px;}
.book .tel .it i{
	float:left;
	line-height:55px;
	width:55px;
	border-radius:100%;
	border: 1px solid #ffffff; font-size:38px; text-align:center;
}
.book .tel .it div{ margin-left:80px;}
.book .tel .it div span{ display:block; font-size:15px;}
.book .tel .it div b{ display:block; font-size:22px;}

.book .left{ float:left; width:calc(100% - 400px);}
.book .right{
	float:right;
	background-image: url(mbg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 341px;
	width: 391px; position:absolute; bottom:-1px; right:0;box-sizing:border-box; padding-top:150px; padding-left:30px; padding-right:140px;
}
.book .right input{ width:48%; float:left; border:none; margin-left:1%; margin-right:1%; background-color:#F5F5F5; height:35px;}
.book .right textarea{
	width:98%;
	margin-left:1%;
	margin-right:1%;
	background-color:#F5F5F5;
	border:none;
	margin-top:10px;
	margin-bottom:10px; padding-top:5px; padding-bottom:5px;

}
.book .right input,.book .right textarea{box-sizing:border-box;font-family: "微软雅黑"; padding-left:5px; padding-right:5px; font-size:14px;}
.book .right button{ background-color:#D42021; width:98%;margin-left:1%; margin-right:1%; color:#ffffff; height:35px; border:none;}

.about .etitle{ display:none}
.about{
	background-image: url(aboutbg.png);
	background-repeat: no-repeat;
	background-position: left top;  padding-top:100px; padding-bottom:100px; background-size:100% 100%;
}
.about .left{ float:left; width:610px; position:relative;}
.about .left .title{
	background-image: url(about_r1_c1.png);
	background-repeat: no-repeat;
	background-position: left top; line-height:53px; color:#FFFFFF; padding-top:70px;box-sizing:border-box; padding-left:20px; padding-right:20px; position:relative;
}
.about .left .title a{ position:absolute; top:50%; margin-top:-24px; line-height:1; right:20px; color:#FFFFFF;}
.about .left .title a i{ font-size:48px;}
.about .left .title a:hover{color:#DF0806;}
.about .left .swiper-pagination .swiper-pagination-bullet{ background-color:rgba(255,255,255,0);
    width:8px;
	height:8px;
	/*margin-right:155px;*/
	opacity: 1;
	 position:relative; border:none;	border: 1px solid #ffffff;border-radius:10px;

}


.about .left .swiper-pagination .swiper-pagination-bullet-active
{
    width:20px;
	background-color:#ffffff;
}

.about .right{ float:right; width:calc(100% - 650px);}

.about .right .title{}
.about .right .title b{ display:block; font-size:34px; font-weight:lighter;}
.about .right .title span{
	display:block;
	font-size:18px;
	color:#cccccc;
	text-transform: uppercase;
}
.about .right .hcontent{ line-height:2; font-size:15px; color:#666666; margin-top:40px;}

.about .abys{ margin-top:40px; display:table; width:100%;}
.about .abys .item{ display:table-cell; text-align:center; position:relative;}

.about .abys .item .t1{ font-size:14px; color:#cc3333;}
.about .abys .item .t1 span{ font-size:54px;}
.about .abys .item .t2{ color:#666666; font-size:14px;}
.about .abys .item:before{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	content:'';
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dddddd;
}
.about .abys .item1:before{ display:none;}
.about .qywh{ margin-top:55px;}
.about .qywh .qleft .swiper-slide img{ max-height:153px;}
.about .qywh .qleft{ background-color:#ffffff; padding:30px 0; float:left; width:calc(100% - 240px);box-sizing:border-box; text-align:center; }
.about .qywh .qleft img{ max-width:100%;}
.about .qywh .qleft>div{ position:relative; padding-left:50px; padding-right:50px; display:none; min-height:153px;}
.about .qywh .qleft>div.hover{ display:block;}
.about .qywh .qright{ float:right; width:200px; background-color:#444444;color:#FFFFFF; font-size:20px;line-height:106.5px; text-align:center;}
.about .qywh .qright span{ display:block; }
.about .qywh .qright span i{ margin-right:5px; font-size:24px;}
.about .qywh .qright span.hover{ background-color:#BA0814;}


.about  .qleft .swiper-button-next{   left:0; }
.about  .qleft .swiper-button-prev{  right:0;}
.about  .qleft .swiper-button-prev i{ font-weight:bold;}
.about  .qleft .swiper-button-next,.about  .qleft .swiper-button-prev{background-image:none;color:#333333; text-align:center; width:50px;}
.about  .qleft .swiper-button-next i,.about  .qleft .swiper-button-prev i{font-size:45px;}
.about  .qleft .swiper-button-next:hover,.about  .qleft .swiper-button-prev:hover{ color:#AA2129;}

.kfad{ background-color:#BA0814; color:#ffffff; padding-top:30px; padding-bottom:30px; line-height:50px;}
.kfad .t1{ float:left;}
.kfad .t1 span{ font-size:38px; font-family:Impact;}
.kfad .t2{ float:right;}


.news{ padding-top:100px; padding-bottom:100px;}
.news .econtent{ float:left; width:48%; margin-top:20px;}
.news .econtent:nth-child(2n){ float:right}
.news .econtent .title{
	position:relative;
	background-image: url(newtitle.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 50px;
}
.news .econtent .title:before{

  font-family: "iconfont" !important;
  font-size: 38px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;  content: "\e62a"; color:#E4000F; float:left;

}
.news .econtent .title>div{ float:left; margin-left:10px;}
.news .econtent .title>div b{ display:block; font-size:22px; font-weight:lighter;}
.news .econtent .title>div span{ display:block; font-size:14px; color:#999999;}
.news .econtent .title a{ float:right;color:#999999;}
.news .econtent .title a i{ font-size:36px; }
.news .econtent .title a:hover{ color:#E4000F;}
.news .econtent .hc{ clear:both; margin-top:30px; float:left; width:100%; font-size:16px;}
.news .econtent .hc .li{
	font-size:16px;
	padding: 40px;
	margin-bottom: 40px;
	border: 1px solid #dddddd;border-radius:5px;
}
.news .econtent .hc .li i{ float:left; width:65px; font-size:22px; line-height:65px; text-align:center; background-color:#F5F5F5; color:#999999; display:inline-block;border-radius:100%;}
.news .econtent .hc .li .r{ float:left; width:calc(100% - 160px); margin-left:10px;}
.news .econtent .hc .li .r .ntitle{
	white-space: nowrap;
	overflow: hidden;
}
.news .econtent .hc .li .r .dp{white-space: nowrap;
	overflow: hidden; color:#666666; margin-top:10px;}
.news .econtent .hc .li .date{ float:right; width:80px; text-align:center; line-height:1.2;}
.news .econtent .hc .li .date b{ display:block; font-size:32px;}
.news .econtent .hc .li .date span{display:block; font-size:14px; color:#999999;}

.news .econtent .hc .li:hover{box-shadow:0 0 5px rgba(0,0,0,0.2);}
.news .econtent .hc .li:hover i{ background-color:#CF1717; color:#FFFFFF;}

.news .econtent .hc .newsswiper{
	position:relative;
	border: 5px solid #eeeeee; padding:20px;
}
.news .econtent .hc .picli .r{ float:left; width:calc(100% - 140px); margin-left:10px;}
.news .econtent .hc .picli .r .ntitle{
	white-space: nowrap;
	overflow: hidden;
}

.news .econtent .hc .picli .right{ padding-top:20px; float:left; width:100%;}
.news .econtent .hc .picli .img img{ width:100%;}
.news .econtent .hc .picli .r .dp{white-space: nowrap;
	overflow: hidden; color:#666666; margin-top:10px;}
.news .econtent .hc .picli .date{ float:right; width:80px; text-align:center; line-height:1.2;}
.news .econtent .hc .picli .date b{ display:block; font-size:32px;}
.news .econtent .hc .picli .date span{display:block; font-size:14px; color:#999999;}

.news .econtent .hc  .swiper-button-next{   left:0; }
.news .econtent .hc  .swiper-button-prev{  right:0;}
.news .econtent .hc  .swiper-button-prev i{ font-weight:bold;}
.news .econtent .hc  .swiper-button-next,.news .econtent .hc  .swiper-button-prev{background-image:none;color:#ffffff; color:rgba(255,255,255,0.8); text-align:center; width:50px;}
.news .econtent .hc  .swiper-button-next i,.news .econtent .hc  .swiper-button-prev i{font-size:45px;}
.news .econtent .hc  .swiper-button-next:hover,.news .econtent .hc  .swiper-button-prev:hover{ color:#AA2129;}

/*客服*/
.kefu{ position:fixed; top:30%; right:0; color:#FFFFFF; text-align:center; width:70px; z-index:9; font-size:12px; }
.kefu .iconfont{ color:#FFFFFF; font-size:38px; line-height:1;}
.kefu a{ color:#ffffff;}
.kefu a:hover{ background-color:#C0211D;}
.kefu .wx .iconfont{ font-size:28px}
.kefu .wx .wxqrcode{ Opacity:0;position:absolute; top:0; right:-200%;  z-index:-1;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.kefu .wx:hover .wxqrcode{Opacity:1; position:absolute; top:0; right:100%; z-index:-1; }
.kefu .item{background-color:#444444;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;border-top-color: rgba(255,255,255,0.6); position:relative;
}
.kefu .item .msg{
	background-color:#C0211D;
	position:absolute;
	right:-100%; margin-right:5px; font-size:14px;
	top:50%;
	color:#fff;
	white-space: nowrap;border-radius:5px; padding-left:10px; padding-right:10px;  z-index:-1;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; margin-top:-10px;
}
.kefu .item:hover .msg{right:100%;}
.kefu .item .msg:after{
	content:'';
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: rgba(255,255,255,0);
	border-right-color:  rgba(255,255,255,0);
	border-bottom-color: rgba(255,255,255,0);
	border-left-color: #C0211D; position:absolute; right:-10px; top:50%; margin-top:-5px;
}

.kefu .item:nth-child(1){ border:none;}
.kefu .item a{ display:block; padding:5px; padding-top:10px; padding-bottom:10px; cursor:pointer;}
.kefu .gotop .iconfont{
	border: 2px solid #ffffff;border-radius:100%; font-size:20px; padding:5px; font-weight:bold; display:inline-block;
}
/*.kefu .gotop>a{ padding-top:30px;}*/
.kefu .gotop  .txt{ padding-top:5px;}

/*内页*/
.aboutin{ background-image:none; padding-top:50px; padding-bottom:50px;}
.aboutin .left{ float:right;}
.aboutin .right{ float:left; margin-left:0;}
.aboutin .abys{
	background-color:#efefef;
	padding:10px;
	background-image: url(aboutbg.png);
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid #eeeeee; padding-top:30px; padding-bottom:30px;box-sizing:border-box;
}
.aboutin .abys .t1 span{ font-weight:bold;}
.aboutny .content *{ max-width:100%;}


.leftnav,.postion{ background-color:#E9EAE9; line-height:65px;}
.postion,.postion2{  font-size:14px; color:#666666 }

.postion .box{ position:relative; padding-left:30px;}
.postion a,.postion2 a,.postion2 .iconfont{ color:#666666}
.postion .iconfont{ margin-right:5px; color:#DF0806; font-size:28px; position:absolute; left:0; top:50%; line-height:1; margin-top:-14px;}
.postion2{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; padding-bottom:10px; padding-top:10px;
}
.postion2 b{ font-size:22px; color:#333333; display:inline-block; position:relative;}
.postion2 b:after{
	content:'';
	position:absolute;
	left:0;
	bottom:-10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CC0000; width:100%;
}
.hh1{ padding-top:50px; line-height:1.2;}
.hh1 .t1{ font-size:48px;font-weight: 600;
color: #2F2F2F;}
.hh1 .t2{
	color: #C4C6CD;
	font-size:18px;
	font-family: GothamBold;
	padding-top:10px;
	text-transform: uppercase;
}



/*图片列表*/
#cms .picli{
	float:left;
	width:23%;
	margin-left:1%;
	margin-right:1%;
	width:calc(25% - 11.25px);
	margin-left:calc( 15px );
	margin-right:calc( 0px );
	margin-bottom:15px;
	border: 1px solid #dddddd;box-sizing:border-box;
}
#cms .picli:nth-child(4n+1){ clear:both;margin-left:calc( 0px );}
#cms .picli .img{ overflow:hidden; position:relative; float:left; width:100%; padding:10px;box-sizing:border-box;}
#cms .picli .img>div{overflow:hidden; position:relative; float:left; width:100%;display: flex;
    justify-content:center;
    align-items:center; min-height:230px; max-height:380px;}
#cms .picli .img>div img{ max-height:100%;}
#cms .picli .img>div:after{ content:''; position:absolute; top:0%;  width:100%; height:100%; z-index:1; font-size:48px; color:rgba(255,255,255,0.6); background-color:rgba(0,0,0,0.5); display:none;}
#cms .picli .img .iconfont{
	position:absolute;
	width:50px;
	height:50px; text-align:center; line-height:50px;
	left:50%;
	top:50%;
	margin-top:-25px;
	margin-left:-25px;
	border: 1px solid rgba(255,255,255,0.4); color:rgba(255,255,255,0.6); font-size:36px;border-radius:100%; display:none;
}
	
#cms .picli .img .ico{
	display: flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
	position:absolute;
	top:0%;
	left:0%;
	border: 1px solid rgba(255,255,255,0); z-index:2;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}

#cms .picli:hover .img .ico{

	width:80%;
	height:80%;

	top:10%;
	left:10%;border: 1px solid rgba(255,255,255,0.3); 

}
#cms .picli:hover .img .iconfont{ display:block}

	
#cms .picli .img{ max-width:100%; min-height:260px; max-height:260px; overflow:hidden;display: flex;
    justify-content:center;
    align-items:center;}
#cms .picli .img img{ min-height:260px; max-height:260px; width:100%;}	

#cms .picli .img,#cms .picli .img img{min-height:calc(33.33333% - 11.25px * 0.8); max-height:calc(33.33333% - 11.25px * 0.8);}



#cms .picli .title{ line-height:50px; padding-top:10px; padding-bottom:10px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden; padding-left:10px; padding-right:10px; font-size:22px;
}
#cms .picli .title.hbg{ background-color:#eeeeee;}
#cms .picli:hover .title{ background-color:#C0211D; color:#FFFFFF}


	
#cms .picli:hover .img>div:after,#cms .picli:hover .img .ico{ display:block;}



/*工程案例*/

#cms{ margin-top:50px;}


#cms .caseli{
	background-color: #FFFFFF;
	/*padding: 20px;*/
	float:left;
	width:32%;
	margin-left:2%;
	margin-bottom:50px;
	box-sizing:border-box;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; position:relative;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}

#cms .caseli:nth-child(3n+1){ clear:both; margin-left:0;}
#cms .caseli .img{ overflow:hidden; position:relative; float:left; width:100%;border-radius:5px 5px 0 0;}
#cms .caseli .img:after{ content:''; position:absolute; top:0%;  width:100%; height:100%; z-index:1; font-size:48px; color:rgba(255,255,255,0.6); background-color:rgba(0,0,0,0.5); display:none;}
#cms .caseli .img .iconfont{
	position:absolute;
	width:50px;
	height:50px; text-align:center; line-height:50px;
	left:50%;
	top:50%;
	margin-top:-25px;
	margin-left:-25px;
	border: 1px solid rgba(255,255,255,0.4); color:rgba(255,255,255,0.6); font-size:36px;border-radius:100%; display:none;
}
	
#cms .caseli .img .ico{
	display: flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
	position:absolute;
	top:0%;
	left:0%;
	border: 1px solid rgba(255,255,255,0); z-index:3;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}

#cms .caseli:hover .img .ico{

	width:80%;
	height:80%;

	top:10%;
	left:10%;border: 1px solid rgba(255,255,255,0.3); 

}
#cms .caseli:hover .img .iconfont{ display:block}

#cms .caseli .right{ box-sizing:border-box; padding-top:40px;line-height:1.5; font-size:18px; padding-right:80px; position:relative; clear:both; float:left; width:100%; padding-bottom:40px; padding-left:20px;}

#cms .caseli .right .date{ font-size:14px; color:#999999;}

#cms .caseli .right i{ position:absolute; right:20px; top:50%; margin-top:-18px; font-size:36px; color:#999999;}
#cms .caseli .right .ntitle{ max-height:3em; overflow:hidden; min-height:3em;}

#cms .caseli:hover{ box-shadow:0 0 15px rgba(0,0,0,0.2);}
#cms .caseli:hover .img:after{ display:block;}
#cms .caseli:after{
	content:'';
	bottom:0;
	left:0;
	width:0%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #DF0806; position:absolute;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
#cms .caseli:hover:after{ width:100%;}
#cms .caseli:hover .right i{ color: #DF0806;}


/*新闻中心*/
#cms .newli{
-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}

#cms .newli .img>div{min-height:200px; max-height:200px; background-color:#eeeeee;}
#cms .newli .right{ padding:10px; line-height:1.5;}
#cms .newli .right .date{ color:#999999; font-size:14px;}
#cms .newli .right .title2{ max-height:3em; min-height:3em; overflow:hidden; margin-top:5px;}
#cms .newli .right .contentdp{color:#999999; font-size:14px; max-height:4.5em; overflow:hidden; min-height:4.5em; margin-top:5px;}
#cms .newli .right .more{ font-size:14px; margin-top:10px;}
#cms .newli:hover{ box-shadow:0 0 15px rgba(0,0,0,0.2);}

.leftnav>.box>ul{ text-align:center;}
.leftnav>.box>ul>li{ display:inline-block;}
.leftnav>.box>ul>li>a{ display:block; padding-left:30px; padding-right:30px; position:relative;}
.leftnav>.box>ul>li>a>span{
	
}
.leftnav>.box>ul>li font{ display:none}
.leftnav>.box>ul>li.hover>a{ background-color:#D81E06; color:#FFFFFF}
.leftnav>.box>ul>li>a:before{
	content:'';
	top:50%;
	margin-top:-8px;
	height:16px;
	left:0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cccccc; position:absolute;
}
.leftnav>.box>ul>li:nth-child(1)>a:before,.leftnav>.box>ul>li.hover>a:before{ display:none;}

.leftnav>.box>ul ul{ display:none}




#cms  *{ max-width:100%;}
#cms .newsli{ background-color:#EEEEEE; padding:20px; margin-top:20px;}
#cms .newsli .li{ background-color:#ffffff; margin-bottom:10px; padding:20px; padding-top:20px; padding-bottom:20px; line-height:1.5;}
#cms .newsli .li .date{ float:left; width:100px; text-align:center; padding-top:20px; padding-bottom:20px;}
#cms .newsli .li .datei{ font-size:12px; color:#999999; display:none}
#cms .newsli .li .date b,#cms .newsli .li .date span{ display:block;}
#cms .newsli .li .date b{ color:#333333;}
#cms .newsli .li .date span{ color:#666666}
#cms .newsli .li .date +.right{ margin-left:120px;-webkit-transition:200ms; -moz-transition:200ms; -ms-transition:200ms; transition:200ms;}
/*#cms .newsli .li .date +.right .ntitle{ font-size:18px;}*/
#cms .newsli .li .date +.right .dp{ color:#666666; margin-top:5px; font-size:14px;}
#cms .newsli .li .date +.right .dp .more{color: #002D80; padding-left:5px;}
#cms .newsli .li:hover .date{
	box-shadow:0 0 5px rgba(0,0,0,0.5);
	border: 1px solid #dddddd;
}
#cms .newsli .li:hover .date +.right{ margin-left:115px;}


#cms .jobli{
	background-color:#F7F7F7;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #CC0000; margin-bottom:10px; margin-top:10px; padding-left:20px; padding-right:20px;
}
#cms .jobli .title{ line-height:30px; padding-top:30px; padding-bottom:30px; position:relative; float:left; width:100%; cursor:default;}
#cms .jobli .title b{ color:#CC0000; font-size:24px; font-weight:lighter;}
#cms .jobli .title .date{font-size: 14px;
color: #808080; margin-right:50px;}
#cms .jobli .title:after{   content: "\e630";  font-family: "iconfont" !important;
  font-size: 32px; line-height:1;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; position:absolute; right:10px; top:50%; margin-top:-16px;color: #CC0000;}

#cms .jobli .title.hover:after{
  content: "\e62d";
}


#cms .jobli .econtent{

	
	font-size: 14px;
	color: #4c4c4c;
	border-top-width: 1px;
	border-top-style: solid; overflow:hidden; max-height:0px;
	border-top-color: rgba(255,255,255,0);float:left; width:100%;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
#cms .jobli .title.hover + .econtent{border-top-color: #dddddd; display:block;padding-top:20px;padding-bottom:20px; max-height:100000px;}

#right #cms{ margin-top:15px;}

#right #cms .proli{ border:none}
#right #cms .proli .img{
	border: 1px solid #dddddd;
}
#right #cms .proli .img>div{ min-height:195px; max-height:195px;}
#right #cms .proli .title2{ text-align:center; line-height:1.5; padding-top:10px; clear:both; font-size:16px;}

.proshow .img{
	border: 1px solid #dddddd;
}
.proshow .swiper-button-prev,.proshow .swiper-button-next{ background-color:rgba(0,0,0,0.3); background-size:15px;}




#cms1{ margin-top:30px; }
#cms1 .boxs{ width:1250px; max-width:100%; margin:auto;}
#cms1 .content *{ max-width:100%; overflow-x:auto;}
#cms1 h1.h1{
	font-size:22px;
	text-align:center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; padding-bottom:15px; line-height:1.3;
}
#cms1 .info{ font-size:14px; color:#999999;border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; padding-top:10px; padding-bottom:10px; }
#cms1 .info a{ color:#999999;}
#cms1 .info a:hover{ color: #DF0806;}
#cms1 .content{ margin-top:20px; padding-bottom:20px; min-height:300px;}

#cms1 .nextpage,#cms1 .nextpagei{
	line-height:45px;
	padding-top:20px;
	padding-bottom:20px;
	clear:both;
	position:relative;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd;
}
#cms1  .nextpage>div{width:46%;	white-space: nowrap;	overflow: hidden; }

#cms1  .nextpage a{position:relative;color: #D81E06;}

#cms1  .nextpage>div.fr{ text-align:right}


.proshow{ clear:both; padding-top:20px;}
.proshow .img{ float:left; width:480px;}
.proshow .img .swiper-slide img{ width:100%;}
.proshow .right{ width:calc(100% - 530px); float:right;}
.proshow .right .contentdp{ min-height:10.5em; line-height:1.5;}
.proshow .right .tel{
	padding:30px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CC0000;
	margin-top:20px;
	background-image: url(aboutbg.png); position:relative;
}
.proshow .right .tel:before{  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; content: "\e683"; position:absolute; top:50%; margin-top:-25px; left:20px; color:#999999; font-size:50px; line-height:1;}
.proshow .right .zx{ float:right;}
.proshow .right .tel .fl{
	line-height:22px;
	background-image: url(protel.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:60px;

}
.proshow .right .zx a{ display:block; padding-left:30px; padding-right:30px; color:#ffffff; background-color:#D81E06; line-height:44px;}
.proshow .right .zx a:hover{ background-color:#FFA533;}
.protitle{
	clear:both;
	padding-top:30px;
	color:#000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; margin-bottom:20px; padding-bottom:10px; font-size:22px;
}
.protitle span{ margin-left:10px;  display:inline-block; color:#dddddd;}
.protitle span font{padding-left:10px; display:inline-block;}



.protitle2{
	clear:both;
	padding-top:70px;
	color:#000000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
	margin-bottom:20px;
	padding-bottom:10px;
	font-size:22px;
	
}
.protitle2 b{background-image: url(p_r2_c2.jpg);
	background-repeat: no-repeat;
	background-position: left center; padding-left:30px; display:inline-block; position:relative;}

.protitle2 b:after{ content:'';
	position:absolute;
	left:0;
	bottom:-12px;
	width:100%;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FF9900; padding-right:5px;
}
.protitle2 span{ margin-left:10px;  display:inline-block; color:#dddddd;}
.protitle2 span font{padding-left:10px; display:inline-block;}


























#cms1 .nextpagei{ line-height:32px;}
.nextpagei>div>span{ display:inline-block; background-color:#A1A1A1; color:#ffffff; padding-right:10px; padding-left:10px; margin-right:10px;}
.nextpagei>div:nth-child(2){
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #cccccc;
}
#cms1.jgmcs{ background-color:#ffffff; padding:20px;}






#left{ width:280px; float:left; }
#left+#right{ float:right; width:calc(100% - 300px);}
#left,#right{ margin-top:50px;}
#left .etitle2{ line-height:1.5; background-color:#1F1A17; color:#FFFFFF; text-align:center; padding-top:10px; padding-bottom:10px;}
#left .etitle2.h1{ padding-top:30px; padding-bottom:30px;}
#left .etitle2 b{ display:block; font-size:28px; color:#FFFFFF; font-weight:lighter;}

.leftdh {
	line-height:1.5;
	padding-bottom:20px;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #D81E06; margin-top:2px; background-color:#ECECEC;
}
.leftdh ul li a{
	display:block;
	padding-right:20px;
	padding-left:30px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff; padding-top:10px; padding-bottom:10px; position:relative; 
}

.leftdh >ul ul{ display:none;}
.leftdh >ul> li> a>span{ position:relative; padding-left:10px; display:inline-block;}
.leftdh ul li ul li a span{ font-size:14px; color:#666666}
.leftdh >ul> li> a:before {
font-family: "iconfont" !important;
  font-size: 14px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 content: "\e61c"; color:#333333;border-radius:100%; position:absolute; right:10px; top:50%; line-height:1; margin-top:-12px; padding:5px; 
}
.leftdh >ul> li> ul> li>a{ padding-left:50px;}
.leftdh >ul> li> ul> li>a>span{ position:relative; padding-left:20px; display:inline-block;}
.leftdh >ul> li> ul> li>a>span:before {
font-family: "iconfont" !important;
  font-size: 14px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 content: "\e602"; color:#333333;border-radius:100%; position:absolute; left:0px; top:50%; line-height:1; margin-top:-12px; padding:5px;
}
.leftdh >ul> li> ul> li.hover>a,.leftdh >ul> li> ul> li.hover>a>span:before,.leftdh >ul> li> ul> li:hover>a,.leftdh >ul> li> ul> li:hover>a>span:before{ color:#D81E06;}
/*.leftdh >ul> li.hover> a>span:before,.leftdh >ul> li:hover> a>span:before,.leftdh >ul> li.active> a>span:before {background-color:#D81E06;}*/
.leftdh >ul> li.hover> a>span,.leftdh >ul> li:hover> a>span,.leftdh >ul> li.active> a>span{color: #D81E06;}

.leftdh  ul li:hover> a{background-color:#dddddd;}

.leftdh ul  li.active> a{background-color:#D81E06; color:#FFFFFF;}
.leftdh ul  li.hover> a{background-color:#C0211D; color:#FFFFFF;}

.leftdh ul li.active> a>span,.leftdh ul  li.hover> a>span,.leftdh ul li.hover> a:before,.leftdh ul li.active> a:before,.leftdh >ul> li> ul> li.hover>a>span:before {color:#FFFFFF;}





.leftdh >ul> li.active>ul,.leftdh >ul> li.hover>ul{ display:block;}
.leftdh >ul> li.hover> a>span,.leftdh >ul> li.active> a>span{ font-weight:bold;}
#left+#right #cms1{ margin-top:0;}

#left .lxin,#left .tags{ float:left; width:100%; padding-bottom:20px; clear:both; margin-top:20px;}

#left  .econtent{ padding:15px;}

#left .lxin .econtent,#left .tags .econtent{
	background-color:#ECECEC;
	padding-top:20px;
	position:relative; font-size:16px; line-height:1.5;

}
#left .lxin .tel{background-color:#D81E06; clear:both; color:#FFFFFF; padding:10px; padding-left:50px; position:relative; font-size:16px; }
#left .lxin .tel:before{ content: "\e683";  font-family: "iconfont" !important;
  font-size: 32px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; line-height:1; position:absolute; left:10px; top:50%; margin-top:-16px; }
  #left .lxin .tel .tt2{
	font-size:24px;
	font-family: Impact;
}
  
/*#left .lxin .econtent:before,#left .tags .econtent:before{
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #ffffff; position:absolute; top:30px; left:0; float:left; width:100%; content:'';	
}*/
#left .wbg{ background-color:#ffffff;}

#left .tags .econtent .hc a{ display:inline-block; padding-left:10px; padding-right:10px; margin:5px;background-color:#ffffff; color:#333333; }
#left .tags .econtent .hc a:hover{background-color:#D81E06; color:#FFFFFF;}

#cms1 .nextpage{ clear:both; float:left; width:100%; font-size:16px; line-height:1.5;}


.protj .econtent .proli2{
	float:left;
	width:23%;
	margin-left:1%;
	margin-right:1%;
	margin-top:20px;
	box-sizing:border-box;
	border: 1px solid #dddddd;
}
.protj .econtent .proli2 .img{ overflow:hidden;}
.protj .econtent .proli2 .img *{ max-width:100%;}
.protj .econtent .proli2 .right{ padding:10px;}
.protj .econtent .proli2 .right .ntitle{
	white-space: nowrap;
	overflow: hidden; font-size:16px;
}
.protj .econtent .proli2 .right .contentdp{	white-space: nowrap;
	overflow: hidden; color:#666666; font-size:14px;}

.protj .econtent .proli2:hover .right{ background-color:#F2F2F2}
.protj .protitle2{ padding-top:0;}
#right .proshow .right .tel .fl{
	background-image: url(in_r2_c6.jpg); line-height:25px;
}



/*联系*/
.map{ margin-bottom:-30px;}

.contact{
	<!--background-image: url(mbg2.jpg);-->
	background-repeat: repeat;
	background-position: center top; padding:50px; margin-top:50px; color:#FFFFFF;	    background: #58595b;
}
.contact .t1{ font-size:36px; text-align:center; text-shadow:0 0 5px rgba(0,0,0,0.5); color:rgba(255,255,255,0.9);}
.contact .t2{ font-size:14px; text-align:center; color:rgba(255,255,255,0.3);}
.contact .hc{ padding-top:30px;}
.contact .hc .item{ float:left; width:30%; margin-top:15px; margin-bottom:15px; cursor:default;}
.contact .hc .item:nth-child(3n+1){ clear:both;}
.contact .hc .item:nth-child(3n+2){ margin-left:5%; margin-right:5%;}
.contact .hc i{
	font-size:32px;
	display:inline-block; float:left;
	width:60px;
	height:60px;
	line-height:60px;
	border: 1px solid #ffffff; text-align:center;border-radius:100%;
}
.contact .hc i+div{ margin-left:80px; line-height:1.5;}
.contact .hc i+div b{ display:block; font-weight:lighter; font-size:16px;}
.contact .hc i+div span{ display:block; font-family:Impact; padding-top:5px; font-size:22px;}
.contact  .hc .address i+div span{ font-size:16px;font-family:Impact; font-weight:bold;}
.contact .hc .item:hover i{border-color:#ED6D00; color:#ED6D00; border-color:#DF0806; color:#DF0806; }



.message{
	background-image: url(contact_bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom; margin-top:100px; padding-top:100px; padding-bottom:100px;
}
.message form{ display:block;} 
.message .t1{ text-align:center;font-size:36px; font-weight:bold;}
.message .t2{ width:500px; margin:auto; max-width:90%; text-align:center; color:#999999; font-size:16px; margin-top:20px;}
.message .input{ padding-top:80px; clear:both;}
.message .input input{ background-color:#ffffff; height:60px; width:32%; border:none; padding-left:15px; padding-right:15px;box-sizing:border-box; float:left; font-size:18px;}
.message .input input:nth-child(3n+2){ margin-left:2%; margin-right:2%;}
.message .tijiao2{ text-align:center; padding-top:80px; clear:both;}
.message .tijiao2 button{border-radius:60px; font-size:18px; background-color:#ED6D00; color:#FFFFFF; height:60px; width:200px; border:none; z-index:2; background-color:#DF0806 }


#cms{ padding-bottom:50px;}

.sitemap{ width:600px; max-width:98%; margin:auto;}
.sitemap ul{ margin:5px; margin-left:15px;}
.sitemap ul li ul li {
	list-style-type: disc;
	list-style-position: outside; font-size:16px; 
}
.sitemap ul li font{ display:none;}
.sitemap> ul> li{float:left;width:20%; margin-top:10px; margin-bottom:10px;}
.sitemap> ul> li:nth-child(5n+1){ clear:both;}