@charset "utf-8";
/* CSS Document */
.bt1{ font-size:24px; font-family:"微软雅黑"; color:#000000; font-weight:300;}
.bt1-en{ font-size:14px; font-family:Arial; color:#6e6e6e; font-weight:500;}
.about-bt{ color:#444444;}
.bt2{  font-size:24px; font-family:"微软雅黑"; color:#ffffff; font-weight:300;}
.bt2-en{ font-size:14px; font-family:Arial; color:#ffffff; font-weight:500;}
.about1-bt{ color:#FFF; margin-top:35px; line-height:19px;}
.dyb{position: fixed;_position: absolute;text-align: left;overflow: visible;bottom :0;right:0;display:block; z-index:999;}
.flash-banner{ width:1423px; margin:0 auto;}
#flash-foot{ background-image:url(../images/flash_03.png); width:100%; height:150px; background-repeat:repeat-x;}
.flash-foot{ width:1100px; margin:0 auto; text-align:center;}
.flash-zyw img{ margin:20px 10px;}
.flash-bb{ width:1100px; margin:0 auto;}
.flash-bb img{margin:15px 2px;}
.foot-bq{ margin-top:2px; }
#header{ width:100%; background-image:url(../images/main_cn_04.jpg); height:82px; background-repeat: repeat-x;}
.header{ width:1003px; margin:0 auto;}
.header-r{ width:262px; float:right; margin-top:10px; height:73px;}
.logo{ width:447px; float:left; height:73px;}
.zyw{ text-align:right;}
.zyw span{ color:#098531;}
.zyw span a{color:#098531; font-weight:bold;}
/*头部语言选择下拉*/
.col{display: inline-block;vertical-align: top;text-align: left; margin-top:10px; float:right;}
.col_1{width: 55%;}
@media all and (max-width: 1040px){
	.col,
	.col_2,
	.col_1{display: block;width: auto;max-width: 100%;background: #fff;color: #666;box-shadow: none;}
	.col_2 h3,
	.col_2 strong{color: #666;}
	
pre.prettyprint{background: #666 !important;padding: 12px !important;border-radius: 5px !important;overflow-x: scroll;}
hgroup{text-align: left;margin-bottom: 10px;}
}
.metro,
.metro div,
.metro li,
.metro div::after,
.metro .carat,
.metro .carat:after,
.metro .selected::after,
.metro:after{-webkit-transition: all 150ms ease-in-out;-moz-transition: all 150ms ease-in-out;-ms-transition: all 150ms ease-in-out;transition: all 150ms ease-in-out;}
.metro{position: relative;width: 250px; left:-90px;cursor: pointer;margin-bottom: 30px;font-weight: 200;background: #f8f8f8; border:1px #ccc solid;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;}
.metro:after{content: '';position: absolute;right: 3px;bottom: 3px;top: 2px;width: 30px;background: transparent;}
.metro.focus:after{background: #109a2c;}
.metro .carat,
.metro .carat:after{content: '';position: absolute;right: 10px;top: 50%;margin-top: -4px;border: 8px solid transparent;border-top: 8px solid #000;z-index: 2;
	-webkit-transform-origin: 50% 20%;
	-moz-transform-origin: 50% 20%;
	-ms-transform-origin: 50% 20%;
	transform-origin: 50% 20%;}
.metro .carat:after{margin-top: -10px;right: -8px;border-top-color: #f8f8f8;}
.metro:hover .carat:after{border-top-color: #f4f4f4;}
.metro.focus .carat{border-top-color: #f8f8f8;}
.metro.focus .carat:after{border-top-color: #109a2c;}
.metro.open .carat{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.metro .old{position: absolute;left: 0;top: 0;height: 0;width: 0;overflow: hidden;}
.metro .selected,
.metro li{display: block;font-size:12px;line-height: 1;color: #666;padding: 9px 12px;overflow: hidden;white-space: nowrap;}
.metro div{position: absolute;height: 0;left: 0;right: 0;top: 100%;margin-top: -1px;background: #f8f8f8;overflow: hidden;opacity: 0;}
.metro.open div{opacity: 1;z-index: 2;}
.metro li.focus{background: #109a2c;position: relative;z-index: 3;color: #fff;}
.metro li.active{background: #109a2c;color: #fff;}
#nav{ background-image:url(../images/main_cn_24.jpg); width:100%; height:43px;}
.nav{ width:1004px; margin:0 auto;}
/*banner*/
.index_banner_cont { width:1423px; height:420px; margin:0 auto; position:relative; overflow:hidden}
.index_banner_scroll { position:relative;}
.index_banner_scroll div {position:absolute; top:0; z-index:0;}
.banner_btn { width:196px; height:46px; position:absolute; top:360px; right:56%; margin-right:-593px; z-index:10;}
.banner_list { height:46px; position:absolute; top:0;}
.banner_list span { width:53px; height:2px; background-color:#fff; margin:0 6px; display:block; float:left; cursor:pointer;}
.banner_list span.current { background-color:#333;}
.banner_span { display:none; position:absolute; top:0;}
.banner_span a { width:49px; height:42px; opacity:0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* ie8  */
    filter:alpha(opacity=50);    /* ie5-7  */
    -moz-opacity:0.5;    /* old mozilla browser like netscape  */
    -khtml-opacity: 0.5;  background-color:#fff; display:block; margin:0 6px; float:left; padding:2px;}
.banner_span a.current { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* ie8  */
    filter:alpha(opacity=100); /* ie5-7  */
    -moz-opacity:1;    /* old mozilla browser like netscape  */
    -khtml-opacity: 1; }
.index-banner { width:1423px; position:relative; overflow:hidden; height:420px;}
/*--------------------------------------------
场景图
--------------------------------------------*/
div#container {
     width: 100%;
     margin: 0 auto;
     overflow: hidden;
}
div.examples_body {
     width: 1003px;
	 margin: 0 auto;
	 clear: both;
	 overflow: hidden;
	 position: relative;
}
/* The main banner unordered list */
/* The main banner unordered list */
.bannerHolder {
     width:1003px;
	 margin:0px 0 15px 0;
	 padding: 20px 0px 20px 0px;
	 overflow: hidden;
	/* CSS3 rounded corners */
	 -moz-border-radius:12px;
	 -webkit-border-radius:12px;
	 border-radius:12px;
}
/* Hiding the bullets of the li elements: */
.bannerHolder li {
	 list-style: none;
	 display: inline;
}
/* The banner divs */
.banner {
     width:320px;
	 height:180px;
	 position: relative;
	 overflow: hidden;
	 float: left;
	 display: inline;
	 margin: 0 10px
}
/* The banner divs */
.banner img {
	 display: block;
	 border: none;
}
/* The dark animated divs */
.banner div {
	 position: absolute;
	 z-index: 100;
	 background-color: #000;
	 width:320px;
	 height:60px;
	 cursor: pointer;
	/*	Setting a really big value for border-radius
		will make the divs perfect circles */
	 -moz-border-radius:100px;
	 -webkit-border-radius:100px;
	 border-radius:100px;
}
/*	Positioning the animated divs outside the
	corners of the visible banner area: */
.banner .cornerTL { left:-23px; top:-63px; }
.banner .cornerTR { right:-23px; top:-63px; }
.banner .cornerBL { left:-23px; bottom:-63px; }
.banner .cornerBR { right:-23px; bottom:-63px; }
/* The "Visit Company" text */
.banner p {
     width: 100%;
	 left: 0;
	 top:87px;
	 z-index: 200;
	 position: absolute;
	 color: #FFF;
	 font-size:12px;
	 text-align: center; font-weight:700;
	 cursor: pointer;
	 display: none;	/* hidden by default */
}
#content{ background-color:#f4f4f4; width:100%; height:545px; text-align:center;}
.about{ padding:10px 25px 0 25px; margin:0 auto; width:1003px; line-height:25px;}
.about a{ color:#FFF;}
.about li{ margin-top:20px;}
.products{ width:1020px; margin:20px auto;}
.bt li{ float:left; font-size:12px; font-weight:500;}
.cpm{ width:150px; height:32px; background:#ebebeb; border:1px #ccc solid; line-height:32px; margin:5px 8px; text-align:center; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.cpm a:hover{ background:#09842e; border:1px #00621d solid; height:32px; text-align:center; color:#fff; display:block}
.products1{width:1005px; height:137px; margin:0 auto; background-image:url(../images/fl_bg_fr.jpg) ; background-repeat:no-repeat;}
.products-title{width:860px; height:80px; margin:20px 20px 0 150px; padding-top:15px;}
#content1{ background-color:#ebebeb; width:100%; height:750px; text-align:center;}
#content2{ background-image:url(../images/main_cn_65.jpg); width:100%; height:369px; text-align:center; margin-top:20px;}
.about-more{ width:107px; height:20px; line-height:20px; color:#018612; text-align:center; background-color:#FFF; margin:0 auto; margin-top:41px; }
.about-more a{ color:#018612;}
.about-jt{ font-family:"宋体";}
#content3{ width:100%; background-color:#f4f4f4; background-image: url(../images/ct.jpg); background-repeat:no-repeat; background-position:center; height:300px; text-align:center;}
.content{ width:1003px; margin:29px auto; text-align:left; line-height:26px;}
.contact1{ width:300px; float:left; text-align:left;}
.contact2{ width:350px; float:left; margin-left:2px;}
.contact3{ width:340px; float:left; margin-left:2px;}
.contact-jt{ background-image:url(../images/main_cn_70.jpg); background-repeat:no-repeat; background-position:left; padding-left:62px; font-weight:600; line-height:20px;}
.contact-img{ background-image:url(../images/main_cn_74.jpg); background-repeat:no-repeat; background-position:40px 8px; padding-left:62px; line-height:22px;}
#foot{ width:100%; height:95px; background-color:#0a8731;}
.foot{ width:1003px; margin:0 auto;}
.foot a{ color:#FFF;}
.ewm{ width:78px; height:78px; float:left; margin-top:8px;}
.foot-zt{ padding-top:20px; line-height:30px; float:left; text-align:left; color:#FFF; margin-left:13px;}
#neiye{ background-color:#f4f4f4; min-height:800px; height:auto!important;}
.neiye{ width:1003px; margin:14px auto;}
#banner-neiye{ width:1423px; margin:0 auto; height:282px; border-bottom:1px #ccc solid;}
.left{ width:194px; float:left;}
.left-bt1{ font-family:"微软雅黑"; font-size:18px; font-weight:400;}
.left-bt1en{ font-family:Arial; font-size:12px; color:#888888; text-transform: uppercase;}
.left-p{ width:195px; height:33px; line-height:33px; background-color:#088b31; padding-left:11px; margin-top:10px; color:#FFF;overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.left-p a{ color:#FFF;}
.left-p a:hover{ color:#000;}
.right{ width:780px; float:right}
.neiye-bt{ width:723px; height:35px; border:1px #ccc solid; background-color:#e5e5e5; background-image:url(../images/about_cn_08.jpg); background-repeat:no-repeat; background-position:7px 4px; padding-left:57px; line-height:35px;}
.neiye-content{ width:760px; margin:0 auto; line-height:30px; padding:10px 0; color:#444444;}
.main_p-more{width:110px; height:20px;display:block; margin-left:300px; position:relative; top:10px;}
.main_p-moree{width:110px; height:20px;display:block; margin-left:300px; position:relative; }
.contact-jte{  padding-left:62px; font-weight:600;}