/*banner*/
@media screen and (min-width: 280px) and (max-width: 1199px) {
	.banner{margin-top: 128px !important;}
}

.banner{margin-top: 170px;}
.banner img{width: 100%;display: block;}

/*main*/
@media screen and (min-width: 280px) and (max-width: 1000px) {
	.main{padding: 5% 0 !important;}
	.main_left{display: none;}
	.main_right{width: 100% !important;float: none !important;}
	.main_right .position{display: none;}
	.main_right .position_wap{display: block !important;line-height: 40px;position: relative;}
	.main_right .position_wap p{width: 85%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.main_right .position_wap p span{color: #009900;}
	.main_right .position_wap .hr{border-bottom: 2px solid #EEEEEE;}
	.subnav_wap{width:26px;position:absolute;cursor:pointer;right: 0;height: 40px;top: 0;}
    .subnav_wap span{display:block;background:#009900;width:100%;height:2px;position:absolute;left:0;transition:all ease 0.35s;border-radius: 5px;}
    .subnav_wap span:nth-of-type(1){top:10px}
    .subnav_wap span:nth-of-type(2){top:19px}
    .subnav_wap span:nth-of-type(3){top:28px}
    .subnav_wap_se span:nth-of-type(1){top:19px;transform:rotate(45deg)}
    .subnav_wap_se span:nth-of-type(2){width:0}
    .subnav_wap_se span:nth-of-type(3){top:19px;transform:rotate(-45deg)}
    .active_wap{color: #009900 !important;}
    #subnav_wap{display: none;}
    #subnav_wap li{border-bottom: 1px solid #F0F0F0;padding-left: 15px;}
    #subnav_wap li a{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
}

.main{padding: 50px 0;}
.main_left{width: 22%;}
.main_left .title{background-color: #009900;height: 80px;color: #fff;font-size: 18px;font-weight: bold;line-height: 80px;padding-left: 40px;margin-bottom: 10px;}
.main_left .lm li{margin-bottom: 10px;overflow: hidden;}
.main_left .lm li a{display: block;line-height: 46px;height: 46px;padding-left: 40px;color: #FFFFFF !important;background: #bfbfbf;position: relative;}
.main_left .lm li a span{position: absolute;right: 25px;font-size: 20px;}
.main_left .lm li a:hover,.active{background: #009900 !important;}
.main_left .img{margin-bottom: 10px;}
.main_left .img img{display: block;max-width: 100%;border: 1px solid #BFBFBF;}
.main_right{width: 75%;}
.main_right .position{height: 70px;line-height: 70px;border-bottom: 2px solid #EEEEEE;}
.main_right .position .fl{font-size: 20px;padding-left: 30px;background: url(../images/position_tb.jpg)no-repeat center left;}
.main_right .position .fr span{color: #009900;}
.main_right .position_wap{display: none;}
.main_right .body{padding: 20px 0 0;}
.main_right .body img{max-width: 100%;height: auto !important;}

/*youshi*/
.hxys_list li{margin-bottom: 30px;}
.hxys_list li:last-child{margin-bottom: 0;}
.hxys_list .tit{height: 60px;line-height: 60px;padding-left: 85px;position: relative;background: url(../images/hxys_tb.jpg)no-repeat center left;margin-bottom: 10px;overflow: hidden;}
.hxys_list .tit .span1{color: #46a528;margin-right: 10px;font-size: 20px;}
.hxys_list .tit .span2{color: #c4c4c4;}
.hxys_list .tit i{display: block;width: 52px;height: 46px;position: absolute;left: 0;top: 50%;margin-top: -23px;}
.hxys_list .tit i img{width: 100%;display: block;height: 100% !important;}
.hxys_list .cnt{line-height: 3em;font-size: 16px;}

/*product*/
@media screen and (min-width: 280px) and (max-width: 1000px) {
	.pro_list li{width: 100% !important;margin-right: 0 !important;float: none !important;}
	.pro_list .img{width: 100% !important;}
	.pro_list .img .box{padding-top: 0 !important;}
	.pro_list .img img{position: relative !important;}
	.pro_list .cnt{width: 100% !important;}
	.pro_list .cnt b{margin: 3% 0 !important;}
	.pro_list .cnt p{margin-bottom: 3% !important;}
}
@media screen and (min-width: 280px) and (max-width: 500px) {
	.pro_detail .title{padding-left: 0 !important;text-align: center;}
	.article .title b{font-size: 20px !important;}
	.article .title p{font-size: 12px !important;}
}

.pro_list li{width: 48%;margin-right: 2%;margin-bottom: 2%;background: #f3f3f3;float: left;}
.pro_list li:hover{background: #009900;}
.pro_list a{display: block;padding: 3%;}
.pro_list .img{width: 38%;}
.pro_list .img .box{padding-top: 62%;overflow: hidden;position: relative;}
.pro_list .img img{width: 100%;display: block;position: absolute;top: 0;}
.pro_list .cnt{width: 57%;}
.pro_list .cnt b{font-size: 18px;margin-bottom: 5%;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro_list .cnt p{color: #666;font-size: 12px;margin-bottom: 5%;line-height: 20px;height: 60px;overflow: hidden;}
.pro_list a:hover,.pro_list a:hover .p1{color: #FFFFFF !important;}
.pro_detail .title{font-size: 20px;font-weight: bold;margin-bottom: 20px;padding-left: 30px;}
.prenext {border-top: 1px solid #EEEEEE;padding-top: 10px;margin-top: 20px;}
.prenext p {line-height: 25px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/*news*/
@media screen and (min-width: 280px) and (max-width: 550px) {
	.news_list .date{width: 30% !important;}
    .news_list .cnt{width: 60% !important;}
    .news_list .i1{left: 30% !important;}
    .news_list .i2{left: 30% !important;}
}

.news_list a{display: block;position: relative;padding-bottom: 5%;}
.news_list .date{width: 20%;line-height: 25px;font-size: 16px;color: #666666;text-align: center;}
.news_list .cnt{width: 70%;}
.news_list .cnt .tit{font-size: 18px;margin-bottom: 20px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 500;}
.news_list .cnt .p1{color: #666;font-size: 14px;line-height: 25px;height: 50px;overflow: hidden;}
.news_list .i1{width: 24px;height: 24px;border-radius: 50%;border: 3px solid #009900;box-sizing: border-box;background: #FFFFFF;position: absolute;left: 20%;top: 0;z-index: 1;}
.news_list .i2{display: block;height: 100%;width: 2px;background: #EEEEEE;top: 0;left: 20%;margin-left: 11px;position: absolute;}


/*article*/
.article .title{text-align: center;margin-bottom: 20px;}
.article .title b{font-size: 22px;display: block;margin-bottom: 10px;}
.article .title p span{padding: 0 10px;}
.article .box *{font-family: "微软雅黑" !important;font-size: 14px !important;line-height: 2em !important;}

/*contact*/
@media screen and (min-width: 280px) and (max-width: 1000px) {
	.contact iframe{width: 98% !important;}
}

.contact iframe{width: 70%;}

/*join*/
.join .title{display: block;width: 278px;height: 73px;line-height: 64px;text-align: center;font-size: 22px;color: #FFFFFF;background: url(../images/join_title.jpg)no-repeat center left;margin: 30px 0 25px;}
.join .title:nth-child(1){margin-top: 0;}

/*page*/
.page{padding-top: 10px;text-align: right;}
.page ul{display: inline-block;}
.page ul li{display: inline-block;border: solid 1px #EEEEEE;padding: 5px;margin:3px;}
.page ul .thisclass{background: #009900;color: #fff;border: solid 1px #009900;}