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

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

.one{ width:980px; height:auto; margin:0 auto; overflow:hidden; margin-top:30px;}
.one_left{ width:750px; float:left; height:auto; overflow:hidden;}
.one_img{ width:100%; height:120px; overflow:hidden;}
.one_img p{ width:140px; height:101px; margin-right:12px; overflow:hidden; float:left;}

.news_one{ float:left; width:365px; height:auto; overflow:hidden; margin-top:20px; }
.news_title{ overflow:hidden;}
.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 span{ font-family:"微软雅黑"; font-size:13px; color:#a0a0a0; font-weight:normal; padding-left:8px;}
.news_title h2{ float:right;}
.news_title h2 a{ font-family:"微软雅黑"; font-size:12px; color:#03816b; font-weight:normal; text-decoration:underline;}

.news_one ul{ width:363px; height:220px; border:1px solid #e2e2e2; overflow:hidden; margin-top:10px;}
.news_one ul li{background:url(../images/18.png) 2px 5px no-repeat; height:27px; border-bottom:1px solid #e2e2e2; margin-top:3px;}
.news_one ul li a{font-family:"微软雅黑"; font-size:14px; color:#5a5a5a; font-weight:normal; line-height:27px; padding-left:25px;}
.news_one ul li span{ float:right; font-family:"微软雅黑"; font-size:12px; color:#a0a0a0; display:block; line-height:27px; padding-right:10px;}
.news_one ul li a:hover{ color:#03816b;}

.product{ width:100%; height:auto; overflow:hidden; padding-top:20px; margin-bottom:30px;}
.product ul{ width:100%; height:auto; overflow:hidden; padding-top:10px;}
.product ul li{ width:172px; float:left; margin-right:20px; margin-bottom:20px; overflow:hidden;}
.product ul li img{ width:172px; height:130px; }
.product ul li h2{ height:25px; line-height:25px;}
.product ul li h2 a{font-family: Microsoft YaHei;font-size: 12px; color: #03816b;font-weight: bold; line-height: 25px;}
.product ul li h3{font-family: Microsoft YaHei;font-size: 12px; color: #999;font-weight: normal;  line-height: 25px;}

.one_right{ width:218px; height:791px; border:1px solid #e2e2e2; float:right;}
.service{ width:190px; margin:0 auto; height:auto; margin-top:20px; overflow:hidden;}
.service p{ width:190px; margin-top:10px; overflow:hidden;}
.title1{ width:190px; height:30px; border-bottom:1px solid #e2e2e2;}
.title1 p{ width:4px; height:18px; float:left; background-color:#03816b; margin-top:5px;}
.title1 h1{ font-family:"微软雅黑"; font-size:16px; color:#313131; font-weight:normal; padding-left:8px; float:left;}
.title1 h1 span{ font-family:"微软雅黑"; font-size:13px; color:#a0a0a0; font-weight:normal; padding-left:8px;}

.news_two{ width:190px; height:auto; overflow:hidden; padding-top:20px; margin:0 auto;}
.news_two ul{ width:100%;overflow:hidden; margin-top:10px;}
.news_two ul li{background:url(../images/18.png) 2px 5px no-repeat; height:27px; border-bottom:1px dashed #e2e2e2; margin-top:3px; width:100%; overflow:hidden;}
.news_two ul li a{font-family:"微软雅黑"; font-size:12px; color:#5a5a5a; font-weight:normal; line-height:27px; padding-left:25px;}
.news_two ul li a:hover{ color:#03816b;}

.contact{ width:190px; height:auto; overflow:hidden; padding-top:20px; margin:0 auto;}
.contact ul{ width:100%; height:auto; padding-top:10px; overflow:hidden;}
.contact ul li{font-family:"微软雅黑"; font-size:12px; color:#5a5a5a; font-weight:normal; line-height:27px;}

.links{ width:980px; height:auto; margin:0 auto; overflow:hidden;margin-bottom:30px;}
.links ul{ width:100%; height:69px; overflow:hidden; margin-top:30px; }
.links ul li{ width:184px; height:68px; float:left; margin-left:10px; margin-right:10px; overflow:hidden;}

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

.one{width: 100%;}
.one_img{height: auto;}
.one_img p{width: 49%;height: auto;margin-left: 0;margin-right: 2%;margin-bottom: 2%;}
.one_img p:nth-child(even){margin-right: 0;}
.one_img p.last{width: 100%;margin: 0;}
.one_img p img{width: 100%;height: auto;}
.one_left{float: none;width: 92%;margin: 0 auto;}
.one_right{float: none;width: 100%;margin: 0 auto;height: auto;border: 0;}
.service{width: 92%;margin: 0 auto;}
.news_two{width: 92%;margin: 0 auto;}
.contact{width: 92%;margin: 0 auto;}

.news_one{width: 100%;float: none;margin-left: 0 !important;}
.news_one ul{width: 100%;}
.product ul li{width: 49%;height: auto;margin-left: 0;margin-right: 2%;margin-bottom: 2%;}
.product ul li img{width: 100%;height: auto;}
.product ul li:nth-child(even){margin-right: 0;}
.links{width: 92%;margin: 20px auto 40px;}
.links .pics{width: 92% !important;margin: 0 auto;}
.title1{width: 100%;line-height: 28px;}
.service > p{width: 100%;}
.service p img{width: 100%;height: auto;}
.news_title h1{font-size: 16px;line-height: 27px;}
.news_title {margin-top: 10px;}
.news_title p{height: 18px;}
}