@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	padding:0px;
	text-align:left;
	font-size: 14px;
	font-family: Tahoma;
	color:#333333;
	}
	
	a{
	text-decoration: none;
	color:#333333;
}	
*{
	margin:0px;
	padding:0px;
	}
img{
	border:0px;
	margin:0px;
	padding:0px;
	
}
li{list-style-type: none;}
#top {
	height: 113px;
	width: 100%;
	background-image: url(../images/index_02.jpg);
	background-repeat: repeat-x;
}
#top-z {
	width: 1400px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 20px;
}
#logo {
	height: 93px;
	width: 342px;
	float: left;
}
#nav {
	float: left;
	margin-top: 25px;
	width: 720px;
}
#nav ul li {
	height: 45px;
	width: 102px;
	line-height: 45px;
	text-align: center;
	font-family: Tahoma;
	font-size: 16px;
	font-weight: bold;
	float: left;
}


#nav ul li a {
	color: #333;
}
#nav ul li a:hover {
	color: #4a90e2;
	text-decoration: underline;
}


 .banner{width:100%; min-width:1200px; height:498px; clear:both;}
 .banner_inbfo{ padding:78px 0 0 0; width:100%; min-width:1440px; height:360px; clear:both; background:url(info_banner.jpg) no-repeat center bottom;}
 .banner_news{ padding:78px 0 0 0; width:100%; min-width:1440px; height:360px; clear:both; background:url(news_banner.jpg) no-repeat center bottom;}
 .banner_pro{ padding:78px 0 0 0; width:100%; min-width:1440px; height:360px; clear:both; background:url(product_banner.jpg) no-repeat center bottom;}
 .banner_Sustainability{ padding:78px 0 0 0; width:100%; min-width:1440px; height:360px; clear:both; background:url(Sustainability.jpg) no-repeat center bottom;}
 .banner_Technical{ padding:78px 0 0 0; width:100%; min-width:1440px; height:360px; clear:both; background:url(Technical.jpg) no-repeat center bottom;}
 .banner_Careers{ padding:78px 0 0 0; width:100%; min-width:1440px; height:360px; clear:both; background:url(Careers_banner.jpg) no-repeat center bottom;}
 .banner_contact{ padding:78px 0 0 0; width:100%; min-width:1440px; height:360px; clear:both; background:url(contact_banner.jpg) no-repeat center bottom;}

#top-title {
	float: right;
	margin-top: 25px;
	width: 300px;
	line-height: 45px;
	font-size: 16px;
	color: #000;
}

#solid{
	width:100%;
	height:501px;
	clear:both;
	position:relative;
	overflow:hidden;
	min-width:1440px;
}
#solid .solid0,#solid .solid1,#solid .solid2{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:501px;
	display:none;
}
#solid .solid0{
	background:#78c4db;
}
#solid .solid1{
	background:#c5c9db;
}
#solid .solid2{
	background:#e7dfd1;
}
#solid ul{
	margin:0px;
	padding:0px;
	list-style:none;	
}
#solid ul li{
	position:absolute;
	top:0px;
	width:100%;
	height:501px;
	display:none;
	cursor:pointer;
}
#solid #btt{
	width:100%;
	height:55px;
	top:445px;
	left:50%;
	position:relative;
	margin-left:-852px;
}
#solid #btt span{
	position:absolute;
	top:15px;
	left:45%;
	display:block;
	width:30px;
	height:8px;
	margin:0 15px;	
	text-align:center;
	background:#3d3d3d;
	z-index:1000;
	cursor:pointer;
	filter:alpha(opacity=70); /*IE滤镜，透明度50%*/
	-moz-opacity:0.7; /*Firefox私有，透明度50%*/
	opacity:0.7;/*其他，透明度50%*/
}





#product {
	width: 1400px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 30px;
}
#product h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 38px;
	line-height: 70px;
	text-align: center;
	height: 70px;
	width: 1400px;
	color: #000300;
	margin-bottom: 20px;
	font-weight: normal;
}

