@charset "utf-8";

/* CSS Document */

.content{width: 9.6875rem;margin:0 auto;overflow: hidden}

.ltit{text-align: center;}

.toptit{font-size: 0.5rem;font-weight: bold;color:#ff5b0a;margin-top: 0.3125rem;line-height: 0.703125rem; }

.subtit{font-size: 0.36rem;color:#535252;margin-top: 0.25rem;margin-bottom: 0.625rem;line-height: 0.36rem; }

.zxbtn a{font-size: 0.34375rem;border-width:2px; border-style: solid;display: inline-block;line-height:0.65625rem;width:3.65625rem;border-radius:0.328125rem;margin-top: 0.625rem;margin-bottom: 0.625rem;   }

.zxbtn a:nth-of-type(1){ border-color:#ff8838;color:#ff8838}

.zxbtn a:nth-of-type(2){ border-color:#333333;color:#333333;margin-left: 0.6875rem;}

.zxbtn{text-align: center}

.cleft{float: left;}

.cright{float: right;width: 50%;}

.cleft.thum{width: 4.6875rem;height: 5.15625rem;}

.kstel{height: 2.6875rem;background-color: #ffaa01;}

.kstel .kstit{font-size: .5rem;font-weight: bold;color: #fff;text-align: center;padding-top:.5rem;margin-bottom: 0.34375rem; }

.kstel .kstit img{display: inline-block;width: 0.9375rem;vertical-align:-.25rem}

.ksphone{width: 6.78125rem;height:0.65625rem;line-height: 0.65625rem;border-radius:2px;background-color: #fff; font-size:0.28125rem ;color: #434343;border: none;margin-left: 0.4375rem;text-indent: 1em; }

.kstj{display:block;width: 1.90625rem;height:0.65625rem;line-height: 0.65625rem;border-radius:2px;font-size: 0.28125rem;color: #fff;background: #434343;border: none;float: right;margin-right: .5rem;}

.c2item li{float:left;width:4.46875rem;height: 3.90625rem;background: #fff;box-shadow: 0 0 .2rem rgba(4,4,4,0.1); border-radius: .1rem;margin-bottom: .3rem}

.c2item li:nth-of-type(2n-1){margin-left:.25rem;margin-right: .3rem; }

.thumtext{text-align: center;font-size:.375rem;margin-top: 0.25rem;color:#666666;}

.c2item_thum{width: 4.109375rem;margin: 0.15625rem auto}

.c2item li:nth-of-type(3),.c2item li:nth-of-type(4){margin-bottom: 0}

.c3item li{float:left;width:4.6875rem; }

.c3item li:nth-of-type(2n){margin-left: 0.3125rem}

.kctit{text-align: center;font-size: .4rem;margin-bottom: .25rem;margin-top:0.3rem;color:#333333}

.kcdes{text-align: center}

.kcdes span{font-size:0.3125rem;display: inline-block;width: 1.6875rem;height:0.546875rem;line-height: 0.546875rem;border-radius: 2px; }

.kcdes span:nth-of-type(1){color:#fa010b;background-color: #ffe5e6}

.kcdes span:nth-of-type(2){color:#0066ff;background-color: #e3f4fd;margin-left: 0.15625rem;}

.c3item .zxbtn a{margin-top: .3rem;margin-bottom: .5rem}

.cbox .des{font-size:.36rem;color:#333333;line-height:2; text-indent:2em;}

.content4 .cbox .des{margin-bottom:.2rem}

.c5item{margin-top: 0.625rem;}

.c5item li{width: 2.9375rem;height: 2.9375rem;border-radius:1.46875rem;border: 2px solid #7c7c7c; display: -webkit-box;-webkit-box-orient: horizontal;-webkit-box-pack: center;-webkit-box-align: center;display: -moz-box;-moz-box-orient: horizontal;-moz-box-pack: center;-moz-box-align: center; display: -o-box; -o-box-orient: horizontal; -o-box-pack: center; -o-box-align: center; display: -ms-box;-ms-box-orient: horizontal;-ms-box-pack: center;-ms-box-align: center;display: box;box-orient: horizontal; box-pack: center; box-align: center;float:left;color:#333333;font-size:0.3125rem;text-align: center}

.c5item li:nth-of-type(2){margin-left:0.25rem;margin-right: 0.25rem; }

.c5item li span{font-size: 0.890625rem;font-weight: bold;font-family: 'Impact'}

.content1 .toptit{font-size: 0.5rem;font-weight: bold;color:#ff5b0a;margin-top: 0.6875rem;line-height: 0.703125rem; }

/*轮播*/

.picMarquee-left{width: 9.6875rem; overflow:hidden; position:relative;margin-top: .25rem}

.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }

.picMarquee-left .bd{ padding:10px;   }

.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }

.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;width: 4.421875rem  }

/*

.litem li{width: 5.625rem;}

.litem li:nth-of-type(1){margin-top: 0.390625rem;margin-bottom: 0.4375rem;}

.litem li:nth-of-type(2){margin-bottom: 0.4375rem;}

.litem li img{width:1.1875rem;height: 1.1875rem;float: left}

.itemtext{margin-left:.25rem;float: left}

.itemtext .zh{font-size:0.375rem;font-weight: bold;color:#333333;padding-top: 0.25rem;}

.itemtext .en{text-transform: uppercase;font-size: .22rem;margin-top:.2rem;letter-spacing: 0px;}

*/

/*head*/
.na {
	width: 100%;
}
.na li:first-child {
	border-left: none;
	width: 25%;
}
.na li {
	float: left;
	width: 25%;
	border-right: 1px solid #FFF;
	text-align: center;
	line-height: 50px;
	height: 50px;
	background: #ee2d00;
	color: #fff;
	border-bottom: 2px solid #fff;
	    box-sizing: border-box;
}

.zy {
    width: 93.75%;
    margin: 1.1rem auto;
}.zy li {
    width: 49%;
    margin-right: 2%;
    float: left;
    margin-bottom: 0.6rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #eee;
    padding: 0.25rem;
}
.wrap a {
    color: #000;
    text-decoration: none;
}
.zy img {
    border: 0 none;
    width: 100%;
    display: block;
}
.zy h3 {
    text-align: center;
    color: #000;
    font-size: 1.2rem;
    line-height: 2.4rem;
}
.zy_btn {
    width: 88%;
    margin: 0.5rem auto;
}
.zy_btn a:first-child {
    margin-right: 6%;
    background: #fff;
    color: #ee2d00;
    border: 1px solid #ee2d00;
}
.zy_btn a {
    display: inline-block;
    width: 43%;
    background: #ee2d00;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    line-height: 2rem;
    font-size: .7rem;
}

.fixed{position: fixed; max-width:640px;width:100%;height: 60px; background: #ee2d00;bottom: 0;padding-top:5px;z-index: 999999;}
.fixed ul li{float:left;width:25%;text-align: center; }
.fixed ul li img{display: block;margin: 2px auto;width: 25px;}
.fixed ul li a{color: #fff;font-size: 14px;}
.footer{text-align: center;font-size:1em;width: 100%;clear: both;background-color: #fff;margin-bottom: 1rem;}
.footer p{color: #888;line-height: .7rem;}
.foot-relative a{ float:left; width:25%;} 

div#hdyj{
	width: 100%;
	float: left;
}
div#hdyj h5 img {
    width: 23px;
    float: left;
    vertical-align: middle;
    margin: 10px 15px 0px 15px;
}

div#hdyj h5 {
    height: 42px;
    background-color: #ff5b0a;
    text-align: left;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 42px;
}
div#hdyj h5 a {
    color: #fff;
    float: right;
    font-size: 18px;
    margin-right: 20px;
	line-height:42px;
}

div#hdyj li {
    width: 49%;
    float: left;
    margin-bottom: 12px;
}
div#hdyj li img {
    display: block;
    float: left;
    width: 100%;
}
div#hdyj ul {
    width: 100%;
    float: left;
    margin-top: 20px;
}
.hdyj .btn-main {
    width: 100%;
    float: left;
    margin: 15px 0px 35px 0px;
}
h4.title {
    font-size: 24px;
    color: #404040;
    text-align: center;
    margin: 32px 0px;
    line-height: 36px;
}
h4.title small {
    color: #6f6f6f;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}
h4.title b {
    color: #ff5b0a;
    font-size: 24px;
}
h4.title p {
    font-size: 18px;
    color: #7f7f7f;
    text-align: center;
    margin: 0px 0px;
    font-weight: 400;
    margin-top: 5px;
    line-height: 30px;
}
.flr {
    float: right !important;
}
.htms {
    background-color: #f6f6f6;
    margin-top: 20px;
}
div#teacher {
    width: 100%;
    float: left;
}
p.ygsz img {
    width: 21px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
}

p.ygsz {
    color: #4b4b4b;
    font-size: 18px;
    margin: 20px 0px;
    width: 100%;
    float: left;
    text-align: center;
}
ul.zxpks li {
    display: block;
    color: #4b4b4b;
    font-size: 18px;
    padding: 0px 0px;
    background-color: #fff;
    float: left;
    margin-right: 5%;
    line-height: 35px;
	width: 16%;
	border-radius: 10px;
    text-align: center;
}

ul.zxpks {
    width: 100%;
    float: left;
    padding-bottom: 20px;
    border-bottom: dotted 1px #d2d2d2;
    margin-bottom: 0px;
    margin-top: 15px;
}
.htms .btn-main{
	margin: 30px 0px;
}
ul.xz-main li {
    width: 32%;
    float: left;
	margin-right: 2%;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 14px;
}
ul.xz-main li h6 {
    font-size: 16px;
    height: 40px;
    color: #000;
    font-weight: 400;
    line-height: 40px;
    background-color: #f6f6f6;
}
.container{
    width: 95%;
    margin: 0px auto;
}
.mar0{
    margin-right: 0px !important;
}
.btn-main {
    width: 100%;
    float: left;
    margin: 35px 0px;
}
.btn-container {
    width: 80%;
    margin: 0px auto;
}
.btn-main a {
    width: 180px;
    height: 40px;
    display: block;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background-color: #ff4f01;
    line-height: 40px;
    border-radius: 50px;
    float: left;
}
.btn-main a.btn2 {
    float: right;
    background-color: #ee2d00;
}
.main>div{
    width: 100%;
    float: left;
}
@media only screen and (max-width:580px) and (min-width:525px) {
    
}

@media only screen and (max-width:526px) and (min-width:451px) {
    h4.title {
        font-size: 18px;
        margin: 16px 0px;
        line-height: 26px;
    }
    h4.title b {
        font-size: 18px;
    }
    h4.title small {
        font-size: 14px;
    }
    div#hdyj h5 {
        height: 30px;
        font-size: 16px;
        line-height: 30px;
    }
    div#hdyj h5 img {
      width: 18px;
      margin: 7px 10px 0px 10px;
    }
    div#hdyj h5 a {
        font-size: 16px;
        margin-right: 15px;
    }
    div#hdyj li {
        margin-bottom: 8px;
    }
    .htms {
        margin-top: 5px;
    }
    p.ygsz {
        font-size: 16px;
        margin: 15px 0px;
    }
    ul.zxpks li {
        font-size: 14px;
        line-height: 25px;
    }
    ul.zxpks {
        padding-bottom: 12px;
        margin-top: 10px;
    }
    .htms .btn-main {
        margin: 20px 0px;
    }
    .btn-main a {
        width: 120px;
        height: 30px;
        font-size: 16px;
        line-height: 30px;
    }


}

@media only screen and (max-width:450px) and (min-width:386px) {
    h4.title {
        font-size: 18px;
        margin: 16px 0px;
        line-height: 26px;
    }
    h4.title b {
        font-size: 18px;
    }
    h4.title small {
        font-size: 14px;
    }
    div#hdyj h5 {
        height: 30px;
        font-size: 16px;
        line-height: 30px;
    }
    div#hdyj h5 img {
      width: 18px;
      margin: 7px 10px 0px 10px;
    }
    div#hdyj h5 a {
        font-size: 16px;
        margin-right: 15px;
    }
    div#hdyj li {
        margin-bottom: 8px;
    }
    .htms {
        margin-top: 5px;
    }
    p.ygsz {
        font-size: 16px;
        margin: 15px 0px;
    }
    ul.zxpks li {
        font-size: 14px;
        line-height: 25px;
    }
    ul.zxpks {
        padding-bottom: 12px;
        margin-top: 10px;
    }
    .htms .btn-main {
        margin: 20px 0px;
    }
    .btn-main a {
        width: 120px;
        height: 30px;
        font-size: 16px;
        line-height: 30px;
    }
    
    
}

@media only screen and (max-width:385px) and (min-width:345px) {
   h4.title {
       font-size: 16px;
       margin: 12px 0px;
       line-height: 21px;
   }
   h4.title b {
       font-size: 18px;
   }
   h4.title small {
       font-size: 12px;
   }
   div#hdyj h5 {
       height: 30px;
       font-size: 16px;
       line-height: 30px;
   }
   div#hdyj h5 img {
     width: 16px;
     margin: 7px 10px 0px 10px;
   }
   div#hdyj h5 a {
       font-size: 16px;
       margin-right: 15px;
       line-height: 30px;
   }
   div#hdyj li {
       margin-bottom: 8px;
   }
   .htms {
       margin-top: 5px;
   }
   p.ygsz {
       font-size: 14px;
       margin: 10px 0px;
   }
   ul.zxpks li {
       font-size: 14px;
       line-height: 25px;
   }
   ul.zxpks {
       padding-bottom: 12px;
       margin-top: 10px;
   }
   .htms .btn-main {
       margin: 20px 0px;
   }
   .btn-main a {
       width: 100px;
       height: 25px;
       font-size: 14px;
       line-height: 25px;
   }
   p.ygsz img {
       width: 15px;
       margin-right: 5px;
   }
    
    
}

@media only screen and (max-width:344px) and (min-width:300px) {
   h4.title {
       font-size: 16px;
       margin: 12px 0px;
       line-height: 21px;
   }
   h4.title b {
       font-size: 18px;
   }
   h4.title small {
       font-size: 12px;
       text-align: left;
   }
   div#hdyj h5 {
       height: 30px;
       font-size: 16px;
       line-height: 30px;
   }
   div#hdyj h5 img {
     width: 16px;
     margin: 7px 10px 0px 10px;
   }
   div#hdyj h5 a {
       font-size: 16px;
       margin-right: 15px;
       line-height: 30px;
   }
   div#hdyj li {
       margin-bottom: 8px;
   }
   .htms {
       margin-top: 5px;
   }
   p.ygsz {
       font-size: 14px;
       margin: 10px 0px;
   }
   ul.zxpks li {
       font-size: 12px;
       line-height: 25px;
   }
   ul.zxpks {
       padding-bottom: 10px;
       margin-top: 8px;
   }
   .htms .btn-main {
       margin: 20px 0px;
   }
   .btn-main a {
       width: 100px;
       height: 25px;
       font-size: 14px;
       line-height: 25px;
   }
   p.ygsz img {
       width: 15px;
       margin-right: 5px;
   }
    
}