@charset "gb2312";
/* CSS Document */
body {
    font-size: 16px;
    line-height: 24px;
    font-family: 'Microsoft YaHei', '\5FAE \8F6F \96C5\91';
    color: #444;
}
h2 span::before, h2 span::after {
    display: block;
    content: url(../images/h2-bg-01.png);
    width: 280px;
    height: 26px;
    position: absolute;
    left: -300px;
    top: -20px;
    padding: 17px 0;
}
h2 span::after {
    content: url(../images/h2-bg-02.png);
    right:-300px;
    left: inherit;
}
h2{
    color:#29b09b;
    text-align: center;
    font-size: 40px;
    height: 60px;
    line-height: 60px;
    margin-bottom:40px;
}
h2 span{

    position: relative;
}
/*banner begin*/
.banner{
    width: 100%;
    background:url("../images/banner_bg.jpg") no-repeat center center;
    background-size: cover;
}
.banner_cnt{
    width: 1200px;
    margin: 0 auto;
}
/*banner end*/
.introduce{
    width: 1200px;
    margin: 0 auto;
}
/*nav begin*/
.nav{
    width: 100%;
    background-color: #29b09b;
}
.nav .container{
    width: 1200px;
    margin: 0 auto;
}
.nav a{
    width:13.5%;
    height: 50px;
    display: block;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    float: left;
    color:#fff;
}
.nav a:hover{
    background-color: #1c8e78;
}
/*nav end*/
/*introduce begin*/
.introduce_bg{
    width: 100%;
    margin-bottom: 50px;
    background-color: #f5f5f5;
    padding: 50px 0;
}
.int_left{
    width: 41%;
    padding: 0 3.333%;
    float: left;
}
.c_bg{
    padding: 20px 20px 105px 20px;
    background: url("../images/c_bg.png") no-repeat center center;
}
.img_box{
    width: 453px;
    height: 255px;
    text-align: center;
}
.int_right{
    float: right;
    width: 39.25%;
    padding: 0 3.333%;
    text-align: center;
}
.int_title{
    display: block;
    font-size: 40px;
    line-height: 90px;
    margin-bottom: 3%;
    text-align: center;
}
.word{
    height: 170px;
    margin-bottom: 6%;
}
.int_right a.more{
    text-align: left;
    font-size: 14px;
    line-height: 24px;
    color: #e84c35;
    padding: 0;
    margin-bottom: 6%;
}
.int_right p{
    font-size: 14px;
    line-height: 28px;
    text-align: left;

}
.int_right a{
    font-size: 16px;
    padding: 2% 5%;
    line-height: 40px;
    -moz-border-radius:50px ;
    -webkit-border-radius: 50px;
    border-radius:50px;
}
.int_right .query1{
    color: #FFF;
    background-color: #29b09b;
    margin-right: 6%;
}
.int_right .query2{
    padding: 2% 10%;
    color: #29b09b;
    border:1px  solid #29b09b;
}

/*introduce end*/
/*module_banner begin*/
.module1_banner,.module2_banner{
    width: 1200px;
    margin: 0 auto 50px;
}
/*module_banner end*/

/*main02-bg begin*/
#aa1,#bb1,#cc1,#dd1,#ee1,#ff1,#gg1{
    margin-right:0 ;
}
.main02-bg{
    background-color: #f5f5f5;

}
.main02-bg .main02{
    width:1200px;
    margin:0 auto;
}
.main02-bg .main02 .table-cnt{
    background-color:#f5f5f5 ;
    padding:2% 3%;
}

.main02-bg .main02 .table-cnt .table{
    margin-bottom:40px;
}
.main02-bg .main02 .table-cnt .table table{
    width: 100%;
 }
