*{font-family:"Microsoft YaHei",΢ÈíÑźÚ,"Microsoft JhengHei",»ªÎÄϸºÚ,STHeiti,MingLiu;
    margin: 0;
    padding: 0;
}

li{
    list-style: none;
}
a{
    text-decoration: none;
	
}
a:hover {
 text-decoration:none;
 color: #FD0000;
}
.left{
    float: left;
}
.right{
    float: right;
}
.clear{
    clear: both;
}
html{
    font-size: 10px;
}
header{
    width: 100%;
    /*background-color: red;*/

}
.logo_nav ul li:hover{
    color: red;
    cursor: pointer;
}
.logo{
    width: 30%;
    height: 5rem;
    /*background-color: black;*/
}
.logo div{
    width: 8.5rem;
    margin: 0 auto;
    margin-top: 1rem;

}
.logo div img{
    width: 100%;
}
.logo_nav{
    width: 70%;
    height: 5rem;
    /*background-color: #999999;*/
}
.logo_nav ul{
    margin-left: 35%;
    width: 55rem;
    height: 5rem;
    line-height: 5rem;
    /*background-color: red;*/

}
.logo_nav ul li{
    font-size: 2.2rem;
    margin-left: 3%;


}


section{
    width: 100%;
}
section .banner_1 {
    width: 100%;
}
section .banner_1 img{
    width: 100%;
}
.tittle_1{
    width: 100%;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.tittle_1 ul{
    width: 16rem;
    margin: 0 auto;
}
.tittle_1 ul li{
    width: 1.5rem;
    text-align: center;


}
.tittle_1 ul li img{
    width: 100%;
    margin-top: 0.7rem;
}
.tittle_1 ul li:nth-child(2){
    width: 11rem;
    height: 3rem;
    line-height: 3rem;
    margin: 0 1rem;
    font-size: 2.7rem;
    color: #07a199;
}

.banner_2{
    width: 100%;
}
.banner_2 ul {
    width: 100%;
}
.banner_2 ul li{

    width: 30%;
    margin-left: 2.3%;
    float: left;
}
.banner_2 ul li img{
    width: 100%;
}
.tittle_3{
    width: 100%;
}
.tittle_3 img{
    width: 100%;
}
.tittle_4{
    width: 96%;

    margin:0 auto;
    margin-top: 1%;
    padding-bottom: 1%;

}
.tittle_4_top{
    width: 25%;
    margin-left: 75%;

}
.tittle_4_top img{
    width: 100%;
}
.tittle_5{
    width: 96%;
    height: 5rem;
    background-color: #dfeeed;
    margin: 0 auto;
    color: #07a199;
    padding: 0 2%;
    padding-top: 1%;
    font-size: 2rem;
}

.tittle_6{
    width: 96%;
    margin: 0 auto;
    margin-top: 3%;
}
.tittle_6_div1{
    width: 2.3rem;

}
.tittle_6_div1 img{
    width: 100%;
}
.tittle_6_div2{
    width: 90%;
}
.tittle_6_div2 p:nth-child(1){
    font-size: 2.8rem;
    color: #07a199;
    margin-left: 2%;
}
.tittle_6_div2 p:nth-child(2){
    font-size: 1.6rem;
    margin-top: 0.9rem;
    color: #cccccc;

}
#tittle_7{
    width: 96%;
    margin: 0 auto;


}
#tittle_7 img{
    width: 25%;
}

#tittle_8{
    width: 96%;
    margin: 0 auto;


}
#tittle_8 ul {
    width: 100%;
    margin-top: 2%;
}
#tittle_8 .tittle_8_ul1 .tittle_8_ul1_li1{
    width: 20%;
    height: 40em;

    margin: 0 2.5%;
    float: left;
	margin-bottom:20px;
}
#tittle_8 ul li div img{
    width: 100%;
}
.tittle_8_ul2 li{
    font-size: 1.2rem;
    text-align: center;
}
.tittle_8_btn{
    width: 100%;
    height: auto;
    padding-top: 5%;
    padding-bottom: 5%;
    background-color: #07a199;
    border-radius: 0.5rem;
    margin-top: 2%;
	text-align:center;
}
.tittle_8_btn span{
    color:#FFFFFF;
    margin-left: 4%;

}
.tittle_8_btn span a{ color:#FFFFFF; }
.tittle_8_btn span a:hover{ color:#FFFFFF; }
.tittle_8_btn span:nth-child(2){
    margin-left: 12%;

}
#tittle_shangwuchang{

}

#tittle_shangwuchang{
    width: 96%;
    margin: 0 auto;


}

#tittle_shangwuchang img{
    width: 25%;
}
#zuanjiazixun_1{
    width: 96%;
    height: auto;
    margin: 0 auto;
    margin-top: 2%;
}
.zuanjiazixun_1_ul1{
    width: 100%;
}
.zuanjiazixun_1_ul1_li1{
    width: 33%;
    float: left;
}
.zuanjiazixun_1_ul1_li1 div{
    width: 27%;
}
.zuanjiazixun_1_ul1_li1 div img{
    width: 100%;
}
.zuanjiazixun_1_ul1_li1 ul {
    width: 70%;
    margin-left: 3%;
}
.zuanjiazixun_1_ul1_li1 ul li:nth-child(1){
    font-size: 2.5rem;
    color: #07a199;
}
.zuanjiazixun_1_ul1_li1 ul li:nth-child(3){
    width: 40%;
    height: 2rem;
    line-height:2rem ;
    font-size: 1.6rem;
    margin-top: 0.3rem;
    background-color: #07a199 ;
    color: white;
    text-align: center;
}


