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

body {
    font: 12px/1.5 Microsoft Yahei,\5FAE\8F6F\96C5\9ED1;
    margin: 0 auto;
    line-height: 24px;
    color: #444;
}
/*jiaoda top begin*/
.top{
    width:1200px;
    margin:0 auto;
}
.top_logo{
    width:30%;
    height:46px;
    line-height:46px;
    padding:20px 0;
}
.top_logo span{
    margin-left:2.5%;
    font-size:18px;
}
.top .nav{
    width:70%;
    height:34px;
    line-height:34px;
    padding:33px 0;
}
.top .nav a{
    display:block;
    width:16.5%;
    float:left;
    text-align:center;
    height:34px;
    line-height:34px;
    font-size:16px;
}
.top .nav a:hover{
    background-color:#891787;
    color:#fff;
}
/*jiaoda top end*/
/*jiaoda banner begin*/
.banner_bg {
    width: 100%;
    height: auto;
    background: url(../images/banner_bg.jpg) no-repeat center top;
    position: relative;
    overflow: hidden;
}
.banner_bg .banner img{
    display: block;
}

.banner_bg h1{
    position: absolute;
    left: -10000px;
}
.banner{
    width: 1200px;
    margin:0 auto;
}


/*jiaoda top end*/



/*jiaoda shouye begin*/
.breadCrumb{
    width:1200px;
    margin:0 auto;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
h2{
    margin:0 auto 35px;

    line-height:50px;
    font-size:40px;
    text-align: center;
    font-weight: normal;
    background:url(../images/h2_bg.png) repeat-x center center;
}
h2 span{
    padding:0 0;

}
p.tel{
    margin:0 auto;
    line-height:50px;
    text-align:center;
    margin-top: 45px;
}
p.tel a.yybm{
    padding:0.8% 3%;
    background:#891787;
    margin:0 2%;
    color:#fff;
    border-radius: 3px;
    font-size:16px;
}
p.tel span{
    font-size:26px;
    font-weight: bold;
    background:url(../images/tel_icon.png) no-repeat left center;
    padding:1% 0 1% 4.5%;
    margin-left:3%
}
.main{
    width: 1200px;
    margin:0 auto;
}
.main01,.main04{
    margin-bottom:100px;
}
.main02,.main05,.main07{
    margin-bottom:50px;
}
.main03 h2 span,.main06 h2 span{
    background-color: #f4f4f4;
}

.main_bg{
    padding:50px 0;

    background-color: #f4f4f4;
}
/*main01*/
.main01 h2{
    margin-bottom:70px;
}
.main01_cnt{

    margin-bottom: 3%;
    background: #f0f0f0;
    padding:3%;
    position: relative;
}

.main01_cnt dt{
    float:left;
    position:absolute;
    top:-30px;
    width: 480px;
    text-align: center;
    overflow: hidden;
}
.main01_cnt dt img{
    transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transform: scale(1,1);
    -webkit-transform:scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
}
.main01_cnt:hover dt img{
    transform: scale(1.2,1.2);
    -webkit-transform:scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
}


.main01_cnt dd{
    float:right;
    width:52%;
}
.main01_cnt dd p{
    margin-bottom:2%;
    font-size: 14px;
    line-height: 30px;
}
.main02_cnt{
    margin-bottom:2.5%;
}
.main02_cnt li{
    width: 12.8%;
    padding:2% 5%;
    margin:0 1%;
    float:left;
    border:1px #cfcfcf solid;
    text-align: center;

}
.main02_cnt li:hover{
    color:#fff;
    border:#21b5a9 1px solid;
}
.main02_cnt li.li01{
    background: url(../images/project_01-1.png) no-repeat 50% 20% ;
}
.main02_cnt li.li01:hover{
    background: #21b5a9   url(../images/project_01.png) no-repeat 50% 20% ;
}
.main02_cnt li.li02{
    background: url(../images/project_02-1.png) no-repeat 50% 20% ;
}
.main02_cnt li.li02:hover{
    background: #21b5a9   url(../images/project_02.png) no-repeat 50% 20% ;
}
.main02_cnt li.li03{
    background: url(../images/project_03-1.png) no-repeat 50% 20% ;
}
.main02_cnt li.li03:hover{
    background: #21b5a9   url(../images/project_03.png) no-repeat 50% 20% ;
}
.main02_cnt li.li04{
    background: url(../images/project_04-1.png) no-repeat 50% 20% ;
}
.main02_cnt li.li04:hover{
    background: #21b5a9   url(../images/project_04.png) no-repeat 50% 20% ;
}
.main02_cnt li span{
    display: block;
    width: 100%;
    text-align: center;
    font-size:14px;
    line-height: 24px;
    margin-top:60%;

}
.main03_cnt{
    margin-bottom:3%;
}
.main03_cnt dl{
    width: 23%;
    margin:0 1%;
    float:left;
    position: relative;
    margin-top: 35px;
}
.main03_cnt dl dt{
    width: 100%;
    position: absolute;
    top:0;
    left:0;
    text-align: center;
}
.main03_cnt dl dt img{
    transition:all 1s ease-in-out;
    -webkit-transition:all 1s ease-in-out;
    -moz-transition:all 1s ease-in-out;
    -ms-transition:all 1s ease-in-out;
    -o-transition:all 1s ease-in-out;
    transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0eg);
}
.main03_cnt dl:hover dt img{
    transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}



