/* 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%;/*max-width:1920px;*/
	text-align:left;
	overflow-x:hidden;
/*	font-family: Microsoft Yahei,arial,Hiragino Sans GB,sans-serif;*/
	font-family: 'HELVETICANEUELTPRO-THEX',"Microsoft YaHei", "微软雅黑", Arial, 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: #333333;
text-decoration: none;	text-decoration: none;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}

a:hover{
	color: #f8700e;
}
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;word-break: keep-all;}
@-webkit-keyframes mycolor{
		0%{
				
				}
				30%{
		
					transform: rotate(90deg);
					
				}
				
				60%{
		
					transform: rotate(270deg);
					
				}
				
				100%{
			
					transform: rotate(360deg);
				
				}
	}

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

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

}





.app_header{ display:none;}


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

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


#header{
	float:left;
	width:100%;
	z-index:2;
	position:fixed;
	z-index:22;
	top:0px;
	left:0px;
	
}
#header .boxs{ min-width:1000px; max-width:95%;margin:auto; text-align:center; position:relative;}
#header .logo{ padding-left:0px;padding-top:0px;  margin-left:0px; position:absolute; left:0px; top:0px; z-index:2; }
#header .navfr{ position:absolute; top:10px; right:0px; z-index:22;}
#header .navfr a.a{
	display:inline-block;
	background-image: url(topico.png);
	background-repeat: no-repeat;
	background-position: left center; line-height:25px; width:25px; height:25px; float:left; margin-left:25px;
}

#header .navfr a.a2{background-position: -54px center; width:28px;}
#header .navfr a.a3{background-position: -105px center;}
#header .navfr a.a4{background-position: -165px center;}
#header .navfr a.a5{ background-image:none; color:#ffffff;}

#nav{
	font-size:14px;
	line-height:83px;
	font-weight:200; display:inline-block; float:right; margin-top:35px; position: relative;

}
 #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;padding-left:25px; padding-right:25px; overflow-x:hidden; }
 #nav ul li a{ display:block;  font-size:16px;color:#ffffff;-webkit-transition:0ms; -moz-transition:0ms; -ms-transition:0ms; transition:0ms; position:relative;}
  #nav ul li a:after{	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F55300; content:''; position:absolute; bottom:0px; left:50%; width:0px;text-decoration: none;-webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; transition:300ms;}

#nav > ul> li.active>a:after,#nav > ul> li.hover>a:after,#nav > ul> li:hover>a:after{
	 width:100%; margin-left:-50%;
}

#nav > ul> li.active>a,#nav > ul> li.hover>a/*,#nav > ul> li:hover>a*/{
	 font-size:18px; font-weight:bold; 
}

#nav > ul> li>a:before{
	content:'';
	position:absolute;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ffffff;border-left-color:rgba(155,155,155,0.5);
	left: -31px;
	height: 16px; top:50%; margin-top:-8px;
}
#nav > ul> li:nth-child(1)>a:before{ display:none}
 #nav ul li .node{ 
	position: absolute;
	width: 100%; float:left;
	left: 0px;width:calc(100% - 64px); left:32px;
	top: 83px;
	background-color:#FFFFFF; background-color: rgb(194 222 238 / 56%);
font-size:14px; line-height:1.2;padding:0px; padding:20px; padding-top:0px; padding-bottom:0px; box-sizing:border-box; height:0px; overflow:hidden;-webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; transition:300ms;
box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}
 #nav ul li .node .img{ float:left; overflow:hidden; width:calc(90% - 300px);}
 #nav ul li .node .img+div{ float:right;width:350px;}
 #nav ul li .node .img,#nav ul li .node .img+div{ height:200px;}
 #nav ul li:hover >.node{ height:255px;padding:20px; }

 #nav ul li ul li{
	float:left;
	width:100%; font-size:23px; text-align:left; line-height:2;


}

 #nav ul li ul li a{font-size:22px;border-radius:0px;  display:block; padding:0px; padding-top:5px; padding-bottom:5px; position:relative; padding-left:15px;}
  #nav ul li ul li a:before{
	content:'';
	border: 2px solid #dddddd;border-radius:100%; height:5px; position:absolute; top:50%; left:0px; margin-top:-4px; width:5px;
}
  #nav ul li ul li a:hover:before{border-color:#F6750F;}
 #nav ul li ul li a:hover{ color:#F6750F;}
/* #nav ul li:hover> ul{display:block;}*/
.flash{ position:relative;}
.flash .swiper-container{ overflow:hidden;}


