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

/* reset */
body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select { margin:0; padding:0; }
em { font-style:normal; }
li { list-style:none; }
a { text-decoration:none; color: inherit;}
a:focus { outline: none; } 
img { border:none; vertical-align:middle; }
table { border-collapse:collapse; }
input,textarea { outline:none; background: none; border: none; }
textarea { resize:none; overflow:auto; }
body { font-size:12px; font-family:"微软雅黑"; }
/* end reset */
/* public */
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
.fl { float:left; _display: inline;}
.fr { float:right; _display: inline;}
.clearfix {*zoom: 1;}
.clearfix:before, .clearfix:after {content: '\0020';display: block;height: 0;clear: both;visibility: hidden;}

.main-box {position: relative;width: 1200px; margin: auto; *zoom: 1;}
.main-box:before, .main-box:after {content: '\0020';display: block;height: 0;clear: both;visibility: hidden;}
.pic-box div {display: table-cell;vertical-align: middle;text-align: center;*display: block;*font-family: Arial;line-height: 0;*line-height: 1;}
.pic-box img {vertical-align: middle;}

.welcome {text-align: right; font-size: 12px;color: #ffffff;height:34px; line-height: 34px; background: #a04219; min-width: 1200px;}
.lang a{padding:0 16px;}

.header {height:94px; line-height: 94px; border-bottom: 1px solid #e5e5e5;}
.nav {float: right;line-height: 94px;font-size: 16px;line-height: 2;color: #4d4d4d; padding-right: 46px;}
.nav li {float: left;height:94px;   line-height: 94px;text-align: center; margin-left: 46px;}
.nav li:hover ,.nav .present {color: #a04219;}
.nav a {display: block;}
 
.banner {position: relative; min-width: 1200px; }
.one-banner {height: 550px;background-position: center center;background-repeat: no-repeat;}
.banner .hd {position: absolute; bottom: 20px; left: 0;right: 0; z-index: 10;margin: auto; text-align: center;}
.banner .hd li {display: inline-block;*display: inline;*zoom: 1; width: 12px; height: 12px; margin-right: 4px; background: #ccc; text-indent: -9999px;}
.banner .hd li.on {background: #333;}

.index-product{padding-bottom: 34px;}
.fafafa{background: #fafafa;min-width: 1200px;}
.index-h2-tit{ padding:52px 0 40px; }
.index-part-tit {width: 120px; position: relative; margin: auto;font-size: 26px; text-align: center;color: #a04219;background: #fff;z-index:  2;}
.index-part-tit h2 {font-size:18px;font-weight: normal;color: #333;}
.tit-break-line {position: relative;bottom: 14px;z-index:  1;height: 0;border-bottom: 1px solid #dddddd;}

.pro-list li{float: left; width: 50%; height: 240px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.pro-list li a{display: block;}
.pro-list li .l{width: 405px;height: 240px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.pro-list li .r{width: 195px; height: 240px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.pro-list li .r .con{padding:60px 0 0 32px;border: 1px solid #e7e7e7;  background: #eeeeee; height: 240px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.pro-list li .r .con .tit{font-size: 16px; color: #a04219; line-height: 2.2;}
.pro-list li .r .con .text{font-size: 14px; color: #7d7d7d; line-height: 22px; margin-bottom: 16px;}
.pro-list li .r .con span{font-size: 12px; color: #7d7d7d;}
.pro-more{display:block; width: 158px; border:1px solid #dedede; border-radius: 4px; color: #666666; margin: 32px auto 0; height:42px; line-height: 42px;text-align: center; font-size: 16px;}
.pro-more:hover{background: #ae664e; color: #fff;}

.about-con{text-align: center;padding:0px 0 34px; font-size: 14px; color: #555555; line-height: 32px;}


.index-news{height: 500px; margin-top: 80px; background: url(../images/index-new.jpg) center center no-repeat; min-width: 1200px;}
.index-news .con{padding: 122px 0 0 212px;}
.index-news .con .tit{font-size: 26px; color: #a04219; line-height: 55px;}
.index-news .con .line{width: 58px; height: 2px;  background: #a04219;margin-bottom: 10px;} 
.index-news .con li{height: 36px; line-height: 36px; border-bottom: 1px dashed #c5c0be;width: 732px;}
.index-news .con li:hover{color: #a04219}


.footer { background: #f0f0f0; padding:40px 0 14px;border-bottom: 1px solid #d6d6d6; }
.foot-ewm{ width: 116px; font-size: 14px; color: #555555; margin-left: 60px;text-align: center;}
.footer-contact {width: 346px; height: 116px; font-size: 14px; color: #555555; line-height: 30px; border-left: 1px solid #cccccc;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding: 13px 0 0 20px; }
 .botlogo{ margin: 40px 34px 0 30px;}
 
 
.sup{ background: #f0f0f0; min-width: 1200px; font-size: 14px; color: #555555; line-height: 64px;height: 64px; }
.sup a:hover{ color: #a04219}

.in-banner {height: 450px;background-position: center center;background-repeat: no-repeat; min-width: 1200px;}

.main {padding: 30px 0;}
.main-l {float: left;width: 210px; position: relative; top: -212px;}
.main-r {float: right;width:896px; }
.products-page-r{width: 940px; margin-right: 0;}

.in-common-tit {margin-bottom: 36px; }
.in-common-tit p{ font-size: 40px; color: #a04219;}
.in-common-tit p span{ display: block; color: #3e3a39; font-size: 28px;}

.page-tit {background: #eeeeee; width: 100%; height: 60px; line-height: 60px; text-align: right; color: #1b1b1b;}
.local a:hover {color: #a04219;}

.side-tit {height: 182px;background: rgba(51,51,51,.2);}
.side-tit p{text-align: center; font-size: 36px; color: #ffffff;padding-top: 40px; line-height: 1; }
.side-tit span{ display: block; font-size: 24px;padding-top: 18px;}

.side-nav {text-align: center;color: #3e3a39;font-size: 20px;line-height: 68px; }
.side-nav>li{ background-color: #f2f2f3; border-bottom: 1px solid #e2e3e3;}
.side-nav .current>a ,.side-nav>li:hover>a {color: #fff;background-color: #a04219;}
.side-nav a {display: block;}
.side-nav ul>li>a{ height: 68px; cursor: pointer;}
.side-nav dl {display: none; color: #000;background: #e4e4e4;}
.side-nav dl dt{border-bottom: 1px solid #c9c9c9}
.side-nav dl a {font-size: 14px; text-align: left; padding-left: 67px;}
.side-nav dl a:hover{ color: #00c73c}
.pro-nav>li{ background-color: #f1f1f2;}

.contact { color: #303030; line-height: 34px; margin-bottom: 16px;  font-size: 16px; line-height: 28px; color: #333333;}
 .map img{ width: 100%;}

 .top-line-pic {float: left;}
.top-line-pic a{display: block;}
.top-line-pic div {display: table-cell;width: 317px;height: 204px;vertical-align: middle;text-align: center;*display: block;*font-size: 178px;*font-family: Arial;}
.top-line-pic img {max-width: 317px;max-height: 204px;vertical-align: middle;}
.topline-info {line-height: 1.6; height: 212px;margin-left: 350px;text-align: center;}
.topline-info h3 {line-height: 2; margin-bottom: 20px;font-size: 18px;font-weight: normal;color: #333;text-align: left;border: solid #e3e3e3;border-width: 0 0 2px;}
.topline-info p {text-align: left;font-size: 12px;}
.topline-info a {float: right; display: block; margin: 20px 20px 0 0;}

.news-list {text-align: left;font-size: 12px;}
.news-list li {height: 100px;padding: 15px 20px;margin-top: 20px;color: #4e4e4e;background: #eee;}
.news-list li:hover {color: #fff;background: #a6a6a6;}
.news-list a {display: block; width: 100%; height: 100%;overflow: hidden;}
.news-list h3 {display: inline-block;font-family: "Microsoft Yahei";font-weight: normal;font-size: 16px; height: 48px;overflow: hidden; line-height: 48px;}
.news-list h3 span {font-family: "SimSun";}
.news-list p.date {line-height: 48px;}

.news-title {font-size: 16px;line-height: 3;text-align: center;}
.news-date {margin-bottom: 20px;font-size: 12px;line-height: 0;text-align: center;}
.other-news {padding-bottom: 20px;font-size: 12px;line-height: 2;}
.other-news a:hover {color: #a04219;}

.other-page {padding: 30px 0;font-size: 12px;font-weight: bold;line-height: 26px;text-align: center;color: #5c5c5c;}
.other-page a {display: inline-block;*display: inline;*zoom: 1;padding: 0 1em;margin: 0 1px 6px;background: #fff;border: 1px solid #a04219;}
.other-page .page-on ,.other-page a:hover {color: #fff;background: #a04219;}

.one-hire .tit{height: 38px; background:#a04219 url(../images/arrow2.png) 14px center no-repeat; line-height: 38px;   color: #fff; font-size: 16px; color: #fff;padding-left: 34px;}
.one-hire .con{padding: 14px 32px 20px; font-size: 16px; color: #333333; line-height: 30px;}

.one-pro {cursor:pointer; float: left;width: 33.3%;margin-bottom: 40px;text-align: center; color: #3e3a39;}
.one-pro .pic-box {width: 286px;border: 1px solid #d6d6d6; margin: auto; margin-bottom: 10px;}
.one-pro .pic-box div {width: 286px;height: 260px;*font-size: 145.25px;}
.one-pro .pic-box img {max-width: 286px;max-height: 260px;}
.one-pro p{ margin: auto; width: 286px; height: 40px; line-height: 40px; font-size: 16px;}
.one-pro:hover {color: #a04219;}

.producut-view{ padding: 10px 0 30px 0;}
.producut-view .pic-box {position: relative; float: left;width: 522px;padding: 2px;border: 2px solid #dcdcdc;}
.producut-view .pic-box span{position: absolute;right:6px;bottom:4px;display: block;width: 27px; height: 27px;background: url(../images/mir.jpg);}
.producut-view .pic-box div{width: 400px;height: 344px;}
.producut-view .pic-box img {max-width: 522px;max-height: 344px;}
.pro-intro {position: relative;width:330px;float:right;font-size: 14px;line-height: 2.4;color: #333;}
.pro-name {font-size: 25px;color: #bb7c63;border-bottom: 1px solid #dcdcdc;  line-height:35px;  }
 
.pro-intro .one-row{height: 34px; line-height: 34px; border-bottom: 1px solid #dcdcdc;color: #333333;font-size: 16px;}

.lead-page-tit {font-size: 0;  text-align: left;color: #5b5a5a;margin: 20px 0; border:1px solid #dddddd;}
.lead-page-tit a{cursor: pointer; font-size: 16px;  width: 116px; height: 40px; border-right: 1px solid #dcdcdc; display: inline-block; vertical-align: top; text-align: center; line-height: 40px; }
.lead-page-tit a:hover , .lead-page-tit .on{background-color: #a04219; color: #fff;}

.pro-detail{font-size: 42px; color: #000;font-size: 16px;}
.lead-page{ position: relative; }
.return{position: absolute;right: 1px;top: 1px;}

.pro-detail{display: none;}


.feedback {padding-bottom: 40px; font-size: 16px;line-height: 45px;color: #4b4b4b;text-align: center;}
.feedback h3 {font-size: 18px;font-weight: normal;line-height: 5; margin: 30px 0;}
.feedback .blocks {float: left;margin-bottom: 10px;margin-right: 20px; font-size: 0;}
.feedback span {color: #bc111e;}
.feedback input {text-indent: 6px;width: 354px;height: 45px;border: 1px solid #dcdcdc;font-size: 16px;background-color: #f9f9f9;}
.feedback textarea {background-color: #f9f9f9;padding-top: 6px; text-indent: 6px; width: 794px;border: 1px solid #dcdcdc;font-size: 16px;}
.feedback .feedback-submit-btn {width: 220px;height: 48px;color: #fff;background: #880010;border-radius: 6px;cursor: pointer;}
#verify-code {width: 220px;}
.feedback.main-box{  width: 1100px;}
.feedback label{ display:inline-block;*display:inline-block; width: 65px;font-size: 16px;}
#Newcode{ vertical-align: middle;}
.vip-box .vipimg-box{
	width: 980px;
	margin: 0 auto;
	border-bottom: 1px dashed black;
}
.vip-box .vipimg-box>img{
	padding-bottom: 20px;
}
.vip-box .form-box{
	width: 1100px;
	padding: 0 60px;
	padding-top: 35px;
	margin: 0 auto;
	margin-bottom: 50px;
}
.vip-box .form-box form{
	display: inline-block;
}
.vip-box .form-box form input{
	height: 50px;
	width: 400px;
	padding-left: 10px;
	margin-bottom: 20px;
	border: 1px solid #c9c9c9;
}
.vip-box .form-box form input:last-child{
	width: 400px;
	height: 30px;
	background: #e49f03;
	color: white;
	border: 0;
}
.vip-box .form-box form i{
	display: block;
	float: left;
	clear: left;
	height: 50px;
	width: 50px;
	border: 1px solid #c9c9c9;
	border-right: 0;
}
.vip-box .form-box form i:nth-child(1){
	background: url(../images/vip_019.png) no-repeat center center;
}
.vip-box .form-box form i:nth-child(4){
	background: url(../images/vip_06.png) no-repeat center center;
}
.vip-box .form-box form i:nth-child(7){
	background: url(../images/vip_09.png) no-repeat center center;
}
.vip-box .form-box form>img{
	margin-left: -75px;
}
.vip-box .form-box>img{
	float: right;
}
 