#tittle_xiawuchang{
    width: 96%;
    margin: 0 auto;


}
#tittle_xiawuchang img{
    width: 25%;
}
#zuanjiazixun_2{
    width: 96%;
    height: auto;
    margin: 0 auto;
    margin-top: 2%;
}
.main_1{
    width: 96%;
    margin: 0 auto;
    margin-top: 2%;
}
.main_1_left{
    width: 40%;
}
.main_1_right{
    width: 60%;
    padding-left: 2%;
}
.main_1_left img{
    width: 100%;
}
.main_2{
    width: 100%;
    margin-top: 5rem;
}
.main_2_box{
    width: 96%;
    height: 7rem;
    background-color: #dfeeed;
    margin: 0 auto;
}
.main_2_tittle{
    width: 35rem;
    margin: 0 auto;

}
.main_2_tittle img{
    width: 100%;
}
.main_2 ul{
    margin-top: 2%;
}
.main_2 ul li{
    float: left;
    width: 20%;
    margin: 0 2.5%;
}
.main_2 ul li img{
    width: 100%;
}
.banner_4{
    width: 100%;
    height: auto;
    padding: 0 5%;
    margin-top: 3%;
}

.banner_4 ul li{
    float: left;
    width: 16%;
}
.banner_4 ul li img{
    width: 100%;
}
footer{
    width: 100%;
    height: 4rem;
    line-height: 4rem;
    text-align: center;
    color: white;
    background-color: #07a199;
}

.col-1 {width:33.33333333%;float: left;}
.imgbox1{margin:10px;}

.col-2 {width:14.2%;float: left;}
.imgbox2{margin:10px;}

.col-3{width:32%;float: left; margin:5px; background:#01C0DD; color:#FFFFFF;font-size:14px;}
.imgbox3{margin:10px;}

.col-4{width:32%;float:right;line-height:220%; margin:15px; padding:5px; background:#01C0DD; color:#FFFFFF;font-size:14px;}
.imgbox4{margin:0px;}

.col-5{width:25%;float: left;}
.imgbox5{margin:10px;}

.col-6{width:33.33333333%;float: left; margin-bottom:30px;}
.col-7{width:30%; height:auto; float:left;}
.col-8{width:70%; height:9.5em; float:left; line-height:150%; padding-left:10px;}


.col-9{width:100%;float: left; margin-bottom:30px;}
.col-10{width:40%; height:auto; float:left;}
.col-11{width:59%; height:auto; float:left; line-height:150%;margin-left:1%}
.col-11 dl{ float:right; padding-top:10px;}
.col-12{padding:10px 15px; float:right; font-size:14px;}
.col-13{width:33.33333333%;float: left;}
.imgbox13{margin:0px;}
.zhuanjia_zt01{font-size:18px; font-weight:bold;color:#07A199;}


@media screen and (min-width:640px) and (max-width:1920px){
  .mwap{display:none;}
}

@media screen and (min-width:0px) and (max-width:640px){
  .mwap2{display:none;}
}


@media  (max-width:640px){
.col-1{width:100%;text-align:center;}
.imgbox1{margin:5px 0;}

.col-2{width:22%;margin:5px;text-align:center;}
.imgbox2{margin:0px;}

.col-3{width:100%;margin:5px;text-align:center;color:#FFFFFF; font-size:14px; line-height:220%}
.imgbox3{margin:0px;}

.col-4{width:100%;margin:10px -4px 15px 10px;text-align:center;color:#FFFFFF; font-size:14px; line-height:220%}
.imgbox4{margin:0px;}

.col-5{width:100%;text-align:center;}
.imgbox5{margin:5px 0;}

.col-6{width:100%;}
.col-7{width:100%; height:auto; float:left; text-align:center;}
.col-7 img{ width:87%;}
.col-8{width:100%; height:auto; float:left; line-height:150%; text-align:center;padding-top:5px;}


.col-9{width:100%;float: left; margin-bottom:30px;}
.col-10{width:100%; height:auto; float:left;padding-bottom:10px;}
.col-11{width:100%; height:auto; float:left; line-height:150%;}
.col-11 dl{ text-align:center;padding-top:10px;}
.col-12{padding:5px; float:right; font-size:14px;}
.col-13{width:100%;text-align:center;}
.imgbox13{margin:5px 0;}
    }

/* -- onlineService -- */
#onlineService {
 position: fixed;
 _position: absolute;
 _top:expression(eval(../document.documentElement.scrollTop+document.documentElement.clientHeight)-380+"px");
 top: 98px;
 right: 0;
 z-index: 999999;
 display: block;
}
#onlineService .onlineIcon {
 position: relative;
 cursor: pointer;
 background: url(../images/online_service.png) no-repeat;
 width: 34px;
 height: 110px;
 text-indent: -9999px;
 overflow:hidden;
}
#onlineService #pop {
 border: 3px solid #07A199;
 background-color: #F2F2F2;
 min-height: 84px;
 position: absolute;
 right: 34px;
 top: 0;
 display: none;
 z-index: 999999;
}
#onlineService .onlineQQ a {
padding-left:5px;
color: #646464;
 display: block;
 font-size:12px;
}
#onlineService .onlineQQ a:hover {
 text-decoration: none;
 font-size:12px;
 color: #646464;
}
#onlineService .service {
 border-top: 1px solid #DDDDDD;
 padding-top: 8px;
 color: #666;
 text-align:center;
}
#onlineService .service a {
 color: #666;
}
#onlineService .service li {
 background: url(../images/online_service.png) no-repeat left -202px;
 padding-left: 8px;
}
#onlineService .goTop {
 display: none;
}
#onlineService .goTop .goBtn {
 background: #F2F2F2 url(../images/online_service.png) no-repeat left -120px;
 width: 34px;
 height: 34px;
 display: block;
}