/* CSS Document */

*{text-overflow: ellipsis;word-break:break-all;}
html{ width:100%; text-align:center}
.ie{
	color: #FFFFFF;
	background-color: #1D388F;
	text-align: center; font-size:16px;
}
body{
	margin: auto;
	position:relative;
	font-size: 14px;
	line-height: 2;
	color: #000000;
	min-width:1200px;
	max-width:100%;
	text-align:left;
	overflow-x:hidden;/* background-color:#eeeeee;*/
	font-family: "微软雅黑";
}
body>div{ max-width:100%; /*overflow:hidden;*/}
div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,p,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px;}

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

a:hover{
	color: #095994;
}
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: -ms-flex; 
display: flex;
    justify-content:center;
    align-items:center;}
/*图片放大*/
.fd img{    transition: all 0.3s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;}
.fd:hover img{    transform: scale(1.2);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);}

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

}





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


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

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


#header{ z-index:999;
	background-color: #FFFFFF;
	float:left;
	width:100%;
	z-index:2;
	position: relative;

}
/*#header+div.clear{ height:82px;}*/
#header .box{ position:relative;}

#header .logo{
	float:left;

}
#header>.box>.fr{ padding-top:20px;}
#header .search,.search>div{ float:right; position:relative; margin-left:20px; }
.etitle,.ptitle .h1{
	position: relative; padding-bottom:20px;
}

.ptitle .h1 .search{
	position: absolute;
	top: 0%;
	right:20%;

}
.etitle .search{
	position: absolute;
	right: 20%;
	bottom: 15px;
}
#logo{ padding-top:20px; padding-bottom:20px;}
.logo{ line-height:1.5;}
.logo img{
	padding-right:20px;
	margin-right:20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #dddddd;
}
.logo .t1{ color:#0A5898; font-size:16px;}
.logo .t2{ color:#666666; font-size:16px;}

#header .tel{
	float:right;
	background-image: url(tel2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 50px; line-height:1.2;
}
#header .tel .t1{ color:#333333;}
#header .tel .t2{
	font-family:"Impact", "Times New Roman", Times, serif;
	color: #0A5898;
	font-size: 24px;
}
.search input{width:0px;
	line-height: 32px;
	height: 32px;
	position: absolute;
	top: 0px;
	right: 34px;
	border-radius:5px 0 0 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #dddddd;
	border-right-color: rgba(255,255,255,0);
	border-bottom-color: #dddddd;
	border-left-color:rgba(255,255,255,0);
	padding-right: 0px;
	padding-left: 0px; background-color:rgba(255,255,255,0); z-index:2;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; margin-right:-2px; 
}
.search:hover input{ width:200px;padding-right: 20px;
	padding-left: 20px; margin-right:0px; background-color:rgba(255,255,255,1);
	
		border-right-color: #dddddd;

	border-left-color:#dddddd;
	 } 
.search button:after{
	content:'';
	height:32px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #dddddd;
	border-bottom-color: #dddddd;
	width:20px;
	position: absolute;
	top: 0px;
	left: 0px; z-index:-1; float:left;
}
.search button{
	background-image: url(ss.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 34px;
	width: 34px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none; z-index:2;
}
#top{ background-color:#FAFAFA; color:#999999; font-size:12px;}
#top .fr{}
#top .fr a{color:#999999; display:inline-block; margin-left:10px; margin-right:10px;}
#nav {
	font-size:18px;
	z-index:22;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd; font-size:16px; line-height:55px;
}
#nav ul{}
#nav ul ul{ position:absolute; top:0px; left:0px; width:100%; top:55px; display:none; z-index:22;}

#nav ul li { float:left; width:12.5%;  position:relative;}
#nav ul li a{ display:block; text-align:center;}
#nav ul li a.active:after{ content:''; position:absolute; bottom:0; left:10%; width:80%; height:3px; background-color:#0A5898}
#nav .box>ul >li:before{
	content:'';
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dddddd;
	position: absolute;
	left: 0px;
	top: 50%; margin-top:-10px; height:20px;
}
#nav .box>ul >li:hover:before{ display:none;
}
#nav .box>ul >li:nth-child(1):before{ display:none}
#nav ul>li:hover>ul{ display:block}
#nav ul>li:hover> a{ background-color:#0A5898; color:#FFFFFF}
#nav ul li ul { background-color:#FFFFFF; float:left; width:100%; background-color:rgba(255,255,255,0.95);}
#nav ul ul ul{ left:100%; top:0px; width:120%;}
#nav ul li ul li{ width:100%; line-height:1.2;}
#nav ul li ul li a{
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	font-size:13px;
	padding-left:5px;
	padding-right:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; 
}
#nav ul li ul li a:hover{ background-color:#0A5898; color:#FFFFFF}






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