.flash .swiper-slide{ position:relative}
.flash .swiper-slide .txt{ Opacity:0;position:absolute; left:15%; top:80%; margin-top:-100px; color:#FFFFFF;-webkit-transition:2000ms; -moz-transition:2000ms; -ms-transition:2000ms; transition:2000ms;}






/*.flash .swiper-slide .txt{top:50%;}*/
.flash .swiper-slide .txt .h1{font-family: Arial;
	font-size:60px;
	font-weight: bold;-webkit-transition:4s; -moz-transition:4s; -ms-transition:4s; transition:4s;
}

.flash .swiper-slide .txt .h2{ margin-top:100px;margin-left: 10px;
	/*font-size:40px;*/
	letter-spacing: 0.8em;-webkit-transition:2s; -moz-transition:2s; -ms-transition:2s; transition:2s;
}



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

.flash .swiper-slide-active.hover .txt .h2{margin-top:100px;}
.flash .swiper-slide-active.hover .txt{top:80%;}

/*#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}*/






.wxqrcode .close{ position:absolute; top:10px; right:10px; background-color:#000000; color:#ffffff; font-size:12px; width:20px; line-height:20px;border-radius:100%; cursor:pointer;}
.wxqrcode+.bg{ content:''; background-color:rgba(0,0,0,0.3); z-index:198; left:0; top:0; width:100%; height:100%; position:fixed; display:none;}
.wxqrcode{transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0); position:fixed; top:50%; left:10%; width:80%; height:300px; margin-top:-150px; background-color:rgba(255,255,255,0.8); z-index:199; text-align:center;border-radius:10px;display:flex;
    justify-content:center;
    align-items:center;transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;}
.wxqrcode.hover,.wxqrcode.hover+.bg{display:flex;transform: scale(1);
    -moz-transform:scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform:scale(1);}	

.wxqrcode img{ width:200px; max-width:80%;}


#footnav{
	position: fixed; z-index:112;
	left: 0px;
	bottom: 0px; float:left; width:100%; background-color:rgba(0,74,145,0.8); background-color:#F8700E; display:none;
}
#footnav a{
	float:left;
	width:25%;
	text-align:center;
	position: relative; line-height:35px; color:#FFFFFF; padding-top:10px; line-height:1.2; padding-bottom:10px; font-size:16px;
}
#footnav a i{ display:block; font-size:24px; line-height:24px;}
#footnav a i.icon-weixin{ font-size:20px; }

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

