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

.banner{ width:980px; height:250px; margin:10px; overflow:hidden;}
.sj_banner{display: none;}

.layout{ width:980px; margin:0 auto; overflow: hidden;}
.list{ width:100%; height:40px; border-bottom:1px solid #e2e2e2; overflow:hidden; font-family:"微软雅黑"; font-size:14px; color:#333; line-height:40px;}
.list a { font-family:"微软雅黑"; font-size:14px; color:#333; line-height:40px;}

.left{ float:left; width:250px; border-right:1px dashed #e2e2e2; overflow:hidden; min-height:500px;}
.left ul{ width:230px; height:auto; overflow:hidden;}
.left ul li{ width:230px; height:35px; overflow:hidden; background:#03816b; margin-bottom:2px;}
.left ul li a{font-family:"微软雅黑"; font-size:14px; color:#fff; text-align:center; display:block; line-height:35px; }
.left ul li:hover{ background-color:#026e5b;}
.left ul li.hover{ background-color:#026e5b;}
/*about*/
.news_title{ overflow:hidden; margin-bottom:20px;}
.news_title p{ width:4px; height:22px; float:left; background-color:#03816b; margin-top:5px;}
.news_title h1{ font-family:"微软雅黑"; font-size:20px; color:#313131; font-weight:normal; padding-left:8px; float:left;}
.news_title h1 small{ font-family:"微软雅黑"; font-size:13px; color:#a0a0a0; font-weight:normal; padding-left:8px;}
.about{ width:96%; margin:0 auto; height:auto; margin-bottom:20px; overflow:hidden; margin-top:20px;  font-family:"微软雅黑"; font-size:14px; color:#5a5a5a; line-height:25px;}
.about span{ margin-right:10px; margin-bottom:10px; float:left;}

/*news*/
.news{ width:96%; margin:0 auto; height:auto; margin-bottom:20px; overflow:hidden; margin-top:20px;}
.news_right{ width:670px; float:right; overflow:hidden;}
.news_right ul{ width:100%; height: auto;  overflow:hidden;}
.news_right ul li{ height:35px; border-bottom:1px dashed #e2e2e2; margin-top:3px; margin-bottom:5px;}
.news_right ul li a{font-family:"微软雅黑"; font-size:14px; color:#5a5a5a; font-weight:normal; line-height:35px; padding-left:5px;}
.news_right ul li span{ float:right; font-family:"微软雅黑"; font-size:12px; color:#a0a0a0; display:block; line-height:35px; padding-right:10px;}
.news_right ul li a:hover{ color:#03816b;}

.news_detail{ width:670px; float:right; overflow:hidden;font-family:"微软雅黑"; font-size:12px; color:#5a5a5a; font-weight: normal; line-height:25px; min-height:450px;}
.news_detail h3{font-family:"微软雅黑"; font-size:16px; color:#03816b; font-weight: bold; text-align:center; line-height:35px;}
.news_detail p{font-family:"微软雅黑"; font-size:12px; color:#5a5a5a; font-weight: normal; line-height:35px;text-align:center; padding-bottom:5px; border-bottom:1px dashed #e2e2e2; margin-bottom:15px;}
.news_detail span{ padding-left:20px;}

.news_list{ width:670px; float:right; height:auto; margin-top:30px; overflow:hidden;}
.news_list p a{ font-family:"微软雅黑"; font-size:12px; line-height:30px; color:#5a5a5a;}
.news_list p a:hover{ color:#03816b;}


.products_right{ width:670px; float:right; overflow:hidden; height:auto;}
.products_right ul{ width:100%; height:auto; overflow:hidden; }
.products_right ul li{ width:210px; float:left; margin-right:10px; margin-bottom:10px; overflow:hidden;}
.products_right ul li img{ width:210px; height:150px; }
.products_right ul li h2{ height:25px; line-height:25px;}
.products_right ul li h2 a{font-family: Microsoft YaHei;font-size: 12px; color: #03816b;font-weight: bold; line-height: 25px;}
.products_right ul li h3{font-family: Microsoft YaHei;font-size: 12px; color: #999;font-weight: normal;  line-height: 25px;}
.products_right ul li h4{font-family: Microsoft YaHei;font-size: 12px; color: #999;font-weight: normal;  line-height: 20px;}
.products_right ul li h4 strong{ color:#FF3C00;}

.products_detail{ width:100%; height:auto; overflow:hidden; }

.products_detail_img{ width:250px; height:156px; overflow:hidden; margin:0 auto}
.products_detail_img img{ }
.products_detail_text{ width:95%; margin:0 auto overflow:hidden; padding-top:20px;}
.products_detail_text h1{font-family:"微软雅黑"; font-size:18px; line-height:35px; font-weight: bold; border-bottom:1px dashed #ddd;}
.products_detail_text h2{font-family:"微软雅黑"; padding-top:10px;height:150px; font-size:12px; line-height:26px;font-weight: normal; overflow:hidden; }
.products_detail_text h3{font-family:"微软雅黑"; font-size:14px; line-height:26px; font-weight:normal; color:#666;}
.products_detail_text h3 strong{ color:#990d30;}

.products_detail_center{ width:100%; height:auto; overflow:hidden; margin-top:30px;font-family:"微软雅黑"; font-size:12px; line-height:26px; font-weight:normal; color:#666; }
.products_detail_center h3{ width:100%; height:40px; background-color:#f2f2f2; font-family:"微软雅黑"; font-size:16px; line-height:40px; color:#333; font-weight:bold; padding-left:10px;}


.contact{ width:100%; height:auto; overflow:hidden;}
.map{ float:left; width:520px; height:auto; overflow:hidden;}


/*message*/
.message{ width:380px; float:right; height:auto; margin:0 auto; margin-top:0px; margin-bottom:50px; overflow:hidden;}


.message1{ margin-bottom:15px; width:360px; margin:0 auto;}
.message1 h1{ font-family:"微软雅黑"; font-size:12px; color:#5a5a5a; line-height:30px; font-weight:normal; width:70px; }
.message1 input{ border-radius:5px;}
.message2{ width:360px; height:40px; margin:0 auto; margin-top:30px; overflow:hidden;}
.message2 h3{ background-color:#03816b;font-family:"微软雅黑"; font-size:14px; border-radius:5px; line-height:40px; color:#fff; text-align: center; font-weight:normal;}
.message2 h3:hover{opacity: 0.8}


@media screen and (max-width:1024px) {
.banner{display: none;}
.sj_banner{display: block;}
.sj_banner img{width: 100%;height: auto;}

.layout{width: 92%;}
.about{width: 100%;font-size: 13px;line-height: 23px;}
.list{font-size: 13px;}
.list a{font-size: 13px;}
.about span{float: none;margin: 0;}
.about span img{width: 100%;height: auto;}
.news_title p{height: 18px;}
.news_title h1{font-size: 16px;line-height: 27px;}

.news{width: 100%;}
.left{width: 100%;float: none;min-height: auto;}
.left ul{width: 100%;}
.left ul li{width: 33.3%;float: left;}
.news_right{width: 100%;float: none;}

.news_detail{width: 100%;height: auto;float: none;min-height: auto;font-size: 13px;line-height: 23px;}
.news_detail h3{font-size: 17px;margin-top: 20px;}
.news_detail p{font-size: 13px;}

.products_right{float: none;width: 100%;margin-top: 20px;}
.products_right ul li{width: 49%;height: auto;margin-left: 0;margin-right: 2%;margin-bottom: 2%;}
.products_right ul li img{width: 100%;height: auto;}
.products_right ul li:nth-child(even){margin-right: 0;}

.products_detail_text h2{font-size: 13px;line-height: 23px;height: auto;}
.products_detail_center{font-size: 13px;line-height: 23px;}

.message1{width: 100%;}
.message1 input{width: 100% !important;box-sizing: border-box;}
.message1 textarea{width: 100% !important;box-sizing: border-box;}
.message2{width: 50%;margin: 20px auto;}

.map{width: 100%;float: none;}
.message1 h1{width: auto;}
}