.main03_cnt dl dd{
    padding:10%;
    background: #fff;
    margin-top:25%;
}
.main03_cnt dl dd b{
    font-size: 18px;
    color: #21b5a9;
    display: block;
    width: 100%;
    line-height: 30px;
    text-align: center;
    margin-top:10%;
}
.main03_cnt dl dd h3{
    font-size: 14px;
    line-height: 30px;
    margin:5% 0 2%;

}
.main03_cnt dl dd h3 span{
    font-size:14px;
    font-weight:normal;
    padding-right:15px;
    background-color: #fff;
}
.main03_cnt dl dd li{
    line-height: 28px;
    width:99%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.main04_cnt{
    margin:0 auto;
}
.scoll{

    margin-bottom:2%;
    position: relative;

}
.scoll_cnt_nr{
    overflow: hidden;
}
.scoll li{
    float:left;
    width:280px;
    margin:10px 10px;
    position:relative;
    overflow: hidden;
}

.scoll li img{
    transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transform: scale(1,1);
    -webkit-transform:scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
}
.scoll li:hover img{
    transform: scale(1.2,1.2);
    -webkit-transform:scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
}


.scoll li span{
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    height:40px;
    line-height:40px;
    font-size:16px;
    color:#fff;
    background-color:rgba(0,0,0,0.5);
    filter:alpha(opacity=50);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    text-align:center;
}

#caselist .prev, #caselist .next{
    display:block;
    width:49px;
    height:67px;
    background:url(../images/prevnext.png) no-repeat;
    overflow:hidden;
    cursor:pointer;
    position:absolute;
    top:120px;
}
#caselist .prev{
    background-position:5px 0;
    left:-60px;
}
#caselist .next{
    background-position: -156px 0;
    right:-60px;
}
#caselist .prev:hover{
    background-position: -45px 0;
}
#caselist .next:hover{
    background-position: -106px 0;
}

.course-tit{
    margin-bottom:20px;
}
.course-tit li{
    width: 17.8%;
    margin: 1% 1%;
    padding:1% 0;
    line-height: 30px;
    border:1px solid #f22834;
    color: #f22834;
    text-align: center;
    float: left;
    -moz-border-radius:50px ;
    -webkit-border-radius: 50px;
    border-radius:50px;
    font-size:16px;
}
.curriculum-cnt-tit{
    margin-bottom: 2%;
}
.course-tit li.hover{
    background-color: #f22834;
    border-color: #f22834;
    color: #fff;
}
.course-box{
    padding: 5% 4%;
    background: url("../images/dd-bg.png") no-repeat top center;
    background-size: auto 100%;

}
.course-box dl dt,.course-box dl dd{
    width: 36%;
    float: left;
}
.course-box dl dd{
    width: 55%;
    margin-left: 4%;
    padding-top: 1%;
    color: #FFF;
}
.course-box dl dd span {
    padding: 1% 0% 1% 2%;
    font-size: 20px;
    background: url("../images/dd-title-bg.png") no-repeat left center;
    background-size: contain;
    line-height: 30px;
    display: block;
    margin-bottom: 2%;
}
.course-box dl dd p{
    font-size: 16px;
    line-height: 30px;
}
.course-box dl dd .p04{
    font-size: 16px;
    line-height: 30px;
    position: relative;
}
.course-box dl dd .p04:after{
    content: '';
    display: block;
    width: 25px;
    height: 21px;
    background: url("../images/p-r-bg.png") no-repeat center center;
    position: absolute;
    right: 0;
}
.course-box dl dd .p04:before{
    content: '';
    display: block;
    width: 25px;
    height: 21px;
    background: url("../images/p-l-bg.png") no-repeat center center;
    position: relative;
    left:0;
}



.main05_cnt img{ display:block; float:left;}
.main05_cnt .fzsj_cnt_l,.main05_cnt .fzsj_cnt_r{ width:50%;float:left;}
.main05_cnt .fzsj_cnt_l .l_l,.main05_cnt .fzsj_cnt_l .l_r{ width:50%; float:left;}

