@charset "utf-8";

/* banner */
.banner img:nth-of-type(2){display: none;}
@media all and (max-width:767px){
	.banner img:nth-of-type(1){display: none;}
	.banner img:nth-of-type(2){display: block;}
}

.container{margin: 30px 0 60px;}

.l-list{width: 247px;float: left;background: #e3e3e3;font-size: 14px;}
.l-list h3{display: inline-block;background: #d18c2e;font-size: 18px;height: 47px;line-height: 47px;width: 100%;font-weight: normal;}
.l-list h3 a{color: #fff;margin-left: 20px;}
.l-list ul li{height: 30px;line-height: 30px;border-bottom: 1px solid #a4a4a4;}
.l-list ul li:hover{border-bottom: 1px solid #a4a4a4;background: url('../images/ico-bg.jpg') no-repeat;}
.l-list ul{padding: 15px 0 30px;}
.l-list ul li a{color: #292929;margin-left: 20px;}
.l-list .tel{text-align: center;}
.l-list .tel p{font-size: 18px;color: #d18c2e;margin-left: 20px;text-align: left;}
.l-list .tel p span{font-size: 14px;color: #292929;display: block;padding-left: 20px;background: url('../images/tel.jpg') no-repeat center left 1px;height: 26px;line-height: 26px;}
.l-list .tel img{margin: 20px auto 25px;}
.r-bd{width: 889px;margin-left: 63px;float: left;}
.r-bd .top{height: 47px;background: #cdcdcd;width: 100%;margin-bottom: 45px;}
.r-bd .top h3{display: inline-block;font-size: 18px;color: #4e4e4e;line-height: 47px;font-weight: normal;padding-left: 24px;}
.r-bd .top p{float: right;line-height: 47px;font-size: 12px;padding-right: 10px;}
.r-bd .top p a{color: #4e4e4e;margin: 0 5px;}
.r-bd .top p a:hover{color: #d18c2e;}

@media all and (max-width:1200px){
	.l-list{width: 20%;}
	.r-bd{width: 75%;margin-left: 5%;}
	.l-list .tel img{width: 70%;height: auto;}
}

@media all and (max-width:800px){
	.l-list{display: none;}
	.r-bd{width: 100%;margin-left: 0;}
	.r-bd .top h3{padding-left: 10px;}
}

/* about-us.css */
.about{}
.about .bds .txt{float: left;width: 489px;font-size: 12px;}
.about .bds .txt p{line-height: 25px;padding-bottom: 25px;}
.about .bds .txt li{height: 25px;line-height: 25px;}
.about .bds .pic{float: right;}

@media all and (max-width:1200px){
	.about .bds .txt{width: 100%;}
	.about .bds .pic{float: left;margin-top: 30px;}
}

@media all and (max-width:800px){
	.l-list{display: none;}
	.about .bds .pic{width: 100%;}
	.about .bds .pic img{width: 100%;height: auto;}
}

/* culture.css */
.culture{}
.culture .bds{padding-top: 3px;}
.culture .bds ul li{width: 49.5%;float: left;margin-bottom: 0.5%;}
.culture .bds ul li:nth-child(2n){margin-left: 1%;}

@media all and (max-width:1200px){
	.culture .bds ul li{margin-bottom: 1%;}
	.culture .bds ul li img{width: 100%;height: auto;}
}

@media all and (max-width:800px){
	.culture .bds{margin-top: -35px;}
	.culture .bds ul li{width: 100%;}
	.culture .bds ul li:nth-child(2n){margin-left: 0%;}
}


/* technology.css */
.technology{}
.technology .bds ul li{float: left;color: #4e4e4e;font-size: 12px;padding-bottom: 25px;}
.technology .bds ul li h3{font-size: 16px;font-weight: normal;line-height: 40px;}
.technology .bds ul li p{line-height: 20px;width: 90%;text-align: justify;}
.technology .bds ul li span{color: #7e7e7e;background: #cdcdcd;padding: 2px 10px;margin-top: 10px;display: inline-block;border-radius: 10px;}
.technology-d .bds .txt p{line-height: 25px;}
.technology-d .bds .txt h3{font-size: 16px;text-align: center;font-weight: normal;line-height: 30px;}
.technology-d .bds .txt .p1{text-align: center;color: #7d7d7d;line-height: 20px;margin-bottom: 15px;}
.technology-d .bds .txt .p1 span{margin: 0 10px;}
.technology-d .bds .link{margin: 30px 0 0;}
.technology-d .bds .link p{line-height: 30px;}


@media all and (max-width:1200px){
	.technology .bds ul li p{width: 100%;}
	.technology-d .bds .txt .p1 span{display: block;text-align: center;width: 50%;margin: 0 auto;}
}

/* pruduct.css */
.product{}
.product .bds{color: #4e4e4e;font-size: 12px;}
.product .bds h3{font-size: 16px;font-weight: normal;padding-left: 12px;border-left: 4px solid #cdcdcd;margin: 20px 0;}
.product .bds p{line-height: 25px;padding-bottom: 25px;text-align: justify;}
.product .bds .clearfix li {width: 20%;float: left;text-align: center;}
.product .bds .clearfix li p{line-height: 50px;text-align: center;}

@media all and (max-width:1200px){
	.product .bds .clearfix li img{width: 100%;height: auto;}
}

@media all and (max-width:500px){
	.product .bds .clearfix li {width: 49.5%;}
	.product .bds .clearfix li:nth-child(2n){margin-left: 1%;}
}

/* contact-us.css */
.contact{}
.contact .bds{padding-top: 10px;}
.contact .bds .txt{float: left;width: 389px;font-size: 12px;padding-top: 40px;}
.contact .bds .txt li{height: 40px;line-height: 40px;font-size: 12px;}
.contact .bds .map{width: 500px;height: 324px;float: left;}

@media all and (max-width:1200px){
	.contact .bds{padding-top: 10px;margin-top: -30px;}
	.contact .bds .txt{padding-top: 0;}
	.contact .bds .map{margin-top: 30px;}
}

@media all and (max-width:550px){
	.contact .bds .map{width: 100%;height: 300px;float: left;}
}

@media all and (max-width:550px){
	.contact .bds .map{width: 100%;height: 250px;float: left;}
}