.main02-bg .main02 .table-cnt .table table .region{
    text-align: center;
    width: 20%;
}
.main02-bg .main02 .table-cnt .table table td,.main02-bg .main02 .table-cnt .table table th{
    border:1px solid #CCCCCC;
    vertical-align: middle;
}
.main02-bg .main02 .table-cnt .table table th{
    width:40%;
    font-size: 16px;
    line-height: 40px;
    color: #FFF;
    background-color: #03b480;
}
.main02-bg .main02 .table-cnt .table table td{
    font-size: 14px;
    line-height: 40px;
    color: #666666;
    padding: 0 5%;
}
.main02-bg .main02 .table-cnt .table table a{
    font-size: 14px;
    color: #444;
    float: left;
}
.main02-bg .main02 .table-cnt .table table a.comment{
    float: right;
    color: #27b398;
    margin:0 2%;
}
.main02-bg .main02 .table-cnt .table table a.comment:hover,.main02-bg .main02 .table-cnt .table table a:hover{
    text-decoration: underline ;
    color: #27b398;
}





/*main02-bg end*/
/*gaoKao begin*/
.gaoKao,.news{
    width: 1200px;
    margin: 0 auto 50px;
}
.gaoKao-cnt dl{
    width: 23%;
    float: left;
    margin-right: 2%;
    text-align: center;
    overflow: hidden;
}
.gaoKao-cnt .dl4{
    margin-right: 0;
    margin-left: 2%;
}
.gaoKao-cnt dt{
    padding: 20% 5%;
    margin-bottom: 2%;
    text-align: center;
    background-size: cover;
}
.gaoKao-cnt dt a{
    color: #FFF;
}
.gaoKao-cnt dt i{
    position: relative;
}
.gaoKao-cnt dt i:after{
    width: 30px;
    height: 2px;
    content: '';
    display: block;
    background-color: #FFF;
    position: absolute;
    top: 45%;
    right:-60%;
}
.gaoKao-cnt dt i:before{
    width: 30px;
    height: 2px;
    content: '';
    display: block;
    background-color: #FFF;
    position: absolute;
    top: 45%;
    left: -60%;
}
.gaoKao-cnt dt p{
    text-align: center;
    display: block;
    margin: 0;
}
.gaoKao-cnt .dt1{
    background: url("../images/gk1.jpg") no-repeat center center;
    background-size: cover;
}
.gaoKao-cnt .dt2{
    background: url("../images/gk2.jpg") no-repeat center center;
    background-size: cover;
}
.gaoKao-cnt .dt3{
    background: url("../images/gk3.jpg") no-repeat center center;
    background-size: cover;
}
.gaoKao-cnt .dt4{
    background: url("../images/gk4.jpg") no-repeat center center;
    background-size: cover;
}
.gaoKao-cnt dl:hover dt{
    background:#36b59f ;
}
/*gaoKao end*/
/*news begin*/
.news .news_cnt{
     float: left;
}
.news_cnt_l{
    width: 48%;
    margin-right: 2%;
}
.news_cnt_r{
    width: 48%;
    margin-left: 2%;
}
.news .news_title{
    width: 100%;
    font-size: 22px;
    color: #FFF;
    background: url("../images/news_title_bg.jpg") no-repeat center center;
    background-size: cover;
    text-align: center;
}
.news_title span{
    display: block;
    width: 20%;
    padding: 0 5%;
    line-height: 52px;
    margin: 0 37.5%;
}
.news_title_l span{
    background: url("../images/news_home.png") no-repeat left center;
}
.news_title_r span{
    background: url("../images/news_text.png") no-repeat left center;
}
.news_cnt ul{
    padding: 3% 4%;
    border:1px solid #eee;
}
.news_cnt ul li{
    font-size: 16px;
    line-height: 40px;
    padding-left: 16px;
    background: url("../images/li-icon2.png") no-repeat left center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news_cnt ul li:hover{
    background: url("../images/li-icon.png") no-repeat left center;
}
/*news end*/


/*footer¿ªÊ¼*/
#footer{ width:1200px; margin:30px auto 20px ; text-align:center; }
#footer table{ width:100% !important;}

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

/*footer end*/

@media only screen and (max-width:1200px){
    .banner_cnt,.nav .container,.introduce,.module1_banner,.module2_banner,.main02-bg .main02,.gaoKao,.news,#footer{
        width: 1024px;
    }
    .introduce_bg{
        padding-top: 2%;
    }

    .c_bg{
        padding: 35px 20px 105px 20px;
        background-size: contain;
    }
    .img_box{
        width: 100%;
        height: 100%;
    }
    .int_right{
        width:45%;
    }
}
@media only screen and (max-width:1024px){
    .module1_banner,.module2_banner{
        display: none;
    }
    .banner_cnt,.nav .container,.introduce,.main02-bg .main02,.gaoKao,.news,#footer{
        width: 95%;
    }
    .int_title{
        font-size: 30px;
        margin-bottom: 0;
    }
    .table-cnt{
        width: 94%;
    }
}
@media only screen and (max-width:970px){
    .table-cnt{
        width: 98%;
    }
    .main02-bg .main02 .table-cnt{
        padding: 2% 1%;
    }
    h2 span::before, h2 span::after {
        display: none;
    }
    .int_left{
        width: 92%;
        padding: 0 2%;
        margin: 0 2% 5%;
    }
    .c_bg{
        padding: 20px 20px 105px 20px;
    }
    .int_right{
        width: 92%;
        padding: 0 2%;
        margin: 0 2%;
    }
    .news_title span{
        width: 30%;
        margin: 0 30%;
    }
}
@media only screen and (max-width:767px){
    h2{
        height: auto;
        line-height: 40px;
        font-size: 30px;
        margin-bottom: 5%;
    }

    .main02-bg .main02 .table-dq{
        margin-bottom: 3%;
    }
    .news_title span {
        width: 40%;
        margin: 0 25%;
    }
    .news_cnt ul li{
        font-size: 14px;
        line-height: 36px;
    }
    .int_left,.cnt_hidden,#footer,#qiao-wrap,#QIAO_INVITE_CONTAINER,#QIAO_ICON_CONTAINER .qiao-icon-sector-inner{ display:none !important;}
    #QIAO_INVITE_CONTAINER{ width:0 !important; height:0 !important;}
    .copyright{ display:block;}
}
@media only screen and (max-width:680px){
    .nav a {
        width: 24.5%;
        line-height: 32px;
        height: 32px;
    }

    #aa1, #bb1, #cc1, #dd1, #ee1, #ff1, #gg1{
        margin-right: 0.5%;
    }
    .news .news_cnt{
        width:100%;
        margin:  0;
    }
    .news_title span {
        padding-left: 10%;
        width: 20%;
        margin: 0 35%;
    }
    .news .news_cnt_l{
        margin-bottom: 5%;
    }

}
@media only screen and (max-width:560px){
    .news_title span {
        width: 30%;
        margin: 0 30%;
    }
    .gaoKao-cnt dl{
        width: 48%;
        margin: 0 1% 2%;
    }
    .gaoKao-cnt .dl4{
        margin: 0 1% 2%;
    }
    .main02-bg .main02 .table-cnt .table table td{
        font-size: 12px;
    }
    .main02-bg .main02 .table-cnt .table table th{
        font-size: 14px;
    }


}
@media only screen and (max-width:480px){
    .introduce_bg{
        padding: 5% 0;
    }
    .main02-bg{
        padding: 5% 0;
        margin-bottom: 5%;
    }
    .gaoKao, .news{
        margin-bottom: 5%;
    }
    .nav a {
        font-size: 14px;
    }
    .c_bg {
        padding: 35px 20px 105px 20px;
    }
    .main02-bg .main02 .table-dq li {
        font-size: 22px;
        width: 22%;
    }

}
@media only screen and (max-width:400px){
    .c_bg {
        padding:  50px 16px 105px 16px;
    }
    .int_title {
        font-size: 24px;
        line-height: 50px;
    }

    .news_title span {
        width: 40%;
        margin: 0 25%;
    }
    .main02-bg .main02 .table-cnt .table table td,.main02-bg .main02 .table-cnt .table table th{
        line-height: 30px;
    }

}
@media only screen and (max-width:320px){

    .c_bg {
        padding: 60px 10px 105px 10px;
    }
    .gaoKao-cnt dl{
        width: 96%;
        margin: 0 2% 2%;
    }
    .gaoKao-cnt .dl4{
        margin: 0 2% 2%;
    }
}