#pro-list {
	float: left;
	width: 245px;
}
#pro-list h2 {
	line-height: 70px;
	font-family: Arial;
	font-size: 39px;
	color: #444;
}
#pro-list ul li {
	height: 45px;
	width: 245px;
	line-height: 45px;
	font-family: Arial;
	font-size: 18px;
	text-indent: 1em;
}
#pro-list ul li a {
	color: #444;
	display: block;
}
#pro-list ul li a:hover {
	background-color: #4a90e2;
	color: #FFF;
}
.pro-bg {
	height: 45px;
	width: 245px;
	background-color: #4a90e2;
	color: #FFF;
}
#pro-show {
	float: right;
	width: 1095px;
	overflow:hidden;
}

.scrollpic {
	width: 1095px;
}
#myscroll {
	display: block;
	width: 1095px;
	position: relative;
	height: 337px;
	overflow: hidden;
}
#myscroll #myscrollbox {
	display: block;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	width: 1000000px;
}
#myscroll ul {
	display: block;
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#myscroll ul li {
	display: block;
	float: left;
	padding: 0;
	width:337px;
	margin:0 14px;
	text-align:justify;
}
#myscroll ul li a {
	display: block;
	float: left;
	width: 337px;
	padding: 0;
	position: relative;
	height: 337PX;
	color: #333;

}
#myscroll a .intro {
	position: absolute;
	left: 0;
	z-index: 10;
	width: 337px;
	color: #fff;
	text-align: center;
	height:337PX;
	background:url(../images/index_21.png) bottom no-repeat;
}
#myscroll a .intro h5 {
	margin: 287px 0 0 0;
	padding: 0;
	font-size: 16px;
	height: 40px;
	width: 337px;
	line-height: 40px;
	font-weight:100;
	font-weight:bold;
	
}
#myscroll a .intro {
	bottom: -337PX;
}
#myscroll a:hover .intro {
	bottom: 0px;
}
#mybtns {
	margin: 10px 0;
	width: 450px;
	display: block;
	height: 30px;
	text-align:;
}
#mybtns a {
	width: 30px;
	height: 30px;
	display: block;
	float: right;
	margin-right: 5px;
	background-color: #c1c1c1;
	margin-left:5px;
}
#mybtns a:hover {
	background-color: #323232;
}
#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {
	transition: all 0.5s ease;
}
#mybtns #left {
	background-image: url(../images/jt_l.png);
	background-position:center;
	
}
#mybtns #right {
	background-image: url(../images/jt_r.png);background-position:center;
}

#kinMaxShow {
	visibility: hidden;
	width: 100%;
	height: 500px;
	overflow: hidden;
}


#wz {
	background-image: url(../images/index_21.png);
	background-repeat: no-repeat;
	height: 489px;
	width: 337px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#wz p {
	font-size: 20px;
	font-family: Arial;
	text-align: center;
	padding-top: 442px;
}
#wz p a {
	color: #FFF;
}
#about {
	height: 420px;
	width: 100%;
	overflow:hidden;
	background-image:url(../images/index_30.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top: 40px;
}
#about-z {
	width: 1400px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 45px;
}
#about-z h1 {
	font-family: Arial;
	font-size: 34px;
	color: #000300;
	font-weight: normal;
	padding-bottom: 10px;
	padding-top: 10px;
}
#about-z p {
	color: #949ba3;
	line-height: 40px;
	font-size: 16px;
	text-align:justify;
}
#equipment {
	height: 420px;
	width: 100%;
	overflow:hidden;
	background-image:url(../images/index_30a.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#equipment-z {
	width: 1400px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 57px;
}
#equipment-z-title {
	float: left;
	width: 470px;
}
#equipment-z-title h1 {
	font-family: Arial;
	font-size: 34px;
	font-weight: normal;
	margin-bottom: 10px;
}
#equipment-z-title p {
	font-size: 18px;
	color: #4a90e2;
	margin-bottom: 15px;
}
#equipment-z-show {
	float: left;
}
#equipment-z-show-a {
	float: left;
	width: 834px;
}