.link{
	padding-top: 20px;
	padding-bottom: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd; margin:auto; margin-top:20px; clear:both; background-color:#0061B0;
}
.link .title{
	float:left;

	color:#FFFFFF;
	position: relative; padding-left:20px; padding-right:10px;	background-image: url(1_r10_c3.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

.link .econtent{ margin-left:100px; padding-top:3px;}
.link .econtent,.link .econtent a{
	color: #ffffff;
	text-decoration: none;
	font-family: "新宋体";
	font-size: 12px;
}
/*内页底部*/
.pagination{ clear:both; text-align:center}
.pagination li{
	display:inline-block;
	border: 1px solid #dddddd;
	padding-left:12px;
	padding-right:10px;
	margin: 0px; overflow:hidden;
}

.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:#1C388C; color:#FFFFFF}

.pagination li a{ color:#333333}


.gotop{ display:none}
#footer{ background-color:#2D2D2D; padding-top:55px; padding-bottom:0px; clear:both; overflow:hidden;}
#footer,#footer a{ color:#999999}
.flx,.fnav{ float:left; }
.flx .hc,.fnav .hc,.qrcode .hc{ padding-top:10px;}

.flx .title,.qrcode .title,.fnav .title,.fnav .title b{ font-size:18px; color:#FFFFFF;font-weight:lighter;}
.flx .title,.fnav .title{ padding-bottom:10px;}

.fnav{	font-size:14px;border-right-width: 1px;
	border-right-style: solid;
	border-right-color: rgba(255,255,255,0.1);	padding-left:0px;	padding-right:50px; min-height:200px;}
.fnav.f2{ padding-left:20px;padding-right:20px; text-align:center;}	
.flx{ padding-left:50px; font-size:14px;padding-right:50px; min-height:200px;border-right-width: 1px;
	border-right-style: solid;
	border-right-color: rgba(255,255,255,0.1);	}	

.flx  .tel{font-size:28px;
	background-image: url(tel.jpg);
	background-position: left center;
	background-repeat: no-repeat; font-family:"Impact"; color:#FFFFFF; padding-left:50px; }

.fnav.f2 .hc li{ float:left; width:48%; margin-right:1%;}
#footer .fnav .hc a:hover{ color:#ffffff}
.copy{
	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color:  rgba(255,255,255,0.1);
	margin-top:30px;
 font-size:12px;
}
.copy .footlogo{
	background-image: url(logo1.jpg);
	background-repeat: no-repeat;
	background-position: left 20px; padding-left:230px;padding-top:20px;
	padding-bottom:20px;
}
.copy,.copy a{ color:#999999}
.share{ margin-top:20px;padding-top:20px;
	padding-bottom:20px;}
.qrcode .hc .item{
	float:left;
	width:100%;
	line-height:65px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,255,255,0.1);
	padding-top: 10px;
	padding-bottom: 10px; font-weight:lighter;
}
.qrcode .title{font-weight:lighter;}
.qrcode .hc .item:last-child{ border:none}
.qrcode .hc .item img{ float:right}
.qrcode{ width:200px; position:relative; z-index:2; margin-right:50px;}


/*.gotop{
	background-image: url(gotop.png);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	height: 38px;
	width: 38px;
	border: 3px solid #FFFFFF;
	position:fixed;
	right: 10px;
	bottom: 10px; z-index:22; background-color:rgba(0,0,0,0.5); cursor:pointer;
}*/
/*首页*/	
 .etitle{ font-size:36px; color:#000000;text-align:center;padding-top:0px; padding-bottom:10px; line-height:1.2;}
 .etitle b{/* font-weight:lighter; */display:inline-block; position:relative; padding-bottom:15px; padding-top:15px;}
 .etitle+.h2{ text-align:center; color:#606060; font-size:14px; padding-bottom:20px; padding-left:20px; padding-right:20px; line-height:1.5;}	
 
.etitle b:after{
	content:'';
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #1D388F;
	position: absolute;
	left: 50%; margin-left:-1em;
	bottom: 0px;
	width: 2em;
}











.about{
	clear:both;
	background-color: #ffffff; padding-bottom:50px; padding-top:50px;
	
}

.about .etitle{ display:none}
.about .etitle+.h2{ display:none}
.about .econtent{ clear:both; font-size:14px; color:#333333;}

.about .econtent .img{ max-width:58%;
	float:right;
	position:relative;
	padding: 2px;
	border: 1px solid #dddddd; background-color:#FFFFFF;border-radius:5px; overflow:hidden;
}
.about *{ max-width:100%;}
.about .econtent .hc{ width:40%; float:left;}

.about .econtent .title{ font-size:42px; position:relative; color:#0061AE;font-weight:bold;}
.about .econtent .title2{ font-size:22px; position:relative; color:#333333; line-height:1.3; font-weight:bold;}
.about .econtent .dp{ padding-top:20px; font-size:16px; line-height:2;}
.about .econtent .more{ text-align:left; padding-top:15px; font-size:16px;}
.about .econtent .more a{
	display:inline-block; background-color:#E60012; color:#FFFFFF;
	 padding-left:20px; padding-right:20px; position:relative; line-height:36px;
}
.about .econtent .more a:after{
	content:'';
	position:absolute;
	right:-10px;
	border-top-width:36px;
	border-right-width:10px;
	border-bottom-width:10px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E60012;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color:rgba(255,255,255,0);
}
.about .econtent .more a:hover{ background-color:#CC3300; color:#FFFFFF;	border: 1px solid #CC3300;}

.about .fuwu{ clear:both; padding-top:50px;}
.about .fuwu .picli{ float:left; width:48%; float:left;}
.about .fuwu .picli:nth-child(2n){ float:right}
.about .fuwu .picli .img{
	float:left;
	height:90px;
	width:90px;
	text-align:center;
	display: -ms-flex; 
	display: flex;
	justify-content:center;
	align-items:center;
	background-color:#FFFFFF;
	border: 1px solid #dddddd;
}
.about .fuwu .picli .right{ margin-left:105px; color:#606060; font-size:14px; line-height:1.5;}
.about .fuwu .picli .right .title{ color:#171717; font-size:16px; position:relative; padding-bottom:5px; padding-top:5px;}
.about .fuwu .picli .right .title:after{
	content:'';
	width:2em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #1D388F;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.about .fuwu .picli .right .dp{ padding-top:5px;}	


.youshi{ padding-top:10px; padding-bottom:10px; position:relative; clear:both;}
.youshi .box{ box-shadow:0 0 5px rgba(100,100,100,0.3); clear:both;border-radius:5px; background-color:#FFFFFF;}

.youshi .picli{ float:left; width:25%; text-align:center; position:relative; padding-top:20px; padding-bottom:20px; line-height:1.5; }

.youshi .picli:before{
	content:'';
	position:absolute;
	left:0;
	top:20%;
	border-left-width: 1px;
	border-left-style: solid; height:60%;
	border-left-color: #dddddd;
}
.youshi .picli:nth-child(1):before{ display:none}
.youshi .picli .t1{}
.youshi .picli .t1 b{
	font-size: 55px;
}
.youshi .picli .t1 span{ font-size:48px;position:absolute; }
.youshi .picli .t1 i{
	font-size:20px;
	background-color:#0A5796;
	border-radius:100%;
	width:30px;
	line-height:30px;
	text-align:center;
	color:#ffffff;
	display:inline-block;
	font-style: normal; position:absolute; margin-left:35px; top:50%; margin-top:-30px;
}
.youshi .picli .t2{ font-size:18px; color:#333333;}



/*产品展示*/

.pro{ clear:both; float:left; width:100%; margin-top:20px; position:relative; padding-bottom:30px; }

.pro .econtent{ padding-top:30px; clear:both;}

.pro .econtent .picli{
	float:left;
	width:32%;
	margin-left:2%;
	text-align:center;
	background-image: url(yy1.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 44px;
}
.pro .econtent .picli:nth-child(1){ margin-left:0; }
.pro .econtent .picli .img img{
	width:100%;
	min-height:300px;
	max-height:300px;
	border: 1px solid #dddddd;
}
.pro .econtent .picli>div{background-color:#004F9F; display:inline-block;}
.pro .econtent .picli .title{ font-size:24px;}
.pro .econtent .picli .dp{ font-size:14px; text-align:left;}
.pro .econtent .picli .ntitle{
	font-size:16px;
	border: 1px solid #0062C6; margin-top:10px;
}
.pro .econtent .picli .ntitle span{ display:inline-block; padding-left:10px; padding-right:10px;}
.pro .econtent .picli .ntitle span a{ position:relative; display:inline-block;}
.pro .econtent .picli .ntitle span a:before{ content:'-';  margin-right:5px;}
.pro .econtent .picli,.pro .econtent .picli a{ color:#ffffff;}
.pro .econtent .picli a:hover{ color:#FFFF00}
.pro .econtent .picli .right{ padding-left:10px; padding-right:10px; min-height:200px;}

.pro:after{
	content:'';
	background-color:#0061B0;
	position:absolute;
	left:0;
	width:100%;
	z-index:-1;
	height:75%; height:calc(100% - 200px);
	content:'';
	bottom: 0px;
}


.pro .more{ text-align:center; clear:both; padding-top:20px; line-height:35px; }
.pro .more a{ padding-left:30px; padding-right:30px; background-color:#1A71B8; display:inline-block;border-radius:20px; color:#FFFFFF; color:rgba(255,255,255,0.8);}

.hezuo{ padding-top:50px; clear:both; padding-bottom:120px;}
.hezuo .picli{ text-align:center; box-sizing: border-box;}
.hezuo .picli .img{
	border: 1px solid #dddddd; overflow:hidden; box-sizing: border-box; width:90%; display:inline-block; margin:auto;
}
.hezuo .picli .img *{ max-width:100%;}
.hezuo .econtent{ padding-left:50px; padding-right:50px; position:relative; margin-top:30px;}
.hezuo .swiper-button-next,.hezuo .swiper-button-prev{ background-color:rgba(0,0,0,0.5); background-size:15px; }
.hezuo .h2{ font-size:18px; color:#666666;}

.yingyong{ background-color:#F2F2F2; clear:both; padding-top:50px; padding-bottom:50px; position:relative; overflow:hidden;}

.yingyong .econtent{ position:relative; clear:both;
 padding-left:50px; padding-right:50px; position:relative; margin-top:30px;}
.yingyong  .swiper-button-next,.yingyong .swiper-button-prev{ background-color:rgba(0,0,0,0.5); background-size:15px;}

.yingyong  .picli{
	text-align:center;
	box-sizing: border-box;
	background-color:#ffffff;
	background-image: url(yy2.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 89px; background-size:100% 29px;
}
.yingyong  .picli img{ width:100%;}
.yingyong:before{ content:''; background-color:#0061B0; height:58%; top:0; width:100%; position:absolute; z-index:-1;}
.yingyong .etitle{ color:#ffffff;}
.yingyong .h2{ color:#ffffff; font-size:16px;}
.yingyong  .picli .ntitle{
	font-size:20px;
	line-height:1.2;
	background-image: url(1_r6_c10.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	white-space: nowrap;
	padding-bottom: 30px;
	overflow: hidden; margin-top:30px; margin-left:10px; margin-right:10px;
}
 
.yingyong .etitle b:after{border-bottom-color: #ffffff;border-bottom-color:rgba(255,255,255,0.6);}



.news{ clear:both; padding-top:50px;}
.news *{ max-width:100%;}
.news .econtent{ clear:both; padding-top:20px;}
.news .newsleft{ width:55%; float:left;}
.news .newsleft+.newspic{ float:right; width:42%;}
.news .picli .date{ font-size:12px; color:#999999;}
.news .newspic .date{ display:none}
.news .picli:nth-child(2):before,.news .picli:nth-child(3):before{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dddddd; position:absolute; left:-5%; top:0; height:100%; content:'';
}


.news .newspic .picli{ float:left; width:32%; margin-left:2%; position:relative;}
.news .newspic .picli .img img{ max-height:260px; min-height:260px; width:100%;}
.news .newspic .picli:nth-child(3){ float:right}

.news .newsleft+.newspic .picli{ float:left; width:48%; margin-left:2%; position:relative;}
.news .newsleft+.newspic .picli:nth-child(2){ float:right}
.news .newspic .picli:nth-child(1){ margin-left:0;}



.news  .picli .right{ }
.news  .picli .ntitle{
	font-size:18px;
	line-height:1.2;
	margin-top:5px;
	white-space: nowrap;
	overflow: hidden;
}
.news  .picli .dp{ font-size:14px; color:#666666; line-height:1.5; margin-top:5px; max-height:4.5em; overflow:hidden; min-height:4.5em;}

.news  .picli .imore{ position:relative; text-align:right; padding-top:10px; padding-bottom:10px;}
.news  .picli .imore a{
	background-image: url(1_r24_c22.png);
	background-repeat: no-repeat;
	background-position: center center;
	display:inline-block;
	height:28px;
	width:28px;
	border: 1px solid #dddddd; background-color:#FFFFFF;
}
.news  .picli .imore a:hover{
background-image: url(1_r24_c22hover.png); 
background-color:#004F9F;
border: 1px solid #004F9F;
}
.news .newsleft .picli.item{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; clear:both; padding-top:10px; padding-bottom:10px;
}
.news .newsleft .picli.item  .dp{ display:none}
.news .newsleft .picli.item .img{ display:none}
.news .newsleft .picli.item .imore{ position:absolute; right:0; top:50%; margin-top:-15px; padding-top:0; padding-bottom:0;}
.news .newsleft .picli.item1{ padding-bottom:10px;}
.news .newsleft .picli.item1 .img{ float:left; max-width:270px; overflow:hidden; max-height:135px;}
.news .newsleft .picli.item1 .img img{ max-width:100%;}
.news .newsleft .picli.item1 .right{ margin-left:280px;}
.news .newsleft .picli.item1 .imore{ display:none}
.news .newspic .dp{ margin-top:10px;}
.news .newspic .right .ntitle{ margin-top:15px;}

.news .more{ text-align:center; padding-top:20px; padding-bottom:20px; clear:both; line-height:35px;}
.news .more a{
	display:inline-block;
	padding-left:20px;
	padding-right:20px;
	border-radius:20px;
	border: 1px solid #dddddd;
}
.news .more a:hover{ background-color:#0061B0; color:#FFFFFF;border: 1px solid #0061B0;}

/*客户案例*/
.case{
	background-image: url(1_r7_c1bg.jpg);
	background-repeat: repeat-x;
	background-position: center top; padding-top:30px; padding-bottom:50px; clear:both;
}
.case .h2{ font-size:18px; color:#666666;}
.case ul{ float:left; width:240px;}
.case ul li{ margin-bottom:5px; text-align:center; line-height:50px;}
.case ul li a{
	background-image: url(11.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.case ul li.f1 a{background-position: left -98px;}
.case ul li.f2 a{background-position: left -196px;}
.case ul li.f3 a{background-position: left -285px;}
.case ul li.f4 a{background-position: left -380px;}

.case ul li.flast a{background-position: left -480px;}

.case ul li a{ display:block; background-color:#004F9F; color:#FFFFFF; font-size:24px; padding-top:20px; padding-bottom:20px; position:relative;}
.case ul li a:hover,.case ul li a.hover{  background-color:#003282;}
.case ul li a:hover:after,.case ul li.hover a:after{ position:absolute; right:-20px; top:50%; margin-top:-10px;
	content:'';
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	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: #003282;
}
.case .econtent{ margin-left:260px; display:none;}
.case .picli{ position:relative; }
.case .picli.item .img{
	background-color:#ffffff;
	border: 1px solid #dddddd; padding:5px;box-sizing: border-box;
}
.case *{ max-width:100%;}
.case .picli.istop{  width:100%; float:left;	background-color:#ffffff;
	border: 1px solid #dddddd; padding:5px; margin-bottom:10px;box-sizing: border-box; }
.case .picli.istop .img{ float:left; max-width:500px; overflow:hidden;}
.case .picli.istop .right{ margin-left:530px; overflow:hidden; margin-right:20px;}
.case .picli.istop .right .ntitle{
	white-space: nowrap;
	overflow: hidden;
	background-image: url(1_r10_c30.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 20px; padding-top:10px;
}
.case .picli.istop .right .ntitle a{
	color:#024F9F;
	font-size:24px;
	line-height:1.2; font-weight:bold;
}
.case .picli.istop  .imore{ text-align:right}
.case .picli.istop  .imore a{ color:#666666;}
.case .picli.istop  .imore a:hover{ color:#004F9F;}
.case .picli.item{ float:left; width:32%; margin-left:2%;}
.case .picli.item:nth-child(2){ margin-left:0;}
.case .picli.item .img{ width:100%;/* height:188px;*/}
.case pre{
	font-family: "微软雅黑"; font-size:14px; color:#333333;
}
.case .picli.item .img{ overflow:hidden; }
.case .picli.item .img img{ width:100%; display:block;max-height:188px;min-height:188px;}
.case .picli.item .right{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,79,159,0.5);  display:none;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.case .picli.item:hover .right{  display: -ms-flex; 
display: flex;
    justify-content:center;
    align-items:center;}
.case .picli.item .right .imore,.case .picli.item .right .dp{ display:none}
.case .picli.item .right .ntitle a{ color:#ffffff; font-size:18px; font-weight:bold; line-height:1.5; padding-left:20px; padding-right:20px; display:block;}

.youshi2{ padding-top:50px; padding-bottom:50px;}
.youshi2  .h2{ font-size:18px; color:#666666;}
.youshi2 .picli{ float:left; width:100%; padding-top:35px; padding-bottom:35px;}
.youshi2 .picli .img{ float:left; width:50%;}
.youshi2 .picli .img2{ display:none}
.youshi2 .picli .right{ float:right; width:48%; position:relative; padding-left:100px;box-sizing: border-box;}
.youshi2 .picli .right .num{
	font-size:56px;
	position:absolute;
	left:0px;
	font-style: italic;
	font-weight: bold; line-height:1;
}
.youshi2 .picli .right .t1{ font-size:26px; color:#004F9F; font-weight:bold; line-height:1.5;}
.youshi2 .picli .right .t2{ font-size:16px; color:#333333;line-height:1.5; position:relative;}
.youshi2 .picli .right .t2:before{
	content:'';
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	position: absolute;
	width: 2em;
	left: 0px;
	bottom: -5px;
}
.youshi2 .picli .right .hc{ font-size:16px; color:#666666; line-height:1.5; padding-top:20px;}
.youshi2 .picli.item2 .img{ float:right;}
.youshi2 .picli.item2 .right{ float:left;}

.youshi2 .picli .num{
	background-image: url(1.jpg);
	background-repeat: no-repeat;
	background-position: left top; width:70px; height:55px;
}

.youshi2 .picli.item2 .num{background-image: url(2.jpg);}
.youshi2 .picli.item3 .num{background-image: url(3.jpg);}






































/*内页*/

.ny{ padding-bottom:20px; }
#left{
	float:left;
	 width:215px; box-shadow:0 0 8px rgba(150,150,150,0.5);border-radius:5px;box-sizing: border-box; padding-top:20px; padding-bottom:5px;
}
#left .leftnav{border-radius:5px 5px 0 0; border-radius:10px;min-height:1020px; float:left; width:100%;}
.ny #left .leftnav{ min-height:0px;}
#right{ float:right; width:1000px;border-radius:5px; }

#left .etitle{
	 font-size:28px; color:#FFFFFF; line-height:52px; text-align:left; padding-bottom:0px; position:relative; padding-left:30px; margin-bottom:10px; z-index:2;
}
#left .etitle:before{
	content:'';
	background-image: url(leftin.png);
	background-repeat: no-repeat;
	background-position: left center; position:absolute; left:-12px; top:0; z-index:-1; height:60px; width:181px; 
}
#left .sortleft{ background-color:#FFFFFF;overflow:hidden; }
#left .sortleft ul li a{  display:block; padding:5px; padding-right:10px; padding-left:45px; margin-bottom:5px;}

#left .sortleft>ul>li>a{
	border-radius:3px;
	font-size:16px;
	background-image: url(xxhover.png);
	background-repeat: no-repeat;
	background-position:30px center;	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; display:block;
}
#left .sortleft>ul>li:last-child>a{ border:none;}
#left .sortleft>ul>li>a:hover,#left .sortleft>ul>li>a.hover,#left .sortlef>ul>li>a.active{


	background-image: url(xx.png);color: #1D388F;
}





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

#postion{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; margin-bottom:0px;  line-height:50px; 
}
#postion b{
	float:left;
	color:#535353;
	font-size:20px;
	background-image: url(in_r2_c12.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px; position:relative; padding-right:5px;
}
#postion b:before{
	content:'';
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #0061B0;
	position: absolute;
	left: 0px;
	bottom: -3px; width:100%;
}
#postion .postion,#postion .postion a{ font-size:12px; color:#999999;}
#postion .postion{ float:right}


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

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



.back a{
	background-color: #666666;

	padding-right: 15px;

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

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

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




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

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

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

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

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


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

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

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

#cms .list:hover .right{ background-color:#017DC5;}

#cms .list:nth-child(3n+1),#cms.pro .list:nth-child(5n+1){ clear:both}
#cms.pro .list:nth-child(3n+1){ clear:none}

#cms .list  .ntitle{
	white-space: nowrap;
	overflow: hidden;
}

#cms .list a:hover  .ntitle{color:#017DC5}

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

#cms .list.honorli .img{ min-height:350px; max-height:350px;_height:350px;}


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

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

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


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

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

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

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


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

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

#cms .picli .right .dp{ float:left; width:100%; 
/*	font-family: "宋体";*/
	font-size: 14px;
	color: #999999; line-height:1.5; height:3em; overflow:hidden;
}
#cms .picli .img+ .right> .dp{ max-height:6em;}
#cms .picli .date+ .right> .dp{ height:3em;}
#cms .picli .right .ntitle{
	font-size: 18px;
	white-space: nowrap;
	float: left;
	width: 100%;
	overflow: hidden;
	padding-bottom: 5px;
}
#cms .picli .right .ntitle a{	font-size: 18px;}
#cms .picli .date{
	float:left;
	overflow:hidden; background-color:#999999;
	background-color:rgba(0,0,0,0.6);

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

#cms .picli:hover{background-color:#0061B0;

-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
#cms .picli:hover .date{

	background-color:rgba(255,255,255,0.2);}
#cms .picli img{    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;}
#cms .picli:hover img{    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);}


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

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




#cms .hzli{
	box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; 
	float: left;
	width: 10%;

	text-align:center;
	font-size:14px;
	
	margin-left:-1px;
	margin-top:-1px;
	position: relative;height:100px; 

}

#cms .hzli>div{	box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; 
	width:100%;
	height:100px;
	float:left;
	position: absolute;
	left: 0px;
	top: 0px; background-color:#FFFFFF;	overflow:hidden;padding:5px;display: flex;font-size:16px;
    justify-content:center;
    align-items:center;border: 1px solid #dddddd;

}


#cms .hzli>div.img img{ max-width:100%; max-height:100%;}	
#cms .hzli:nth-child(10n+1){  clear:both;}

#cms .hzli  a{ color:#ffffff;}


/*翻转*/
#cms .hzli{	position:relative;text-align:center;transform-style:preserve-3d;transition:1s;}
#cms .hzli>div.ntitle{ background-color:#cccccc}
#cms .hzli,#cms .hzli>div{

	backface-visibility:hidden;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden; 
-ms-backface-visibility:hidden; 
}
#cms .hzli>div.ntitle,#cms .hzli:hover{
transform:rotateY(180deg);
-webkit-transform:rotateY(180deg);
-moz-transform:rotateY(180deg);
-ms-transform:rotateY(180deg);

}














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


.ptitle{ background-color:#f5f5f5; margin-top:20px; line-height:50px;}
.ptitle span{
	background-color: #FFFFFF;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #017DC5; display:inline-block;color: #017DC5; font-size:18px; padding-left:20px; padding-right:20px; margin-left:2px;
}



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


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

.proflash .swiper-button-next{ left:0px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); cursor:pointer;}
.proflash .swiper-button-prev{ right:0px;  background-image: url( background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");cursor:pointer;}


#right .proflash .swiper-button-next,#right .proflash .swiper-button-prev{ background-color:#017DC5}

.proflash .swiper-slide{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
	background-color: #FFFFFF;
	border: 1px solid #dddddd; cursor:pointer;
}
.proflash .swiper-slide img{ max-width:100%;}




 .magnify-modal {
      box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.3);
    }

    .magnify-header .magnify-toolbar {
      background-color: rgba(0, 0, 0, .5);
    }

    .magnify-stage {
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      border-width: 0;
    }

    .magnify-footer {
      bottom: 10px;
    }

    .magnify-footer .magnify-toolbar {
      background-color: rgba(0, 0, 0, .5);
      border-radius: 5px;
    }

    .magnify-loader {
      background-color: transparent;
    }

    .magnify-header,
    .magnify-footer {
      pointer-events: none;
    }

    .magnify-button {
      pointer-events: auto;
    }
	
.jqzoom{ width:380px; height:280px;}
.proshow .right  .xq{ padding-top:10px; min-height:220px;}
.proshow .right.num1  .xq{ padding-top:10px; min-height:150px;}
.proshow .left .swiper-slide.hover{
	border: 1px solid #017DC5;
}	
#cms1.proin h1.h1{ display:none;}

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




.aboutin .img{ float:left; max-width:650px;}

.aboutin .hc{ margin-left:650px; font-size:18px; line-height:1.8}



@media screen and (max-width :1250px){
.box{ width:1100px; min-width:1000px;}
body{ width:100%; min-width:1000px;}

#right{ width:850px;}
.qrcode{ margin-right:0px;}

.fnav.f2{ width:25%;}
#cms .list .img{min-height:150px; max-height:150px; _height:150px;}

}
@media screen and (max-width :1150px){

.box{ width:1000px; }
#right{ width:750px;}


	 
.fnav.f2{ width:20%;}




}

/*@media screen and (max-width :1100px){
.box{ width:1000px;}
#right{ width:750px;}
#cms .list .img{min-height:130px; max-height:130px; _height:130px;}
#cms.pro .list .img{min-height:105px; max-height:105px; _height:105px;}
}*/

@media screen and (max-width :1000px){
body{ min-width:800px;}
.box{ width:900px; min-width:800px;}
#right{ width:650px;}
.fnav{ padding-right:20px;}
.flx{ padding-left:20px; padding-right:20px;}
#cms .list .img{min-height:130px; max-height:130px; _height:130px;}
#cms.pro .list .img{min-height:105px; max-height:105px; _height:105px;}
.share{ display:none}

.about{ padding-top:20px; padding-bottom:20px;}
.about .etitle,.about .etitle+ .h2{ display:block;}
.about .title,.about .title2{ display:none}
.about .econtent .hc{ width:100%;}
.about .econtent .img{ width:100%; max-width:100%;}
.about .econtent .img img{ width:100%;}

.case ul li a{ padding-top:10px; padding-bottom:10px;
	background-position: left -10px;
}

.case ul li.f1 a{background-position: left -108px;}
.case ul li.f2 a{background-position: left -206px;}
.case ul li.f3 a{background-position: left -295px;}
.case ul li.f4 a{background-position: left -390px;}
.case .picli.istop .img{ max-width:400px;}
.case .picli.istop .right{ margin-left:420px;}
.case .picli.istop .right .imore{ display:none;}
.case .picli.item .img img { min-height:12vw; max-height:12vw;}
}
@media screen and (max-width :815px){
body{ min-width:300px;}
.box{ width:100%; min-width:200px; padding-left:20px; padding-right:20px;}

}