﻿
.header_box{width: 100%;height: 624px;background: url(../images/top.jpg) no-repeat center center;}
.header_box h1{text-align: right;padding-top: 40px;}

.main{background: url(../images/bg.png) repeat;}
.main .lead{padding-top: 28px;background: url(../images/center_bg.jpg)no-repeat top center;}
.main .lead .lead_box{box-sizing: border-box;height: 217px;padding: 40px 45px 48px 120px;background: url(../images/img_m1.png) no-repeat;background-size: 100%;}
.main .lead .lead_box p{font-size: 16px;line-height: 35px;text-indent: 2em;}
.main .lead .lead_box p i{padding-left: 86px;}

.main .content{box-sizing: border-box;height: 504px;margin-top: 47px;padding-top: 122px;padding-left:38px;background: url(../images/img_m2.png) no-repeat ;background-size: 100%;}
.main .content h4{font-size: 20px;line-height: 20px;margin-bottom: 28px;color: #cf181f;font-weight: 600;}
.main .content p{text-align: justify;background: url(../images/dian.png)no-repeat left center;margin-left: 20px;margin-bottom: 20px;padding-left:20px;font-size: 16px;line-height: 16px;color: #333; }
.main .content p i{color: #cf181f; }
.main .content .last{margin: 28px 0;width: 900px;line-height: 33px;}
.main .content h3{text-align: center;font-size: 28px;line-height: 28px;color: #cf181f;font-weight: 600;}

.main .select_box .year_box{text-align: center;margin-top: 58px;margin-bottom: 28px;}
.main .select_box .banner_box {padding: 0 0.36rem 0 0.2rem;}
.main .select_box .banner_box .gq_box{position: relative;margin-bottom: 70px;}
.main .select_box .banner_box .gq_box .gq{position: absolute;margin-left: 270px;margin-top: -150px;}
.main .select_box .banner_box p{font-size: 18px;color: #333;margin-bottom: 34px;}
.main .select_box .banner_box p i{font-size: 38px;color: #cf181f;}
.gq_btn{display: block;width: 260px;height: 60px;line-height: 60px;text-align: center;font-size: 24px;color: #fff;background: #cf181f;border-radius: 5px;margin: auto;}

.main .select_box .banner_box .message{margin-left: 75px;padding-top: 90px;}
.main .select_box .banner_box .message .ly_box{width: 490px;text-align: center;margin-bottom: 30px;}
.main .select_box .banner_box .message .clo{line-height: 38px;}
.main .select_box .banner_box .message .clo .mack{font-size: 14px;color: #333;}
.main .select_box .banner_box .message .row{margin-left: 14px;margin-bottom: 22px;}
.main .select_box .banner_box .message .row span{display:inline-block;margin-right: 18px;width: 130px;height: 36px;background: #e9e8e8;border: 1px solid #cf181f;text-align: center;border-radius: 3px;color: #cf181f;}
.pitch{height: 40px !important;background: url(../images/pitch.png)no-repeat !important;background-size: 100% 100% !important;color: #fff !important;border: none !important;}
.main .select_box .banner_box .message .row select{width: 130px;height: 36px;line-height: 36px;border: 1px solid #cf181f;border-radius: 3px;padding-left: 20px;background:#fbfaf9 url(../images/xsj.png) no-repeat 90% center;margin-right: 14px;font-size: 16px;color: #333;}
.main .select_box .banner_box .message .row .last_slc{width: 290px;}
.main .select_box .banner_box .message .row input{ width:418px; height: 36px;line-height: 36px;border: 1px solid #cf181f;border-radius: 3px;padding-left: 20px;font-size: 16px;color: #333;}
.main .select_box .banner_box .message .row textarea{ height: 93px;width:418px;line-height: 36px;border: 1px solid #cf181f;border-radius: 3px;padding-left: 20px;font-size: 16px;color: #333;}

/* 留言精选 */
.sift {padding-top: 80px;}
.sift .msg{height: 170px;overflow: auto;margin-top: 16px;padding: 10px 60px 6px 16px;}
.sift .msg div{margin-bottom:27px;}
.sift .msg div h3{font-size: 16px;line-height: 16px;color: #cf181f;margin-bottom: 10px;}
.sift .msg div i{font-size: 12px;line-height: 12px;color: #999;}
.sift .msg div p{margin-top: 10px;font-size: 14px;line-height: 14px;color: #666;}
.sift .plus{}
.sift .plus .gq_btn{margin-right: 37px;margin-top: 30px;width: 160px;}



::-webkit-scrollbar {width:12px; background-color: #d6d6d6;}

    /* 滚动槽 */
::-webkit-scrollbar-track {border-radius:10px;}

    /* 滚动条滑块 */
::-webkit-scrollbar-thumb {border-radius:10px;background:#cf181f;}
/* 看一看 */



.c-banner{box-sizing: border-box;margin-top: 47px;background: url(../images/img_m4.png) no-repeat;background-size: 100% 100%;height: 450px;position: relative;padding: 120px 28px 37px;}
.c-banner img_m{width: 100%;}
.c-banner .banner ul{list-style: none;padding-left: 0px;margin-bottom: 0px;}
.c-banner .banner ul li{position: absolute;display: none;opacity: 0;}
.c-banner .banner ul li div:nth-child(1){box-sizing: border-box;width: 477px;margin-left: 80px;line-height: 44px;font-size: 16px;text-indent: 2em;padding-top: 0px;}
.c-banner .banner ul li div:nth-child(2){position: relative;margin-left: 5px;}
.c-banner .banner ul li div:nth-child(2) img_m{height: 200px;width: 200px;}
.c-banner .banner ul li div:nth-child(2) img_m:nth-child(1){position: absolute;top: 0;left: 103px;}
.c-banner .banner ul li div:nth-child(2) img_m:nth-child(2){position: absolute;top: 103px;left: 0px;}
.c-banner .banner ul li:nth-child(1){opacity: 1;display: block;}

.c-banner .banner ul li:first-child img_m{position: relative;}
.c-banner .neximg_m,.c-banner .preimg_m{position: absolute;width: 20px;height: 20px;top: 50%;}
.c-banner .neximg_m{right: 22px;}
.c-banner .preimg_m{left: 22px;}

/* 学一学 */
.learn{position: relative;margin-top: 120px;background: url(../images/kuang.png) no-repeat;background-size: 100% 100%; min-height:560px; }
.learn .learn_img_m{position: absolute;left: 50%;margin-left:-302px;top:-60px; }

.learn .hj_box{margin-left:84px;margin-top: 70px; }
.learn .hj_box .hj_img_m{text-align: center;margin-bottom: 20px;}
.learn .hj_box li{box-sizing: border-box;width: 324px;border-top: none;margin-bottom: 18px;cursor: pointer;}
.learn .hj_box li div:nth-child(1){font-size: 14px;line-height: 14px;}
.learn .hj_box li div:nth-child(2){font-size: 16px;line-height: 16px;color: #cf181f;margin-top: 15px;}
.learn .hj_box li:nth-child(1){margin-bottom: 27px;padding:14px 40px 16px;position: relative;border: 2px solid #cf181f;background: #fcf9f4;}
.learn .hj_box li:nth-child(1) span{position: absolute;right: -25px;top: -15px;font-size: 14px;padding: 3px 12px;border-radius: 20px;color: #cf181f;background: #fff; }
.learn .hj_box li .icon{position: relative;display: inline-block;width: 20px;}
.learn .hj_box li .icon img_m{position: absolute;bottom: -4px; }
.learn .hj_box li .text{display: inline-block;height: 32px;width: 277px;background: #fcf9f4;padding-left: 20px;line-height: 32px;border-left: 2px solid #cf181f;border-bottom: 2px solid #cf181f;font-size: 14px;color: #333;}
.learn .hj_box .btn_box{width: 324px;margin-bottom: 46px;cursor: pointer;}
.learn .hj_box .btn_box span{display: inline-block;height: 30px;background:#cf181f;color: #fff;font-size: 14px;line-height: 30px;text-align: center; border-radius: 20px;}
.learn .hj_box .btn_box span:nth-child(1){width: 108px;margin-left: 16px;}
.learn .hj_box .btn_box span:nth-child(2){width: 128px;margin-left: 60px;}
.learn .kj_box{margin-left: 170px;}
.learn .kj_box li .text{background: #cf181f;}

.l_checked{background: #fae5e2!important;color: #cf181f!important;}
.r_checked{color: #fff!important;}

/* 弹出 */
.tanchu{position: relative;}
.pop_l{width: 324px;height: 240px;overflow: auto;margin-bottom: 18px;}
.pop_l h3{text-align: center;font-size: 18px;}
.pop_l p{text-align: justify;text-indent: 2em;font-size: 16px;line-height: 25px;}
.pop_l div{text-align: center;}
.tanchu span{position: absolute;z-index: 100;width: 30px;height: 30px;background: url(../images/ic_close.png) no-repeat; background-size: 100% 100%;right: -15px;top: -15px;}


/* footer */
.footer{height: 325px;width: 100%;background: url(../images/footer.png) no-repeat;background-size: 100% 100%;margin-top: 50px;}
.footer div{box-sizing: border-box;padding: 60px 317px 52px 27px;width: 1000px;
    margin: 0 auto;}
.footer div p{font-size: 20px;color: #fff;line-height: 40px;text-indent: 2em;}
.footer_bottom{height: 80px;line-height: 80px;width: 100%;background: #310d0e;text-align: center;font-size: 18px;color: #FFF;}




/* 更多 */

.main .more{ padding-top: 20px;background: url(../images/center_bg.jpg)no-repeat;background-size: 100%;}
.main .more .bread{color: #fff;}
.main .more .bread span{font-size: 16px;}
.main .more .bread a{color: #fff;font-size: 14px;}
.main .more .sift{padding-top: 10px;}
.main .more .sift .msg{overflow: unset;height: auto;}
.main .more .sift .msg .msg_frist .msg_box{display: flex;justify-content: space-between;}
.main .more .sift .msg .msg_frist p{padding-bottom: 12px;border-bottom: 2px solid #c1c1c1;}
.main .more .page{}
.pagination{margin-left: 210px;}
 .pagination li{display: inline-block;width: 22px;height: 22px;border: 1px solid #c1c1c1;line-height: 20px;text-align: center;color: #333;margin-left: 10px;}
 .pagination li a{display: inline-block;width: 100%;height: 100%;font-size: 14px;}

 .sect_red{background: #cf181f;color: #fff;border: none;}
 .pagination .b-none{border: none;}
 .pagination_right{display: inline-block;}
 .pagination .tiao{width: 42px;margin-left: 30px;font-size: 14px;border: none;}
 .pagination .sect input{width: 100%;height: 100%;border: none;}

  .da_h {
      position:absolute;width:501px;height:501px;display:none;top: 20px;left: 245px;z-index: 999;
  }
  .da_h img_m {
     width:100%;     
  }

  .da_k {
     position:absolute;width:501px;height:501px;display:none;top: 20px;left: 245px;
  }
  .da_k img_m {
    width:100%;     
  }

 @media screen and (max-width: 767px){
    
::-webkit-scrollbar {width:0px; background-color: #d6d6d6;}

/* 滚动槽 */
::-webkit-scrollbar-track {border-radius:0px;}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {border-radius:0px;background:#cf181f;}

    html,body{font-size: 100px;}
	.w{width: 100% !important;}
    .header_box{width: 100%;height: 2.5rem;background: url(../images/mtop03.JPG) no-repeat center center;background-size: 100% 100%;}
    .header_box h1{text-align: right;padding-top:0.1rem;display: flex;justify-content:  flex-end ;}
    .header_box h1 a{display: block;margin-right: 0.2rem;display:none;}
    .header_box h1 a img_m{display: block;width: 1.08rem;height: 0.45rem;;}
    .main{overflow: hidden;}
    .main .lead .lead_box {
        box-sizing: border-box;
        height: 3.5rem;
        padding: 0.3rem;
        padding-left: 0.3rem;
        background: url(../images/mdaoyu.jpg) no-repeat;
        background-size: 100% 100%;
        width:100%;
}
.main .lead .lead_box>div{height: 3rem;}/*overflow: auto;*/
.main .lead .lead_box p{font-size: 0.16rem;line-height:0.25rem;text-indent: 2em;}
.main .lead .lead_box p i{padding-left: 0px;}
.main .content {
    box-sizing: border-box;
    height: auto;
    margin-top: 0.2rem;
    padding:0.2rem;
    padding-top: 1rem;
    background: url(../images//m-jtzg.png) no-repeat top;
    background-size: 100% ;
}


.main .content h4{font-size: 16px;line-height: 0.24rem;margin-bottom: 0.1rem;color: #cf181f;font-weight: bold;}
.main .content p{background: url(../images/dian.png)no-repeat left center;margin-left: 0.1rem;margin-bottom: 0.08rem;padding-left:0.2rem;font-size: 16px;line-height: 0.2rem;color: #333; }
.main .content p i{color: #cf181f; }
.main .content .last{margin: 0.1rem 0;width: 100%;}
.main .content h3{text-align: center;font-size: 28px;line-height: 28px;color: #cf181f;font-weight: 600;}

.main .select_box .year_box{width: 100%;text-align: center;margin-top: 0.57px;margin-bottom: 28px;}
.main .select_box .year_box img_m{display: block;width: 75%;height: 0.8rem;margin: auto;margin-top: 0.2rem;}
.main .select_box .banner_box {width: 100%;padding: 0;}
.main .select_box .banner_box .fl{width: 100%;}

.main .select_box .banner_box .gq_box{position: relative;margin-bottom:0.35rem;padding-left: 0.5rem;}
.main .select_box .banner_box .gq_box img_m{display:block;width: 1.73rem; height: 1.73rem;}
.main .select_box .banner_box .gq_box .gq img_m{    position: absolute;
    margin-left: 1.35rem;
    margin-top: -0.8rem;
    display: block;
    width: 0.715rem;
    height: 0.47rem;}
    .main .select_box .banner_box .gq_box .gq {
        position: absolute;
        margin-left: 0px;
        margin-top: 0px;
    }
.main .select_box .banner_box p{font-size: 18px;color: #333;margin-bottom: 34px;width: 100%;text-align: center;}
.main .select_box .banner_box p i{font-size: 38px;color: #cf181f;}
.gq_btn{display: block;width: 200px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;color: #fff;background: #cf181f;border-radius: 5px;margin: auto;}


/* 留言寄语 */
.main .select_box .banner_box .message{margin-left: 0;padding-top: 0.2rem;width: 100%;}
.main .select_box .banner_box .message .ly_box{width: 100%;text-align: center;margin-bottom: 30px;}
.main .select_box .banner_box .message .clo{line-height: 38px;display: flex;width: 100%;padding: 0 0.07rem;}
.main .select_box .banner_box .message .clo .mack{font-size: 14px;color: #333;width: 15%;}
.main .select_box .banner_box .message .row{margin-left: 0px;margin-bottom: 22px;width: 80%;display: flex;}
.main .select_box .banner_box .message .row span{display:inline-block;margin-right: 18px;width: 30%;height: 36px;font-size: 16px;background: #e9e8e8;border: 1px solid #cf181f;text-align: center;border-radius: 3px;color: #cf181f;}
.pitch{height: 40px !important;background: url(../images/pitch.png)no-repeat !important;background-size: 100% 100% !important;color: #fff !important;border: none !important;}
.main .select_box .banner_box .message .row select{width:30%;height: 36px;line-height: 36px;border: 1px solid #cf181f;border-radius: 3px;padding-left: 0.16rem;background:#fbfaf9 url(../images/xsj.png) no-repeat 97% center;background-size: 10%;margin-right: 14px;font-size: 12px;color: #333;}
.main .select_box .banner_box .message .row .last_slc{width: 65%;margin-right: 0;background-size: 5%;padding-left: 2px;}
.main .select_box .banner_box .message .row input{ width:418px; height: 36px;line-height: 36px;border: 1px solid #cf181f;border-radius: 3px;padding-left: 20px;font-size: 16px;color: #333;}
.main .select_box .banner_box .message .row textarea{ height: 93px;width:418px;line-height: 36px;border: 1px solid #cf181f;border-radius: 3px;padding-left: 20px;font-size: 16px;color: #333;}

/* 精选留言 */
.sift {padding-top: 80px;}
.sift .msg{height: 300px;overflow: auto;margin-top: 16px;padding: 10px 25px 6px 25px;}
.sift .msg div{margin-bottom:15px;display: flex;flex-direction: column;}
.sift .msg div h3{font-size: 22px;line-height: 16px;color: #cf181f;margin-bottom: 15px;}
.sift .msg div i{font-size: 18px;line-height: 12px;color: #999;}
.sift .msg div p{margin-top: 5px;font-size: 22px;line-height: 0.22rem;color: #666;text-indent:2em}
.sift .plus{}
.sift .plus .gq_btn{margin-right: 37px;margin-top: 30px;width: 100px;}

.fl{float: none;}
.fr{float: none;}
/* 看一看 */




.c-banner{box-sizing: border-box;margin-top: 47px;background: url(../images/m-hhccj.png) no-repeat top;background-size: 100%;height: 600px;position: relative;padding: 90px 0px 0px 0px;}
.c-banner img_m{width: 100%;}
.c-banner .banner ul{list-style: none;padding-left: 0px;margin-bottom: 0px;}
.c-banner .banner ul li{position: absolute;display: none;opacity: 0;}
.c-banner .banner ul li div:nth-child(1){height: 260px;overflow: auto;padding: 0 0.2rem;box-sizing: border-box;width: 100%;margin-left:0px;line-height: 30px;font-size: 16px;text-indent: 2em;padding-top: 0px;}
.c-banner .banner ul li div:nth-child(2){position: relative;margin-left: 5px;margin-top: 0.2rem;}
.c-banner .banner ul li div:nth-child(2) img_m{height: 1.4rem;width: 1.4rem;}
.c-banner .banner ul li div:nth-child(2) img_m:nth-child(1){position: absolute;top: 0;left: 145px;}
.c-banner .banner ul li div:nth-child(2) img_m:nth-child(2){position: absolute;top: 60px;left: 65px;}
.c-banner .banner ul li:nth-child(1){opacity: 1;display: block;}

.c-banner .banner ul li:first-child img_m{position: relative;}
.c-banner .neximg_m,.c-banner .preimg_m{position: absolute;width: 20px;height: 20px;top: 50%;}
.c-banner .neximg_m{right: 22px;}
.c-banner .preimg_m{left: 22px;}

/* 学一学 */
.learn{display: flex;flex-direction: column;position: relative;margin-top: 10px;background: url(../images/m-wyxyx.png) no-repeat top;background-size: 100%; min-height:560px; }
.learn .learn_img_m{position: inherit;left: 0; margin-left: 0; top: 0;display: flex;margin-top: -20px;display: none;}
.learn .learn_img_m img_m{width: 80%;margin: auto;margin-top: -5px;}
.learn .hj_box{margin-left:0px;margin-top: 0px; padding-top: 50px;}
.learn .hj_box .hj_img_m{text-align: center;margin-bottom: 20px;}
.learn .hj_box .hj_img_m img_m{width:50%}
.learn .hj_box .hj_ul_box{}
.learn .hj_box li{margin-left: 0.5rem;display: flex;box-sizing: border-box;width: 91%;border-top: none;margin-bottom: 18px;}


.learn .hj_box li div:nth-child(1){font-size: 14px;line-height: 14px;}
.learn .hj_box li div:nth-child(2){font-size: 16px;line-height: 16px;color: #cf181f;margin-top: 15px;}
.learn .hj_box li:nth-child(1){width: 80%;margin-bottom: 27px;padding:6px 4px ;position: relative;border: 2px solid #cf181f;background: #fcf9f4;}
.learn .hj_box li:nth-child(1) {display: flex;}
.learn .hj_box li:nth-child(1) span{position: absolute;right: -25px;top: -15px;font-size: 14px;padding: 3px 12px;border-radius: 20px;color: #cf181f;background: #fff; }
.learn .hj_box li .icon{position: relative;display: inline-block;width: 20px;}
.learn .hj_box li .icon img_m{position: absolute;bottom: -4px; }
.learn .hj_box li .text{width: 70%;display: inline-block;height: 32px;background: #fcf9f4;padding-left: 20px;line-height: 32px;border-left: 2px solid #cf181f;border-bottom: 2px solid #cf181f;font-size: 14px;color: #333;}
.learn .hj_box .btn_box{display: flex;width: 324px;margin-bottom: 46px;margin-left:0.5em;}
.learn .hj_box .btn_box span{display: inline-block;height: 30px;background:#cf181f;color: #fff;font-size: 14px;line-height: 30px;text-align: center; border-radius: 20px;}
.learn .hj_box .btn_box span:nth-child(1){width: 108px;margin-left: 16px;}
.learn .hj_box .btn_box span:nth-child(2){width: 128px;margin-left: 60px;}
.learn .kj_box{margin-left: 0px;}
.learn .kj_box li .text{background: #cf181f;}

/* 弹出 */
.tanchu{position: relative;}
.pop_l{width:90%;height: 240px;overflow: auto;margin: auto;margin-bottom: 18px;}
.pop_l h3{text-align: center;font-size: 18px;}
.pop_l p{text-align: justify;text-indent: 2em;font-size: 16px;line-height: 25px;}
.pop_l div{text-align: center;}
.tanchu span{position: absolute;z-index: 100;width: 30px;height: 30px;background: url(../images/ic_close.png) no-repeat; background-size: 100% 100%;right: 7px;top: -15px;}

/* footer */
.footer{padding-top:15px;height: 200px;width: 100%;background: url(../images/m-footer.png) no-repeat;background-size: 100% 100%;margin-top: 50px;padding-bottom: 20px;}
.footer div{box-sizing: border-box;padding: 0 5px;width: 90%;
    margin: 0 auto;}
.footer div p{font-size: 16px;color: #fff;line-height: 24px;text-indent: 2em;}
.footer_bottom{height: 40px;line-height: 40px;width: 100%;background: #310d0e;text-align: center;font-size: 14px;color: #FFF;}



/* 更多 */



.main .more{ padding-top: 14px;background: url(../images/center_bg.jpg)no-repeat;background-size: 100%;}
.main .more .bread{color: #333;padding-left: 5px;}
.main .more .bread span{font-size: 16px;}
.main .more .bread a{color: #333;font-size: 14px;}
.main .more .sift{padding-top: 0px;}
.main .more .sift .msg{overflow: unset;height: auto;}
.main .more .sift .msg .msg_frist .msg_box{display: flex;justify-content: space-between;}
.main .more .sift .msg .msg_frist p{padding-bottom: 12px;border-bottom: 2px solid #c1c1c1;}


.main .more .page{display: flex;justify-content: space-evenly;}
.pagination{margin-left: 0px;display: flex;}
.pagination li:nth-child(5),
.pagination li:nth-child(6),
.pagination li:nth-child(7),
.pagination li:nth-child(8),
.pagination li:nth-child(9),
.pagination li:nth-child(10)
{display: none;}
 .pagination li{font-size: 14px;display: inline-block;width: 22px;height: 22px;border: 1px solid #c1c1c1;line-height: 20px;text-align: center;color: #333;margin-left: 10px;}
 .pagination li a{display: inline-block;width: 100%;height: 100%;font-size: 14px;}

 .sect_red{background: #cf181f;color: #fff;border: none;}
 .pagination .b-none{border: none;}
 .pagination_right{display: inline-block;}
 .pagination .tiao{width: 50px;margin-left: 0px;font-size: 14px;border: none;}
 .pagination .sect input{width: 100%;height: 100%;border: none;}

 .da_h {
    display:none;
    position: absolute;
    width: 80%;
    height: 501px;
    top: 95px;
    left: 10%;
}
.da_h img_m {
   width:100%;     
}

.da_k {
    display:none;
    position: absolute;
    width: 80%;
    height: 501px;
    top: 535px;
    left: 10%;
}
.da_k img_m {
   width:100%;     
}

.k_wt_img_m {
    width:50% !important;
}

}