#demo{ width:834px; overflow:hidden;}
.demolist{ float:left; width:390px; height:302px; float:left; margin:0 13px;}
.demolist img{ border:10px solid #ededed; width:370px; height:282px;}
#equipment-z-show-a ul li {
	height: 302px;
	width: 390px;
	float: left;
	margin-left: 27px;
}
#equipment-z-show-a ul li img {
	border: 10px solid #ededed;
}
#equipment-z-show-b {
	float: left;
	height: 302px;
	width: 29px;
	margin-left: 23px;
}
#equipment-z-show-b img {
	margin-top: 106px;
}
#equipment-z-show-c {
	float: right;
	height: 302px;
	width: 29px;
}
#equipment-z-show-c img {
	margin-top: 130px;
}
#YS {
	height: 579px;
	width: 100%;
	overflow:hidden;
	background-image:url(../images/index_59.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top: 40px;
}
#YS-z {
	width: 1400px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 70px;
}
#YS-z h1 {
	color: #FFF;
	font-family: Arial;
	font-size: 38px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 50px;
}
#YS-z ul li {
	background-image: url(../images/index_54.png);
	background-repeat: no-repeat;
	height: 127px;
	width: 307px;
	padding-top: 15px;
	padding-right: 8px;
	padding-left: 15px;
	float: left;
	margin-right: 20px;
	margin-bottom: 33px;
}
#YS-z ul li img {
	margin-right: 10px;
}
#YS-z ul li h3 {
	font-size: 26px;
	font-weight: normal;
	color: #006ae7;
	padding-top: 5px;
	padding-bottom: 8px;
}
#YS-z ul li p {
	font-size: 16px;
	color: #333;
}
#footer {
	background-image: url(../images/index1_86.jpg);
	background-repeat: repeat-x;
	height: 470px;
	width: 100%;
}
#footer-z {
	width: 1400px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 40px;
}
#footer-1 {
	height: 345px;
}

#footer-1-a {
	float: left;
	width: 625px;
}
#Channels {
	height: 85px;
}
#Channels h3 {
	height: 40px;
	width: 625px;
	background-image: url(../images/index1_89.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 26px;
	color: #FFF;
	line-height: 40px;
}
#Channels ul {
	height: 45px;
	line-height: 45px;
	font-weight: bold;
}
#Channels ul  a {
	color: #CCC; margin:0 8px;
}
#Contact {
	padding-top: 15px;
}
#Contact  h3 {
	height: 40px;
	width: 625px;
	line-height: 40px;
	color: #FFF;
	font-size: 26px;
	background-image: url(../images/index1_89.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#Contact p {
	font-size: 16px;
	color: #CCC;
	line-height: 30px;
}
#footer-1-b {
	float: left;
	width: 315px;
	margin-left: 235px;
	padding-top: 117px;
}
#footer-1-b ul li {
	float: left;
	width: 48px;
	margin-right: 29px;
}
#footer-1-c {
	float: right;
	width: 160px;
	padding-top: 40px;
}
#footer-1-c p {
	color: #CCC;
	line-height: 40px;
	text-align: center;
}
#footer-2 {
	height: 83px;
	color: #CCC;
}


