﻿/*初始化样式*/
*{margin:0; padding:0;}
html { font: 12px/1.5 '微软雅黑'; color:#333;}
body, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,input,textarea,select { margin: 0; padding: 0; }
img {display: block; border: 0;}
ul,ol,li{ list-style:none;}
input, textarea, button { outline: 0; border:0; }
a{text-decoration: none;color:#666;}
a:hover{ color:#23b054;}
div,p,ul,li{box-sizing: border-box;}
.clear{ clear:both; overflow:hidden; height:0; }
/*.clearfix{ overflow: auto; _height:1%;}*/
/*公共*/
.container { width: 1200px;margin: 0 auto;}
.clearfix:after, .row:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden;}


/*浮动*/
.pull-right { float: right !important; }
.pull-left {float: left !important; }
/*公共样式*/
body{
    padding-top:1.26rem;padding-bottom: 1.07rem;
    font-size: 0.32rem; line-height: 0.48rem;
}
/*联系电话*/
.m-tel{
    padding: 0.48rem 0;
    font: 600 0.4rem/0.56rem 'Microsoft Yahei'; color: #000000; text-align: center;
}
.m-tel span{
    padding: 0 0 0 0.56rem;
    color: #2fb657;
    background: url("../images1/tel_2.png") no-repeat 0 center;background-size:0.48rem;
}

/*网站页脚*/
footer{
    padding: 0.4rem 0.26rem;
    font: 400 0.32rem/0.48rem 'Microsoft Yahei'; color: #7d7d7d;text-align: center;
    background: #f6f6f6;
}
footer a{
    display: inline-block;
}
.bottom-fixed{
    position: fixed; bottom: 0; left: 0; z-index: 11;
    width: 100%;
}
.bottom-left{
    float: left;
    width: 50%;
}
.bottom-left img{ width: 100%;}
.bottom-right{
    float:right;
    width: 50%;
}
.bottom-right img{ width: 100%;}

.botto-left{
    float: left;
    width: 33.33%;
}
.botto-left img{ width: 100%;}
.botto-middle{
    float: left;
    width: 33.33%;
}
.botto-middle img{ width: 100%;}
.botto-right{
    float:right;
    width: 33.33%;
}
.botto-right img{ width: 100%;}


/*二级公共*/
header{
    position: fixed;
    top: 0; left: 0; z-index: 999;
    width: 100%; height:1.26rem;
    background: #18bb52;
}
.head-go{
    position: absolute;top:0.30666rem; left:0.26rem;
}
.head-go img{
    width:0.48rem;
}
.head-title{
    padding: 0.42rem 0 0 0;
    font: 400 0.38rem/0.42rem  'Microsoft Yahei';text-align: center; color: #ffffff;
}
.head-right{
    position:absolute; top:0.34666rem; right:1.2rem; z-index: 10;
    display: none;
    width:8rem; height:0.64rem;
    overflow: hidden;
    padding-left:0.45rem; padding-right: 0.3rem;
    font: 400 0.32rem/0.48rem 'Microsoft Yahei';
    opacity:1;
    box-sizing: border-box;
}
.head-right form{color: #ffffff; }
.head-right input{
    display: block;
    width:4.8rem;
    padding: 0 0.26rem;
    font: 400 0.32rem/0.56rem 'Microsoft Yahei';color: #ffffff;
    background: #46C975;
}
.head-right input::-webkit-input-placeholder {color: #ffffff;}
.head-right input:-moz-placeholder {color: #ffffff;}
.head-right input::-moz-placeholder {color: #ffffff;}
.head-right input:-ms-input-placeholder{color: #ffffff;}
.search-hide{position: absolute; top:0; left: 0;}
.search-hide img{width: 0.56rem;}
.search-btn{position: absolute; top:0.01rem; right: 0; background:#18bb52;}
.search-btn img{width: 0.48rem;}
.search-show{position: absolute; top: 0.386666rem; right:0.9rem;}
.search-show img{width: 0.48rem;}
.nav-btn{position: absolute; top:0.413333rem; right:0.26rem;}
.nav-btn img{ width: 0.48rem;}
.nav{
    position:fixed;left: 0;top: 0; z-index:999;
    width: 100%;
    display: none;
    padding-top:1.26rem;
    padding-bottom: 1rem;
    background: #ffffff;
    border-bottom: 1px solid #bfbfbf;
}
.nav-close{
    position: absolute; right: 0; top:0;
    width: 100%; height: 1.26rem;
    padding-top: 0.4rem; padding-right: 0.26rem;
    text-align: right;
    border-bottom:1px solid #bfbfbf;
    box-sizing:border-box;
}
.nav-close img{
    display:inline-block;
    width:0.26rem;
}
.nav li{
    float: left;
    width: 33.3%;
    margin-top: 0.72rem;
    font: 400 0.32rem/0.48rem 'Microsoft Yahei'; color: #000000; text-align: center;
}
.nav li a{
    display: block;
    padding-top: 1.6rem;
}
.nav li:nth-child(1) a{
    background: url("../images1/nav0_2.png") no-repeat center 0;background-size:1.3rem;
}
.nav li:nth-child(2) a{
    background: url("../images1/nav1_2.png") no-repeat center 0;background-size:1.3rem;
}
.nav li:nth-child(3) a{
    background: url("../images1/nav2_2.png") no-repeat center 0;background-size:1.3rem;
}
.nav li:nth-child(4) a{
    background: url("../images1/nav3_2.png") no-repeat center 0;background-size:1.3rem;
}
.nav li:nth-child(5) a{
    background: url("../images1/nav4_2.png") no-repeat center 0;background-size:1.3rem;
}
.nav li:nth-child(6) a{
    background: url("../images1/nav5_2.png") no-repeat center 0;background-size:1.3rem;
}
.nav li:nth-child(7) a{
    background: url("../images1/nav6_2.png") no-repeat center 0;background-size:1.3rem;
}
.nav li:nth-child(8) a{
    background: url("../images1/nav7_2.png") no-repeat center 0;background-size:1.3rem;
}
.nav li:nth-child(9) a{
    background: url("../images1/nav8_2.png") no-repeat center 0;background-size:1.3rem;
}

.banner img{width: 100%;}

/*分页*/
.pages{
    padding:0.4rem 0 0 0;
    font-size:0;text-align:center;
}
.pages a{
    display: inline-block;
    width:0.48rem;
    margin: 0 2px;
    font: 400 0.24rem/0.48rem 'Microsoft Yahei'; color: #999999;
    border: 1px solid #dcdcdc;
}
.pages .page-ln{width:1.2rem;}
.pages a:hover{color: #ffffff; background: #18bb52;}
.pages .active{color: #ffffff; background: #18bb52;}

/*下拉选择框*/
.select-box{
    position: relative; z-index: 6;
    text-align: center;
    border-bottom: 1px solid #bfbfbf;
}
.form-select{
    position: relative;
    height: 0.9rem;
    padding-top: 0.21rem;
}
.form-select span{
    display: inline-block;
    padding: 0 0.2rem;
    font: 400 0.32rem/0.48rem 'Microsoft Yahei'; color: #666666;
}
.form-select i{
    display: inline-block;
    width: 0.26rem; height: 0.15rem;
    background: url("../images1/san2_2.png") no-repeat 0 0; background-size: 0.26rem;
    transition: 0.6s;
}
.form-select.clicks i{transform:rotate(180deg); }

.form-select-kinds ul{
    position: absolute; left: 0; top:0.92rem; z-index:5;
    display: none;
    width: 100%;
    padding: 0.32rem 0.48rem 0 0.48rem;
    text-align: left;
    background: #ffffff;
}
.form-select-kinds ul li{
    display: inline-block;
    margin:0 0.12rem 0.15rem 0;
    padding: 0.08rem 0.48rem;
    font: 400 0.32rem/0.48rem 'Microsoft Yahei';
    border: 1px solid #e5e5e5;
}
.form-select-kinds ul .active a{
    color: #18bb52;
}
.form-select-kinds ul li a.active{
    color: #18bb52;
}





































/*bootstrap栅格系统*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 45%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.667%; }
.col-top {width: 42.667%;}
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }
.col-xs-pull-12 { right: 100%; }
.col-xs-pull-11 { right: 91.66666667%; }
.col-xs-pull-10 { right: 83.33333333%; }
.col-xs-pull-9 { right: 75%; }
.col-xs-pull-8 { right: 66.66666667%; }
.col-xs-pull-7 { right: 58.33333333%; }
.col-xs-pull-6 { right: 50%; }
.col-xs-pull-5 { right: 41.66666667%; }
.col-xs-pull-4 { right: 33.33333333%; }
.col-xs-pull-3 { right: 25%; }
.col-xs-pull-2 { right: 16.66666667%; }
.col-xs-pull-1 { right: 8.33333333%; }
.col-xs-pull-0 { right: auto; }
.col-xs-push-12 { left: 100%; }
.col-xs-push-11 { left: 91.66666667%; }
.col-xs-push-10 { left: 83.33333333%; }
.col-xs-push-9 { left: 75%; }
.col-xs-push-8 { left: 66.66666667%; }
.col-xs-push-7 { left: 58.33333333%; }
.col-xs-push-6 { left: 50%; }
.col-xs-push-5 { left: 41.66666667%; }
.col-xs-push-4 { left: 33.33333333%; }
.col-xs-push-3 { left: 25%; }
.col-xs-push-2 { left: 16.66666667%; }
.col-xs-push-1 { left: 8.33333333%; }
.col-xs-push-0 { left: auto; }
.col-xs-offset-12 { margin-left: 100%; }
.col-xs-offset-11 { margin-left: 91.66666667%; }
.col-xs-offset-10 { margin-left: 83.33333333%; }
.col-xs-offset-9 { margin-left: 75%; }
.col-xs-offset-8 { margin-left: 66.66666667%; }
.col-xs-offset-7 { margin-left: 58.33333333%; }
.col-xs-offset-6 { margin-left: 50%; }
.col-xs-offset-5 { margin-left: 41.66666667%; }
.col-xs-offset-4 { margin-left: 33.33333333%; }
.col-xs-offset-3 { margin-left: 25%; }
.col-xs-offset-2 { margin-left: 16.66666667%; }
.col-xs-offset-1 { margin-left: 8.33333333%; }
.col-xs-offset-0 { margin-left: 0; }
