@charset "gb2312";
/* CSS Document */

body{
    font-size: 16px;
    line-height: 24px;
    font-family: 'Microsoft YaHei', '\5FAE \8F6F \96C5\91';
    color:#444;
}

.banner-bg{
    width:100%;
    background: url(../images/banner-bg.jpg) no-repeat center center;
    border-bottom:5px #3dca99 solid;
    margin-bottom:50px;
    position: relative;
}
.banner-bg h1{
    position: absolute;
    left:-100000px;
}
.top,.banner,.main01,.main02,.main03{
    width:1200px;
    margin:0 auto;
}
.top-bg{
    height: 60px;
    line-height: 60px;
    background-color: #fff;
}
.top .left span{
    padding-left:10px;
    margin-left:10px;
    border-left:2px #999 solid;
}
h2{
    text-align: center;
    margin-bottom:40px;
    height: 60px;
    line-height: 60px;
}

h2 span{
    font-size:50px;
    color:#555;
    position: relative;
}
h2 span:before{
    content: url(../images/h2-l.png);
    position: absolute;
    top:10px;
    left:-120px;
}
h2 span:after{
    content: url(../images/h2-r.png);
    position: absolute;
    top:10px;
    right:-120px;
}
.main-tit{
    margin-bottom:30px;
}
.main-tit span{
    display: block;
    color:#555555;
    font-size:40px;
    line-height: 44px;
    height: 44px;
    border-left:5px #3dca99 solid;
    padding-left:10px;
    float: left;
}
.main-tit em{
    display: block;
    float: left;
    height: 50px;
    line-height: 50px;
    padding-top:20px;
    padding-left:45px;
    color:#999;
    font-size:18px;
    background: url(../images/h3-bg.png) no-repeat left center;
}
.main-cnt{
    margin-bottom:5%;
}
.main-cnt dl{
    width:48%;
    border:1px #dcdcdc solid;
    background-color: #e4e4e4;
}
.main-cnt dl:hover{
    background-color: #fff;
    border:0;
    -webkit-box-shadow:0 0 10px rgba(153,153, 153, .5);
    -moz-box-shadow:0 0 10px rgba(153, 153, 153, .5);
    box-shadow:0 0 10px rgba(153, 153, 153, .5);

}

.main-cnt dl dt{
    float:left;
    width:38%;
}
.main-cnt dl dd{
    float: right;
    width:54%;
    padding:5% 3% 5% 5%;
}
.main-cnt dl dd>span{
    display: block;
    width:40%;
    padding:0 3% 0 5%;
    height: 46px;
    line-height: 46px;
    font-size:24px;
    color:#fff;
    background-color: #3dca99;
    margin-bottom:4%;
    position: relative;
}
.main-cnt dl dd > span:after{
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-top: 23px solid transparent;
    border-right: 24px solid #e4e4e4;
    border-bottom: 23px solid transparent;
    position: absolute;
    top:0;
    right:0;
}
.main-cnt dl:hover dd > span:after{
    border-right: 24px solid #fff;
}
.main-cnt dl dd p.p01{
    font-size:20px;
    color: #3dca99;
    height: 40px;
    line-height: 40px;
    margin-bottom:10px;
}
.main-cnt dl dd p.p02{
    font-size:20px;
    color:#666;
    padding:20px 0;
    position: relative;
    margin-bottom:10px;
    text-align: center;
}
.main-cnt dl dd p.p02:before{
    content: url(../images/icon-sy.png);
    width: 26px;
    height: 26px;
    position: absolute;
    top:0;
    left:0;
}
.main-cnt dl dd p.p02:after{
    content: url(../images/icon-xy.png);
    width: 26px;
    height: 26px;
    position: absolute;
    bottom:0;
    right:0;
}
.main-cnt dl dd p.p03{
    height: 40px;
    line-height: 40px;
    border:2px #3dca99 solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
}
.main-cnt dl dd p.p03 span,.main-cnt dl dd p.p03 a{
    display: block;
    width:50%;
    font-size:16px;
    text-align: center;
    float:left;
}
.main-cnt dl dd p.p03 a{
    color:#fff;
    background-color:#3dca99;
}

