@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font-size:16px; font-family:"苹方 常规", "苹方 特粗", "苹方 中等","Microsoft YaHei",Arial,Helvetica,sans-serif,"微软雅黑"; overflow-x:hidden;  background-color:#FFF; color:#333;}
div,ul,li,p,form,h1,h2,h3,h4,h5,h6,dt,dd,dl{padding:0;margin:0; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"微软雅黑";}
html{ font-size:62.5%;  margin:0 auto;}
body{font-size:12px;
    /* font-size:1.2rem ;   */
    margin:0 auto;} 
a{ text-decoration:none; color:#000;}
img{ border:none; vertical-align: middle}
ul,li{ list-style:none;}
i,em{ font-style:normal;}
*{padding:0;margin:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* 头部和导航样式 */
.header1 {
    border-bottom: 1px solid #e1e1e1;
    line-height: 46px;
    padding: 3.75px 0;
}
.wrap {
    width: 100%;
}
.header_l {
    width: 150px;
    height: 40px;
}
.fl {
    float: left;
}
.header_r {
    width: 151.75px;
    height: 22px;
    margin-top: 8px;
}
.fr {
    float: right;
}
.padding {
    padding-left: 6px;
    padding-right: 6px;
}
.clearfix {
    *zoom: 1;
}
.h_nav {
    line-height: 38px;
    background-color: #f4f4f4;
    margin-bottom: 0;
}
.h_nav li {
    float: left;
    width: 25%;
    list-style-type: none;
}
.h_nav li a {
    display: block;
    font-size: 14px;
    text-align: center;
    color: #000000;
}


/*nav*/
.nav_pf{ width:100%; height:0.65rem; overflow:hidden; position:fixed; top:0; left:0; line-height:0.65rem; text-align:center; font-size:0.22rem; z-index:999;}
.nav_pf ul li{ width:20%; height:0.65rem; float:left; border-right:1px solid #444; background:#222;}
.nav_pf ul li a{ width:100%; height:100%; display:block; color:#fff;}

/*banner*/
.banner{ width:100%; overflow:hidden;  float:left;}
.banner img{ width:100%; float:left;}
.arrows{ display:none;}

/**/
.con1{width:100%; padding-top:0.2rem; float:left; padding-bottom:0.15rem;background:#f2f2f2;}
.con1 h2{font-size:0.4rem; text-align:center; font-weight:bold; padding-bottom:0.25rem;}
.con1 ul{ overflow:hidden;}
.con1 ul li{width:46%; margin:0.1rem 2%; padding-bottom:0.15rem; float:left; border:1px solid #ddd;}
.con1 ul li img{width:100%;}
.zx_01{width:80%; height:0.7rem; text-align:center; display:block; background:#ff9621; color:#fff; border-radius:6px; margin:0.1rem auto; font-size:0.24rem; line-height:0.7rem;}

/**/
.kcml{width:100%; padding:0.25rem 0 0.15rem; border-bottom:1px solid #eee; float:left;  }
.kcml ul li{width:25%; float:left; margin-bottom:0.2rem;}
.kcml ul li p{ text-align:center; font-size:0.24rem;}
.kcml ul li img{width:55%; margin-bottom:0.15rem;}

/**/
.con2{width:100%; padding-top:0.2rem; float:left;  float:left; padding-bottom:0.2rem;}
.con2 h2{font-size:0.4rem; text-align:center; font-weight:bold; padding-bottom:0.2rem;}
.con2 p{font-size:0.24rem; padding:0 6%; text-align:center;}
.con2 p span{ color:#fb5853; font-weight:bold;}
.main2_bx{width:70%; margin:0.2rem auto;}
.main2_bx img{width:100%;}
.zx_02{width:80%; height:0.7rem; text-align:center; display:block; background:#ff9621; color:#fff; border-radius:6px; margin:0.1rem auto; font-size:0.24rem; line-height:0.7rem;}

/**/
.con3{width:100%; padding-top:0.2rem; float:left; background:url(../images/img7.jpg) no-repeat center top; float:left; padding-bottom:0.2rem;}
.con3 h2{font-size:0.4rem; text-align:center; font-weight:bold; padding-bottom:0.2rem; color:#fff;}
.con3 p{font-size:0.24rem; padding:0 6% 0.15rem; text-align:center; color:#fff;}
.con3 p span{ color:#fb5853; font-weight:bold;}
.main3_bx{width:96%; margin:0.2rem auto 0.3rem;}
.main3_bx img{ width:100%;}
.zx_03{width:80%; height:0.7rem; text-align:center; display:block; background:#ff9621; color:#fff; border-radius:6px; margin:0.1rem auto; font-size:0.24rem; line-height:0.7rem;}

/**/
.con4{width:100%; height:0.8rem; background:#6d5fd0; float:left; position:relative;}
.con4 h2{ font-size:0.4rem; color:#fff; font-weight:bold; line-height:0.8rem; text-align:center;}
.con4 img{ position:absolute; width:8%; bottom:-0.2rem; left:46%;}

/**/
.con5{width:100%; padding-top:0.2rem; float:left;  float:left; padding-bottom:0.2rem;}
.con5 h2{ padding-bottom:0.2rem; color:#fff;}
.con5 h2 img{width:96%; margin-left:2%; }
.con5 p{font-size:0.22rem; padding:0 6% 0.15rem; text-align:center;}
.con5 p span{ color:#fb5853; font-weight:bold;}
.main5_bx{width:96%; margin:0.2rem auto 0.3rem;}
.main5_bx img{width:100%;}

/**/
.con6{width:100%; padding-top:0.2rem; float:left;  float:left; padding-bottom:0.2rem; background:#f2f2f2;}
.con6 h2{ padding-bottom:0.2rem; color:#fff;float:left; }
.con6 h2 img{width:96%; margin-left:2%; }
.con6 p{font-size:0.22rem; padding:0 6% 0.15rem; text-align:center;float:left; }
.con6 p span{ color:#fb5853; font-weight:bold;}
.main6_bx{width:94%; margin:0.2rem 3% 0.3rem; overflow:hidden;float:left; }
.main6_bx img{width:100%;}
.zx_06{width:80%; height:0.7rem; text-align:center; display:block; background:#ff9621; color:#fff; border-radius:6px; margin:0.1rem 10%; font-size:0.24rem; line-height:0.7rem; float:left;}

/**/
.con7{width:100%; height:1.4rem; background:#6d5fd0; float:left; position:relative;}
.con7 h2{ font-size:0.4rem; color:#fff; font-weight:bold; line-height:0.5rem; text-align:center; padding-top:0.2rem;}
.con7 img{ position:absolute; width:8%; bottom:-0.2rem; left:46%;}

/**/
.con8{width:100%; padding-top:0.2rem; float:left;  float:left; padding-bottom:0.2rem;}
.con8 h2{ padding-bottom:0.25rem; font-weight:bold; text-align:center; font-size:0.4rem;}
.main8_bx{width:90%; margin:0.15rem auto 0.3rem;}
.main8_bx img{width:100%;}

/**/
.con9{width:100%; height:1.4rem; background:#6d5fd0; float:left; position:relative;}
.con9 h2{font-size:0.36rem; color:#fff; font-weight:bold; line-height:0.5rem; text-align:center; padding-top:0.2rem;}
.con9 img{ position:absolute; width:8%; bottom:-0.2rem; left:46%;}

/**/
.con10{width:100%; padding-top:0.2rem; float:left;  float:left; padding-bottom:0.2rem;}
.con10 h2{ padding-bottom:0.25rem; font-weight:bold; text-align:center;font-size:0.4rem;}
.con10 p{ font-size:0.22rem; text-align:center;}
.main10_bx{ overflow:hidden;}
.main10_bx ul li{width:25.3%; margin:0.2rem 4%; float:left;}
.main10_bx img{width:100%;}


/**/
.con11{width:100%; padding-top:0.2rem; float:left;  float:left; padding-bottom:0.2rem; background:#eb4242;}
.con11 h2{ padding-bottom:0.25rem; font-weight:bold; text-align:center; color:#fff;font-size:0.4rem;}
.con11 p{ font-size:0.22rem; text-align:center; color:#fff; padding:0 5% 0.2rem;}
.con11 ul li{width:90%; margin:0.15rem 5%; float:left; height:0.7rem;}
.con11 ul li div{ width:25%; float:left; font-size:0.24rem; color:#fff; line-height:0.7rem;}
.con11 ul li input{ width:75%; float:left; background:#fff; height:0.7rem; border:none; font-size:0.24rem; padding-left:3%;}
.con11 ul li a{width:100%; height:0.7rem; background:#fff21d; display:block; border-radius:6px; text-align:center; line-height:0.7rem; color:#eb4242;font-size:0.24rem;}


/**/
.con_12{width:100%; padding-top:0.2rem; float:left;  float:left; padding-bottom:0.2rem;}
.con_12 h2{  font-weight:bold; text-align:center; font-size:0.4rem; padding:0 8% 0.25rem;}
.main_bx12{ padding:0.15rem 0%;}
.con_12 .left_12{width:52%; float:left;}
.con_12 .left_12 img{width:113%;}
.con_12 .right_12{ width:48%; float:left;}
.con_12 .right_12 p{ font-size:0.24rem; line-height:0.3rem; font-weight:bold; margin-bottom:0.08rem}
.con_12 .right_12 ul li{ color:#f64d4f; font-size:0.22rem; line-height:0.38rem; margin-top:0.02rem}
.con_12 .right_12 li img{ width:10%; margin-right:0.02rem}

/**/
.con_13{width:100%; padding-top:0.2rem; float:left;  float:left; padding-bottom:0.2rem; background:#6d5fd0;}
.con_13 h2{padding-bottom:0.3rem; font-weight:bold; text-align:center; color:#fff; font-size:0.4rem;}
.con_13 h2 span{ color:#fff32e;}
.con_13 ul li{width:20%; float:left; margin:0 2.5% 0.3rem;}
.con_13 ul li img{ width:100%; float:left; margin-bottom:0.1rem;}
.con_13 ul li p { font-size:0.26rem; color:#fff;text-align:center; float:left; margin-bottom:0.1rem; width:100%; }
.con_13 ul li div{ width:100%; font-size:0.24rem; color:#d0c8ff; background:#8576ed; float:left; text-align:center;}
/**/
.con14{width:100%;  padding-top:0.2rem; float:left;  float:left; padding-bottom:0.2rem;}
.cn_bx14 > h2{padding-bottom:0.3rem; font-weight:bold; text-align:center; font-size:0.4rem;}
.cn_bx14 > h2 span{ color:#f64d4f;}
.container_image{width:100%;height:;margin:0.1rem auto ; position:relative;}
.add{background:url(../images/a_more.png) no-repeat 0 0;width:60px;height:60px;position:absolute;left:50%;margin-left:-30px;bottom:30px;z-index:4;cursor:pointer;display:none;}
.container_image .i_btn{display:block;width:34px;height:80px;position:absolute;top:56px;z-index:99;}
.container_image .i_btn img{ width:70%;}
.container_image .prev_L{left:3%;background-position:0 0;}
.container_image .next_R{right:3%;background-position:-34px 0;}
.slide_img {width:100%;height:240px;position:relative;z-index:1;}
.slide_img li{width:98%;height:450px;overflow:hidden;position:absolute;top:15px;background:#ffffff; border:10px solid #fff; box-shadow:1px 1px 10px 1px #ddd;}
.slide_img li a{display:block;position:relative;width:100%;height:100%;height:500px;}
.slide_img li a img{position:absolute; width:100%; height:220px;}
.slide_img li.on a{height:530px;}
.slide_img li.on{width:70%;left:15%;top:0;box-shadow:0 0 15px rgba(0,0,0,0.6) ;overflow:hidden;}
.slide_img li.on img{width:100%; height:240px;}
.slide_img li.left{left:0;}
.slide_img li.right{left:50%;}
.slide_img li.mid{left:190px;}


/**/
.con_15{width:100%; padding-top:0.2rem; float:left;  float:left; padding-bottom:0.2rem; background:#f2f2f2; }
.con_15 h2{padding-bottom:0.2rem; font-weight:bold; text-align:center; font-size:0.4rem; color:#eb4242;}
.con_15 p{ text-align:center; font-size:0.24rem; padding:0 5%;}
.main15_bx{ width:94%; margin:0.3rem auto;}
.main15_bx img{ width:100%;}
/**/
.con_16{ width:100%; padding:0.2rem 0 1.2rem; float:left; background:#f2f2f2;}
.con_16 p{ text-align:center; font-size:0.22rem; color:#d0cfcf;}


/**/
.footer{ width:100%; height:0.85rem; position:fixed; bottom:0; left:0; background:#fff; border-top:1px solid #eee; border-top:1px solid #ddd;}
.footer ul { width:100%;}
.footer ul li{ width:20%; height:100%; display:block; float:left; text-align:center; font-size:0.2rem; position:relative;}
.footer ul li a{ width:100%; height:100%; display:block;}
.footer ul li img{width:28%; margin-bottom:0.05rem; margin-top:0.1rem;}
.footer ul li .zxzx{ width:84%; position:absolute; top:-0.38rem; left:0; margin-left:8%; z-index:100000;}


.section-no .no-wrapper .banner {
    width: 100%;
    overflow: hidden;
}
.footimg {
    width: 100%;
    position: absolute;
    bottom: 0;
}
.footnav {
    width: 100%;
    max-width: 640px;
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 100;
}
.footnav ul {
    position: absolute;
    padding: 0;
    bottom: 0;
    width: 100%;
    z-index: 100;
}
.footnav ul li {
    float: left;
    text-align: center;
}
.footnav .nav01 {
    width: 21%;
}
.footnav .nav02 {
    width: 41%;
}
.footnav .nav03 {
    width: 38%;
}
.footnav ul li:last-child {
    margin: 0;
}
.footnav ul li a {
    display: block;
    height: 60px;
}
.footnav ul li span {
    display: none;
    width: 100%;
    color: #fff;
    text-align: center;
}


.seven {
    width: 100%;
    background-color: #fff;
    padding-bottom: 5%;
}
.seven .content {
    width: 94%;
    margin: 2% auto 0;
}
.seven .content .list {
    width: 100%;
    float: left;
    background-color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 4%;
    margin-top: 2%;
}
.box-s {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.seven .content .list .left {
    width: 1.66rem;
    /* text-align: center; */
    font-size: 0;
    height: 2.2rem;
}
.left {
    float: left;
}
.fl {
    float: left;
    display: inline;
}
.seven .content .list .left img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    height: 2.073rem;
}
.swiper-container img {
    width: 100%;
}
.seven .content .list .right {
    width: 62%;
    margin-left: 5%;
}
.seven .content .list .right ul li {
    font-size: .36rem;
    color: #282828;
    float: left;
}
.teach-ul li p {
    font-size: 0.3rem;
    color: #666666;
}
.teach-ul li p b {
    font-size: 0.3rem;
    color: #000;
}
.seven .content .list .right ul li img {
    width: 50%;
    padding: 5px 0;
    float: left;
}
.ellipsis2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.teach-ul .ellipsis2 p {
    font-size: 0.2rem;
}
.myh2{
    color: #000;
    font-size: 0.402rem;
    text-align: center;
}
/**/
@media only screen and (max-width:2048px) and (min-width:769px) 
{
    body{max-width:750px;}
    .footer{ max-width:750px;left:calc(50% - 375px);}
    }