#container { width: 100%; height: 500px; margin: 0 auto;}
.navbar{background-color:#fff; height:140px; z-index:9999999;}

.nav-item > a{font-size:16px; font-weight:bolder;}
.naving > a{ background-color:#ddd;color:#000;border-radius: 0px 7px 0px 7px;}
.navbar-nav>li{margin-left:5px; color:#000;border-radius: 0px 7px 0px 7px;}
.spic{ margin:0; padding::0;}
.navbar-nav>li:hover{background-color:#f2f2f2;}
.active{background-color:#333};
.nav-tabs .active{background-color:#f3f6f8};
.imgw{background-color:#fff; display:block; }
.imgw img{width:100%}
.homebtn{  font-size:18px; line-height:60px; text-align:center; color:#fff;  margin-top:30px; cursor:pointer; border-radius: 0px 7px 0px 7px;}
.zbtn{  font-size:15px; line-height:30px; color:#fff;  margin-top:10px; cursor:pointer; border-radius: 0px 3px 0px 3px; padding-left:12px; padding-right:12px;transition-duration: 0.3s;}
.zbtn:hover{ background-color:red;}
.homebtnout{background-color:#333;}
.homebtning{background-color:#ed531f;}
.xcats{display:none; padding-top:40px; }
.cot{font-size:18px;
line-height:32px;
color:#ccc;
text-align:left;
font:Arial,Gotham, "Helvetica Neue", Helvetica, sans-serif
}
.fonta{font-size:18px;}
.bt{ background-color:#000;
padding-top:2vw;
padding-bottom:2vw}
.ml40{ margin-left:60px;}
@media(max-width:768px){.ml40{ margin-left:0;}}
.info_body{padding-top:80px;padding-bottom:6vw;font-family:"Microsoft YaHei";}
.info_body img{ max-width:600px;
width:100%;}
.pro_body{padding-top:80px;padding-bottom:6vw;}
.pro_body img{ max-width:600px;
width:100%;}
.boxbg{ background-color:#f8f8f8;}
.caseinfo{
	background-color:#ddd; 
	padding:2px;
	cursor: pointer;
	color: #111;
	text-align:center;
	line-height:3em;
	margin-bottom:30px;
	font-size:14px;
	}
.caseinfo:hover{
	background-color:red; 
	color:#fff;}
.homenewsinfo{
	cursor: pointer;
	color: #666;
	line-height:2.1em;
	}
.homenewsinfo:hover{
	color:#000;
	}
.newsinfo{
	padding:10px;
	cursor: pointer;
	color: #666;
	line-height:1.7em;
	}
.newsinfo:hover{
	background-color:#fff; 
	}
.tarea{
	position: fixed;
	width: 100%;
	top: 0;
	background-color: #1d1e20;
	z-index: 100;
	height:50px;
	text-align:center;
}

.tbgarea{
	background-color: #1d1e20;
	height:50px;
	display:block;
}
.videoarea{
	background-color: #ccc;
	padding:20px;
	margin-top:30px;
}
.vid:hover{ cursor:pointer;}
.videoarea img{height:100px;}
.emailarea{
	background-color: #333;
	position: fixed;
	width: 100%;
	z-index: 90;
	color:#fff;
	display:none;
	bottom:0;
}
.tm{
	  filter:alpha(opacity=60);  
      -moz-opacity:0.6;  
      -khtml-opacity: 0.6;  
      opacity: 0.6;  
}
.tm:hover{
	  filter:alpha(opacity=100);  
      -moz-opacity:1;  
      -khtml-opacity: 1;  
      opacity: 1;  
}
.rarea{
	position: fixed;
	right: 20px;
	margin-top:100px;
	z-index: 100;
	width:70px;
	z-index:999999999999;
}
.sarea{
	position: fixed;
	bottom:0;
	right: 20px;
	width:50px;
	margin-bottom:100px;
}
.sarea img{width:50px;}
.cb{
	clear: both;
}
.timg{ 
              width:80px;	
			  padding: 5px;
	border: 1px solid #eee;
}
.fkx{
	background-color: #eee;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.fk1{
	background-color:#fff;
	padding: 3px;
	border: 1px solid #ddd;
	cursor: pointer;
	width:50px;
	height:50px;
	margin:5px;
	}
.fk1:hover{
	border: 1px solid #3497EF;
    }
.fk2{
	padding: 50px;
	min-height: 300px;
	margin-bottom: 100px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ddd;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	border-left-color: #ddd;
	background-color:#fff;
}
.fk3{
	background-color: #000;
	color: #FFF;
	text-align: center;
	cursor: pointer;
	line-height: 44px;
	font-size:12px;
	display:block;
}
.fk3 a{
	text-decoration: none;
	color:#FFF;
}
.fk3:hover{ background-color:#ccc; color:#000}
.fk4{
	border: 1px solid #ddd;
	max-width:480px;
	padding:5px;
}
.fk4 img{ 
              width:100%;
			  max-height:500px;
}
.btx a{color:#666;}
.btx a:hover{
	color: #CC0000;
	text-decoration: none;
}

.btx{
	margin-top:90px;
	background-color: #1d1e20;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	font-size:16px;
	line-height:2em;
	color:#666;
}
.btx h4{
	font-size:18px;
	margin-top: 50px;
	font-weight: bold;
	color: #ddd;
}
.btx ul{
	margin:0;
	padding:0;
}
.btx li{
	list-style-type: none;
}

.err{ color:#F00; display:none;}
.yes{ color:#390; display:none;}
#videosrcx{ max-width:800px; margin-left:auto; margin-right:auto;}
.newsarea{
	background-color: #eee;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	font-size:16px;
	color:#333;
}
.newsarea li{
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	text-indent: 1em;
}
.newsarea li:hover{
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	background-color:#666;
}
.newsarea a{
	display:block;
	color: #666;line-height: 3.5em;
}
.newsarea a:hover{
	color: #fff;
	text-decoration: none;
}
.wdt img{
	margin-right:20px;
	display:block;
	float:right;
	height:33px;
}
#mtpic{text-align:center; background-color:#f9f9f9; color:#666;position: fixed; width:100%; z-index:199;top:0; padding-top:0px;display:none; font-size:28px; line-height:40px; cursor:pointer;}
#ovideo{text-align:center; background-color:#f9f9f9; color:#666;position: fixed; width:100%; z-index:199;top:0; padding-top:0px;display:none; font-size:28px; line-height:40px; cursor:pointer;}
.newsimg{font-size:16px; line-height:2em; color:#333;min-height:500px; font-style:inherit;}
.newsimg a{
	font-size: 16px;
	line-height: 2em;
	color: #666;
	text-decoration: underline;
}
.newsimg img{ max-width:600px; width:100%; font-size:16px; line-height:2em;}
.mainpic{text-align:center;}

.gray{
-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.gray:hover{
-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}
#addthis{
	height:220px; width:60px; position:fixed; bottom:0; right:0; z-index:99999;
}
#xaddthis{
	display:none;
}
#xmenu{position:fixed; width:100%;height:150%; background-color:#f6f6f6; z-index:99999;color:#666; margin-top:60px;
filter:alpha(opacity=98);  
      -moz-opacity:0.98;  
      -khtml-opacity: 0.98;  
      opacity: 0.98; 
	  display:none;
	text-align:right;
	  padding:30px;
	font-size:18px;
	line-height:40px;
	  }
#zm a{
	font-size:18px;
	line-height:40px;
	display:block;
	color:#666;
}
#zm a:hover{
	color:#eee;
}
.ml15{ margin-left:15px;}
.ml-30{margin-left:-30px;}
.ml-40{margin-left:-40px;}
  #map { float:left; width:55%; height:100%; }
  #info {width:45%; height:100%; float:right; padding-top:110px; padding-left:40px; padding-right:20px; background-color:#eee;}
  @media (max-width:1024px){.ml-30{margin-left:0px;}.ml-40{margin-left:0px;}.ml15{ margin-left:0px;} #map { width:100%; height:400px; } #info{width:100%;padding-top:30px; padding-left:20px;}#addthis{display:none;}.info_body{padding-top:70px;}.pro_body{padding-top:70px;}h2{font-size:22px;}.rarea{display:none;}#xaddthis{display: inherit;width:200px;}.fk2{
	padding: 20px;
	min-height: 300px;
	margin-bottom: 30px;} .shidden{display:none;}
	
}

.site-preview{display:none;position:fixed;z-index: 99999;top:0;right:0;left:0;bottom:0;opacity:1;background:#f9f9f9;padding:20px 5%;box-sizing:border-box;-ms-transform:scale(.96);transform:scale(.96);transition:transform .4s cubic-bezier(.694,0,.335,1),opacity .3s cubic-bezier(.8,0,.55,.94),z-index .4s step-end}.site-preview.is-active{opacity:1;-ms-transform:scale(1);transform:scale(1);z-index:999999;transition:transform .4s cubic-bezier(.8,0,.55,.94),opacity .4s cubic-bezier(.8,0,.55,.94),z-index .4s step-start}.site-preview header{width:100%;height:80px;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;position:relative}.site-preview strong{font-weight:500}.site-preview a:not(.button){color:#222}.site-preview .description{font-size:26px;}.site-preview .site-preview-content{width:100%;height:calc(100vh - 80px - 40px);background:#fff}.site-preview .exit{position:absolute;top:15px;right:15px;z-index:1000;cursor:pointer}@media (min-width:1024px){.site-preview .exit{top:30px;right:30px}}
.www-x{width:25px;height:25px;cursor:pointer;opacity:.5;transition:opacity .4s cubic-bezier(.694,0,.335,1),transform .4s cubic-bezier(.694,0,.335,1);-ms-transform:scale(.92);transform:scale(.92)}.www-x line{fill:none;stroke:#121212}.www-x.small{width:18px;height:18px}.www-x.light{opacity:.75}.www-x.light line{stroke:#fff}.www-x.thick line{stroke-width:3px}.www-x:hover{opacity:1;-ms-transform:scale(1);transform:scale(1)}@media (min-width:768px){.www-x{width:28px;height:28px}.www-x.small{width:20px;height:20px}}@media (min-width:1281px){.www-x{width:30px;height:30px}.www-x.small{width:22px;height:22px}}
.h-top {
    width: 100%;
    height: 30px;
    background: #000;

}

.h-t-contact span i {
    font-size: 18px;
    vertical-align: top;
	line-height:30px;
}
.h-t-contact span {
    float: left;
    padding: 0 15px;
    border-left: 1px solid #666;
    border-right: 1px solid #333;
    font-size: 13px;
    color: #f0f0f0;
    line-height: 30px;
    cursor: default;
}
.wrap {
    max-width: 1240px;
    margin: 0 auto;
}
.clearfix {
    *zoom: 1;
}
.h-t-contact {
    border-left: 1px solid #666;
    border-right: 1px solid #333;
}
.h-t-contact a {
    float: left;
    padding: 0 12px;
    border-left: 1px solid #666;
    border-right: 1px solid #333;
    font-size: 16px;
    color: #ccc;
    line-height: 30px;
}
.h-t-contact a:hover{color:#fff;}
.h-t-contactx {
    border-right: 1px solid #666;
}
.h-t-contactx a {
    float: left;
    padding: 0 12px;
    border-left: 1px solid #666;
    border-right: 1px solid #333;
    font-size: 16px;
    color: #ccc;
    line-height: 30px;
}
.h-t-contactx a:hover{color:#fff;}
.fl {
    float: left;
}

.fr {
    float: right;
}

.popmenu{
	min-width:260px;
	background-color:#f6f6f6;
	position: absolute;
	display:none;
	padding-top:15px;
	padding-bottom:15px;
	margin-top:-5px;
	}
	.popmenu .zmenu{line-height:30px; color:#000; display:block; width:100%; padding:5px; padding-left:25px; font-weight:bolder; font-size:15px; cursor:pointer;}
	.popmenu .zmenu:hover{background-color:#ed531f; color:#fff; }
.popmenux{
	min-width:260px;
	background-color:#ed531f;
	position: absolute;
	display:none;
	margin-top:-35px;
	margin-left:235px;
	}
	.popmenux a{line-height:30px; color:#fff; display:block; width:100%; padding:5px; padding-left:25px; font-weight:bolder;font-size:14px;}
	.popmenux a:hover{background-color:#444; color:#fff; }
	.zmenu:hover>.popmenux{display:block}
	.zmenu:hover>a{ color:#fff;}
	.zmenu:hover>a:hover{ color:#fff; }
.navbar-nav>li:hover .popmenu{
	display:block;
	}
	#fm{display:none;}
	#fm a{
		font-size:16px;
		line-height:30px;
	}
	#slides{
		padding:0;
		overflow:hidden;
		text-align:center;
		display:none9;
	}
#slides img{
		width:100%;
	}
	.slidesjs-navigation{display:none;}
	.slidesjs-pagination{ position: absolute;top:100px; right:40px;z-index:999;}
	.slidesjs-pagination li{
		
		display:block;
		float:left;	  
	filter:alpha(opacity=80);  
      -moz-opacity:0.8;  
      -khtml-opacity: 0.8;  
      opacity: 0.8;  
}
	.slidesjs-pagination a{margin:1px; display:block; width:60px; height:8px; background-color:#333; border:solid #eee 1px; text-indent:9999999999px;}
	.slidesjs-pagination a.active{ display:block; width:60px; height:8px; background-color:#eee; border:solid #fff 1px; text-indent:9999999999px;}
.ximg img{width:100%;}
#homenewsimg{ width:80%; max-height:400px;}
#fm {
	font-size:15px;
	line-height:22px;
	display:block;
	color:#666;
	display:none;
}
#fm a{
	font-size:15px;
	line-height:22px;
	display:block;
	color:#666;
}
.pimg{ background-color:#f8f8f8;
display:table-cell;vertical-align: middle;}
.bianmenu{ background-color:#fff;}
.bianmenu a{display:block;  line-height:2em;}