.main02-bg{
    padding:50px 0;
    background: url(../images/main02-bg.jpg) no-repeat center top;
    margin-bottom:50px;
}
.main02 h3{
    font-size:50px;
    color:#fff;
    height: 60px;
    line-height: 60px;
    margin-bottom:40px;
    font-weight: normal;
    text-align: center;
}
.main02 .main02-l{
    width:60%;
}
.bd li{
    height: 38px;
    line-height: 38px;
    margin-bottom:20px;
}
.bd li.li-btn{
    height: auto;
    line-height: 46px;
}
.lx_formname{
    float:left;
    color:#fff;
    width:20%;
    text-align: right;
    font-size:20px;
}
.lx_formconter{
    width:40%;
    float:left;
}
.lx_formconter input,.lx_formconter select{
    height:28px;
    line-height: 28px;
    width:96%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border:0;
    padding:2%;
}
.lx_formconter select{
    height:40px;
    line-height:40px;
    width:100%;
}
.li2 .lx_formconter{
    height: 87px;
}
.lx_formconter textarea{
    width:98%;
    height: 80px;
}
.bd li.li2{
    height: auto;
}

.bd li span{
    width:35%;
    margin-left:2%;
    float:left;
    font-size:14px;
    color:#fff;
    line-height: 40px;
}
.bd li span i{
    color:#ff1402;
    margin-right:5px;
    font-size:20px;
    font-style: normal;
    line-height: 30px;
}
.bd li.li-btn #bd_submit{
    width:30%;
    height: 46px;
    line-height: 46px;
    margin-left:25%;
    border:0;
    color:#fff;
    font-size:20px;
    background-color: #3dca99;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	cursor:pointer;
}
.main02 .main02-r{
    width:40%;
}
.main03{
    margin-bottom:50px;
}
.main03-cnt ul{
    float:left;
    width:17%;
    background-color: #3dca99;
    padding:3px 0;
}
.main03-cnt li{
    width:98.2%;
    margin-left:2%;
    height: 80px;
    line-height: 80px;
    text-align: center;
    color:#fff;
    font-size:20px;
    border-bottom:1px #25b885 solid;
}
.main03-cnt li#one6{
    border-bottom:0;
}
.main03-cnt li:hover,.main03-cnt li.hover{
    background-color: #fff;
    color:#25b885;
}
.main03-cnt .main03-cnt-box{
    width:80%;
    float:right;
    background-color:#fff;
}
.main03-cnt .main03-cnt-box .xinlu_main{
    display: none;
    background: url(../images/icon-s.png) repeat-y 13px center;
}
.main03-cnt .main03-cnt-box .main-hover{
    display: block;
}
.main03-cnt .main03-cnt-box dl{
    margin-bottom:30px;
}
.main03-cnt .main03-cnt-box dt{
    margin-bottom:20px;
    background: url(../images/icon-w.png) no-repeat left top;
    padding-left:60px;
    line-height: 32px;
}
.main03-cnt .main03-cnt-box dt a{
    font-size:18px;
    color:#3dca99;
}
.main03-cnt .main03-cnt-box dd{
    font-size:16px;
    color:#666666;
    background: url(../images/icon-d.png) no-repeat 9px 5px;
    padding-left:60px;
}

.footer-bg{
    width:100%;
    background-color: #a1a1a1;
    padding:50px 0;
}
#footer{ width:1200px; margin:0 auto; text-align:center; }
#footer table{ width:100% !important; font-size:14px;}