.foot_link{ background:#434343; color:#fff; padding:15px 0; overflow:hidden; text-align:center; clear:both; width:100%;}
.foot_link a{ color:#fff;}

.page_bg{ clear:both; background:url(../images/page_bg.jpg) no-repeat fixed center center; overflow:hidden; padding:30px 0;}
#lrtk{width:1200px}
#lrtk >li{width:600px; text-align:center; background:url(../images/c_back.png); padding:0 0 15px 0;}
#lrtk >li a{ color:#fff;}
.mb-wrapper{margin:0 auto 20px;position:relative; height:600px;left:0;top:0}
.mb-slider,.mb-scroll{width:100%;height:380px;overflow:hidden;margin:0 auto;padding:0;position:relative;left:0;top:0}
.mb-active-slider{border-color:#333}
.mb-slider .mb-panel{margin-top:100px;display:block;cursor:pointer;float:left;list-style:none}
.mb-panel a{outline:0}
.mb-slider .mb-panel.current{cursor:auto}
.mb-inside *{max-width:97%; margin:10px 0 0 0;}
a.mb-scrollButtons{display:block;width:45px;height:58px;background:transparent url(../images/arrows.png) no-repeat;position:absolute;top:40%;margin-top:-29px;cursor:pointer;text-decoration:none;outline:0;border:0;_background:transparent url(../images/arrows.gif) no-repeat}
a.mb-scrollButtons.mb-left{background-position:left top;left:-45px}
a.mb-scrollButtons.mb-right{background-position:right top;right:-45px}
a.mb-scrollButtons.mb-left:hover{background-position:left bottom}
a.mb-scrollButtons.mb-right:hover{background-position:right bottom}
a.mb-scrollButtons.disabled{display:none}
.mb-controls{margin:0 auto;text-align:center;position:absolute; top:620px; left:560px;z-index:100}
.mb-controls a{color:#666;font:18px/2.2 Georgia, Serif;display:inline-block;text-decoration:none;padding:2px;margin:0 5px 0 0;text-align:center;outline:0}
.mb-panel{margin-top:90px}
.mb-controls a:hover{color:black}
.mb-controls a.current{color:#900}
.main-nav{display:block; text-align:center; border-bottom:2px solid #a71700;margin:0 0 20px 0;padding:0 0 10px 0}
.main-nav a{text-decoration:none;color:#3e63ec;font-size:18px;margin:0 8px}
.main-nav a:hover{color:black;border-bottom:2px solid black}
.mb-inside img{width:100%}

.main_box{ clear:both; background:#fff; overflow:hidden; width:100%; padding:10px 0;}
.main{ clear:both; width:1200px; margin:0 auto; overflow:hidden;}
.main_title{ text-align:center; overflow:hidden; margin:10px 0; width:100%; clear:both;}
.main_title h1{ padding:0; margin:0; font-size:42px;color:#1ba2b1; line-height:150%;}
.main_title h1 span{ font-weight:normal; color:#000;}
.main_title p{ font-size:18px; color:#333333; background:url(../images/main_title.png) no-repeat center center;}


.top_road{ clear:both; border-bottom:1px solid #cccccc; background:#f1f1f1; width:100%; height:50px;}
.top_road p{ width:1150px; margin:0 auto; overflow:hidden; line-height:50px; background:url(../images/home.png) no-repeat left center; padding:0 0 0 50px;}
.top_class{ line-height:60px;font-size:15px; clear:both;margin:0 auto; border-bottom:1px dashed #cccccc;}
.top_class a{ padding:10px 15px; margin:0 5px; background:#1da2b3; color:#fff;}
.top_class a:hover{ background:#001228; color:#fff;}
.page_content{ padding:30px; line-height:35px; overflow:hidden; font-size:16px; text-align:justify;}
.pro_content{ padding:30px 0; line-height:35px; overflow:hidden;}
#active{ background:#4990e2; color:#fff;}

.main_left{ float:left; overflow:hidden; width:258px;  border:1px solid #e0dfdf; }
.main_right{ float:left; overflow:hidden; width:910px; margin:0 0 0 30px;}
.main_left_title{ height:50px; line-height:50px; text-align:center; font-size:30px; color:#fff; background:#4990e2;}
.left_class{overflow:hidden;}
.left_class ul li a{ display:block; width:238px; height:45px; line-height:45px; padding:0 0 0 20px; color:#071336;  font-size:16px;}
.left_class ul li a:hover{ background:#4990e2; color:#fff;}
.left_class ul p{ border-bottom:1px solid #cccccc;}
.left_class ul p a{ display:block; width:238px; height:40px; line-height:40px; background:#fff; padding:0 0  0 20px;}
.left_class ul p a:hover{ background:#1ba2b1; color:#fff;}

.left_product{ margin:10px auto; width:240px;}
.left_product ul li{ text-align:center; width:240px; height:240px; position:relative; margin:5px 0;}
.left_product ul li img{ width:240px; height:240px;}
.left_product ul li p{ position:absolute; bottom:0; height:30px; line-height:30px; text-align:center; background:url(../images/c_back.png); z-index:999; width:240px; left:0;}
.left_product ul li p a{ color:#fff;}

.single_title{ border-bottom:1px solid #ededed; line-height:60px; font-size:24px; margin:15px 0;}

.news_title{ text-align:center; margin:40px 0; clear:both;}
.news_title a{ background:#fff; border:1px solid #cccccc; padding:8px 25px; margin:0 10px; color:#333;}
.news_title a:hover{ background:#1ba2b1; color:#fff;}
.news_left{ float:left; width:570px; overflow:hidden;}
.news_left img{ width:570px; height:285px; margin:0 0  30px 0;}
.news_left_news span{ float:left; display:block; width:80px; height:90px; padding:10px; margin:0 0 20px 0; text-align:center; font-family:Tahoma;}
.news_left_news span h1{font-size:48px; line-height:100%;}
.news_left_news h2{ font-size:16px; line-height:35px;}
.news_left_news p{ font-size:14px; color:#666666;}

.news_right{ width:600px; margin:0 0 0 30px; float:left; overflow:hidden;}
.news_right ul li{ background:#fff; border:1px solid #ebebeb; overflow:hidden; margin:0 0 10px 0;}
.news_right ul li span{float:left; display:block; width:80px; padding:15px; margin:0 20px 0  0; text-align:center; font-family:Tahoma; border-right:1px solid #ebebeb;}
.news_right ul li span h1{font-size:48px; line-height:100%;}
.news_right ul li h2{ font-size:16px; line-height:35px; margin:5px 0 0 0;}
.news_right ul li p{ font-size:14px; color:#666666; margin:5px 0 0 0;}

#newslist li{ border-bottom:1px solid #cccccc; margin:10px 0; padding:0 15px;}
#newsimg{ width:160px; height:120px; padding:0 30px 0 0; float:left;}
#newslist  li h1{ font-size:18px; font-weight:normal; line-height:40px;}
#newslist  li p{ color:#999999;}
#news_viwe{ background:url(../images/view.png) no-repeat left center; padding:0 0 0 20px; margin:0 5px;}
#article_viwe{ background:url(../images/view_1.png) no-repeat left center; padding:0 0 0 20px; margin:0 5px;}

#productlist li{width:293px; margin:5px 4px 10px 4px; height:340px; overflow:hidden;border:1px solid #cccccc; float:left;text-align:center; font-size:16px;}
#productlist li img{ width:288px; height:288px;  padding:2px}

#page{ width:100%; clear:both; overflow:hidden;}
#page li{ float:left; margin:0 10px;}
#page li a{ padding:15px 20px; margin:0 5px; background:#333333; color:#fff;}
#page li a:hover{ background:#1ba2b1; color:#fff;}
.tcdNumber{padding:15px 20px; margin:0 5px; background:#f2f2f2; }

.article_view_title{ font-size:36px; font-weight:bold; text-align:center; color:#000; border-bottom:1px solid #cccccc; line-height:50px;}
.article_view_title p{ font-size:14px; color:#999; font-weight:normal; line-height:30px;}
.article_content{ padding:20px 0; margin:0 0 10px 0; border-bottom:1px dashed #cccccc;}

.product_view_title{ font-size:36px; font-weight:bold; text-align:center;}
.product_view_title p{ font-size:14px; color:#999; font-weight:normal;}
.product_content{ padding:20px 0;border-bottom:1px dashed #cccccc; overflow:hidden;}
.product_c_left{ float:left; width:500px; margin:0 30px 0  0; height:400px; text-align:center; overflow:hidden;}
.product_c_left img{ height:375px; width:auto; max-width:500px;}
.product_c_left p{ text-align:center;}
.product_c_right{ float:left; width:300px; padding:0 0 0 10px; overflow:hidden;}
.product_c_right p{ font-size:18px; font-weight:bold;}
.product_c_right p span{ font-size:14px; font-weight:normal; color:#999999;}
#pro_contact{ font-size:14px; font-weight:normal; position:relative;}
.product_view{ line-height:40px; overflow:hidden; padding:20px 0; width:96%; margin:0; clear:both; text-align:justify; font-size:16px;}
.pro_view_title{ clear:both; font-size:18px;border-bottom:1px dashed #1ba2b1; }
.pro_view_title span{ padding:5px 20px; background:#1ba2b1; color:#fff;}

.space{ clear:both; overflow:hidden;}