*, *:before, *:after {box-sizing:border-box;}
body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input {margin:0;padding:0;-webkit-text-size-adjust: none;box-sizing:border-box; }
h1, h2, h3, h4, h5, h6{font-size:12px;}
body>div, form>div,body>section {margin:0 auto}
div {text-align:left}
a img {border:0}
table{border-collapse:collapse; border-spacing:0}
select,input,textarea{ outline: none }
body { color: #5c5c5c; text-align: center; font-size:100%; font-family:'Heiti SC','Microsoft YaHei';  margin: 0 auto ;
box-sizing:border-box; position:relative; padding-bottom:10%;}
ul, ol, li {list-style-type:none;vertical-align:0}
a {outline-style:none;color:#fff;text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #CECECE; opacity:1; padding-left:5px; letter-spacing:2px;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #CECECE;opacity:1;padding-left:5px; letter-spacing:2px;
}

input:-ms-input-placeholder{
    color: #CECECE;opacity:1;padding-left:5px;letter-spacing:2px;
}

input::-webkit-input-placeholder{
    color: #CECECE;opacity:1;padding-left:5px;letter-spacing:2px;
}

.content{ max-width:640px; min-width:320px; background-size:cover; padding:0rem 1rem ;}
.banner,.banner1,.banner2{ max-width:640px; min-width:320px;}
.banner img,.banner1 img,.banner2 img{ width:100%;}
.banner img{margin:0;padding: 0;display: block;}
.back{background:#EFEFEF;}
.banner1{}
.banner1 h1{background: #000;border-bottom: 1px solid #423E3F;font-size: 0.75rem;text-align: center;color:#FF7F00;line-height: 2rem;}
header{ width:100%;overflow:hidden; background:#fff;position:relative;}
.m-pageTel img{ margin:1rem auto 0;}
.m-logo{padding-top:10px; width:100px; float:left;}
.m-logo img{display:block; width:100px; }
.m-tel{ float:right; padding-top:10px;  width:100px; }
.m-tel dl{ float:right;color:#0175c0;margin:0;}
.m-tel dl dt{ background:url(../images/tel.png) no-repeat left center; font-size:0.8rem; height:1rem; padding-left:1.6rem; margin-bottom:0.125rem;}
.m-tel dl dd{ font-size:0.95rem;  text-align:right;}
.m-mark{ float:left; width:14.75rem; position:absolute; left:50%; margin-left:-7.38rem;}
b{color:#799B44;font-weight: normal;font-size: 18px;}
.title{ overflow:hidden; width:100%; padding:2% 0rem; margin:0 auto 0.6rem;text-align: center;}
.title h1{text-align:center; width:100%; height:auto; font-size:16px;font-weight: bold;}
.title p{color:#fff;font-size: 12px;text-align: left;text-decoration: underline;margin:0;}
.title p b{color:#FCD88C;}

.ju{background: #E9E9E9;}
.sec .col-4{overflow: hidden;padding:10px 10px;}
.sec a{font-size: 16px; padding:3px 5px;display: block;color:#fff;text-align: center;border-radius: 5px;}

.sec1{padding-top:20px;}
.sec1 .title{background: url(../images/line.png)no-repeat bottom center;background-size: 100%}
.sec1 img{display: block;width:100%;}

.sec2 .title{background: url(../images/line.png)no-repeat bottom center;background-size: 100%}
.sec2{padding-top:20px;}
.sec2 p{font-size: 14px;}
.sec2 .col-12{border-bottom:#6E6E6E 1px dashed;padding-bottom:5px;padding-top:5px;}
/*.sec2 .col-5,.sec2 .col-7{padding-right:2px;padding-left: 2px;}*/
.sec2 .col-5 img{width:100%;display: block;}
.sec2 .col-7 h3{font-size: 1.2rem;font-weight: bold;}
.sec2 .col-7 p{font-size: 14px;margin-bottom: 0;}

.sec3{background:#F1F2F7;    overflow: hidden;padding-top:20px;}
.sec3 .col-12 {background: #DFE5F3;border-bottom:1px solid #fff;}
.sec3 .title{  margin:0 -15px;width:auto;}
.sec3 .title b{color:#208ABA;}
.sec3 img{width:100%;margin-bottom: 10px;display:block;}

.sec4{padding-top:20px;}
.sec4 .title b{color:#208ABA;}
.sec4 p{font-size: 14px;}
.sec4 img{width:100%;    margin-bottom: 20px;}



.sec5{background:#E8E8E8;overflow: hidden;padding-top:20px;}
.sec5 .title h1{color:#2B2B2B;}
.sec5 .title p{color:#2B2B2B;text-decoration: none;font-size: 14px;}
.sec5 b{color:#2B2B2B;}
.sec6{padding-bottom: 10px;}
.sec6 .title{margin:0 auto;}
.sec6 img{width:100%;}
.sec6 {padding-top: 20px;}
.sec6 b{color:#EC5923;}
.sec6 p{font-size: 15px;}
.sec6 .col-12 img{width:30%;float: left;}
.sec6 .col-12 p{width:70%;float: right;height:100%;    display: flex;
    justify-content: center;
    align-items: Center;
    margin-bottom: 0;}
.sec7{background: #F46279;padding-top:20px;}
.sec7 .title,.sec7 p{color:#fff;}
.sec7 b{color:#fff;}
.sec7 .col-12{margin-bottom: 10px;padding:0 40px;text-align: center;}
.sec7 .col-12 h3{background: #D12C30; color:#fff;width:20%;float: left;font-size: 30px;height:100% !important;padding:5px;}
.sec7 .col-12 p{background: #E03346;color:#fff;width:80%;float: right;height:100%;    display: flex;
    justify-content: center;
    align-items: Center;
    margin-bottom: 0;
    padding:5px 10px;
    text-align: left;}
.sec7 p{font-size: 15px;}


.cent_4 .title{ padding: 1rem 0 0 0;
    margin: 0;}
.cent_4 .stc_p{ font-size:1.125rem;}
.cent_4 .title h1{ color:#F4C750;}

.cent_4 ul li{width:90%;margin:0 auto;padding: 0 0 1rem 0;;}
.cent_4 ul li span{font-size: 1rem;font-weight: bold;}
.cent_4 ul li input{font-size: 1.2rem;
    width: 70%;
    border: #000 1px solid;
    background: #E8E8E8;
    line-height: 2rem;
    margin: 0 auto;
    display: block;}
.cent_4 ul li a{display: block;width:70%;margin:0 auto; font-size: 1rem;line-height: 1.2rem; font-style: normal;}
.cent_4 ul li #test2{    background: #313131; color:#fff; }

.cent_4 p{color:#ECEBE6;font-size: 1rem;text-align: center;width: 83%;margin:0 auto;}
.cent_4 .tuan{background:url(../images/99bg.png)no-repeat top center;}
.cent_4 .tuan li{color:#fff;text-align: left;}
.cent_4 img{display: block;width:100%;}
.cent_4 ul a{display: block;background:#F4C750;color:#5160A5;text-align: center;font-size: 1rem;padding:0.4rem 0;}

.cent_5 img{ width:95%;display: block; overflow:hidden;vertical-align:bottom;margin:0 auto;}
.stu_bx{ color:#012044; width:100%; box-sizing:border-box; z-index:10; border:4px solid #d8d8d8; padding-bottom:1rem; }
.stu_bx h3{ background:#f0f0f0; padding:2.2% 0rem; text-align:center; color:#b30019; font-size:1.5rem; font-weight:normal;}
.stu_bx dl{ overflow:hidden; padding:1rem 1rem 0rem;}
.stu_bx dl dt{ float:left; width:37%;}
.stu_bx dl dt img{ width:100%;}
.stu_bx dl dd{ float:right; width:57%; padding-top:2rem; color:#b30019; line-height:2rem; font-size:1.25rem;}
.stu_bx p{ font-size:1rem; line-height:1.875rem; display:block; width:100%; text-indent:2em; padding:1rem 1rem 0rem;}
.cent_6{overflow: hidden;}
.cent_6 .title{padding: 0;margin:0 auto;background: url(../images/title.png)no-repeat top center;background-size: 100%;}
.cent_6 .title h1{color:#1B191A;margin: 0.5rem 0 2rem 0;}
.cent_6 .box{margin:1rem auto;}
.swiper-container{width:95%;margin:0 auto;padding:0;}
.swiperTab{display:flex;width:95%;flex-direction:row;justify-content:center;align-items:center;margin:0 auto;align-items: flex-end;}
.swiperTab li{display:flex;background:#707070;cursor:pointer;flex:1;flex-direction:row;justify-content:center;align-items: center;border-right: 0.1rem solid #F9DE9B;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;padding:0.1rem 0;color:#000;}

.swiperTab li.active{background-color:#F3C44E;padding:0.2rem 0;}
.swiper-container .swiper-slide{padding: 0;}
.swiper-slide{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:20px}
.swiper-slide img{width:100%;display: block;}



 address{font-style: normal;line-height: 2rem;text-align: center;}
.cent_7 a span{width: 0px;
    height: 2px;
    position: relative;
    top: 0.2rem;
    left:0.4rem;

    display: inline-block;
    border-top:0.5rem solid transparent;
    border-left: 0.5rem solid #000;
    border-bottom: 0.5rem solid transparent;
    font-size: 10px;
    line-height: 0px;}
.cent_7 .zx_2 span{
    border-left: 0.5rem solid #fff;
    }
.clear:after{content:" ";display:block;visibility:hidden;height:0;clear:both;}
.cent_7{ padding:0rem 0.5rem; width:100%; float:left; z-index:100; position:fixed; bottom:0.1rem;}
.cent_7 a{ display:block; width:16.125rem; height:3.5625rem;  background:#FFCC00; font-size:1.625rem; color:#000; text-align:center; line-height:3.2rem;}
.cent_7 a.zx_1{ float:left;}
.cent_7 a.zx_2{ float:right;color:#fff;background: #079D94;}



@media (max-width:480px){
.content{ padding:0rem 0.5rem;}


.m-mark{width:9.88rem; margin-left:-4.5rem;}
.m-mark img{width:10.5rem;}
.m-tel dl dt{  font-size:0.7rem; height:0.8rem; padding-left:1.1rem; margin-bottom:0.05rem;}
.m-tel dl dd{ font-size:0.7rem;}




.cent_1 ul li p span{ font-size:0.7rem;}
.stc_p{font-size:0.7rem; line-height:1.3rem; padding:0px 0px 0.5rem;}
.cent_1 .fenxi{       font-size: 0.8rem;
    color: #000;
    line-height: 1.8rem;
    width: 37%;
    float: right;
    padding-bottom: 0.5rem;}
.cent_2 .sc_cont h2{ font-size:0.7rem; left:-0.5rem;}
.cent_2 .sc_cont h3{ font-size:0.6rem; width:70%; left:2%; top:23%;}
.cent_2 .sc_cont p{ width:75%; left:2%; line-height:1rem;}
.cent_2 .sc_cont img{ width:5rem; top:27%; right:0.2rem;}

.banner1 img{margin:1.5rem 0rem 0.8rem;}
.cent_3 .shizi{padding: 0rem 0.8rem;}
.cent_3 .shizi h3{color:#fff;font-size:1rem;line-height: 2rem;padding-top: 0;height:2.5rem;}
.cent_3 .shizi p{color:#fff;font-size:0.8rem;}
.cent_3 dl{ height:8rem; padding:0.2rem; margin-bottom:2rem;}
.cent_3 dl dd{ font-size:0.7rem; line-height:0.9rem; padding-top:0.1rem;}
.cent_3 dl.hx_dl dd{ line-height:0.98rem;}

.cent_4 .stc_p{ font-size:0.95rem;}

.cent_4 ul li dl dt{ width:45%; padding-top:0.6rem;}
.cent_4 ul li dl dd{ padding-top:0rem;}
.cent_4 ul li dl dd h3{ font-size:1rem;}
.cent_4 ul li dl dd p{ font-size:0.7rem;}
.cent_4 p{ font-size: 0.9rem;
    text-align: center;
    width: 100%;}   
.stu_bx h3{ font-size:1.3rem;}
.stu_bx dl dd{ font-size:1rem; line-height:1.5rem; padding-top:1rem;}
.stu_bx p{ font-size:0.9rem; line-height:1rem;}

.cent_7 a{width:8.5rem; height:2.1rem; font-size:1rem; line-height:2.1rem;}


}
@media only screen and (max-width:420px){
    .title h1{font-size: 18px;}
    .title h1 b{font-size: 20px;}

}
@media only screen and (max-width:380px){
.content{ padding:0rem 0.5rem;}

.m-mark{width:8.88rem; margin-left:-4.5rem;}
.m-mark img{width:8.88rem;}
.m-tel dl dt{  font-size:0.7rem; height:0.8rem; padding-left:1.1rem; margin-bottom:0.05rem;}
.m-tel dl dd{ font-size:0.7rem; }
.title h1{font-size: 16px;}
.sec4 p{font-size: 13px;}
.sec6 p{font-size: 14px;}
.sec7 .col-12{padding:0 10px;}


.cent_7 a{width:8.5rem; height:2rem; font-size:0.8rem; line-height:2rem;}


}

@media only screen and (max-width:320px){
.content{ padding:0rem 0.5rem;}

.m-mark{width:7.375rem; margin-left:-4.5rem;}
.m-mark img{width:7.375rem;}
.m-tel dl dt{  font-size:0.7rem; height:0.8rem; padding-left:1.1rem; margin-bottom:0.05rem;}
.m-tel dl dd{ font-size:0.5rem; }


.sec6 p {
    font-size: 12px;}
.sec7 .col-12{padding:0 5px;}
.sec7 .col-12 h3{background: #D12C30; color:#fff;width:20%;float: left;font-size: 30px;height:100%;padding:5px;}
.sec7 .col-12 p{background: #E03346;color:#fff;width:80%;float: right;height:100%;    display: flex;
    justify-content: center;
    align-items: Center;
    margin-bottom: 0;
    padding:5px 5px;
    text-align: left;}
.cent_7 a{width:8.5rem; height:1.9rem; font-size:0.8rem; line-height:1.9rem;}

}