.copyright{ display:none; padding:1em 0em 1em; text-align:center;border-top:2px solid #3dca99; margin:1.5em 0 2em;}
.copyright p{ margin:0 0.3em 0.3em; font-size:12px;}
.copyright p a{ margin-right:5px;}

.last{ display:none;width:100%; height:40px; line-height:40px; background:#14b37c; position:fixed; z-index:99999; bottom:0px;}
.last ul li{ float:left; width:33%; height:40px; border-right:1px #3dca99 solid; background:#14b37c; text-align:center; display:block; overflow:hidden;}
.last ul li a { display:inline-block; height:40px; width:99.8%; color:#FFF; border-right:1px #14b37c solid; text-align:center; }
.last ul li a span { font-size:14px; font-weight:600;}


.scrotop{
    width: 30px;
    height: 30px;
    line-height: 15px;
    padding:9px;
    background-color:#14b37c ;
    font-size: 12px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    position: fixed;
    bottom:50px;
    display: none;
}

@media only screen and (max-width:1200px){
    .banner{
        width:100%;
    }
    .top, .main01, .main02, .main03,#footer{
        width:1024px;
        margin:0 auto;
    }

    .main03-cnt ul{
        width:22%;
    }
    .main03-cnt .main03-cnt-box{
        width:75%;
    }
}

@media only screen and (max-width:1024px){
    .top, .main01, .main02, .main03,#footer{
        width:95%;
        margin:0 2.5%;
    }
    .top .right{
        display: none;
    }
    .banner-bg{
        margin-bottom:5%;
    }
    h2{
        margin-bottom:4%;
    }
    .main-cnt dl dt{
        width:100%;
        text-align: center;
    }
    .main-cnt dl dd{
        width:90%;
        padding:5%;
    }
    .main02-bg{
        padding:5% 0;
        margin-bottom:5%;
    }
    .main02 .main02-l{
        width:100%;
    }
    .main02 .main02-r{
        display: none;
    }

    .main03-cnt ul{
        width:98%;
        padding:1% 1% 0;
        margin-bottom:3%;
    }
    .main03-cnt li{
        float:left;
        width:16.4666666666666%;
        height: 60px;
        line-height: 60px;
        margin-left:0;
        border-right:1px #25b885 solid;
        border-bottom:0;
    }
    .main03-cnt li#one6{
        border-right:0;
    }
    .main03-cnt .main03-cnt-box{
        width:100%;
    }
}

@media only screen and (max-width:767px){
    h2{
        height: auto;
        line-height: 40px;
    }
    h2 span{
        font-size:34px;
    }
    h2 span::before,h2 span::after,.main-tit em{
        display: none;
    }
    .top .left span{
        display: none;
    }
    .main-tit{
        margin-bottom:3%;
    }
    .main-tit span{
        font-size:30px;
        height:36px;
        line-height: 36px;
    }
    .main-cnt dl dd p.p01{
        height: auto;
        line-height: 30px;
    }
    .bd li span{
        display: none;
    }

    .lx_formname{
        width:28%;
    }
    .lx_formconter{
        width:60%;
    }

    .bd li.li-btn #bd_submit{
        width:50%;
        margin:0 25%;
    }
    .main02 h3{
        height: auto;
        font-size:30px;
        margin-bottom:4%;
        line-height:40px;
    }
    .bd li{
        margin-bottom:3%;
    }
    .lx_formname{
        font-size:16px;
    }
    .main03-cnt ul{
        padding:2%;
    }

    .main03-cnt ul li{
        width:33.0333333333333%;
        font-size:16px;
        height: 40px;
        line-height: 40px;
    }
    .main03-cnt li#one3{
        border-right:0;
    }
    .main03-cnt .main03-cnt-box dt,.main03-cnt .main03-cnt-box dd{
        padding-left:40px;
    }
    .main03-cnt .main03-cnt-box dt{
        margin-bottom:3%;
    }
    .main03-cnt .main03-cnt-box dd{
        font-size:14px;
    }

    .footer-bg,#qiao-wrap,#QIAO_INVITE_CONTAINER,#QIAO_ICON_CONTAINER .qiao-icon-sector-inner{
        display:none !important;
    }
    #QIAO_ICON_CONTAINER£¬#QIAO_INVITE_CONTAINER{
        width:0 !important;
        height:0 !important;
    }
    .copyright,.last{
        display:block;
    }
}
@media only screen and (max-width:600px){
    h2 span{
        font-size:28px;
    }
    .main-cnt dl{
        width:100%;
        margin-bottom:5%;
    }
    .bd li.li-btn #bd_submit{
        height: 40px;
        line-height: 40px;
        font-size:18px;
    }
}
@media only screen and (max-width:480px){
    .lx_formname{
        width:32%;
    }
}