.pagination li a{ color:#333333}





.foot{ clear:both;background-color:#FFFFFF; text-align:center; color:#919191; font-size:12px; padding-top:30px; padding-bottom:30px;}
.foot,.foot a{  color:#919191;}





/*banner*/


#header{-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; height:118px;}
/*#header.open{ background-color:rgba(0,0,0,0.3);}*/
#header.open{ background-color:rgba(255,255,255,0.3);}

#header .navfr i{ color:#ffffff; font-size:22px;}

#header .logo{-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; height:173px;}
#header .logo .logo2{ display:none}
#header.open .logo{ height:100%; overflow:hidden;}
/*#header.open .logo .logo2{ display:block}
#header.open .logo .logo1{ display:none}*/
/*#header .logo a{ max-height:100%; display:block; float:left;}
#header a img{ max-height:100%;}*/
#header .navfr .lang{padding-top:0px; position:relative; width:35px; margin-left:0px; line-height:25px;}
#header .navfr .lang ul{ width:70px; display:none; position:absolute; right:0px; top:25px; font-size:14px; background-color:rgba(255,255,255,0.6);}
#header .navfr .lang:hover> ul{ display:block;}
#header .navfr .lang ul li{}
#header .navfr .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 .navfr .lang ul li:nth-child(1) a{ border:none;}
#header .navfr .lang ul li a:hover{background-color:#00AF50; color:#FFFFFF}




.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:center;}
/*.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 #00AF50;}
.flash  .swiper-container-horizontal > .swiper-pagination-bullets span img{ width:100%; height:100%;}*/


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


.flash .swiper-pagination .swiper-pagination-bullet{
    width:0px;
	height:0px;
	margin-right:155px;
	opacity: 1;
	border: 3px solid #ffffff; background-color:rgba(255,255,255,0); position:relative; margin-bottom:6px;

}
.flash .swiper-pagination .swiper-pagination-bullet:after{	content:'';
	position:absolute; height:0px;
	left:25px;
	width:120px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff; top:50%; margin-top:-1.5px;
	border-bottom-width: 1px;border-bottom-color:rgba(255,255,255,0.6);margin-top:-0.5px;}

.flash .swiper-pagination .swiper-pagination-bullet-active
{
	width:12px;
	height:12px;
	margin-right:155px;
	opacity: 1;
	border: 2px solid #ffffff; background-color:rgba(255,255,255,0); position:relative;margin-bottom:0px;
}
.flash .swiper-pagination .swiper-pagination-bullet-active:after{
	content:'';
	position:absolute;
	left:25px;
	width:120px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff; top:50%; margin-top:-1.5px;
}

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


.banner,.flash{ max-width:1920px; margin:auto; overflow:hidden;}
.banner .box{ width:1000px; min-width:1000px;}
.banner .box img{ width:1920px; margin-left:-460px;}

.section{ padding-top:80px; padding-bottom:80px; clear:both;}
/*应用场景*/
.app{ padding-bottom:0px; max-width:1920px; margin:auto;}
.app .etitle,.pro .etitle,.meta .etitle{
	font-size:48px;
	font-weight:bold;
	text-align:center;
	/*background-image: url(a1.png);*/
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 20px;
	


}
.app .etitle span,.pro .etitle span, .meta .etitle span{

	/*background-image: url(textline.png);*/
	background-repeat: no-repeat; 
	background-position: -22px 18px; margin-left:42px; display:inline-block;
}
.app .etitle a,.pro .etitle a, .meta .etitle a{
	display:inline-block;

	letter-spacing: 4px;

}
.app .etitle a:hover,.pro .etitle a:hover, .meta .etitle a:hover{    background-image:-webkit-linear-gradient(bottom,red,#EF6914,#f8882a); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; }


/*.pro .etitle{background-image: url(a2.png);*/}
.meta .etitle{background-image: url(a3.png);}
.app .econtent{ padding-top:50px;}
.app .econtent .picli{ float:left; width:12.5%; margin-left:0.5%; position:relative;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.app .econtent .picli:nth-child(1){ margin-left:0px;}
.app .econtent .picli .img{ overflow:hidden;}

.app .econtent .picli .title span{-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; display:inline-block; position:relative;}
.app .econtent .picli .title span:after{ content:'';	background-image: url(dianhover.png);
	background-repeat: no-repeat;
	background-position: left top; width:60px; height:15px;  position:absolute; right:-70px; top:10px; }
.app .econtent .picli.hover .title  span:after{background-image: url(dian.png); left:5px; bottom:-15px; right:auto; top:auto;}	
.app .econtent .picli .title{
	position:absolute;
	bottom:60px;
	left:30px;
	color:#FFFFFF;
	font-size:24px;
padding-bottom:30px;
}

.app .econtent .picli:before{ background-color:rgba(0,0,0,0.3); position:absolute; top:0px; left:0px; width:100%; height:100%; content:'';-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.app .econtent .picli.hover{ float:left; width:61%;}
.app .econtent .picli.hover:before{ background-color:rgba(0,0,0,0);}
.app .econtent .picli.hover .title{font-size:38px;}
/*产品展示*/
.pro{
	background-image: url(11_r5_c1.png);
	background-repeat: no-repeat;
	background-position: left top; position:relative;
}
.pro:after{
	content:'';
	background-image: url(1_r2_c2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom; width:100%; height:100%; z-index:-1; position:absolute; bottom:0; right:0;
}
.pro .econtent{}
.pro .econtent .picli .box{ position:relative;}
.pro .econtent .picli{ padding-top:80px; padding-bottom:80px; position:relative;}
.pro .econtent .picli .right{ float:left; position:absolute; top:58px; left:50px;    }
.pro .econtent .picli .right .title{ font-size:21px; color:#333333; }
.pro .econtent .picli .right .sortname{ font-size:28px; position:relative;color:#333333;}
.pro .econtent .picli .right .sortname:before,.pro .econtent .picli .right .sortname:after{
	content:'';
	position: absolute;
	left: -50px;
	top: 50%;
	width: 40px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #dddddd;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
.pro .econtent .picli .right .sortname:after{	left: -10px;border-top-color: #f8700e; width:0px;}
	
.pro .econtent .picli .right .dp{ color:#b0b0b0; font-size:14px; line-height:1.2; margin-top:5px;}
.pro .econtent .picli .right .more{ clear:both; padding-top:20px;}
.pro .econtent .picli .right .more span{ height:36px;  float:left;color: #ffffff; padding-left: 28px;padding-right: 28px;  
  
   line-height: 36px;background-color:#cccccc;border-radius: 5px;text-transform: uppercase;
	/*background-image: url(more.png);
	background-repeat: no-repeat;*/
	background-position: left top;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
.pro .econtent .picli .right .more a:hover,.pro .econtent .picli:hover .right .more span{background: -webkit-linear-gradient(left,red,#EF6914,#FEA357);   color:#ffffff;/*background-image: url(morehover.png);*/}
.pro .econtent .picli .img{ float:right; overflow:hidden;}
.pro .econtent .picli:nth-child(2n){ background-color:#F9F9F9}
/*.pro .econtent .picli:hover .right .sortname:before{border-top-color: #f8700e;}*/
.pro .econtent .picli:hover .right .sortname:after{ width:40px;left: -50px;}
/*媒体中心*/
.meta{ background-color:#F9F9F9;}
.meta .metablock{ float:left; width:23%; margin-left:1%; margin-right:1%;}
.meta .metablock .title{
	font-size:18px;
	color:#333333;
	background-image: url(11_r7_c8.png);
	background-repeat: no-repeat;
	background-position: left center; padding-left:50px;
}

.meta .metablock:hover .title span{    background-image:-webkit-linear-gradient(bottom,red,#EF6914,#f8882a); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; font-weight:bold; }


.meta .metablock:nth-child(1) .title{
	background-image: url(11_r7_c6.png);
}
.meta .metablock:nth-child(2) .title{
	background-image: url(11_r7_c2.png);
}
.meta .metablock .econtent{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd; margin-top:15px; padding-top:10px; clear:both; min-height:50px; position:relative;
}
.meta .metablock .econtent .li{
	white-space: nowrap;
	overflow: hidden;
	font-size:14px;

}
.meta .metablock .econtent:before{	border-top-width: 1px;
	border-top-style: solid; content:''; position:absolute; top:-1px; left:0px; width:0;border-color: #f8700e;
	-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
	}
	
.meta .metablock:hover .econtent:before{ width:100%;}
	
.meta .metablock .more{ clear:both; padding-top:10px;}
.meta .metablock  .more a{ color:#666666}
.meta .metablock  .more a:hover{color: #f8700e;}
.meta .metablock  .date{ color:#999999; float:right;}
/*内页*/
.banner .box{ position:relative;}
.banner .box .txt{ color:#ffffff; position:absolute; top:50%; margin-top:-30px; text-align:center; width:100%; line-height:1.2; display:none;}
.banner .box .txt .h1{ font-size:32px;}
.banner .box .txt .h2{ font-size:24px;}

/*.sorttitle{ font-size:24px;text-align:center; line-height:1.2; margin-top:50px; }
.sorttitle .h1{	font-size:44px;
	font-weight:bold;
	text-align:center; color:#000000;
}
.sorttitle .h2{
	text-transform: uppercase; color:#CCCCCC
}

*/

.leftnav{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; position:relative; overflow:hidden;
}
.leftnav ul li{ display:inline-block; position:relative;}
.leftnav ul li ul{ display:none}
.leftnav ul li a{ display:block; position:relative; padding-left:50px; padding-right:50px; text-align:center;padding-bottom: 30px; padding-top:30px;
text-align: center;
font-size: 16px;
color: #333333;
line-height: 16px;}
.leftnav ul li.hover> a{}
.leftnav>.line{-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;content:'';   height: 5px; width:0;

    background: -webkit-linear-gradient(right,red,#EF6914,#FEA357); 

    background: -o-linear-gradient(right,red,#EF6914,#FEA357); 

    background: -moz-linear-gradient(right,red,#EF6914,#FEA357); 

    background: linear-gradient(right,red,#EF6914,#FEA357);  position:absolute; bottom:0px;  left:0px;}
/*.leftnav:hover:after{width:1000px;  }*/
/*产品列表*/
#cms .picli{
	border: 1px solid #dddddd; margin-top:20px; margin-bottom:20px;
}
#cms .picli .img{ float:right; overflow:hidden; width:690px;height:297px;}
#cms .picli .right{ float:left;width:calc(100% - 690px); overflow:hidden; height:297px; position:relative;}

#cms .picli:nth-child(2n) .img{ float:left; overflow:hidden; width:690px;height:297px;}
#cms .picli .right{ float:right;width:calc(100% - 690px); overflow:hidden; height:297px; position:relative;}

#cms .picli .right .txt{ position:absolute; left:10%; top:0px; width:80%; height:100%; color:#FFFFFF; line-height:1.2; font-size:14px;}
#cms .picli .right .txt .ntitle{ font-size:2em;}
#cms .picli .right .txt .dp{ margin-top:10px;line-height: 30px;}
#cms .picli  img{    transition: all 0.3s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;}
#cms .picli:hover  .img 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);}

/*新闻列表*/
#cms .newsli{
	/*border: 1px solid #dddddd; */margin-top:20px; margin-bottom:20px; background-color:#F5F5F5; box-sizing:border-box;
}
#cms .newsli .img{ float:right; overflow:hidden; width:60%; height:275px; position:relative;  padding: 40px 60px 40px 70px;box-sizing:border-box;}
#cms .newsli .img> div{ overflow:hidden; max-height:100%;  position:relative;}
#cms .newsli .img>div:after,#cms .newsli .img:before,#cms .newsli .img>div:before{transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;Opacity:0; }
#cms .newsli .img>div:after{
	content:'';
	background-color:rgba(0,0,0,0.3);
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	text-align:center;
	color:#ffffff;
	display: flex;
	justify-content:center;
	align-items:center;
	font-size:48px;
	color:rgba(255,255,255,0.8);
	font-family:Arial, Helvetica, sans-serif;
	/*background-image: url(add.png);*/
	background-repeat: no-repeat;
	background-position: center center;z-index:3;
}
#cms .newsli:hover .img>div:after{Opacity:1}
/*#cms .newsli .img:before{
	content:'';
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #ffffff;
	border-left-color: #ffffff; position:absolute; top:20px; left:20px;width:0;height:0;z-index:2;
}*/

#cms .newsli:hover .img:before{width:calc(100% - 41px);height:calc(100% - 41px);Opacity:1;}

/*#cms .newsli .img>div:before{
	content:'';
	position:absolute; bottom:20px; right:20px;
	width:0;
	height:0;
	z-index:2;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}*/

#cms .newsli:hover .img>div:before{width:calc(100% - 41px);height:calc(100% - 41px);Opacity:1;}


#cms .newsli .img img{ min-height:100%; min-width:100%;}
#cms .newsli .right{line-height:1.5;  float:left;width:40%;padding:20px; padding-left:50px; overflow:hidden; height:275px; position:relative; box-sizing:border-box}
#cms .newsli .right>div{ width:100%;webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
#cms .newsli .right  .ntitle{ font-size:16px; color:#393939;  font-weight:bold; margin-top:10px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
#cms .newsli .right .dp{ color:#999; font-size:14px; margin-top:10px; display:none;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
#cms .newsli .right .more{ font-size:14px; margin-top:10px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;Opacity:0; margin-top:60px; display: none;}
#cms .newsli .right  .date{ font-size:24px; color:#666666; font-weight:700;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; margin-top:60px;}
#cms .newsli:hover{ background-color:#333333;}
#cms .newsli:hover .right>div{ margin-left:-10px;}
#cms .newsli:hover .date{ color:#FFFFFF; color:rgba(255,255,255,0.5); margin-top:10px; }
#cms .newsli:hover .ntitle{ color:#FFFFFF;}
#cms .newsli:hover .more{ color:#333333; color:rgba(255,255,255,0.8);Opacity:1; margin-top:10px;}

/*#cms .newsli  img{    transition: all 0.3s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s; }
#cms .newsli:hover  .img 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);}*/

/*新闻列表2*/
#cms .newsli2{ text-align:left; position:relative; float:left; width:100%; padding-top:50px; box-sizing:border-box;	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	padding-bottom: 50px;  }

#cms .newsli2 .date{
	width:100px;
	float:left;
	text-align:center;
	color:#f8700e;
	line-height:1.5;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ddd; font-size:12px; margin-top:20px;
}
#cms .newsli2 .date b{ display:block; font-size:36px}
#cms .newsli2 .date span{ display:block}
#cms .newsli2 .right{
	margin-left:120px;
	position:relative;

}
#cms .newsli2 .right .time{ display:none}
#cms .newsli2 .right .share a{
	display:inline-block;
	color:#999;
	background-image: url(share.png);
	background-repeat: no-repeat;
	background-position: left center; padding-left:18px;
}
#cms .newsli2 .right .ntitle{ font-size:22px; line-height:1.2; padding-bottom:10px;}
#cms .newsli2 .right .dp{ color:#999999; line-height:1.5; min-height:3em;}
#cms .newsli2 .right .hc{ margin-right:280px;}
#cms .newsli2 div.img{ position:absolute; top:-30px; right:20px; width:240px; overflow:hidden; min-height:140px; max-height:140px; background-color:#f5f5f5;}
#cms .newsli2 div.img img{ width:100%;}

#cms .newsli2:hover{ background-color:#f5f5f5;}


/*常规新闻列表*/

#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; /* Safari */ 

}
#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: #999999;content:'';
}
#cms .li .ntitle a,#cms .li .title a{
	color:#555555;

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

}

#cms .li .date{
	float: right;

	color: #999999;
	font-size: 14px; margin-right:5px;
}

#cms .li:hover{background-color: #f8700e;}
#cms .li:hover .ntitle:after{background-color:#ffffff;}
#cms .li:hover .ntitle a{ color:#ffffff;}

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

/*新闻列表3*/
#cms .newli3{ width:23%; margin-left:1%; margin-right:1%; margin-top:20px; margin-bottom:20px; float:left;}
#cms .newli3 .img{ overflow:hidden;}
#cms .newli3 *{ max-width:100%;}
#cms .newli3 .right{
	line-height:1.5;
	/*border: 1px solid #dddddd; */padding:10px; background-color:#f5f5f5; min-height:150px;
}
#cms .newli3 .right .ntitle{ font-size:16px; line-height:1.2; max-height:2.4em; overflow:hidden;-webkit-transition:100ms; -moz-transition:100ms; -ms-transition:100ms; transition:100ms;}
#cms .newli3 .right .line{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd; margin-top:10px;-webkit-transition:500ms; -moz-transition:100ms; -ms-transition:100ms; transition:100ms;
}
#cms .newli3 .right .dp{ color:#999999; font-size:14px; margin-top:10px; max-height:4.5em; overflow:hidden;-webkit-transition:100ms; -moz-transition:100ms; -ms-transition:100ms; transition:100ms;}
#cms .newli3 .right .date{ font-size:12px; color:#999999; margin-top:10px;-webkit-transition:100ms; -moz-transition:100ms; -ms-transition:100ms; transition:100ms;}
#cms .newli3:hover .right{ background-color:#f8700e;}
#cms .newli3:hover .right .ntitle a{ color:#ffffff;}
#cms .newli3:hover .right .dp{ color:#ffffff;color:rgba(255,255,255,0.8);margin-top:5px;}
#cms .newli3:hover .right .date{ color:#ffffff; color:rgba(255,255,255,0.5); margin-top:5px;}


/*联系*/
.contact{ padding-top:80px; padding-bottom:80px; width:900px; margin:auto; }

.contactli{ padding-bottom:30px; padding-top:30px;}
.contactli .left{ float:left; width:350px; text-align:center;}
.contactli .left .dp{ line-height:1.5;  color:#666666; font-size:16px; padding-top:30px;}
.contactli .right{ float:right; width:30%; text-align:center; padding-top:20px;}

.contactli .left .title{ font-size:50px; line-height:1;}

.contactli .right .icon{ line-height:1;}
.contactli .right .icon i{ font-size:55px;}
.contactli .right .title{ font-size:18px;}
.contactli .right .btn{ padding-top:10px;}
.contactli .right .btn span{
	display:inline-block;
	border: 1px solid #666666; padding-left:20px; padding-right:20px;border-radius:10px; cursor:pointer;
}
.contactli .right .btn span:hover{ background-color:#f8700e; color:#FFFFFF;border-color:#f8700e;}
.contactin{ display:none}




.contactform{padding:50px;box-sizing:border-box; position:fixed;  top:200%; left:50%;width:900px; height:600px;  margin-left:-450px; z-index:99; background-color:#FFFFFF; 
height:0px; padding-top:0px; padding-bottom:0px;overflow:hidden;
}


.contactform.open{padding:50px; height:600px;  margin-top:-300px; top:50%; margin-top:-300px;  }


.contactform.open+div{ background-color:rgba(0,0,0,0.3); position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:98;}

.contactform,.contactform+div{-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; }
.contactform{Opacity:0;}
.contactform.open{Opacity:1; display:block;}


.contactform .close{ position:absolute; right:0px; top:0px; line-height:1;}
.contactform .close i{color:#02325f; font-size:50px; cursor:pointer;}
.contactform .title{  color: #02325f;
  font-weight: 200;
  font-size: 40px; line-height:1;
}
.contactform .name{color: #02325f;
font-size: 15px;
font-weight: 200;
margin-bottom: 6px;padding-top:20px;}
.contactform .name span{ color:red; padding-left:5px;}

.contactform .select select{
	background-color:#ffffff;
	width:30%;
	height:40px;
	border: 1px solid #dddddd; padding-left:10px; 
}
.contactform  .block{ clear:both; }
.contactform  .block .item{ width:33.333%; float:left;}
.contactform  .block .item .input input{
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #dddddd;width:90%; height:30px;
}
.contactform .msg{ clear:both; }
.contactform .textarea textarea{
	width:100%;
	border: 1px solid #dddddd; min-height:150px;
}
.contactform input,.contactform textarea{outline:none;outline-color:#f8700e;}

.contactform .btn{ clear:both; padding-top:20px;}
.contactform .btn button{font-size: 16px;
	border: 2px solid #02325f;
	background-color: #FFFFFF;
	height: 50px;
	width: 260px;
-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; 	transition:500ms;
	color:#02325f;
	background-image: url(jt.png);
	background-repeat: no-repeat;
	background-position: 220px center; padding-right:180px;
}
.contactform .btn button:hover{ background-color:#02325f; color:#FFFFFF;background-image: url(jthover.png);}
.postion{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;  font-size:12px; padding-top:10px; padding-bottom:10px;
}
.postion,.postion a{ color:#999999;}
#cms1 *{ max-width:100%;}
#cms1 h1.h1{
	line-height:1.2;
	font-size: 22px; padding-bottom:10px;
}
#cms1 .info{
	font-size:14px;
	color:#999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; padding-bottom:10px;
}
#cms1 .back{ text-align:right; clear:both; font-size:14px; padding-top:10px;}
#cms1 .back a{ display:inline-block; background-color:#666666; color:#FFFFFF; padding-left:10px; padding-right:10px;}
#cms1 .back a:hover{ background-color:#f8700e;}
.nextpage{
	padding-top:10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd; clear:both; padding-top:10px; margin-top:10px; font-size:14px;
}
.nextpage>div{
	max-width:50%;
	overflow:hidden;
	white-space: nowrap;
}
.meta .boxs{ max-width:98%; margin:auto;}
#cms,#cms1{ margin-top:50px;}




.indexnews .iconfont2{ margin-right:5px;}

.indexnews  .info{font-size:12px;

	font-family: Arial, Helvetica, sans-serif; line-height:1.2;}
	

.indexnews  .info span+span{ padding-left:20px;}

.news{ float:left; width:48%;box-sizing:border-box;}
.zhanhui{ float:right; width:48%;box-sizing:border-box;}
.indexnews .etitle{ font-size:38px; line-height:1.2; position:relative;}
.indexnews .etitle>a{position:absolute;/*left: 215px;*/right: 1px;bottom: 6px;font-family: Arial, Helvetica, sans-serif;font-size: 14px;
	text-transform: uppercase; padding-left:22px; padding-right:22px;
    padding-top: 6px;padding-bottom: 6px;border-radius: 5px;	 background-color:#cccccc; line-height:20px; color: #ffffff;
}
.indexnews .etitle>a:hover{ background: -webkit-linear-gradient(left,red,#EF6914,#FEA357);   color:#ffffff;}
.indexnews .etitle b{ font-weight:normal;padding-left:100px;font-size: 24px;letter-spacing: 6.1px;color: #333333;}
.indexnews .etitle2{ line-height:2.2;font-size: 24px; position:relative;letter-spacing: 10.1px; color: #333333;/*font-family: Impact;*/word-break: keep-all;}
.indexnews .etitle span{
	display:inline-block;
	position:relative;
	font-weight: bold;
}
/*.indexnews .etitle span:after{
	content:'';
	width:1.5em;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FF9900; height:0px; left:100%; bottom:0px; position:absolute; margin-left:10px;
};*/
.indexnews{ background-color:#eeeeee;box-sizing:border-box;}
.indexnews  .econtent{ padding-top:20px;}
.news .econtent .li{ padding:10px;
	clear:both;
	padding-top:26px;
	padding-bottom:26px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eeeeee;
}
.news .econtent .li:nth-child(1){ border:none; }
.news .econtent .li .date{ float:left; text-align:center; width:50px;-webkit-transition:100ms; -moz-transition:100ms; -ms-transition:100ms; transition:100ms;}
.news .econtent .li .date b{ display:inline-block; background-color:#999999; line-height:35px; width:35px; text-align:center; color:#FFFFFF;border-radius:100%;}
.news .econtent .li .date span{ display:block; line-height:1.2; font-size:14px;}
.news .econtent .li .right{ margin-left:60px;-webkit-transition:100ms; -moz-transition:100ms; -ms-transition:100ms; transition:100ms;}
.news .econtent .li:hover .right{ margin-left:50px;}
.news .econtent .li:hover .date b{background-color:#FEA357;}
.news .econtent .li:hover{ background-color:#ffffff;border-radius:5px;}
.news .econtent .li:hover .date{ margin-left:-5px;}
.news .econtent .li .right .title{ font-weight:bold;
	white-space: nowrap;
	overflow: hidden;
}
.news .econtent .li .right .dp{ font-size:14px; color:#666666; line-height:1.5; max-height:4.5em; overflow:hidden;}
.news .econtent .li .right .info{
	color:#999999;
}
.news .econtent .li .right .info span{ padding-right:10px;}

.zhanhui .econtent{ overflow:hidden;border-radius:5px; padding-top:0; margin-top:20px;}
.zhanhui .econtent .picli{ position:relative}

.zhanhui .econtent .picli .right{ bottom:0; left:0; width:100%; padding:10px;box-sizing:border-box; position:absolute; z-index:2; color:#FFFFFF; color:rgba(255,255,255,0.8); background-color:rgba(255,255,255,0.2);}
.zhanhui .econtent .picli .right .dp{ line-height:1.2; max-height:3.6em; overflow:hidden; min-height:3.6em;}
.zhanhui .econtent .picli .right .ntitle{ font-weight:bold;}
.zhanhui .econtent .picli  .info{ font-size:14px;}


.logo img.logo3,.logo img.logo4{ /*height:50px;*/ display:none}
#header.open .logo img{ display:none}
#header.open .logo .logo3{ display:block;}

body.in #header .logo .logo1{ display:none;}
body.in #header .logo .logo3{ display:block;}

body.in #header.open .logo img{ display:none;}
body.in #header.open .logo .logo3{ display:block;}


#header.open #nav >ul >li> a{ color:#333333;}
#header.open .navfr a.a{background-image: url(topicohover.png); color:#333333;}
#header.open .navfr a.a5{background-image: none;}
/*#header.open #nav ul li ul li a{ color:#ffffff;}*/

#header.open .navfr i { color:#333333;}




#header.open{
	background-color:#ffffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
body.in .intop{ height:120px; clear:both; float:left; width:100%;}

#cms .mli{ float:left; width:100%; margin-top:50px; margin-bottom:50px; }
/*#cms .mli:nth-child(2n){ margin-top:120px;}*/
#cms .mli .img{ background-color:#efefef; max-height:345px; min-height:345px; overflow:hidden; position:relative;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
#cms .mli .img img{ width:100%; max-height:345px; min-height:345px;}
#cms .mli .img .ntitle{ position:absolute; bottom:0; left:0; width:100%; text-align:center; background-color:rgba(0,0,0,0.3); color:#FFFFFF;}
#cms .mli .img,#cms .mli .r{ float:left; width:49.5%;}
#cms .mli .r{ float:right}
#cms .mtli{ background-color:#F0EFEE; float:left; width:100%; margin-bottom:15px;}
#cms .mtli a{ display:block;}
#cms .mtli .date{ float:left; width:70px; text-align:center; padding:10px; padding-top:15px;}
#cms .mtli .date b{
	display:block;
	font-family: "Times New Roman", Times, serif;
	font-size: 36px; color:#A3A4A7; line-height:1.2;
}
#cms .mtli .date span{ display:block; font-size:12px; color:#CCCCCC}
#cms .mtli .right{ margin-left:90px; padding-top:10px; padding-bottom:10px;}
#cms .mtli .right .ntitle{
	white-space: nowrap;
	overflow: hidden;
}
#cms .mtli .right .dp{ max-height:3em; overflow:hidden; line-height:1.5; font-size:14px; color:#666666}
#cms .mtli a:hover{ background-color:#f8700e; color:#ffffff;}
#cms .mtli a:hover .date b,#cms .mtli a:hover .date span,#cms .mtli a:hover .right .ntitle,#cms .mtli a:hover .right .dp{ color:#ffffff;}

#cms .mtli a:hover .date span,#cms .mtli a:hover .right .dp{ color:rgba(255,255,255,0.6);}

#cms .mli:nth-child(2n) .img{ float:right}
#cms .mli:nth-child(2n) .r{ float:left}
.photo *{ max-width:100%;}