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

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

body, div, p, span, h1, h2, h3, h4, h5, dd, dl, dt, ul, ol, li, input, textarea, select {
    margin: 0;
    padding: 0;
    font-family: "微软雅黑";
    font-size: 14px;
    color: #000;
	vertical-align: middle;
}

a {
    text-decoration: none;
    margin: 0;
    padding: 0;
}

a:hover {
	text-decoration: none;
}

ul, ol, li {
    list-style: none;
}

img {
	border: 0;
}


.index_top { width: 100%; height: 20px; background: #f1f1f1; padding: 3px 0px 5px;}
.index_top_main { width:1200px; overflow: hidden; margin: 0 auto;}
.index_top_left { width: auto; float: left}
.index_top_left span { font-size: 12px; color: #444;}
.index_top_right { width: auto; float: right;}
.index_top_right a { font-size: 12px; color: #444; display: inline-block; margin-left: 30px;}
.index_top_right a:nth-child(1) { margin-left: 0px;}
.index_top_left span,.index_top_right a { vertical-align: middle;}

.index-company { width:100%; overflow:hidden; padding: 10px 0px 0px;}
.index-company-main { width:1200px; overflow:hidden; margin:0 auto;}
.index-logo { width:500px; float:left;}
.index-logo img { width:400px;}
.index-tel { width:200px; float:right; margin-top:20px;}
.index-telicon { width:auto; float:left;}
.index-telicon img { width:46px;}
.index-telephone { width:auto; float:right;}
.index-telephone span { font-size:14px; color: #333;}
.index-telephone h2 { font-size:20px; color:#d47401;}

.nav { width:100%; overflow: hidden; background:#d47401;}
.nav-main { width:1200px; overflow: hidden; margin:0 auto;}
.nav-main ul li { float:left; width:171px; text-align:center; }
.nav-main ul li a { font-size:14px; color:#fff; display:block; padding: 12px 0px;}
.nav-main ul li:hover { background:#B46200}
.nav-main ul li:hover a { color:#fff; font-size:14px;}
.nav-main ul li.current { background:#B46200}
.nav-main ul li.current a { color:#fff; font-size:14px;}


#container {
	width: 100%;
	height: 345px;
	overflow: hidden;
}
.sections,.section {
	height:100%;
}
#container,.sections {
	position: relative;
}
.section {
	background-color: #729f15;
	background-size: cover;
	background-position: 50% 50%;
	text-align: center;
	color: #f00;
}
#section0 {
	background-image:url(../images/banner.jpg);
}
#section1 {
	background-image:url(../images/banner2.jpg);
}
#section2 {
	background-image:url(../images/banner3.jpg);
}

.index-product { width:100%; overflow:hidden; padding: 30px 0px;}
.index-product-main { width:1200px; overflow:hidden; margin:0 auto;}
.index-product-biaoti { display: none;}
.index-product-left { width:280px; overflow: hidden; float: left;}

.index-product-title { width:auto; overflow:hidden; border:1px solid #ccc;}
.index-product-title h2 { font-size:18px; color:#fff; background:#d47401; padding:15px 0px; border-left:14px solid #B46200; text-align:center;}
.index-product-title ul li { text-align:center; border-bottom:1px dashed #e5e5e5; background: #f5f5f5; border-left: 3px solid #f5f5f5;}
.index-product-title ul li:last-child { border-bottom:none;}
.index-product-title ul li a { font-size:14px; color:#333; display:block; padding:15px 0px;}
.index-product-title ul li:hover { background:#fff; border-left: 3px solid #d47401}
.index-product-title ul li:hover a { color: #d47401;}
.index-product-title ul li.product-now { background:#fff; border-left: 3px solid #d47401}
.index-product-title ul li.product-now a { color: #d47401;}


.index-product-tel { width: auto; overflow: hidden; border: 1px solid #d47401; margin-top:20px; padding: 10px 0px 7px; background: #d47401}
.index-product-telimg { width:80px; float: left; padding-left: 20px; }
.index-product-telimg img { width:64px;}
.index-product-telephone { width: 170px; float: right; padding-top:4px;}
.index-product-telephone span { font-size:18px; color:#fff; font-weight: bold; line-height: 1.7;}

.index-product-right { width:900px; height:659px; float:right; border:1px solid #ccc;}
.index-product-content { width:auto; overflow:hidden; padding: 20px 0px 5px;}
.index-product-content ul li { float:left; width:185px; margin-left:30px; text-align: center; padding-bottom: 15px;}
.index-product-content ul li img { width:175px; margin-bottom: 5px; border: 1px solid #e3e3e3; height: 155px; padding: 5px}
.index-product-content ul li a { font-size:14px; color:#333;}
.index-product-content ul li a:hover { color: #d47401}
.index-product-content ul li img:hover { border: 1px solid #d47401}

.index-about { width:100%; overflow:hidden; padding: 10px 0px 20px;}
.index-about-title { display: none;}
.index-about-img { width:50%; float:left;}
.index-about-img img { width:100%; height: 410px;}
.index-about-content { width:50%; float:right; background:#f9f9f9; height: 410px;}
.index-about-us { width:560px; margin-left:38px; padding:30px 0px;}
.index-about-us h2 { font-size: 20px; color:#d47401}
.index-about-us div { width:auto; font-size:14px; color:#333; line-height:2.2; padding-top:20px; text-indent:2em;}
.index-about-us a { font-size: 14px; color: #333;}
.index-about-us a:hover { font-size: 14px; color: #d47401;}

.index-case { width:100%; overflow:hidden; padding:20px 0px 30px;}
.index-case-main { width:1200px; overflow:hidden; margin:0 auto;}
.index-case-biaoti { display: none;}
.index-case-title { width:auto; overflow:hidden; background:#f9f9f9; padding:15px 0px;}
.index-case-title span { font-size:18px; color:#fff; background:#d47401; padding:12px 25px;}
.index-case-title a { font-size:14px; color:#333; float:right; padding:3px 15px 0px 0px;}
.index-case-title a:hover { font-size:14px; color:#d47401; float:right; padding:3px 15px 0px 0px;}

.index-case-content { overflow:hidden; width: auto} 
.index-case-content ul li div { float:left; line-height:25px; height:140px; width:150px; overflow:hidden; padding:10px 0px}
.index-case-content ul li div img { border:1px solid #DADADA; width:148px; height:120px; display: block;}
.index-case-content ul li div span { display:block; font-size: 12px; color: #000; text-align: center}

.index-news { width:100%; overflow:hidden; padding: 10px 0px 20px;}
.index-news-main { width:1200px; overflow:hidden; margin:0 auto;}
.index-news-title { width:auto; text-align:center;}
.index-news-title img:nth-child(2) { display: inline-block; text-align: center}
.index-news-title img:nth-child(3) { display: none}
.index-news-title h3 { font-size:20px; color:#d47401;}
.index-news-title h2 { font-size:24px; color:#DCDCDC; font-weight:normal;}

.index-news-content { width:auto; overflow:hidden; margin-top: 20px;}
.index-news-img { float:left;}
.index-xinwen { width:780px; float:right;}
.index-xinwen ul li { width:auto; font-size:14px; color: #666; line-height: 1.7; border-bottom: 1px dashed #d47401; padding-bottom: 9px; margin-bottom: 7px;}
.index-xinwen ul li a { font-size:18px; color:#333; display:inline-block; padding-bottom:7px}
.index-xinwen ul li a:hover { font-size:18px; color:#d47401; display:inline-block; padding-bottom:7px}

.foot-all { width: 100%; overflow: hidden;}
.foot { width:auto; overflow:hidden; background: #333; margin-top:10px; padding: 15px 0px 0px;}
.foot-main { width:1200px; overflow:hidden; margin:0 auto;}

.foot-nav { width:1000px; overflow:hidden; margin:0 auto; padding: 10px 0px; border-bottom: 1px solid #4E4E4E}
.foot-nav ul li { float:left; width:142px; text-align:center; border-right: 1px solid #d7d7d7;}
.foot-nav ul li:last-child { border-right: none;}
.foot-nav ul li a { font-size:14px; color:#d6d6d6}
.foot-nav ul li a:hover { color: #fff;}
.foot-nav ul li a.foot-current { color: #fff;}

.foot-contact { width:1000px; overflow:hidden; margin:0 auto; padding: 15px 0px; margin-top: 0px}
.foot-contact span { font-size:14px; color:#d7d7d7; display:inline-block; margin-left:20px;}

.copyright { width:100%; text-align:center; padding:15px 0px; background:#2c2c2c; font-size:12px; color:#d7d7d7;}


.about-main { width: 100%; overflow: hidden;}
.location { width: auto; overflow: hidden; background:rgb(246,246,246); padding: 7px 0px;}
.location-main { width: 1200px; overflow: hidden; margin: 0 auto;}
.location-main img { width: 32px;}
.location-main a { font-size: 14px; color: #333; display: inline-block; margin-left:7px}
.location-main img,.location-main a { vertical-align: middle}

.location-main a:hover { font-size: 14px; color: #d47401}
.location-main a.location-now { font-size: 14px; color: #d47401}

.about_content { width: 1200px; overflow: hidden; margin: 0 auto; padding: 20px 0px}
.about_left { width: 260px; overflow: hidden; float: left}

.product-left { width: 260px; overflow: hidden; float: left}

.left-product-title { width: auto; overflow: hidden; background: #d47401; margin-bottom: 1px; padding: 15px 0px;}
.left-product-title h2 { font-size: 24px; color: #fff; margin-left: 20px; font-weight: normal}
.left-product-title span { font-size: 16px; color: #fff; display: inline-block; margin-left: 20px;}
.left-product-title h3 { font-size: 20px; color: #fff; margin-left: 20px; font-weight: normal}

.left-product { width: auto; overflow: hidden;}
.left-product ul li { width: auto; text-align: center; background: #f5f5f5; margin-bottom: 1px}
.left-product ul li:last-child { margin-bottom: 0px}
.left-product ul li a { font-size: 14px; color: #333; display: block; padding: 15px 0px;}

.left-product ul li:hover { background: #d47401;}
.left-product ul li:hover a { font-size: 14px; color: #fff;}

.left-product ul li.left-product-now { background: #d47401;}
.left-product ul li.left-product-now a { font-size: 14px; color: #fff;}

.left-contact { 
	width: auto; 
	overflow: hidden; 
	margin-top: 20px; 
	border: 1px solid rgb(238,238,238); 
	padding: 10px 20px; 
	border-top:4px solid #d47401; 
	line-height: 2;
	font-size: 14px;
	color: #5a5a5a;
}
.left-contact h2 { font-size: 20px; color: #333;}

.left-img { width: auto;}
.left-img img { width: 100%}

.about-right { width: 860px; overflow: hidden; float: right; border: 1px solid #ccc; padding: 20px 20px 5px;}
.about-title { width: auto; overflow: hidden; border-left: 3px solid #d47401}
.about-title h2 { font-size: 18px; color: #333; padding-left: 10px;}
.about-jieshao { width: auto; overflow: hidden; padding: 15px 0px 10px; line-height:2.5; font-size: 14px; color: #5a5a5a; text-indent: 2em}

.about-youshi { width: auto; overflow: hidden; margin:20px 0px;}
.about-youshi ul li { float: left; text-align: center; width: 286px; line-height:2.2; font-size: 14px; color: #fff; height: 180px; padding: 15px 0px}
.about-youshi ul li:nth-child(1) { background: #EB8102}
.about-youshi ul li:nth-child(2) { background: #d47401}
.about-youshi ul li:nth-child(3) { background: #B86400}
.about-youshi ul li h2 { font-size:24px; color: #fff;}


.product-right { width: 900px; overflow: hidden; float: right; border: 1px solid #ccc; padding: 22px 0px 15px;}
.product-main { width: auto; overflow: hidden;}
.product-content { width: auto; overflow: hidden;}
.product-content ul li { float: left; width:258px; margin-left:30px; text-align: center; padding-bottom:17px;}
.product-content ul li img { width: 248px; height: 240px; border: 1px solid #e3e3e3; margin-bottom: 5px; padding: 5px;}
.product-content ul li a { font-size: 14px; color: #333;}
.product-content ul li a:hover { font-size: 14px; color: #d47401;}
.product-content ul li img:hover { border: 1px solid #d47401}

.page { width:auto; overflow:hidden; margin:0 auto; margin-top:15px;}
.page ul { width:258px; overflow:hidden; margin:0 auto; padding:10px;}
.page ul li { float:left; margin-left:8px; text-align:center;}
.page ul li:first-child { margin-left:0px;}
.page ul li a { font-size:13px; color:#000; border:1px solid #e5e5e5; padding:2px 5px;}
.page ul li a:hover { font-size:13px; color:#d47401; border:1px solid #fff;}
.page ul li a.pagenow { font-size:13px; color:#d47401; border:1px solid #fff;}


.news-content { width: auto; overflow: hidden; padding: 0px 20px}
.news-content ul li { margin-bottom: 15px; overflow:hidden; border-bottom: 1px dashed #9e9e9e; padding-bottom: 7px;}

.news-left-content { width: 730px; overflow: hidden; float: left;}
.news-left-content a { font-size: 14px; color: #5a5a5a;}
.news-right-content { width:80px; overflow: hidden; float: right; }
.news-right-content span { font-size: 14px; color:#8a8a8a; text-align: right; display: inline-block}

.news-left-content a:hover { font-size: 14px; color: #d47401; }

.liuyan-right { width: 860px; overflow: hidden; border: 1px solid #ccc; float: right; padding: 20px;}

.liuyan-main { width: auto; overflow: hidden; text-align: center}

.liuyan-above { width: 600px; overflow: hidden; margin: 0 auto; text-align: center; margin-top:25px; font-size: 12px; color: #cacccb}
.liuyan-above span { font-size: 18px; color: #333;}
.liuyan-above h2 { font-size: 26px; color: #d47401; padding: 7px 0px;}

.liuyan-content { width: 600px; overflow: hidden; text-align: center; margin:20px auto;}
.liuyan-content ul li { padding: 10px 0px;}
.liuyan-content ul li span { font-size: 14px; color: #5a5a5a; display: inline-block; width:45px; text-align: center;}
.liuyan-content ul li input { width:400px; height:40px; padding:0px 5px; border: 1px solid #ccc; border-radius: 2px}
.liuyan-content ul li textarea { width:400px; height:200px; padding:5px; border: 1px solid #ccc; border-radius: 2px}
.liuyan-content ul li:last-child input { border: none; width: 465px; margin: 0 auto;}

.fjidfj{ 
	width:auto; 
	overflow:hidden; 
	background:#d47401; 
	text-align:center; 
	margin-top:26px; 
	border-radius:5px;
	display:block; 
	height:43px; 
	color:#fff; 
	font-size:15px;
}

.contact-right { width: 860px; float: right; border: 1px solid #ccc; padding: 20px;}
.contact-main { width: auto; overflow: hidden; margin-top: 20px;}
.contact-content { width:300px; overflow:hidden; float: left; font-size: 14px; color: #5a5a5a; line-height: 2.5;}
.contact-content span { font-size:24px; color: #d47401; font-weight: bold;}
.contact-img { float: right;}

.news-details { width:auto; overflow: hidden; padding:0px 20px;}
.news-title { width: auto; overflow: hidden; text-align: center; margin-top: 10px; border-bottom: 1px dashed #9e9e9e; padding-bottom: 10px}
.news-title h2 { font-size: 25px; color: #444; padding-bottom:5px;}
.news-title span { font-size: 14px; color: #666; display:inline-block; margin-left: 20px;}
.news-title span:nth-child(2) { margin-left:0px;}
.news-xiangqing { width: auto; overflow: hidden; font-size: 14px; color: #5a5a5a; line-height: 2; margin-top:15px; text-indent: 2em;}

.news-next { width: auto; overflow: hidden; padding: 10px 20px 0px;}
.news-next div { width:auto; overflow: hidden; background:#F9F9F9; padding:10px 0px; font-size: 14px; color: #000; padding-left: 10px; margin-bottom: 10px}
.news-next div a { font-size: 14px; color: #333}
.news-next div a:hover { font-size: 14px; color: #d47401}

.product-xiangqing { width: auto; overflow: hidden; text-align: center; margin: 20px 0px;}
.product-xiangqing img { width:auto;}

.case-main { width: auto; overflow: hidden;}
.case-main ul li { border: 1px solid #eee; width:271.333px; float: left; margin-left: 20px; margin-bottom: 20px;}
.case-main ul li img { width:100%; height: 220px;}

.case-introduce { width: auto; overflow: hidden; padding: 10px 0px; margin:0px 10px;}
.case-product { float: left; width: 160px; margin-top:2px}
.case-product span { font-size: 14px; color: #333;}
.case-button {  overflow: hidden; float: right;}
.case-button a { font-size: 14px; color: #d47401; background: #fff; padding: 5px 10px; display: inline-block; border-radius: 2px; border:1px solid #d47401}

.case-button a:hover { font-size: 14px; color: #fff; background: #d47401; padding: 5px 10px; display: inline-block; border-radius: 2px; border:1px solid #d47401}
.case-main ul li:hover { border: 1px solid #d47401}

.youqinglianjie { width: auto; overflow: hidden; margin: 15px 0px;}
.youqinglianjie-main { width: 1200px; overflow: hidden; margin: 0 auto;}
.youqinglianjie-main span { font-size: 12px; color: #5a5a5a;}
.youqinglianjie-main a { font-size: 12px; color: #5a5a5a; display: inline-block; margin-left: 30px;}
.youqinglianjie-main a:hover { font-size: 12px; color: #d47401; display: inline-block; margin-left: 30px;}
.youqinglianjie-main span,.youqinglianjie-main a { vertical-align: middle}

.list_page{overflow:hidden; width:295px; margin:0 auto; text-align: center}
.list_page span{color:#e40723; font-size:13px; display: block}
.list_page a{ padding:6px 10px; border:1px solid #ccc; float:left; margin-right:5px;font-size:13px; color:#333;}


@media only screen and (max-width:800px)
{	
	.index_top { width:100%; height: 40px; background: #f1f1f1; padding: 3px 0px 5px;}
	.index_top_main { width: auto; overflow: hidden;}
	.index_top_left { width: auto;  float: left; margin-left: 10px}
	.index_top_left span { font-size: 9px; color: #444}
	
	.index_top_right { width: auto; float: right;}
	.index_top_right a { font-size: 9px; color: #444; display: inline-block; margin-left: 15px;}
	.index_top_right a:nth-child(1) { margin-left: 0px;}
	.index_top_left span,.index_top_right a { vertical-align: middle;}
	
	.index-company { width:100%; height:50px; overflow:hidden; padding: 10px 0px}
	.index-company-main { width:75%; float: left;}
	.index-logo { width:auto; margin-left: 10px; margin-top: 3px}
	.index-logo img { width:200px;}
	.index-tel { display: none}
	.nav { width: 20%; float: right; background: none; margin-top: 3px;}
	
	.nav-title { float:right; width:24px; height:35px; background:#d47401; border-radius:1px; padding:5px 12px;}
	.nav-title span{ 
		display:block; 
		background:#fff; 
		height:3px; 
		margin-bottom:8px; 
		width:24px; 
		border-radius:5px; 
		margin-top:5px;
	}
	.nav-main { 
		width: 100%; 
		overflow: hidden; 
		background:#eee; 
		display:none; 
		position: absolute; 
		top:88px;
		z-index: 9999;
		left: 0px;
	}
	.nav-main ul li { border-bottom: 1px solid #ddd; width: 100%;}
	.nav-main ul li:last-child { border-bottom:none;}
	.nav-main ul li a { font-size:14px; color: #333; display: block; padding:4% 0%;}
	.nav-main ul li:hover { background:#d47401}
	.nav-main ul li:hover a { color: #fff;}
	.nav-main ul li.current { background:#d47401}
	.nav-main ul li.current a { color: #fff;}
	
	#container {
		width: 100%;
		height:170px;
		overflow: hidden;
	}
	
	#section0 { background-image:url(../images/banner.jpg); background-size: 100% 100%;}
	#section1 { background-image:url(../images/banner2.jpg); background-size: 100% 100%;}
	#section2 { background-image:url(../images/banner3.jpg); background-size: 100% 100%;}
	
	.index-product { width:100%; overflow:hidden; padding: 30px 0px 0px;}
	.index-product-main { width:auto; overflow:hidden; margin:0 auto;}
	
	.index-product-biaoti { display: block; width: auto; text-align: center;}
	.index-product-biaoti h3 { font-size: 16px; color: #d47401;}
	.index-product-biaoti h2 { font-size: 18px; color: #dcdcdc; font-weight: normal}

	.index-product-left { width:auto; overflow: hidden;}
	.index-product-title h2 { display: none}

	.index-product-title { width:auto; overflow:hidden; border: none; padding: 10px 0px; margin-top: 10px}
	.index-product-title ul li { 
		float: left; 
		text-align: center; 
		border-bottom: none; 
		width: 28.666%; 
		border-radius: 30px; 
		margin-left:3%; 
		border: 1px solid #ddd;
		margin-bottom: 10px;
	}
	.index-product-title ul li a { font-size:13px; color:#333; padding: 5px 0px;}
	.index-product-title ul li:last-child { border-bottom: 1px solid #ddd;}
	
	.index-product-title ul li:hover { background:#EF8404; border: 1px solid #ef8404}
	.index-product-title ul li:hover a { color: #fff;}
	.index-product-title ul li.product-now { background:#EF8404; border: 1px solid #ef8404}
	.index-product-title ul li.product-now a { color: #fff;}
	
	.index-product-tel { display: none; }

	.index-product-right { width:100%; overflow: hidden; border: none; height: auto;}
	.index-product-content { width:auto; overflow:hidden; padding: 0px;}
	.index-product-content ul li { float:left; width:42.5%; margin-left:5%; text-align: center; padding-bottom: 15px;}
	.index-product-content ul li img { width:96%; margin-bottom: 5px; border: 1px solid #e3e3e3; height: 150px; padding: 2%;}
	.index-product-content ul li a { font-size:14px; color:#333;}
	
	
	.index-about { width:100%; overflow:hidden; padding: 10px 0px 10px;}
	.index-about-title { width: auto; text-align: center; display: block}
	.index-about-title h3 { font-size: 16px; color: #d47401;}
	.index-about-title h2 { font-size: 18px; color: #dcdcdc; font-weight: normal}
	.index-about-img { display: none}
	.index-about-content { width:auto; background:none; height: auto;}
	.index-about-us { width:auto; margin-left:0px; padding:0px 10px;}
	.index-about-us h2 { display: none}
	.index-about-us div { width:auto; font-size:14px; color:#333; line-height:2.2; padding-top:10px; text-indent:2em;}
	
	.index-case { width:100%; overflow:hidden; padding:20px 0px 0px;}
	.index-case-main { width:auto; overflow:hidden; margin:0 auto;}
	.index-case-biaoti { display: block; width: auto; text-align: center;}
	.index-case-biaoti h3 { font-size: 16px; color: #d47401;}
	.index-case-biaoti h2 { font-size: 18px; color: #dcdcdc; font-weight: normal}
	.index-case-title { display: none}

	.index-case-content { overflow:hidden; width: 94%; margin: 0 auto;} 
	.index-case-content ul li div { float:left; line-height:25px; height:140px; width:130px; overflow:hidden; padding:10px 0px 0px}
	.index-case-content ul li div img { border:1px solid #DADADA; width:148px; height:120px; display: block;}
	.index-case-content ul li div span { display:block; font-size: 12px; color: #000; text-align: center}
	
	.index-news { width:100%; overflow:hidden; padding: 30px 0px 10px;}
	.index-news-main { width:auto; overflow:hidden;}
	.index-news-title { width:auto; text-align:center;}
	.index-news-title img:nth-child(2) { display: none}
	.index-news-title img:nth-child(3) { display: inline-block}
	.index-news-title h3 { font-size:16px; color:#d47401;}
	.index-news-title h2 { font-size:18px; color:#DCDCDC; font-weight:normal;}

	.index-news-content { width:94%; overflow:hidden; margin: 10px auto;}
	.index-news-img { display: none}
	.index-xinwen { width:auto;}
	.index-xinwen ul li { width:auto; font-size:14px; color: #666; line-height: 1.7; border-bottom: 1px dashed #d47401; padding-bottom:7px; margin-bottom: 7px;}
	.index-xinwen ul li a { font-size:16px; color:#333; display:inline-block; padding-bottom:7px}
	
	
	.foot-all { width: 100%; overflow: hidden;}
	.foot { width:auto; overflow:hidden; background: #333; margin-top:10px; padding: 15px 0px 20px;}
	.foot-main { width:auto; overflow:hidden; margin:0 auto;}

	.foot-nav { width:auto; overflow:hidden; margin:0 auto; padding: 20px 0px; border-bottom: 1px solid #4E4E4E}
	.foot-nav ul li { float:left; width:33.333%; text-align:center; border-right: none; padding: 2% 0%;}
	.foot-nav ul li:last-child { border-right: none;}
	.foot-nav ul li a { font-size:14px; color:#d6d6d6}
	.foot-nav ul li a:hover { color: #fff;}
	.foot-nav ul li a.foot-current { color: #fff;}

	.foot-contact { width:auto; overflow:hidden; margin:0 auto; padding: 0px; margin-top: 15px}
	.foot-contact span { font-size:14px; color:#d7d7d7; display:block; margin-left:30px; line-height: 2.5;}

	.copyright { width:100%; text-align:center; padding:15px 0px; background:#2c2c2c; font-size:12px; color:#d7d7d7;}

	.about-main { width: 100%; overflow: hidden;}
	.location { width: auto; overflow: hidden; background:rgb(246,246,246); padding: 7px 0px;}
	.location-main { width: auto; overflow: hidden; padding-left: 10px;}
	.location-main img { width: 32px;}
	.location-main a { font-size: 14px; color: #333; display: inline-block; margin-left:7px}
	.location-main img,.location-main a { vertical-align: middle}

	.location-main a:hover { font-size: 14px; color: #d47401}
	.location-main a.location-now { font-size: 14px; color: #d47401}

	.about_content { width: auto; overflow: hidden; margin: 0 auto; padding:0px;}
	.about_left { display: none}

	.about-right { width: 100%; overflow: hidden; border: none; padding:0px;}
	.about-title { width: 90%; overflow: hidden; border-left: 3px solid #d47401; margin: 0 auto; margin-top: 20px;}
	.about-title h2 { font-size: 18px; color: #333; padding-left: 10px;}
	.about-jieshao { width: 90%; overflow: hidden; line-height: 2; font-size: 14px; color: #5a5a5a; text-indent: 2em; margin: 0 auto; padding:15px 0px 0px;}

	.about-youshi { width: 100%; overflow: hidden; margin-top: 20px}
	.about-youshi ul li { text-align: center; line-height:2.2; font-size: 14px; color: #fff; height: 180px; padding: 15px 0px; width: 100%;}
	.about-youshi ul li:nth-child(1) { background: #EB8102}
	.about-youshi ul li:nth-child(2) { background: #d47401}
	.about-youshi ul li:nth-child(3) { background: #B86400}
	.about-youshi ul li h2 { font-size:24px; color: #fff;}
		
	
	.product-left { width: 100%; overflow: hidden; padding: 10px 0px; margin-top: 10px}

	.left-product-title { display: none}

	.left-product { width: auto; overflow: hidden;}
	.left-product ul li {
		float: left; 
		text-align: center; 
		border-bottom: none; 
		width: 28.666%; 
		border-radius: 30px; 
		margin-left:3%; 
		border: 1px solid #ddd;
		margin-bottom: 10px;
	}
	.left-product ul li:last-child { margin-bottom: 0px}
	.left-product ul li a { font-size: 14px; color: #333; display: block; padding: 5px 0px;}

	.left-product ul li:hover { background:#EF8404; border: 1px solid #ef8404}
	.left-product ul li:hover a { font-size: 14px; color: #fff;}

	.left-product ul li.left-product-now { background:#EF8404; border: 1px solid #ef8404}
	.left-product ul li.left-product-now a { font-size: 14px; color: #fff;}

	.left-contact { display: none}
	.left-img { display: none}
	
	.product-right { width:100%; overflow: hidden; border:none; padding:0px;}
	.product-main { width: auto; overflow: hidden;}
	.product-content { width: auto; overflow: hidden; margin-top: 10px}
	.product-content ul li { float:left; width:42.5%; margin-left:5%; text-align: center; padding-bottom: 15px;}
	.product-content ul li img { width: 96%; padding-bottom: 5px; height:160px; border: 1px solid #e3e3e3; padding: 2%;}
	.product-content ul li a { font-size: 14px; color: #333;}
	
	.page { width:auto; overflow:hidden; margin:0 auto; margin-top:5px;}
	
	
	.news-content { width: 94%; overflow: hidden; margin: 0 auto; padding: 0px;}
	.news-content ul li { margin-bottom: 15px; overflow:hidden; border-bottom: 1px dashed #9e9e9e; padding-bottom: 7px;}

	.news-left-content { width: 77%; overflow: hidden; float: left;}
	.news-left-content a { font-size: 14px; color: #5a5a5a;}
	.news-right-content { width:23%; overflow: hidden; float: right; }
	.news-right-content span { font-size: 14px; color:#8a8a8a; text-align: right; display: inline-block}

	.news-left-content a:hover { font-size: 14px; color: #d47401; }
	
	.contact-right { width: 100%; border:none; padding: 0px;}
	.contact-main { width: 92%; overflow: hidden; margin: 20px auto 0px;}
	.contact-content { width:auto; overflow:hidden; font-size: 14px; color: #5a5a5a; line-height: 2.5;}
	.contact-content span { font-size:24px; color: #d47401; font-weight: bold;}
	.contact-img { width: 92%; margin:15px auto 0px;}
	.contact-img img { width: 100%;}
	

	.liuyan-right { width: 100%; overflow: hidden; border:none; padding: 0px;}

	.liuyan-main { width: auto; overflow: hidden; text-align: center}

	.liuyan-above { width: 92%; overflow: hidden; margin: 0 auto; text-align: center; margin-top:25px; font-size: 12px; color: #cacccb}
	.liuyan-above span { font-size: 18px; color: #333;}
	.liuyan-above h2 { font-size: 26px; color: #d47401; padding: 7px 0px;}

	.liuyan-content { width:92%; overflow: hidden; text-align: center; margin:20px auto;}
	.liuyan-content ul li { padding: 10px 0px;}
	.liuyan-content ul li span { font-size: 14px; color: #5a5a5a; display:block; width:45px; text-align: center; padding-bottom:7px}
	.liuyan-content ul li input { width:96%; height:40px; padding:0px 5px; border: 1px solid #ccc; border-radius: 2px}
	.liuyan-content ul li textarea { width:96%; height:150px; padding:5px; border: 1px solid #ccc; border-radius: 2px}
	
	.liuyan-content ul li:last-child input { border: none; width: 99%; margin: 0 auto;}

	.liuyan-tijiao { width:92%; background: #d47401; text-align: center; margin: 20px auto;}
	.liuyan-tijiao a { font-size: 14px; color: #fff; display: block; padding: 10px 0px;}
	
	.product-xiangqing { width: auto; overflow: hidden; text-align: center; margin: 15px 0px;}
	.product-xiangqing img { width:100%;}
	

	.case-main ul li { border: 1px solid #eee; width:46.4%; float: left; margin-left:2%; margin-bottom: 20px; height: 250px; padding-bottom:7px}
	.case-main ul li img { width:100%; height:170px;}

	.case-introduce { width: auto; overflow: hidden; padding:7px 0px; margin: 0px;}
	.case-product { width:94%; overflow: hidden; margin-left:4%}
	.case-product span { font-size: 14px; color: #333; display: block}
	.case-button {  overflow: hidden; width:100%; float: inherit; text-align: right; padding-right: 10px}
	.case-button a { font-size: 14px; color: #d47401; background: #fff; padding: 5px 10px; display: inline-block; border-radius: 2px; border:1px solid #d47401; margin-right: 3%;margin-top:4%; }
	
	.youqinglianjie { width: auto; overflow: hidden; margin: 10px 0px;}
	.youqinglianjie-main { width: 94%; overflow: hidden; margin: 0 auto;}
	.youqinglianjie-main span { font-size: 12px; color: #5a5a5a;}
	.youqinglianjie-main a { font-size: 12px; color: #5a5a5a; display: inline-block; margin-left: 20px;}
	.youqinglianjie-main a:hover { font-size: 12px; color: #d47401; display: inline-block; margin-left: 30px;}
	.youqinglianjie-main span,.youqinglianjie-main a { vertical-align: middle}

	.list_page{overflow:hidden; width:87%; margin:0 auto;text-align:center; float: right}
	.list_page span{ color:#e40723; font-size:12px; display: block}
	.list_page a{ padding:3% 3%; border:1px solid #ccc; margin-right:2%;font-size:12px; color:#333; text-align: left; margin-bottom: 2%}
}

@media only screen and (min-width:768px) and (max-width:1200px){
	
	#container {
		width: 100%;
		height:180px;
		overflow: hidden;
	}
	
	#section0 { background-image:url(../images/banner.jpg); background-size: 100% 100%;}
	#section1 { background-image:url(../images/banner2.jpg); background-size: 100% 100%;}
	#section2 { background-image:url(../images/banner3.jpg); background-size: 100% 100%;}
	
	.case-main ul li { border: 1px solid #eee; width:46.4%; float: left; margin-left:2%; margin-bottom: 20px; height: 350px; padding-bottom:15px}
	.case-main ul li img { width:100%; height:270px;}

}