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

.index_service{padding:30px 0;}
.index_service ul{clear: both;background: #f4f0ed;margin-bottom: 30px;}
.index_service ul li{width: 50%;float:left;}
.index_service h2{font-size: 32px;font-weight: normal;line-height: 100px;padding: 0 2%}
.index_service p{font-size: 16px;line-height: 2;padding:0 2%}
.index_service ul li img{width:100%;height:auto}




.add_pro311_box5 h3{color: #fff;}
.add_pro311_box5 .gs{color: #fb9530;}
.add_pro311_box5 ul{}
.add_pro311_box5 ul li{background: none;border: 1px solid #dedede;cursor:pointer;transition:all .3s;color: #a08c83;}
.add_pro311_box5 ul li span{padding-bottom:5px;}

.add_pro311_box5 ul li.active,.add_pro311_box5 ul li:hover{border:1px solid #a08c83;box-shadow:0 0 15px #a08c83;-webkit-transform:translateY(-14px);transform:translateY(-14px);background: none;}

.service_box3{width:1024px; margin: 0 auto; margin-top: 30px; }
.service_box3 .container{padding: 0;}
.service_box3 .gs{text-align: center; color: #888888; line-height: 28px; font-size:14px; margin: 0 auto;width: 1024px;}
.service_box3 h3{font-size:30px;color: #67473a;text-align: left; padding-bottom:5px;}
.more{float: right;display: block;width: 100px;height: 35px;text-align: center;line-height: 35px;color: #fff;background: #67473a; margin-right:10px;}
.service_box3 ul{ width:1024px;margin: 0 auto;}
.service_box3 li{ width:23.9%;float: left; text-align: left; font-size: 16px;color: #0a4c9d;height:280px; background-color: #dde1e3;margin: 0 1% 0 0;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; margin-bottom:0%}
.service_box3 li:hover{background-color: #093c8b; color: #a08c83}
.service_box3 li:hover p{color: #007ec9;}
.service_box3 li span{text-align: center; display: block; }
.service_box3 li span img{width: 100%;height: auto}
.service_box3 li p{text-align: left;color: #575757;padding: 0 5% 0 5%;line-height: 24px;font-size: 14px;}
.service_box3 li H1{font-size: 16px;color: #575757;font-weight:bold;padding-left: 5%;}

.service_box3 ul li:first-child{margin-left: 0}
.service_box3 ul li:last-child{margin-right:0; }


.about{ height:400px; margin-top: 30px; background: url(../images/about_bg.jpg) no-repeat}
.about h3{font-size:18px;font-weight: normal;line-height: 100px;padding: 0 2%; color: #5a5a5a}
.about1{width:80%;margin: 0 auto; text-align: center;color: #8b8d8f;}
.about2{ margin-top:3%;width:70%;}
.about2 ul{}
.about2 li{ width:25%; float: left; color: #8b8d8f}

.news{height:350px; margin-top:30px; }
.news1{ width: 31%; margin-right: 3.2%; float: left;border:1px solid #e7e3df;box-shadow:0 0 15px #857670;background: none;height:350px;}
.news1:hover{border:1px solid #e7e3df;box-shadow:0 0 15px #e7e3df;background: none;}
.news1 h3{font-size:18px;font-weight: normal;line-height:60px;padding: 0 3%; color: #5a5a5a}
.news1 ul{}
.news1 li{padding: 2% 3%; overflow:hidden; white-space: nowrap; -o-text-overflow: ellipsis;text-overflow: ellipsis;}
.news1 span{color: #8b8d8f;display:block;}


.news3{ width: 31%; float: left;border:1px solid #e7e3df;box-shadow:0 0 15px #857670;background: none;height:350px;}
.news3:hover{border:1px solid #e7e3df;box-shadow:0 0 15px #e7e3df;background: none;}
.news3 h3{font-size: 18px;font-weight: normal;line-height:60px;padding: 0 2%; color: #5a5a5a}
.news3 ul{}
.news3 li{padding: 2% 3%;overflow:hidden; white-space: nowrap; -o-text-overflow: ellipsis;text-overflow: ellipsis;}
.news3 span{color: #8b8d8f;display:block;}


.product{margin-top:30px;}
.product h3{font-size: 18px;color: #FFFFFF;text-align: left; background-color: #11387F; line-height: 45px;font-weight: normal; padding-left: 2%; }