@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 0; font-size: 12px; font-family: "微软雅黑"; -webkit-text-size-adjust: none; color: #000; position: relative; padding-bottom:1.5rem !important; background: #F2F2F2; }
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, p { margin: 0; padding: 0; }
body{ background: #F9F9F9; background-size: 100%; }
img { border: 0; vertical-align: bottom; }
ul, li { list-style-type: none; }
a { color: #000; text-decoration: none; }
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.fl { float: left; }
.fr { float: right; }
.cl { clear: both; }
.fb { font-weight: bold; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: none; }
.font_14 { font-size: 14px; }
.font_16 { font-size: 16px; }
.font_18 { font-size: 18px; }
.block{ display: block !important; }
.clear{clear: both;}
.clearfix:after {

    content: ".";

    display: block;

    visibility: hidden;

    height: 0;

    clear: both;

}

.clearfix {

    zoom: 1;

}
/*header*/
.head {   background: #fff; padding:1% 0 1%; height: 1rem; line-height: 1rem; position: relative;}
.lanBtn{ float: left; width: 16%; text-align: center; }
.lanBtn img{ width: 90%; vertical-align: middle;  }
.head .logo { width: 60%;  margin:1% auto 1%; text-align:center;font-weight: bold; font-size: .4rem; }
.head .logo img{ width: 100%;   vertical-align: middle; text-align: left; display: block;  margin:0% 0; }
.split{ height: .3rem; width: 100%; background: url("../images/split.png") no-repeat; background-size: auto 100% ; }
.wraper{ width: 100%; background: #fff;}
.wraper .wraperCon{ width: 98%; margin:0 auto; background: #fff;}
.wraper .wraperCon .about{ padding-bottom:.3rem; }
.wraper .wraperCon .aboutTitle{ width: 60%; margin:0% auto 3%; text-align: center;  padding-top:.5rem;}
.wraper .wraperCon .aboutTitle img{ width: 100%;}
.wraper .wraperCon .photo{ float: left; width: 30%; margin-top:.6rem;}
.wraper .wraperCon .photo img{ width: 100%; }
.wraper .wraperCon .photo .font{ font-size: .28rem; margin-top:.2rem;}

.wraper .wraperCon .aboutFont{ float: right; width: 68%; line-height: .55rem; font-size: .26rem; height: 5.5rem; overflow: hidden }
.wraper .wraperCon .about .more{ width: 35%; text-align: center; font-size: .26rem; background: #F2F1F1; padding:2% 3%; display: block; margin:2% auto;}

.newsStyle{ overflow: hidden; padding-bottom:.3rem; }
.newsStyle .title{ height: 1rem; line-height: 1rem; background: #F2F2F2; box-sizing: border-box; border-left: 5px solid #009688; font-size: .4rem; padding-left: 10px; }
.newsStyle .title .titleL{float: left}
.newsStyle .title .titleL img{ vertical-align: middle; }
.newsStyle .title .titleR{float: right;}
.newsStyle .title .titleR a{ height: 1rem; line-height: 1rem; display: block;  }
.newsStyle .title .titleR img{ vertical-align: middle; height: .55rem; display: inline-block; margin-top:0rem; margin-right
:.2rem;}
.newsStyle .content ul li{ border-bottom:1px solid #EEEEEE; }
.newsStyle .content ul li{ width: 100%; height: .9rem; line-height: .9rem; overflow: hidden; font-size: .26rem; }
.newsStyle .content ul li img{ vertical-align: middle; padding:0 11px; height: .36rem;}
.newsStyle .content ul li:last-child{border:none;}
.newsStyle .content ul li .t{float: left; width: 80%; }
.newsStyle .content ul li .datetime{float: right; width: 20%; text-align: center; font-size: .26rem;}

.newsStyle  .more{ width: 35%; text-align: center; font-size: .26rem; background: #F2F1F1; padding:2% 3%; display: block; margin:2% auto;}


.newsStyle1{ float: none; width: 100%;  background: #fff;}
.newsStyle2{ float: none; width: 100%;  background: #fff;}
.newsStyle2 .firstItem .item{ float: none; width: 100%; box-sizing: border-box; padding:.2rem;}
.newsStyle2 .firstItem .item .itemL{ float: left; width: 30%; height: 1.35rem; overflow: hidden;}
.newsStyle2 .firstItem .item .itemL img{ width: 100%;}
.newsStyle2 .firstItem .item .itemR{ width: 68%; float: right;}
.newsStyle2 .firstItem .item .itemR .itemTit{ height: .6rem; line-height: .6rem; font-size: .28rem; font-weight: bold; color: #000;}
.newsStyle2 .firstItem .item .itemR .itemCon{ color:#6d6d6d; font-size: .26rem; height:.74rem; overflow: hidden}
.newsStyle2 .content ul{ width: 100%; float: none; }
.newsStyle2 .content ul li{ height: .9rem; line-height: .9rem;}
.newsStyle2 .content ul li .t{float: left; width: 80%; }

.productList .content{ background: #fff; box-sizing: border-box; padding:2% 0 0 0;}
.productList .content{ }
.productList .content #Marquee{    overflow: hidden;
    width: 100%;}
.productList .content #Marquee ul li{ float: none;width: auto; height: auto ; line-height: inherit; border-bottom:none; }
.productList .content #Marquee ul .item{width: 50%; height: 4rem; overflow: hidden; float: left; box-sizing: border-box; padding:1%;}
.productList .content #Marquee ul  .item img{ width: 100%; height: 2.45rem; }
.productList .content ul li img{ padding: 0;}
.productList .content #Marquee ul .item .font{ font-size: 16px; color: #000000; height: 30px; line-height: 30px; overflow: hidden;}
.productList .content #Marquee ul .item .datetime{ color: #7a7a7a; font-size: .26rem;height: 30px; line-height: 30px; width: 100%; float: none; text-align: left;}

.contactus{ background: url("../images/contactBg.png") no-repeat top; background-size: 100%; width: 100%; padding-top:.3rem;
    padding-left:12%; box-sizing: border-box; }
.contactus .content .item{ margin:0 0 0 0%;
    width:44%;
    float: left;    overflow: hidden;
    height: 1.2rem; }
.contactus .content .item .itemL{ width: 40%; float: left }
.contactus .content .item .itemL img{ width: 100%; }
.contactus .content .item .itemR{ width: 58%;    float: left;  margin-left: 2%; font-size: .26rem; }


.footer{ position: fixed; bottom:0; left: 0; display: block; width: 100%; z-index: 999999; }
.footer li{ float: left; width: 25%; text-align: center; background: #095336; padding:.3rem 0;}
.footer li img{ width: 30%; margin-bottom:1%; }
.footer li .font{ font-size: .24rem; color:#fff; }


.BlockItem .cate{ line-height: .6rem; background: #fff; text-align: center; overflow: hidden; margin:2% 0; }
.BlockItem .cate a{ padding:0% 3%; font-size: .24rem; background: #F2F1F1; border-radius: 0rem; overflow: hidden; margin:.3%; display: inline-block; color: #000; }
.BlockItem .cate a.hover{ background: #095336; color: #fff; }
.BlockItem .neirong{  }
.BlockItem .neirong li{ height: .8rem; line-height: .8rem; font-size: .28rem; box-sizing: border-box; padding:0 2%; border-bottom:1px dashed #DBDBDB; }
.BlockItem .neirong li a{width: 75%;float: left; display: block; overflow: hidden; height: .7rem; line-height: .7rem; }
.BlockItem .neirong li span{width: 25%;float: right;display: block; overflow: hidden; height: .7rem; line-height: .7rem; text-align: right; color: #6F6F6F; }
.BlockItem .more{ width: 30%; margin:.3rem auto; border-radius: 0rem;  overflow: hidden; background: #095336; color: #fff; font-size: .3rem; text-align: center; display: block; height: .5rem; line-height: .5rem;  }

.form{ width: 100%; background:#F4F4F4; padding:.2rem 0;  }
.form .timu{ font-size: .4rem; font-weight: bold; color: #000;text-align: center; }
.form .row{ height: 50px; line-height: 50px; margin:1% 2% 2%; }
.form .row .t{ float: left; width:25%; text-align: right;}
.form .row .i{ float: left; width: 65%;  }
.form .row .i input{  width: 100%;padding-left: 10px; height: 50px; line-height: 50px; border: 1px solid #E3E3E3; }

.form .mulrow{  line-height: 50px; }
.form .mulrow .t{ float: left; width:20%; text-align: right;line-height: .4rem}
.form .mulrow .i{ float: right; width: 80%; }
.form .mulrow .i textarea{ resize: none; padding: 10px; color: #959595;border: 1px solid #E3E3E3;  width: 900px; }
.form .row input[type='submit']{  width: 40%; height: .6rem; line-height: .6rem; background: #0F3EA6;color: #fff; font-size: 16px; border-radius: 5px; overflow: hidden; cursor: pointer; margin:5% auto; border: none; display: block;}
.rBlock .datetime{ font-size: .3rem; margin-bottom:.1rem; }

.rContent{ width: 96%; margin:1% auto 0; }
.rContent .rBlock{ width:100%; margin:2% 0; border-radius: .2rem; overflow: hidden; background: #fff;   position: relative; min-height: 5.8rem; }
.padding{padding: .26rem .24rem; box-sizing: border-box; }
.padding .img{ width:100%; border-radius: .1rem; overflow: hidden;  }
.rBlock .imgBot{ position: absolute !important; bottom:0; left: 0; width: 100%; }
.rBlock .img{ position: relative; height: 3.4rem; }
.rBlock .img > img{ height: 3.4rem;  }
.rBlock .img.full{ height: 370px; }
.rBlock .img.full >img{ height: 6.4rem; }
.rBlock .img .tit{ position: absolute; width: 33%; }
.rBlock .img .tit img{ width: 100%; }
.rBlock .img .tit.lt{  left: 3%; top: 10%; }
.rBlock .img .tit.lm{  left: 3%; top: 45%; }
.rBlock .img .tit.lb{  left: 3%; bottom: 10%; }
.rBlock .img .tit.rt{  right: 3%; top: 10%; }
.rBlock .img .tit.rm{  right: 3%; top: 45%; }
.rBlock .img .tit.rb{  right: 3%; bottom: 10%; }
.rContent .rBlock .tq{ border-bottom:1px solid #E1E7EE; }
.rContent .rBlock .gg{ }
.rContent .rBlock .gg .tit{  padding:12px 0 7px;  color: #0a9c40; font-size: .32rem; font-weight: bold; }
.rContent .rBlock .gg ul li{ font-size:.28rem; line-height: .65rem; height: .65rem; width: 100%; overflow: hidden; border-bottom:1px dashed #cecece;  }
.rContent .rBlock .gg ul li img{ vertical-align: middle; padding-right: .15rem; width: 1.2%; }
.rContent .rBlock .gg ul li a{ color: #585858; }

.rContent .rBlock .font{ line-height: 30px; font-size: 14px; overflow: hidden;
    height: 158px; line-height: .5rem; height:2.85rem;  overflow: hidden; font-size: .24rem; margin-top:.1rem; }
.rContent .rBlock .font a{ color: #000; }


.ggCon{  height: 51px; line-height: 51px; background: #222222; width: 100%; margin:0px auto; overflow: hidden; }
.ggCon .img{ padding-right: 15px; width: 22px; float: left;  }
.ggCon .img img{ vertical-align: middle; padding-left: 15px; width: 100%; }
.ggCon_r{ float: left; padding-left: 50px; font-size: 16px; }
#FontScroll{  color: #fff; float: left; font-size: 0.3rem; }
.m_cate{ width: 100%; background: #EFEFEF; padding:5% 0; }
.m_cate .m_cate_item{ text-align: center; width: 25%; float: left; overflow: hidden;}
.m_cate .m_cate_item img{ width: 60%; }
.m_cate .m_cate_item .tit{ font-size: 0.22rem; line-height: 30px; }
.arrow { height: 54px; width: 7.5%;display:table; vertical-align: middle; }
.arrow img { width: 100%; height:52px;display:table; vertical-align: middle; }

.home { cursor: pointer; width: 8%; top: 1%; left: 2%; position: absolute; }
.home img{ width: 100%; vertical-align: middle; }

.nav { cursor: pointer; width: 9%; position: absolute; right: 3%; top: 17%; }
.nav img{ width: 100%; display:table; vertical-align: middle; }
.nav_hid { position: absolute; top: 0px; background: #f00; top: 0px; left: 0px; height: 500px; }
#ceng { display: none; width: 100%; height: 100%; z-index: 100; position: absolute; top: 0; right: 0; bottom: 0; }
#close { width: 10%; padding: 5%; float: left; opacity: 0.6; }
.type { width: 60%; background: #0F4398; height: 100%; float: right; }
.type ul li a { color: #fff; display: block; line-height: 300%; text-align: center; display: block; font-size: .3rem; transition: color 0.2s ease 0s; width: 100%; }
.type ul li { border-bottom: 1px solid #275DBC; color: #fff; }

.mobile_nav{
    width:100%; margin-top:2.5%; border-bottom: 1px solid #E6DED9;  border-right: 1px solid #E6DED9;}

.mobile_nav .navItem{
    width:33.33%;
    float: left;
    text-align: center;
    font-size:.31rem; padding:6% 0; border-top: 1px solid #E6DED9;border-left: 1px solid #E6DED9; box-sizing: border-box; }

.mobile_nav .navItem img{
    height:.6rem; margin:3% 0;
     }



#pagenavi { position: absolute; bottom: 3%; left: 50%; margin-left: -50%; width: 100%; z-index: 8; text-align: center; padding: 8px 0; }
#pagenavi a { width: 6px; height: 6px; line-height: 99em; background: #000; border-radius: 90px; margin: 0px 2px 0px 2px; overflow: hidden; cursor: pointer; display: inline-block; }
#pagenavi a.active { background: #fff; }

.fenye{ background: #fff; }


.stance{background: #FCFCFC; }

.swiper-container2{
	margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-pagination2 {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}
.styleMore1{ width: 35%; height: .4rem; line-height: .4rem; background: #4C8D19; color: #fff; text-align: center; font-size: .2rem; display: block; margin:.2rem auto; border-radius: 5px; overflow: hidden; }
.splitLine{ background: url(../images/split.png) no-repeat center; height: .40rem; }

.floor{ padding:0 1.5%; }


.innerPageDetail .timu{color: #B40009; font-size: .34rem; font-weight: bold; text-align: center; margin-bottom:.2rem;}
.innerPageDetail .con{ line-height: 1.7; color: #5A5A5A; }




.bread{ width: 96%; height: .4rem; line-height: .4rem; overflow: hidden; background:#fff; padding:0 0%; font-size: .26rem; margin:0 0%; border-bottom:1px solid #CECECE; margin:0 auto 0rem; padding:.3rem 0 .2rem; position:relative}
.fanhui{ position:absolute; right:0; color:#05712E !important}
.bread img,.bread span, .bread a{ color: #000; margin:0 .3%; }
.bread span{ color: #818181; }
.bread img{ vertical-align: middle; }


.pageBanner{ width: 95%; margin:0px auto .2rem; }
.pageBanner img{ width: 100%; }


.loadMore{ display: block; width: 40%; margin: .5rem auto; height: .6rem; line-height: .6rem; font-size: .3rem; color: #6f6f6f; border: 1px solid #b9b9b9; text-align: center; }
.timeArea { text-align: center; }





.bottom{
    background: #6A0005;
    background-size: 100% 100%;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 999;
    padding-bottom: 3%;
    padding-top: 3%;

}
.bottom a {
    width: 25%;
    float: left;
    text-align: center;
    color: #fff;
    display: block;
    font-size: .22rem;
}
.bottom img {
    width: 32%;
    display: block;
    margin: 0px auto 3%;
}

.swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

    }




.fenye{  }
.fenye .tit{  text-align: center; }

.fenye  .tit .line{ height: .04rem; background: #fff; width: 8%; margin:0px auto; }
.fenye .news{background: #fff;}

.fenye .addMore{ background: #083683; color: #fff; }
.fenye .instructors .con { height: auto; }
.fenye .instructors .con .item{ width: 45%; float: left; margin:2.5% 0 0 3%;  }

.fenye .tit{width: 100%;background-size:100%; }
.fenye .tit span{ display: block; text-align: center; }
.fenye .tit .en{ font-size:.2rem; padding-top:0rem;color: #979797; }
.fenye .tit .cn{ font-size:.36rem; font-weight: bold; margin:.3rem 0 .1rem;color: #05712E; }
.fenye .tit .line{ height: .04rem; background: #000; width: 8%; }
.fenye .news .item{ border-bottom:1px solid #ccc; }
.fenye .con {
    width: 100%;
    margin: .2rem auto 0;
    background: #fff;
    padding: 0rem .2rem;
    line-height: 1.8;
    font-size: .3rem;
    color: #292929;
    height: auto;
    box-sizing: border-box;
}
.fenye .con iframe{ width: 100%; height: auto; }
.fenye .con video{
    width:100%;}
.fenye .con img{ max-width: 100%; }


.fenye .newsTit{ text-align: center; line-height: .4rem; font-size: .34rem; padding-top:.26rem; color: #000;}
.fenye .con .datetime{ text-align: center; color: #000; height: .4rem; line-height: .4rem; margin-bottom:.2rem; font-size: .3rem; }
.pageContent.BlockItem{    padding: 3% 0%; margin:2% 0;}
.productList .swiper-slide{ float: left; margin:1%; width: 48%}
.productList .swiper-slide .img{ height: 2.5rem; overflow: hidden; }
.productList .swiper-slide .font{ height: .7rem; line-height: .7rem;overflow: hidden; font-size: .28rem; text-align: center; background: #F2F1F1; }
.productList .swiper-slide .font a{ color: #000; }
.productList .swiper-slide img{ width: 100%; }





.paginate{ padding:.2rem; border-top:1px solid #ccc; margin-top:.2rem; }
.paginate li{
    line-height:.5rem;
    height:.5rem;
    margin:.2rem 0;
    font-size:.26rem; }
.paginate li a{
    }
.paginate span{  }
.paginate .row{  margin-bottom:.2rem; }
.paginate .row .l{ float: left; margin-right: 1%; }






.notice {
  position: relative;
  width: 100%;
  background: #2F2566;
  box-shadow: .03rem .03rem .1rem .03rem rgba(0,0,0,.05);
}


.notice .noticeCon {
  width: 100%;
  margin: 0px auto;
  height: 54px;
  line-height: 54px;
}

.notice .noticeL {
  width: 100%;
  overflow: hidden;
  height: inherit;
  text-align: left;
}

.notice .noticeR {
  font-size: 16px;
  color: #fff;
  float: right;
  width: 30%;
  overflow: hidden;
  height: inherit;
  text-align: right;
}

.notice .noticeL .title {
  font-size: .36rem;
  color: #fff;
  font-weight: normal;
  float: left;
  padding-left:2%;
  width: 30%;
  box-sizing: border-box;
}

.notice .noticeL .con a {
  color: #fff;
}

.notice .noticeL .con {
    box-sizing: border-box;
  float: right;
  padding-left: 2%;
  padding-right: 2%;
  width: 70%;
  overflow: hidden;
}

.notice .noticeL .con li {
  font-size: .3rem;
  height: 54px; overflow: hidden;
}

.notice .noticeR img {
  vertical-align: middle;
  padding-right: 5px;
}


/*hd1*/
.hd1-b1 a{ color: #fff; font-size: .26rem; }
.hd1-a0{width: 100%;height: 1.4rem;position: relative;}
.hd1-a1{width: 100%;height: 1.4rem;position: fixed;top: 0;left: 0;z-index: 10;}
.hd1-a1>img{height: 100%;position: relative;}
.hd1-a2{height:1.3rem;position: absolute;top: 0;left: 0.2rem;}
.hd1-a2 img{ height: 100%; }
.hd1-a3{height: 0.56rem ;position: absolute;top: calc(50% - 0.56rem/2);right: 0.2rem;cursor: pointer; }
.hd1-a3 img:nth-child(1){display: block;height: 100%;}
.hd1-a3 img:nth-child(2){display: none;}
.hd1-a3.on1 img:nth-child(1){display: none;}
.hd1-a3.on1 img:nth-child(2){display: block;}
.hd1-b1{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: #272636;z-index: 9;display: none;padding: 2rem 0.2rem 0.6rem 0.2rem;}
.hd1-b2{width: 95%;height: 0.88rem;border: 1px solid #fff;border-radius: 0.44rem;margin-bottom: 0.2rem;position: relative;}
.hd1-b3{width: 80%;height: 100%;padding: 0.03rem 0 0.03rem 0.4rem;position: relative;}
.hd1-b3 input{width: 100%;height: 100%;position: relative;font-size: 0.26rem;line-height: 0.8rem;color: #fff; background: none; border:none;}
.hd1-b3 input::-webkit-input-placeholder{color: #fff;}
.hd1-b3 input:-moz-placeholder{color: #fff;}
.hd1-b3 input::-moz-placeholder{color: #fff;}
.hd1-b3 input:-ms-input-placeholder{color: #fff;}
.hd1-b4{height: 0.44rem;position: absolute;top: calc(50% - 0.44rem/2);right: 0.2rem;}
.hd1-b4 input{position:absolute; width:0.44rem; height:0.44rem; top:0; right:0;  opacity:0}
.hd1-b5{width: 100%;position: relative;}
.hd1-c1{width: 100%;position: relative;}
.hd1-c2{width: 94%;height: .8rem;cursor: pointer;position: relative;border-bottom: 1px solid rgba(255,255,255,0.8);}
.hd1-c3{width: 0.5rem;height: 0.36rem;position: absolute;top: calc(50% - 0.36rem/2);left: 0; display: none;}
.hd1-c3 img{margin: 0 auto; }
.hd1-c4{font-size: 0.26rem;line-height: .8rem;color: #fff;position: absolute;top: 0;
    /*left: 0.6rem;*/ left: 0;
}
.hd1-c5{height: 0.16rem;position: absolute;top: calc(30% - 0.16rem/2);right: 0;transition: 0.5s;}
.hd1-c2.on1 .hd1-c5{transform: rotateX(180deg);transition: 0.5s; top: 55%; }
.hd1-c6{width: 100%;position: relative;padding-left: 0.6rem;display: none;}
.hd1-c7{width: 100%;position: relative;}
.hd1-c8{width: 100%;height: 0.8rem;font-size: 0.26rem;line-height: 0.8rem;color: #fff;border-bottom: 1px solid rgba(255,255,255,0.8);}
.hd1-c9{height: 0.16rem;position: absolute;top: calc(50% - 0.16rem/2);right: 0;transition: 0.5s;}
.hd1-c8.on1 .hd1-c5{transform: rotateX(180deg);transition: 0.5s;}
.hd1-c10{width: 100%;position: relative;padding-left: 1.2rem;display: none;}
.hd1-c11{width: 100%;height: 0.8rem;font-size: 0.26rem;line-height: 0.8rem;color: #fff;border-bottom: 1px solid rgba(255,255,255,0.8);}
.i200>img{height: 100%;}

.allA{ height: .8rem; line-height: .8rem; width: 100%; display: block; }
.hd1-c8 .allA{ height:.8rem; line-height: .8rem; }

.pagination{ text-align:center;}
.pagination li {
    display: inline-block;
    /*padding: 0 13px;*/
    height: .6rem;
    line-height: .6rem;
    border: 1px solid #f0f0f0;
    margin: .05rem;
}
.pagination li a{
    display: block; padding:0 .2rem; box-sizing: border-box;}
.active {
    background-color: #CAEDF4;
}