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

*{ box-sizing:border-box;}
body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; min-width:1000px;}
ul,li{ list-style:none; margin:0; padding:0}
a{ text-decoration:none; color:#333;}
.audia_bg{ width:100%; height:100%; position:fixed;}

.header{ width:980px; height:150px; margin:0 auto; position:relative;}
.header .logo{ width:210px; padding:40px 0; float:left; height:120px;}
.header .search{ width:40%; height:30px; margin-left:50px; float:left; border:solid #333 2px; margin-top:80px;}
.header .search input{ width:80%; float:left; padding:2px 8px; height:30px; border:none; outline:none; font-size:12px; background:none}
.header .search .search_search{ width:40px; height:28px; float:right; background:#333;}
.header .search .search_search img{ margin-top:1px; margin-left:5px;}
.header .header_right{ float:right; width:220px; height:50px; margin-top:40px; color:#333; font-size:16px; font-weight:bold;}
.keyword{ width:400px; height:60px; background:#fff; float:left; opacity:0.8; display:none}
/*导航栏目*/
.nav{ width:980px; height:50px;  margin:0 auto; background:linear-gradient(#4c4f57, #676b76); position:relative; z-index:999}
.nav > ul{ width:100%;  height:50px; font-size:16px}
.nav > ul > li{ float:left; padding:15px 45px; margin:0; height:50px; color:#fff; text-align:center; }
.nav > ul > li a{ color:#fff; text-align:center; }
.nav > ul > li:hover{cursor:pointer; background:#333;}
.nav > ul > li span{ float:left; width:100%; height:30px;}
.nav ul li ul{ font-size:12px;}
.nav .li_1{ position:relative;}
.nav .li_1 .ul_1{ width:130px; height:auto; padding-bottom:2px; background:#333; top:50px; position:absolute; display:none; margin-left:-10px;}
.nav .li_1 .ul_1 li{ margin-top:2px; padding-top:8px; height:36px;}
.nav .li_1 .ul_1 > li:hover{ background:#171717;}
.nav .li_1 .li_2,.li_3{ height:36px;}
.nav .li_1 .ul_2{ width:210px; height:auto; margin-left:130px; padding:8px; background:#171717 ; position:absolute; top:2px; display:none; padding-bottom:2px;}
.ul_3{ width:150px; height:auto; margin-left:130px; padding:3px; background:#171717 ; position:absolute; top:37px; display:none; padding-bottom:2px;}
.nav .li_1 .ul_2 li,.ul_3 li{ height:36px; margin-top:2px;}
.nav .li_1 .ul_2 li:hover,.ul_3 li:hover{ background:#333;}

.banner1_text1,.banner1_text2,.banner1_text3{  color:#fff; margin-top:50px; float:left; height:60px;}
.banner1_text1{ margin-left:30%;  width:120px; color:#fff; font-size:22px;}
.banner1_text2{ margin-left:120px;  width:180px; color:#fff; font-size:22px}
.banner1_text3{ margin-left:50px;  width:280px; color:#fff; font-size:22px;}
.banner2_text1{ margin-left:20%;  width:280px; color:#fff; font-size:20px; margin-top:80px;}
.banner3_text1{ margin-left:20%;  width:800px; color:#fff; font-size:22px; margin-top:80px;}
/*banner*/
#full-screen-slider { width:100%; height:500px; position:relative; margin-top:10px;}
#slides { display:block; width:100%; height:500px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:23%; top:470px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:50px; height:12px; float:left; margin-left:13px; border-radius:12px; background:#fff; border:solid #ccc 1px}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#333}

	
.gradient{width:980px; height:8px; float:left; background:url(../img/gradient.png) }

.text{ width:980px; height:300px; margin:35px auto; position:relative}
.text_wel{ width:560px; float:left;}
.text_wel .wel_bg{ width:235px; height:43px; float:left; background:url(../img/welcome_bg.png); color:#fff; font-size:24px; font-weight:bold; line-height:45px; text-align:center; box-shadow:3px 3px 10px #111 }
.gradient_s{ float:left; width:5px; height:240px; background:url(../img/slinear.png); margin-left:20px;}
.text_news{ width:360px; float:left; margin-left:30px; height:auto}
.news_title{ width:100%; height:45px; float:left;}
.news_title img{ width:36px; height:36px; margin-top:5px; float:left;}
.news_title span{ width:60%; height:45px; line-height:50px; font-size:26px; color:#ed9f00; margin-left:12px; float:left; font-weight:bold;}
.text_wel .tex_detail{ width:100%; height:auto; float:left; font-size:12px; line-height:25px; margin-top:10px; padding:8px 5px; color:#333; font-weight:bold }
.text_wel .tex_detail p{ padding:8px;}
.text_wel .tex_detail ul{ width:100%}
.text_wel .tex_detail ul li{ width:100%; padding:5px 8px;}
.text_wel .tex_detail ul li img{ width:16px; height:16px;}
.text_wel .tex_detail > ul > li > span{ float:left; color:#fff; font-size:14px;}
.news_detail{ width:100%; height:auto; float:left}
.news_detail p span{ color:#333}
.news_detail ul{ width:100%;}
.news_detail ul li{ width:100%; float:left; height:30px; margin-top:10px;}
.news_detail ul li > img{ width:20px; height:20px; margin-top:8px; float:left}
.news_detail ul li > span{ width:70%; float:left; margin-left:8px; color:#fff; font-size:14px; line-height:37px;}
.footer{ width:980px; height:40px; background:linear-gradient(#666,#222); margin:110px auto; position:relative; margin-bottom:5px;}
.footer > .p_top{color:#f5f5f5; height:auto; font-size:15px; text-align:center; float:left; width:100%; margin-top:0px;}
.footer > .p_bot{color:#f5f5f5; height:auto; font-size:13px; text-align:center; float:left; width:100%; margin:0px;}
/*联系我们*/

.address_product{ width:980px; height:250px; position:relative; margin:0 auto; box-shadow:0 4px 4px 0px #666}
.address{ width:980px; height:500px; margin:0px auto; position:relative; padding-left:50px;}
.address_left{ width:40%; float:left; padding:30px 5%;}
.left_detail{ width:100%; height:auto; float:left; padding-left:5%;  padding-bottom:10px; background:#333; opacity:0.6;}
.left_detail ul{ width:100%; float:left;}
.left_detail ul li{ width:100%; height:auto; margin-top:10px; float:left;  padding-left:30px;}
.name{ color:#fff; font-size:12px;}
.submit{ width:120px; height:30px; margin:30px 50px; border-radius:5px; background:#FFF; float:left;  color:#333; font-size:14px; text-align:center; line-height:30px;}
.content,.message{ width:220px; background:#fff; height:30px; border-radius:5px;}
.content input{ border:none; height:30px; width:80%; margin-left:10px; outline:none;}
.message{ height:100px; }
.message textarea{ width:220px; height:100px; outline:none;}
.address_left-title{ width:100px; height:40px; transform:skew(-15deg); background:#333; color:#fff; line-height:40px; text-align:center;}
.slinear{ float:left; width:5px; margin-top:120px; margin-left:60px;}
.address_right{ width:40%; float:left; padding-left:8%; margin-top:30px;}
.address_right-title{ color:#333; font-size:22px; font-weight:bold; height:50px; line-height:50px;}
.right_detail{ margin-top:30px;}
.right_detail> p{ padding:3px 5%; font-size:18px; color:#333; font-weight:bold;}
/**/
.product_mian{ width:980px; height:600px; margin:20px auto; position:relative;}
.Main_left{ width:330px; height:auto; float:left; }
.product_left{ width:320px; margin-left:20px; float:left; height:auto; padding-top:10px;}
.product_left_title{ width:100%; float:left; height:30px; color:#333; font-size:16px; font-weight:bold; line-height:30px;}
.product-sign{ width:90%; float:left; height:30px; color:#333; font-size:12px; line-height:30px; text-align:right}
.product_left ul{ float:left; width:100%; height:auto; margin-top:20px; margin-left:15px;}
.product_left ul li{ width:100%; height:30px; float:left;}
.product_left ul li img{ width:8px; height:8px; float:left; margin-top:12px;}
.product_left ul li span{ float:left; color:#333; font-size:13px; line-height:30px; padding-left:10px; width:300px;}
.item_border{ width:100%; height:10px; border-bottom:dotted 1px #666; float:left; margin-left:-10px;}
.item_border span{ float:left; width:12px; height:8px; background:#333; margin-top:5px;}
.product_right{ width:620px; height:auto; float:left; padding-left:20px;}
.product_right ul{ width:100%; margin-top:20px; float:left}
.product_right ul li{ width:160px; height:180px; float:left; margin-left:35px; border:solid #bdbdbd 1px; border-radius:10px; background:#fff; opacity:0.8}
.product_right ul li img{ margin-left:18px; margin-top:40px;}
.product_right ul li:hover{ cursor:pointer;}

#container {
	width:620px;
	overflow:hidden;
	padding-left:20px;
	float:left
}
#samples {
	float:left;
	width:100%;
	overflow:hidden;
	margin-top:22px;
}
#samples li {
	float:left;
	width:160px; height:190px;
	display:inline;
	overflow:hidden;
	border:solid #bdbdbd 1px; border-radius:10px; background:#fff; opacity:0.8; margin-left:35px; margin-top:35px;
}
#samples li img {
	width:100px;
	height:120px; margin-left:18px; margin-top:40px;
}
#samples li p {
	margin:0 auto;
	padding:0;
	line-height:26px;
	width:100%;
	text-align:center;
	font-size:12px;
	height:26px;
	overflow:hidden;
}
#overlayer {
	position:absolute;
	z-index:1000;
	width:305px;
	height:385px;
	padding:3px;
	background-color:#FFF; border:solid #ccc 1px;
}
#overlayer img {
	width:300px;
	height:380px;
}


/*About us*/
.about{ width:980px; height:630px; margin:8px auto; position:relative;}
.aboutus{background:url(../img/aboutusbg.png) no-repeat;}
.about_img{ float:right; width:285px; height:auto;}
.about_detail{ width:600px; float:left; margin-left:380px;}
.about_detail ul{ width:100%; padding:3px 40px;}
.about_detail ul li{   margin-top:15px;}
.about_detail ul li.rowsx{ float:left;}
.about_detail ul li span{ font-size:18px; font-weight:bold; color:#ee7178; float:left; width:100%}
.about_detail ul li p{ width:100%; float:left; color:#333; font-size:13px; line-height:25px; padding-left:30px; font-weight:400}
.equipment{ width:980px; height:630px; margin:8px auto; position:relative;}
.equipment_detail{ width:980px; position:relative; margin:10px auto; padding:10px 30px; float:none; height:620px;}

.equipment_detail span{ font-size:20px; font-weight:bold; color:#ee7178; float:left; width:100%; padding:20px 20px;}
/*
.equipment_detail p{ width:100%; float:left; color:#333; font-size:14px; line-height:25px; padding-left:50px; font-weight:700}
.equipment_detail table{ float:left; margin-left:30px; font-size:13px; margin-top:10px;}
.equipment_detail table tr td{ height:25px;}
.td_item1{ text-align:right}
.td_item2{ text-indent:1em}
*/
.equipment_img{ width:100%; float:left; height:auto;}
.equipment_img ul{ width:100%; padding:10px 50px;}
.equipment_img ul li{ width:220px; height:250px; float:left; margin-left:40px; border:solid #ccc 1px; margin-top:15px; box-shadow:5px 10px 15px #999}
.equipment_img ul li:hover{ opacity:0.8; cursor:pointer;}

.Page{ width:40%; height:25px; float:right; margin-right:20px; margin-top:20px; margin-bottom:20px;}
.Page .page-up{ height:32px;}
.Page li{ width:50px; height:25px; float:left; border-radius:3px; border:solid #ccc 1px; line-height:25px; font-family:"微软雅黑"; font-size:14px; color:#333; text-align:center; margin-left:3px;}
.Page .Page-num{ width:30px; background:#fff; text-align:center; line-height:30px; color:#fff; color:#333;}
.Page .Page-num:hover{ border:solid #c81623 1px;}
.Page .active{ background:#c81623; color:#fff}