.main05_cnt .fzsj_cnt_l img{ width:97%; margin:1.5%;}
.main05_cnt .fzsj_cnt_r .r_t img{ width:98%;margin:1%;}
.main05_cnt .fzsj_cnt_r .r_b img{ width:48%;margin:1%;}

.main06_cnt{ position: relative; padding-bottom:8.8%; }
.main06_cnt dl{width: 19.6%; float:left; margin:0 0.2%;  font-size:18px; text-align: center;  color:#fff; position: relative; overflow:hidden; }
.main06_cnt dl dd{ position: absolute; top:0; width: 100%;padding:78px 0;  background: url(../images/dl_01.png) no-repeat center center; background-size:100% 100%;}
.main06_cnt dl:hover dd{ display: block; }
.main06_cnt .main06_cnt_b { width: 100%; position: absolute; top: 128px;}

.main06_cnt dl.dl06{ margin-left:10.2%;position: absolute;top: 128px; }
.main06_cnt dl.dl07{ margin-left:30.2%;position: absolute;top: 128px; }
.main06_cnt dl.dl08{ margin-left:50.2%;position: absolute;top: 128px; }
.main06_cnt dl.dl09{ margin-left:70.2%;position: absolute;top: 128px; }
.main06_cnt  dl.dl01 dt,.main06_cnt  dl.dl03 dt ,.main06_cnt  dl.dl05 dt{width:100%;padding:78px 0;background: url(../images/dl_01.png) no-repeat center center;background-size:100% 100%; position:inherit; top:auto; display:block;}
.main06_cnt  dl p.p01{ height:50px; line-height: 50px;  }
.main06_cnt  dl p.p01 b{ font-size:40px;  }
.main06_cnt  dl p.p02{ height: 30px; line-height: 30px; }
.main06_cnt .main06_lx{ width: 100%; margin-top:17%; text-align: center; }
.main06_cnt .main06_lx a{ display:block;  width:25%; height:42px; line-height:42px; text-align:center;float:left; font-size:16px; color:#fff; }
.main06_cnt .main06_lx a.gdxy{ margin:0 1% 0 24%;background: #006c74; }
.main06_cnt .main06_lx a.gdxy span{background: url(../images/main08_icon01.png) no-repeat left center; padding:2% 0 2% 40px; }
.main06_cnt .main06_lx a.mflq{ margin:0 24% 0 1%;background: #006c74;  }
.main06_cnt .main06_lx a.mflq span{background:url(../images/main08_icon02.png) no-repeat left center; padding:2% 0 2% 50px; }

.main06_cnt dl.chr dd{
    transition:all 1s;
    -moz-transition:all 1s;
    -webkit-transition:all 1s;
    -ms-transition:all 1s;
    -o-transition:all 1s;
    transform:scale(0,0);
    -webkit-transform:scale(0,0);
    -moz-transform:scale(0,0);
    -ms-transform:scale(0,0);
    -o-transform:scale(0,0);
}

.main06_cnt dl.chr:hover dd{
    transform:scale(1,1);
    -ms-transform:scale(1,1);
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
}
.main06 p.tel{
    margin-top:5%;
}


.main07 ul li{
    width: 17.8%;
    border:1px #dedede solid;
    margin:0 0.5% 1%;
    padding:0.5%;
    float:left;
    text-align:center;
}

.bd_bg{
    width: 100%;
    background-color: #444;
    padding:50px 0;
}
.bmbd{
    width: 1200px;
    margin:0 auto;}
.bmbd h2{
    color: #fff;
    background: none;
}

.bmbd_cnt_l{
    width: 30.5%;
    margin:0 2% 0 8%;
    float:left;
    padding:3%;
    background-color:#fff ;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.bmbd_cnt_l li{
    height:36px;
    line-height:36px;
    padding:5px 15px;
    margin-bottom:10px;
    background-color: #444;
    font-size:14px;
}
.bmbd_cnt_l li span{
    display: block;
    width:25%;
    float:left;
    height:34px;
    line-height:34px;
    color: #fff;
    text-align: right;
}
.bmbd_cnt_l li input,.bmbd_cnt_l li select{
    display: block;
    float:left;
    height: 34px;

    background-color: #444;
    border:none;
    width: 74%;
    color:#fff;
    font-size:14px;
}
.bmbd_cnt_l li.botton_form{
    background-color: #fff;
    margin-bottom:0;
    padding-top:15px;
}
.bmbd_cnt_l li.botton_form .sub_btn{
    background-color: #fdd000;
    width: 50%;
    margin:0 25%;
    height:36px;
    line-height:36px;
    color:#444;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size:16px;
}
.bmbd_r{
    width:47%;
    float:right;
    color:#fff;
    font-size:16px;
}
.bmbd_r .address{
    background:url(../images/map.png) no-repeat left 5px scroll;
    padding-left:60px;
    margin:0px 0px 10px;
}
.bmbd_r .address .add_tit{
    display:block;
    font-size:32px;
    font-weight: bold;
    font-family:"å®?ä½?";
}
.bmbd_r .address .add_tit span{
    display:block;
    margin-bottom:5px;
}
.bmbd_r .address .add_tit i{
    display: block;
    width: 100%;
    font-size:18px;
    line-height:20px;
    font-weight:normal;
}
.bmbd_r .address p{
    line-height:35px;
}
.bmbd_r .tel{
    background:url(../images/bd_tel.png) no-repeat left 5px scroll;
    padding-left:60px;
    margin-bottom:20px;
}
.bmbd_r .tel p{
    line-height:50px;
}
.wexin dt{
    width:25%;
    float:left;
    text-align: center;
}
.wexin dd{
    width: 73%;
    float:right;
}
.wexin dd b{
    display: block;
    width: 100%;
    font-weight: normal;
    font-size:20px;
    height:40px;
    line-height:40px;
    margin-top:10px;
}
.wexin dd span{
    display: block;
    line-height:26px;
    font-size:14px;
}


.wonderful{width: 1200px;
    margin: 0 auto 100px;}
.fengcai{width: 1200px;
    margin: 0 auto;}
.h2_box{text-align: center;
    margin-bottom: 2%;}
#caselist1, #caselist2{width: 100%;
    overflow: hidden;
    position: relative;}


.wonderful .bk-cnt .center{
    margin: 0 auto;
    overflow: hidden;
}
.wonderful .list a{
    display: block;
    width: 270px;
    margin: 0 15px;
    text-align: center;
    float: left;
    border: 1px solid #eee;
}
.wonderful .list a span{
    font-size: 18px;
    display: block;
    padding: 15px 0 20px;
    width: 100%;
    text-indent: each-line;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



.news-bg{padding-top: 2.6%;
    padding-bottom: 2.6%;
}
.xinwen{width: 1200px;
    margin: 0 auto;}
.news-bg .clearfix{
    zoom: 1;
}
.news-box .news-left{

}
.news-box>div{
    width: 43%;
    padding: 2.5% 2.5% 2%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.news-top{
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.news-top span{
    float: left;
    padding-left: 10px;
    border-left: 3px solid #f31745;
    font-size: 20px;
    height: 20px;
    line-height: 20px;
}
.news-top a{
    float: right;
    font-size: 12px;
    color: #999;
}
.news-box dl{
    margin-bottom: 3%;
}
.news-box dt{
    width: 30%;
    float:left;
}
.news-box dt a:link{
    color: #444;
}
.news-box dt a img{
    border: 0;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}
.news-box dd{
    font-size: 14px;
    width: 67%;
    padding-left: 3%;
    color: #999;
    float:left;
}
.news-box dd>a{
    display: block;
    font-size: 16px;
    width: 100%;
    margin-bottom: 1.5%;
    color: #f31745;
    height: 24px;
    overflow: hidden;
}
.news-box dd p{
    line-height: 22px;
    text-indent: 2em;
}
.news-box dd p a{
    color: #f31745;
}
.news-box ul{
    list-style: none;
}
.news-box li{
    width: 96%;
    line-height: 30px;
    padding-left: 4%;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(../images/li_bg.png) no-repeat left center;
}
.news-box li a:link{
    color: #444;
}
.news-box dt img{
    border: 0;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}




.partner{
    width: 1200px;
    margin: 0 auto 2.6%;
}
.partner_cnt .clearfix{
    zoom: 1;
}
.partner_cnt a{
    display: block;
    float: left;
    width: 14.285%;
    text-align: center;
    margin-bottom: 2%;
    margin-right: 2%;
}
.partner_cnt a img{
    width: 100%;
}
.wrap{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.wrap>p{
    margin-top:10px;
}
.course_list{
    margin: 12px auto 38px;
}
.course_list li{
    float: left;
    width:18%;
    margin:0 1% 2%;
    text-align: center;

}
.course_list li a{
    display: block;
    border-radius: 50%;
    background-color: #ea68a2;
    width:180px;
    height: 116px;
    margin: 0 auto;
    text-align: center;
    padding: 64px 0 0;
}
.course_list li:nth-child(2) a{
    background-color: #05ddbc;
}
.course_list li:nth-child(3) a{
    background-color: #f19149;
}
.course_list li:nth-child(4) a{
    background-color: #d760d3;
}
.course_list li:nth-child(5) a{
    background-color: #f22535;
}
.clear:after{
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
}
.course_list li b{
    display: block;
    font-size: 26px;
    color: #fdf7f7;
    line-height: 1;
    text-shadow: 1.5px 2.6px 3px #e97cad;
}
.course_list li span{
    display: block;
    color: rgba(253,247,247,.8);
    line-height: 1.857;
    text-shadow: 1.5px 2.6px 3px #e97cad;
    margin-top: 7px;
}
.course_list li:nth-child(2) b{
    text-shadow: 1.5px 2.6px 3px #05ddbc;
}
.course_list li:nth-child(3) b{
    text-shadow: 1.5px 2.6px 3px #f19149;
}
.course_list li:nth-child(4) b{
    text-shadow: 1.5px 2.6px 3px #d430cf;
}
.course_list li:nth-child(5) b{
    text-shadow: 1.5px 2.6px 3px #aa0303;
}
.main_bg01{
    padding: 50px 0 1px 0;
    margin-bottom: 50px;
    background:url(../images/bg.jpg) no-repeat center;
}














/*jiaoda shouye end*/
/*jiaoda jianzhang begin*/
.top_gg,.jz_main,.qtkc{
    width: 1200px;
    margin:0 auto 2%;
}
.jz_main h2,.qtkc h2{
    height: auto;
    line-height: 44px;
    font-size:24px;
    text-align: left;
    border-bottom:1px #dedede solid;
    font-weight: bold;
    margin-bottom:25px;
}
.jz_main h2 i,.qtkc h2 i{
    font-weight: normal;
    font-size: 18px;
    margin-left:10px;
}
.jz_main h3{
    line-height: 24px;
    font-size:18px;
    border-left:4px #ff5757 solid;
    padding-left:10px;
    margin:15px 0 10px;
}
.jz_main p{
    text-indent: 2em;
    font-size:14px;
    margin-bottom:10px;
}
.jz_main ul.cjdx li{
    width: 23%;
    margin:0 1%;
    float:left;
    font-size:14px;
    line-height: 26px;
}
.qtkc .kc_main dl{
    float:left;
    width: 23%;
    margin:0 1%;
    background-color: #f0f0f0;
}
.qtkc .kc_main dl dt{
    text-align: center;
    overflow: hidden;
}
.qtkc .kc_main dl dt img{
    transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transform: scale(1,1);
    -webkit-transform:scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
}
.qtkc .kc_main dl:hover dt  img{
    transform: scale(1.2,1.2);
    -webkit-transform:scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
}

.qtkc .kc_main dl dd{
    padding:8%;
    font-size:14px;
    line-height: 26px;
}
.qtkc .kc_main dl dd a{
    display: block;
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(../images/newlist_icon.gif) no-repeat left center;
    padding-left:10px
}
/*jiaoda jianzhang end*/




@media only screen and (max-width:1200px){
    .top,.banner,.breadCrumb,.main,.wrap,#footer,.wonderful,.news-bg,.partner{
        width: 1024px;
    }
    .fengcai,.news-bg .xinwen{
        width: 100%;
    }

    .main01_cnt dt{
        width: 450px;
    }
    .main01_cnt dd{
        width: 50%;
    }
    .main02_cnt li{
        width: 10%;
        padding:2% 6.4%;
    }
    .main03_cnt dl dd{
        margin-top:30%;
    }
    .scoll li{
        width: 236px !important;
    }
    #caselist .prev{
        left:5px;
    }
    #caselist .next{
        right:5px;
    }
    .main06_cnt  dl.dl01 dt,.main06_cnt  dl.dl03 dt ,.main06_cnt  dl.dl05 dt,.main06_cnt dl dd{ padding:60px 0; }
    .main06_cnt dl.dl06,.main06_cnt dl.dl07,.main06_cnt dl.dl08,.main06_cnt dl.dl09{
        top:110px;
    }

    .top_gg, .jz_main, .qtkc{
        width: 1024px;
    }

    .wonderful .bk-cnt .center{
        width: 1024px;
    }
    .wonderful .list a{
        width: 224px;
    }
}

@media only screen and (max-width:1024px){
    .top,.breadCrumb,.main,.wrap,.wonderful,.news-bg,.partner{
        width:95%;
        margin:0 2.5%;
    }
    .top_logo{
        width:100%;
        padding:10px 0 5px;
    }
    .top .nav{
        width:100%;
        padding:0;
        margin-bottom:1%;
    }
    .banner{
        width: 100%;
    }
    p.tel span{
        padding:1% 0 1% 8%;
    }
    .main01, .main04{
        margin-bottom:10%;
    }
    .main02, .main05, .main07{
        margin-bottom:5%;
    }
    h2,.main01 h2{
        margin-bottom:4%;
    }
    .main01_cnt{
        padding:2%;
    }
    .main01_cnt dt{
        position: inherit;
        top: auto;
        width: 40%;
    }
    .main01_cnt dd{
        width:58%;
    }
    .main01_cnt dd p{
        line-height: 26px;
    }
    .main02_cnt li{
        width: 13%;
        padding:3% 5.3%;
        margin:0 0.5%;
    }
    .main03_cnt dl{
        width: 24%;
        margin:0 0.5%;
    }
    .main03_cnt dl dd b{
        margin-top:20%;
    }
    .course_list li{
        width:30.33333333333333%;
        margin:0 1.5% 3%;
    }

    .scoll_cnt_nr{
        width:768px;
        margin:0 auto;
    }
    .scoll_cnt_nr{
        width: 729px;
    }
    .scoll li{
        width: 223px !important;
    }

    .main06_cnt dl{ width: 24.6% ;font-size:16px; }

    .main06_cnt  dl.dl01 dt,.main06_cnt  dl.dl03 dt ,.main06_cnt  dl.dl05 dt,.main06_cnt dl dd{ padding:30% 0; }
    .main06_cnt dl.dl05{ position: absolute; top:110px; margin-left:12.7%; overflow:hidden; height:100%;  }
    .main06_cnt dl.dl06{ margin-left:37.7%; }
    .main06_cnt dl.dl07{ margin-left:62.7%; }
    .main06_cnt dl.dl08{top:220px; margin-left:25.2%; }
    .main06_cnt dl.dl09{top:220px; margin-left:50.2%; }
    .main06_cnt .main08_lx{ margin-top:35%; }
    .main06_cnt .main08_lx a{ width: 40% }
    .main06_cnt .main08_lx a.gdxy{ margin:0 2% 0 8%; }
    .main06_cnt .main08_lx a.mflq{ margin:0 8% 0 2%; }
    .main06 p.tel{margin-top:20%;}
    .bmbd_cnt_l{
        width: 35%;
        margin:0 2%;
    }
    .bmbd_cnt_l li span{
        width: 35%;
    }
    .bmbd_cnt_l li input,.bmbd_cnt_l li select{
        width: 64%;
    }
    .bmbd_r{
        width: 52%;
    }
    .main07 ul li{
        width: 17.5%;
    }
    #footer{
        width:95%;
        margin:1.5% 2.5%;
    }

    .top_gg{
        display: none;
    }
    .jz_main, .qtkc{
        width:95%;
        margin:0 2.5% 3%;
    }
    .jz_main ul.cjdx li{
        width: 48%;
    }

    .wonderful .bk-cnt .center{
        width: 922px;
    }
    .wonderful .list a{
        width: 198.5px;
    }
}

@media only screen and (max-width:970px){
    .news-box dt{
        display: none;
    }
    .news-box dd{
        width: 97%;
    }
    .wonderful .bk-cnt .center{
        width: 730px;
    }
    .wonderful .list a{
        width: 150.5px;
    }
}
@media only screen and (max-width:900px){
    .main01_cnt{
        padding:4%;
    }
    .main01_cnt dt{
        width: 100%;
        margin-bottom:3%;
    }
    .main01_cnt dd{
        width: 100%;
    }
    p.tel a.yybm{
        padding:1% 5%;
    }

    .main02_cnt li{
        width:15%;
        padding:3% 4.25%;
    }
    .main03_cnt dl{
        width: 48%;
        margin:0 1% 4%;
    }
    .main03_cnt dl dd{
        margin-top:15%;
    }
    .main03_cnt dl dd b{
        margin-top:10%;
    }
    .main06_cnt li.li01, .main06_cnt li.li03, .main06_cnt li.li05{
        font-size:16px;
    }


    .qtkc .kc_main dl{
        width: 46%;
        margin:0 2% 4%
    }

}

@media only screen and (max-width:767px){
    .top{
        width:100%;
        margin:0;
    }
    .top .nav{
        height:60px;
        line-height:60px;
        padding:5px 0;
    }
    .top .nav a{
        width:25%;
        height:30px;
        line-height:30px;
    }
    h2{
        font-size:32px;
        height: auto;
    }
    .main02_cnt li {
        margin:1%;
        width:18%;
        padding:5% 14.8%;
    }
    .main03_cnt dl dd{
        margin-top:25%;
    }
    .main03_cnt dl dd b{
        margin-top:20%;
    }
    .scoll_cnt_nr{
        width: 646px;
    }
    .scoll li{
        width: 205px !important;
        margin:0 5px;
    }
    .course-tit li{
        width: 30.53333333%;
    }
    .course-box dl dt{
        width: 100%;
        text-align: center;
    }
    .course-box dl dd{
        width: 100%;
        margin-left:0;
    }
    .course-box dl dd p,.course-box dl dd .p04{
        font-size:14px;
    }
    .course-tit li{
        font-size:14px;
    }
    .partner_cnt a{
        width: 23%;
        margin: 0 1% 2%;
    }
    .main06_cnt dl p.p01 b{ font-size:30px;}
    .main06_cnt dl.dl05{  top:100px; }
    .main06_cnt dl.dl06{ margin-left:37.7%; top:100px;}
    .main06_cnt dl.dl07{ margin-left:62.7%;top:100px;}
    .main06_cnt dl.dl08{top:200px; }
    .main06_cnt dl.dl09{top:200px; }
    .main06_cnt dl dd{ padding:28% 0; }
    .bmbd_cnt_l{
        width:74%;
        margin:0 10% 5%;
    }
    .bmbd_cnt_l li span{
        width: 20%;
    }
    .bmbd_cnt_l li input{
        width: 75%;
    }
    .bmbd_r{
        width:80%;
        margin:0 10%;
    }
    .bmbd_r .address,.bmbd_r .tel{
        padding-left:40px;
    }
    .bmbd_r .address .add_tit span{
        font-size:24px;
    }
    #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;
    }
    .mobile-footer,.mobile-footer-zx{
        display:block;
    }

    .jz_main, .qtkc{
        width: 90%;
        margin:0 5% 5%;
    }
    .jz_main h2 i, .qtkc h2 i{
        display: none;
    }

    .wonderful .bk-cnt .center{
        width: 647px;
    }
    .wonderful .list a{
        width: 183px;
    }
}
@media only screen and (max-width:680px){
    p.tel{
        line-height: inherit !important;
    }
    p.tel a.yybm{
        display: block;
        padding:0 3%;
        width: 40%;
        margin:0 27% 4%;
        line-height: 40px;
    }
    p.tel span{
        padding:1% 0 1% 10%;
    }
    .scoll_cnt_nr{
        width: 570px;
    }
    .scoll li{
        width: 180px !important;
    }
    #caselist .prev, #caselist .next{
        top:80px;
    }
    .course_list li a{
        width:144px;
        height: 100px;
        padding:44px 0 0;
    }
    .course_list li b{
        font-size:20px;
    }
    .main06_cnt  dl.dl01 dt,.main06_cnt  dl.dl03 dt ,.main06_cnt  dl.dl05 dt,.main06_cnt dl dd{ padding:23% 0; }
    .main06_cnt dl.dl05,.main06_cnt dl.dl06,.main06_cnt dl.dl07{
        top:85px;
    }
    .main06_cnt dl.dl08,.main06_cnt dl.dl09{
        top: 175px;
    }
    .main06 p.tel{
        margin-top:25%;
    }
    .main07 ul li{
        width: 22.5%;
    }


    .wonderful .bk-cnt .center{
        width: 513px;
    }
    .wonderful .list a{
        width: 139px;
    }

    .news-box .news-left,.news-box .news-right{
        width: 95%;
    }
    .news-box li{
        padding-left: 2%;
    }
}
@media only screen and (max-width:640px){
    .main06_cnt li{
        width: 33.3333%;
    }
    .main06_cnt li.li01, .main06_cnt li.li03, .main06_cnt li.li05{
        padding:10% 7% 8%;
        width: 19.333333%;
        height:18%;
    }
    .main06_cnt li.li04,.main06_cnt li.li05{
        top:22%;
    }
    .main06_cnt li.li04{
        position: absolute;
        margin-left:16.555555%;
    }
    .main06_cnt li.li05{
        margin-left:50.5%;
    }
    .main06_cnt li.li06, .main06_cnt li.li07,.main06_cnt li.li08{
        top:44%;
    }
    .main06_cnt li.li06{
        margin-left:0;
    }
    .main06_cnt li.li07{
        margin-left:33.33333%;
    }
    .main06_cnt li.li08{
        margin-left:66.666666%;
    }
    .main06_cnt li.li09{
        top:66%;
        margin-left:16.555555%;
    }

}
@media only screen and (max-width:600px){
    .main02_cnt li {
        width:23%;
        padding:5% 12%;
    }
    p.tel a.yybm{
        display: block;
        width: 50%;
        margin:0 25% 3%;
        padding:0;
        line-height: 36px;
    }
    .scoll_cnt_nr{
        width: 513px;
    }
    .scoll li{
        width: 161px !important;
    }
    .main05_cnt .fzsj_cnt_l, .main05_cnt .fzsj_cnt_r{
        width: 100%;
    }
    .main06_cnt dl{ width: 32.933333% ; margin:0 0.2% 0.5%;}
    .main06_cnt dl.dl04{ position: absolute; top:100px; margin-left:16.866665%; }
    .main06_cnt dl.dl05{margin-left:49.199998%;top:100px;}
    .main06_cnt  dl.dl01 dt,.main06_cnt  dl.dl03 dt ,.main06_cnt  dl.dl05 dt,.main06_cnt dl dd{ padding:26% 0; }
    .main06_cnt dl.dl06{ margin-left:0; top:200px}
    .main06_cnt dl.dl07{ margin-left:33.5333333%; top:200px;}
    .main06_cnt dl.dl08{ margin-left:66.866666666%;top:200px }
    .main06_cnt dl.dl09{ margin-left:16.866665%; top:300px; }
    .main06_cnt .main06_lx{ margin-top:70%;}
    .main06_cnt .main06_lx a{ width: 48%; margin:0 1% 2% !important; }
    .main06 p.tel{
        margin-top:50%;
    }
    .bmbd_cnt_l{
        width:89%;
        margin:0 2.5% 5%;
    }
    .bmbd_r{
        width:100%;
        margin:0;
    }
}
@media only screen and (max-width:540px){
    .scoll_cnt_nr{
        width: 456px;
    }
    .scoll li{
        width: 218px !important;
    }
    .jz_main ul.cjdx li{
        width: 100%;
        margin:0;
    }


    .wonderful .bk-cnt .center{
        width: 456px;
    }
    .wonderful .list a{
        width: 196px;
    }
    .partner_cnt a{
        width: 31.33333333%;
    }
}

@media only screen and (max-width:480px){
    p.tel a.yybm{
        width: 60%;
        margin:0 20% 5%;
    }
    p.tel span{
        padding:1% 0 1% 15%;
    }
    .main02_cnt li {
        width:30%;
        padding:5% 8.5%;
    }
    .main03_cnt dl{
        width: 98%;
    }
    .main03_cnt dl dd{
        margin-top:15%;
    }
    .main03_cnt dl dd b{
        margin-top:10%;
    }
    .course_list li a{
        width:120px;
        height: 80px;
        padding:40px 0 0
    }
    .course_list li b{
        font-size:18px;
    }
    .course_list li span{
        font-size:12px;
    }
    .scoll_cnt_nr{
        width: 380px;
    }
    .scoll li{
        width: 180px !important;
    }
    .main06_cnt .main06_lx a{ width: 80%;margin:0 10% 2% !important;}
    .main06_cnt dl{ width:49.6%;}
    .main06_cnt dl.dl03{ position: absolute; top:45%; margin-left:25.2%; overflow:hidden; height:100%; }
    .main06_cnt dl.dl04{margin-left:0%;top:90%;}
    .main06_cnt dl.dl05{margin-left:50.2%;top:90%;}
    .main06_cnt dl.dl06{margin-left:25.2%;top:135%;}
    .main06_cnt dl.dl07{margin-left:0%;top:180%;}
    .main06_cnt dl.dl08{margin-left:50.2%;top:180%;}
    .main06_cnt dl.dl09{margin-left:25.2%;top:225%;}
    .main06_cnt dl p.p01 b{ font-size:20px;}
    .main06_cnt  dl.dl01 dt,.main06_cnt  dl.dl03 dt ,.main06_cnt  dl.dl05 dt, .main06_cnt dl dd{ padding:31% 0;}
    .main06_cnt .main06_lx{ margin-top:140%;}
    .main06 p.tel{margin-top:130%;}
    .main07 ul li{
        width: 30.5333333%;
    }


    .bmbd_cnt_l li span{
        width: 30%;
    }
    .bmbd_cnt_l li input{
        width:67%;
    }
    .wexin dt{
        width: 100%;
        text-align:center;
    }
    .wexin dd{
        width: 100%;
        text-align:center;
    }


    .wonderful .bk-cnt .center{
        width: 380px;
    }
    .wonderful .list a{
        width: 158px;
    }

    .news-box li{
        padding-left: 4%;
    }
    .bmbd_cnt_l li select{
        width: 70%;
    }
}

@media only screen and (max-width:440px){
    .qtkc .kc_main dl{
        width: 90%;
        margin: 0 5% 5%;
    }

}
@media only screen and (max-width:400px){
    .main02_cnt li {
        width:35%;
        padding:5% 6%;
    }
    .main02_cnt li span{
        margin-top:65%;
    }
    .main03_cnt dl dd b{
        margin-top:15%;
    }
    .course_list li{
        width:47%;
    }
    .course_list li a{
       width:140px;
        height: 100px;
        padding:40px 0 0;
    }
    .scoll_cnt_nr{
        width: 304px;
    }
    .scoll li{
        width: 294px !important;
    }
    #caselist .prev, #caselist .next{
        top:120px;
    }
    .main06_cnt dl.dl01 dt, .main06_cnt dl.dl03 dt, .main06_cnt dl.dl05 dt, .main06_cnt dl dd{
        padding:25% 0;
    }

    .bmbd_cnt_l li span{
        width: 30%;
    }


    .wonderful .bk-cnt .center{
        width: 304px;
    }
    .wonderful .list a{
        width: 272px;
    }
}