body { font-size: 10px; padding-bottom: 0; color: #666666;}
.h120 { height: 1.2rem;}

/* ---TOP头部--- */
.bgDiv { width: 100%; height: 100%; background-color: #000; opacity: .5; position: fixed; display: none; z-index: 4; bottom: 0;}
.topBox { position:fixed; left:0; top:0; width: 100%; height: 1.2rem; background: #fff; z-index: 2;}
.top { height: 1.2rem; position: relative; border-bottom: 1px solid #e5e5e5;}
.logo { width: 3rem; left: .2rem; top: .2rem; position: absolute;}

/* ---右侧导航菜单--- */
.right { background:url(../images/a6.png); position:fixed; width: .7rem; height: .7rem; right: .3rem; top: .25rem; background-size:100% 100%; border: none; z-index: 3; }
.rightNav { height:100%;width: 50%; top: 0; max-width: 400px; background-color:#ea2227;position: fixed; z-index: 5;right: -50%;}
.rightNav li { font-size: .35rem; line-height: .98rem; text-align: right; padding-right: 1rem;}
.rightNav ul { padding-top: 1.7rem;}
.rightNav a { color: #fcd6b4;}
.rightNav dl { font-size: .3rem; display:none;}
.on { z-index: 6; background: url(../images/a5.png)!important; background-size: 100% 100%!important;}
.rightNav .on2,.on2 a { color: #fff;}

/* ---Banner图片--- */
.banner { padding-top: 1.2rem; }
.banner .swiper-container { width: 100%; height: 100%;}
.banner .swiper-slide { text-align: center; font-size: .4rem;  background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox;
 display: -webkit-flex;  display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center;
 -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.banner .swiper-pagination-bullet-active { background: #ea2227;}

/* ---首页 栏目标题 CSS--- */
.title { width: 100%; text-align: center; padding-top: .9rem;}
.title p { font-size: .5rem; color: #666; font-weight: bold;}
.title span { font-size: .5rem; line-height: .8rem; color: #ea2227; border-bottom: .05rem solid #ea2227; padding-bottom: .1rem;}

/* ---首页 公司简介 CSS--- */
.about { width: 100%; margin-top: .5rem;}
.about_img { position: relative; height: 6rem; margin: .2rem;}
.about_img b  { width: 3rem; height: 5.7rem; background: #ffa200; float: right; opacity: 0.9; filter: alpha(opacity=100);}
.about_img img { position: absolute; z-index: 9; width: 96%; height: auto; margin: .25rem .25rem 0 0; }
.about_text { font-size: .32rem; line-height: .56rem; margin: .2rem;}
.about_more  { width: 40%; height: 0.8rem; margin: 0 auto; text-align: center; background: #ea2227; border-radius: 20px; transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out;}
.about_more a { line-height: 0.8rem; color: #fff; font-size: 0.32rem; margin-top: 0.06rem;}

/* ---首页 课程类别 CSS--- */
.pro_box { width: 100%; margin-top: .2rem; padding: 0.15rem 0; overflow: hidden;}
.pro_menu { height: auto; font-size: 0.32rem; }
.pro_menu a { color: #fff; }
.pro_menu ul { padding-left: 0.1rem; }
.pro_menu ul li { width: 31.3%; background: #ea2227; border-radius: .1rem; height: 0.8rem; line-height: 0.8rem; text-align: center; float: left; margin: 0.06rem; }

/* ---首页 课程列表 CSS--- */
.pro { width: 100%; margin-top: .2rem;}
.pro_main { position: relative; margin-top: .2rem;}
.pro_main ul{overflow: hidden;}
.pro_main li{width:50%; float: left; padding-bottom: .45rem;}
.kc_box { width:3.4rem; margin: 0 auto; border: 1px solid #eee; border-radius: 5px;}
.kc_tp img { width:3.4rem; height: 3.7rem; border-radius:.2rem .2rem 0 0;}
.kc_text p { font-size: .29rem; color: #666; line-height: .85rem; text-align: center;}
.kc_tp { position: relative;}

/* ---首页 新闻类别 CSS--- */
.new_box { width: 100%; margin-top: .2rem; padding: 0.15rem 0; overflow: hidden;}
.new_menu { height: auto; font-size: 0.32rem; }
.new_menu a { color: #fff; }
.new_menu ul { padding-left: 0.1rem; }
.new_menu ul li { width: 31.3%; background: #ea2227; border-radius: .1rem; height: 0.8rem; line-height: 0.8rem; text-align: center; float: left; margin: 0.06rem; }

/* ---首页 新闻列表 CSS--- */
.new { width: 100%; margin: 0 auto;}
.new_main { width: 100%; background: url(../images/a_06.jpg) top center no-repeat; background-size: 100% 100%; height: 6.4rem;}
.new_main .new_mainBox { width: 100%; margin: 0 auto;}
.new_main .new_mainBox ul { width: 100%;}
.new_main .new_mainBox ul li { height: 1rem; border-bottom: .06rem solid #e5e5e5; line-height: 1rem; overflow: hidden;}
.new_main .new_mainBox ul li span { padding-left: .2rem; display: inline-block; width: 1.2rem; font-size: .3rem; color: #666; float: left;}
.new_main .new_mainBox ul li p { display: inline-block; font-size: .3rem; color: #666; overflow: hidden; line-height: 1rem;}
.new_mainBox .left { float: left; width: 100%; height: auto; position: relative;}

/* 首页案例样式*/
.case{ width: 100%; margin: 0 auto; overflow: hidden; padding-top: .8rem; padding-bottom: .2rem;}
.caseRight{ width: 100%;}
.caseRight .text p{ text-align:center; color: #666666; line-height: .56rem; font-size: .32rem; padding-top: .4rem; margin: .1rem;}

.case .caseLeft{ float: left; width: 7.5rem; height: 4.7rem; margin-top: .4rem; background: url(../images/bg_07.jpg); background-size: 100% 100%;}
.case .caseLeft .nr{ margin:.3rem 0 0 .6rem; width: 5.52rem; height: 3.42rem; position: relative;}
.case .caseLeft .nr .bd img{ width: 100%; height: 3.42rem;}
.case .caseLeft .nr span{ display: block; position: absolute; width: .64rem; height: .64rem; bottom: -.64rem; cursor: pointer; transition: 0.4s;}
.case .caseLeft .nr .prev{ right: -.64rem; background: url(../images/icon_03.png) center center no-repeat #e5e5e5;}
.case .caseLeft .nr .next{ right: -1.28rem; background: url(../images/icon_05.png) center center no-repeat #e5e5e5;}
.case .caseLeft .nr span:hover{ background-color:#f3a72f ;}

.cont_banner { width: 100%; height: 3.5rem; overflow: hidden; background: url("../images/cont.jpg") no-repeat center;}

/* ---内页分类菜单---*/
.menu_box { width: 100%; padding: 0.15rem 0; overflow: hidden;}
.cont_menu { height: auto; font-size: 0.32rem; }
.cont_menu a { color: #fff; }
.cont_menu ul { padding-left: 0.1rem; }
.cont_menu ul li { width: 31.3%; background: #ea2227; border-radius: .1rem; height: 0.8rem; line-height: 0.8rem; text-align: center; float: left; margin: 0.06rem; }

/* 产品列表 */
.pwydbox { width:100%; padding: 0.05rem; text-align: left; box-sizing: border-box;}
.pw{ background-size: 100% 100%; padding: .3rem 0; overflow: hidden; margin: 0 .2rem; border-bottom: .02rem dashed #ededed;}
.pw_tp{ width: 2.51rem; float: left;}
.pw_tp img{ width: 2.4rem; height: 1.8rem; border-radius: .2rem;}
.pw_text{ float: right; width: 4.1rem;}
.pw_text h2{ font-size: .32rem; color: #333333; line-height: .66rem;}
.pw_text p{ color: #999999; font-size: .2rem;}
.pw_text a{ display: block; width: 1.78rem; height: .48rem; text-align: center;line-height: .48rem; font-size: .24rem; color: #f3a72f; border: 1px solid #f3a72f; float: right; border-radius:.24rem; margin-top: .1rem;}
.pw_xq .swiper-pagination-bullet{ width:.2rem; height: .2rem; background: #d5cdc2; opacity: 1; margin: 0 .06rem;}
.pw_xq .swiper-pagination-bullet-active{ background: #585149;}
.pw_text h4{ font-size: .28rem; line-height: .6rem; color: #333;}

/* 详细内容信息 */
.cont { width:100%;}
.cont_main { font-size:.4rem; line-height: .9rem; border-bottom: 0.02rem solid #f8f8f8; text-align: center;}
.cont_tit { font-size:.25rem; line-height: .6rem; color: #333333; text-align: center;}
.cont_content { font-size:.32rem; line-height: .6rem; padding: .2rem;}
.cont_tag { margin-top: 20px; height: 40px; line-height: 40px; border-top: 0.02rem solid #f8f8f8;}
.cont_next { line-height: 30px; margin-top: 10px; padding: 10px; background:#f9f9f9;}


.swiper3 .swiper-container {
      width: 100%;
      height: 100%;

    }
.swiper3 .swiper-slide {
      text-align: center;
      font-size: 18px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.cexc_xq .swiper-pagination-bullet{width:.2rem; height: .2rem; background: #d5cdc2;opacity: 1; margin: 0 .06rem;}
.cexc_xq .swiper-pagination-bullet-active{background: #585149;}




/* 页码css */
.PageList .Pages{ padding: 20px 0; text-align: center; line-height: 23px; zoom: 1; overflow: hidden; }
.PageList .Pages a{ display: inline-block; height: 40px; margin: 0 5px; font-size: 16px; line-height: 40px; }
.PageList .p_cur,
.PageList .p_count,
.PageList .p_total,
.PageList .p_jump{ display: none; }
.PageList .p_page{ padding: 0px 5px; display: inline-block; }
.PageList .p_page a{color:#5f5c4d; border:solid 1px #ececec; display:inline-block; padding:0 12px; overflow:hidden; position:relative;  background-color:#fff;}
.PageList .p_page .a_prev,
.PageList .p_page .a_next{ width:80px; }
.PageList .p_page .num a{ width:44px; }
/*hover*/
.PageList .p_page .a_first:hover,
.PageList .p_page .a_end:hover,
.PageList .p_page .a_prev:hover,
.PageList .p_page .a_next:hover,
.PageList .p_page .num a:hover,
.PageList .p_page .num .a_cur{ background:#f3a72f; color:#fff; }
.PageList em{ font-style:normal;}

@media (max-width:768px){
.PageList .a_first,
.PageList .a_end,
.PageList .p_page .num a{ display:none !important;}
	
}

/*---底部 CSS---*/
.cont_bottom { width: 100%; height: auto; background: #333; border-top: .0625rem solid #ea2227;}
.lxwm { margin-top: 0.5rem; padding: .8rem 0 .8rem 0;}
.lxwm_tit { margin: 0 auto; width: 90%; }
.lxwm_tit h2 { font-size: .45rem; color: #fff; line-height: 1.2rem;}
.lxwm_tit p { font-size: .3rem; color: #FFFFFF; margin-bottom: 10px;}
.lxwm_tit span { width: 1rem; height: .0625rem; border-bottom: .0625rem solid #fff; }

.cont_message { margin: 0 auto; width: 90%; }
.cont_message ul { overflow: hidden; margin-left: -15px;}
.cont_message li { width:100%; float: left; padding: 0 0 20px 15px; box-sizing: border-box;}
.wby1 { width:100%; height: 42px; line-height: 42px; padding-left: 36px; box-sizing: border-box; background: url(../images/a_50.jpg) no-repeat 19px center #fff; border: none; color: #333;}
.wby2 { border: none; background: #fff; width:100%; padding: 15px; font-family: "微软雅黑"; color: #333; height: 115px; box-sizing: border-box;}
.btn4 { border: none; width:255px; height: 42px; cursor:pointer; transition: All 0.4s ease-in-out; font-size: 14px; color: #fff; font-family: "微软雅黑";background: #ea2227; margin-top: 20px;}



.footer { text-align: center; padding: .3rem 0; border-top: .00625rem solid #666;}
.footer p { font-size: .25rem; line-height: .45rem; color: #fff;}

.pyqnr { background:#fff; width:100%; padding:.4rem; position:fixed; bottom:0; left:0; border-top: .0625rem solid #eee; box-sizing: border-box; display:none;}
.pyqnr ul { overflow:hidden;}
.pyqnr li { width:33.33%; text-align:center; float:left; }
.pyqnr p { font-size:.26rem; color:#999; line-height:.42rem; }
.pyqnr img { display:block; width:.45rem; margin:0 auto;}

.quick { position: fixed; bottom: 0; left: 0; width: 100%; background: #ea2227; padding: 0.2rem 0; z-index:3; }
.quick ul { display: flex; }
.quick ul li { flex: 1; text-align: center; font-size: 0.24rem; }
.quick ul li img { width: 0.4rem; display: inline; }
.quick ul li span { font-size: 0.24rem; display: block; color: #FFFFFF; }
