/* ---------------------------------------------------------- */
/*                                                            */
/* Project: 李响大虾                                          */
/*                                                            */
/* - Start Time: 2016.06.02                                   */
/* - Author: JinBo                                            */
/*                                                            */
/*                                                            */
/*                           BaiDuHi:hotone1985               */
/*                                                            */
/* ---------------------------------------------------------- */


.android .u-left-icon.jboicon{ margin: 4px 0 0 0;}
.ios .u-left-icon.jboicon{ margin: 2px 0 0 0;}
.bar .button.pull-left { padding-right: 1rem;}


/* ==========================================================================
   公用模块
   ========================================================================== */

/* 公用图标 */
.fa,.jboicon{margin-top:-1px;margin-right:5px;margin-left:3px;color:#f7b935;font-size:.6rem;}
.img-icon{position:relative;display:inline-block;width:26px;height:26px;background-position:center;background-size:100% auto;background-repeat:no-repeat;vertical-align:middle;font-style:normal;-webkit-background-size:100% auto;}
.text-icon{display:inline-block;margin-top:-2px;margin-right:5px;margin-left:-5px;width:20px;height:20px;border-radius:4px;background-color:#ffcc5f;color:#fff;vertical-align:middle;text-align:center;font-weight:400;font-style:normal;font-size:.5rem;line-height:20px;}
.spring{background:url(../img/sprite.png) no-repeat;background-size:600%;}
.img-circle{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.button.button-yellow{min-height:2.2rem;border:none;border-radius:0;background:#ffdc5f;color:#000;font-size:.85rem;line-height:2.2rem;}

/* 头部 */
.bar.bar-nav{background-color:#fff;height: 2.2rem; top: 0.5rem; bottom: 0.2rem;}
.bar .button-link {
  top: 0;
  height: 2.2rem;
  padding: 0;
  font-size: .8rem;
  line-height: 2.2rem;
  color: #0894ec;
  border: 0;
}
.bar .button-link:active,.bar .button-link.active {
  color: #0675bb;
}

.bar .title{float:left;width:80%;height:2.2rem;vertical-align:middle;z-index:2;position:relative;margin:0;text-align:center}
.bar .title a{display: block; height: 100%;text-align: center;}
.bar .title span{display: inline-block; height: 100%; width: 0; text-align: center; vertical-align: middle;}
.bar .title img{vertical-align: middle;max-height: 100%}
.bar .title:after{display: none;content: '';width: 1px;height: 68px;background-color: #e1e1e1;position: absolute;right: 0;top: 50%;margin-top: -34px}

.bar .bar-nav-tel{color: #da251e;font-size: .6rem;padding-top: 0.5rem;}
.bar .bar-nav-tel span{color: #fff;font-size: .8rem}
.bar:after{height: 0}
.buttons-tab .button.active{border-color:#f1b73b;color:#f1b73b;}

/* 底部 */
.bar.bar-tab{background-color:#282828;}
.bar-tab .tab-item{color: #fff;}

.code{position: fixed;padding: 40px;background-color: rgba(0,0,0,0.4);display: none;z-index: 99999999;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);text-align: center;}
.code a{}
.code img{max-width: 200px;max-height: 200px;}
.code i{position: absolute;display: block;top: 0;right: 0;width: 40px;height: 40px;background-image: url(../images/close.png);background-size: cover;}
.code p{text-align: center;font-size: 14px;line-height: 28px;font-weight: bold;background-color: #fff;}
.code p .span1{color: #E53232;}
.code p .span2{display: inline-block;margin-left: 40px;color: #000;}
.code p .span3{display: block;color: #000;}

.w1{margin: 0 auto;max-width: 750px; min-width: 300px;}
.bg-1{ background-color:#fafafa; padding:0.8rem 0}
.bg-2{ background-color:#fafafa; padding:0 0 0.8rem 0}
.title-1{}
.subnav{ padding:0.6rem; list-style:none}
.subnav li{ width:24.25%; float:left; margin-right:1%; margin-bottom:1%;}
.subnav li a{ display:block; background-color:#267bce; text-align:center;  color:#fff; font-size:.7rem; line-height:2.25rem;}
.subnav li:nth-child(4n+0){ margin-right:0;}

.ul-1{list-style:none;margin:0; padding:0; overflow:hidden; padding:0.1rem 0.6rem;}
.ul-1 li{ width:48%; float:left; margin:0;position:relative; overflow:hidden;margin-right:2%;}
.ul-1 li div{width:100%; height:100%;text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/display:block;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size:154px; margin:0 auto;  overflow:hidden;}
.ul-1 li img{vertical-align:middle;transition-duration:0.8s; height: 4rem}
.ul-1 li a{ display:block; position:relative; overflow:hidden; border:5px solid #eaeaea; border-radius:5px;   background-color:white; padding:0.425rem}
.ul-1 li span{ display:block; color:black; font-size:.7rem; padding:.2rem 0; text-align:center;}
.ul-1 li span.span1{ background-color:#0e60bc; color:white; border-radius:.6rem; line-height:.7rem; width:70%; font-size:.5rem; margin:0 auto}
.ul-1 li a:hover{ background:#1b92d5;transition-duration:0.8s;}
.ul-1 li a:hover,.ul-1 li a:hover span{ color:#fff;transition-duration:0.8s;}
.ul-1 li a:hover span{ border-color:#82c3e8;transition-duration:0.8s;}
.ul-1 li:last-child{ margin-right:0;}

.block-1{line-height: 0;}


.nbom{ position:fixed; bottom:0; height:100px; width:100%; left:0; z-index:100000000000;}
.nbom .w1{ position:relative;background:#15499a; height:100px;}
.nbom .nav-bom{ height:100px;}
.nbom .nav-bom li{height:100px;float:left; width:25%; border-right: 1px solid #043d96;}
.nbom .nav-bom li.li-1{}
.nbom .nav-bom li a{ color:#fff;text-decoration:none; font-size:18px;line-height:23px; text-align:center; position:relative; padding:0; height:100px; display:block;}
.nbom .nav-bom li i{ display:block; width:29.33%; margin:12px auto 0;}
.nbom .nav-bom li i img{ width:100%;}
.nbom .nav-bom li a:hover{ color:#fff;transition-duration:0.6s; text-decoration:none;}
.nbom .nav-bom li.none{}

@media (max-width: 414px) {
.nbom{ height:65px;}
.nbom .nav-bom li a{ font-size:16px; line-height:18px;}
.bar-nav ~ .content {
  bottom: 65px;
}
}

@media (max-width: 375px) {
.nbom{ height:50px;}
.nbom .nav-bom li i{ margin-top:5px;}
.nbom .nav-bom li a{ font-size:12px; line-height:18px;}
.bar-nav ~ .content {
  bottom: 50px;
}
}



.about{ background-color:#fff; padding:0.875rem 0.6rem 0.65rem}
.aboutp{background-color: white;padding: .2rem;}
.aboutp img{float: left;margin: .4rem;max-width: 40%;}
.aboutp p{font-size:.6rem; line-height:1rem}
.title-2{ border-bottom:1px dotted #c3dcf8; height:1.4rem; line-height:1.4rem;}
.title-2 span{ float:left; color:white; font-size:.7rem; padding-left:.1rem}
.title-2 span.title1{ padding-left:.3rem; font-size:.4rem}

.title-3{ height:1.6rem; line-height:1.6rem; border-bottom:1px solid #e0e0e0;background-color: #fff;}
.title-3 span{ float:left; color:black; font-weight:bold; font-size:.7rem; padding-left:1.5rem}

a.more{ float:right; color:#5a5353;font-size:.6rem; padding-right:.5rem}

.news{margin:0 0.6rem; border:1px solid #c4c8c9}
.ul-news{ margin:0; list-style:none; background-color:white; padding:.5rem .5rem 1rem }
.ul-news li{line-height:1.2rem;overflow:hidden; padding:0 5px 0 25px; margin:0; border-bottom:1px dotted #635f5f; background:url(../images/news-li.jpg) no-repeat 3px center;}
.ul-news li span{ color:#635f5f; line-height:1.2rem; font-size:.6rem; float:right;}
.ul-news li a{color:#635f5f;font-family: "Microsoft Yahei"; font-size:.6rem; line-height:1.2rem; padding:0; float:left;}
.ul-news li a:hover{ color:#f11212;}
.ul-news li p{ margin:0; color:#7c7c7d; font-size:14px; line-height:20px;font-family: "Microsoft Yahei";clear:both; overflow:hidden; zoom:1;}
.ul-news li:hover{transition-duration:0.6s;}
.ul-news li:hover{transition-duration:0.6s;}
.ul-news li:hover div.fr a{ color:#f11212;}

.clear{ clear:both; overflow:hidden; zoom:1; float:none;}


.nav1{ position:absolute; bottom:0; left:0; background-color:#267bce; width:100%;}
.nav1 ul{margin:0 auto;list-style:none;display:block; padding:0;}
.nav1 ul li{ float:left;font-family: "Microsoft Yahei"; background:url(../images/nav-li.jpg) no-repeat right center; width:25%; }
.nav1 ul li a{ color:white; font-size:.7rem;line-height:1.4rem;display:block; text-align:center; border-bottom:1px solid white; border-right:1px solid white;}
.nav1 ul li a:hover,.nav ul li.on a{ background:url(../images/nav-hover.jpg) no-repeat bottom center;display:block; color:white}
/* Basic */
.index_ {padding:0.7rem 0 1rem;}
.index_ .article{text-align: center;padding-bottom: 0}
.index_ .T{padding: 0.6rem}
.index_ .T h2{font-weight:normal;font-size: 1.5rem;}
.index_ .T h2 strong{font-weight:normal;border-bottom: 2px solid #5fbe36;padding-bottom: 6px;}
.index_ .T h3{font-weight:normal;font-size: 1rem;}
.index_ .T img{display:block;}
.index_ .C{margin: 5px 0;font-size: 0.7rem;line-height:1.7;overflow: hidden;}

/* 轮播 */
.banScroll{ position:relative; overflow:hidden; font-size: 0.65rem; margin:0 auto;max-width:768px;/* 设置焦点图最大宽度，最大兼容到IPAD*/ }
.banScroll .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
.banScroll .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.banScroll .hd li.on{ background:#fff;}
.banScroll .bd{  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;}
.banScroll .bd ul {  display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;}
.banScroll .bd li {  position:relative;  text-align:center;  width: 100%;  height: 100%;  -webkit-flex-shrink: 0;  -ms-flex: 0 0 auto;  flex-shrink: 0;  display: -webkit-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex!important;  -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;}
.banScroll .bd li img {  background:url(../img/base/loading.gif) center center no-repeat;  vertical-align:top;  width:100%; /* 图片宽度100%，达到自适应效果*/}
.banScroll .bd li a {  -webkit-tap-highlight-color:rgba(0,0,0,0); /* 去掉链接触摸高亮*/}
.banScroll .bd li .tit {  display:block;  width:100%;  position:absolute;  bottom:0;  text-indent:10px;  height:28px;  line-height:28px;  background:rgba(0,0,0,.6);  color:#fff;  text-align:left;}
.banimg{visibility: hidden;width: 100%}
/*简洁样式*/
.banScroll.notit .bd li .tit{display: none;}
.banScroll.notit .hd{left: 0;text-align: center;}
/*内页广告图*/
.nbanner{text-align: center;}
/*公用标题*/
.pub-title{text-align: center;}
.pub-title p{font-size: 0.7rem;line-height: 1.2rem;color: #15499a;font-family: "Microsoft Yahei";text-transform: uppercase;}
.pub-title span{font-size: 1rem;line-height: 1.6rem;color: #000;position: relative;}
.pub-title span:before{content: '';display: block;position: absolute;top: 50%;right: 120%;width: 50%;height: 1px;background-color: #666;}
.pub-title span:after{content: '';display: block;position: absolute;top: 50%;left: 120%;width: 50%;height: 1px;background-color: #666;}
  /* ICON盒子 */
  .icon-box{text-align: center;padding-bottom: 12px;}
  .icon-box .icon{display: inline-block; width: 60px; height: 60px;line-height:181px;font-size:20px;color:#fff;font-weight:bold;position: relative; margin-bottom: 0px;background-color: #f1a640;border-radius: 50%}
  .icon-box .icon a{display: block;width: 100%;height: 100%;margin: 0 auto;}
  .icon-box .icon img{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
  .icon-box .icon a:hover img{transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);}
  .icon-box h3{font-size: .75rem;font-weight: normal;height: 1.2rem}
  .icon-box p{font-size: .6rem;padding: .3rem 0;height: 4.2rem}
  .icon-box .icon.icon1{background-position:5px 2px;background-color: #f1a640}
  .icon-box .icon.icon2{background-position:-57px 2px;background-color: #63ca79}
  .icon-box .icon.icon3{background-position:-117px 5px;background-color: #559fde}
  .icon-box .icon.icon4{background-position:-174px 6px;background-color: #e9628a}
  .icon-box .icon.icon5{background-position:8px -56px;background-color: #bdc860}
  .icon-box .icon.icon6{background-position:-57px -56px;background-color: #e27475}
  .icon-box .icon.icon7{background-position:-118px -56px;background-color: #e462ba}
  .icon-box .icon.icon8{background-position:-174px -56px;background-color: #5ac4d2}
  /*媒体盒子模型*/
  .media-box{display:block;text-align: center;margin-bottom:.8rem;width: 100%;position: relative;}
  .media-box .icon{display: inline-block; background: #fff; width: 168px; height: 115px; overflow: hidden}
  .media-box .icon{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
  .media-box h5{font-weight: normal;color: #000}
  .media-box p{font-size: 0.6rem;padding:0.1rem 0.5rem;margin:0;}
  .media-box .icon img{width: auto;height: auto;vertical-align: middle;}
  .media-box .icon img{transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;width:332px; height: 321px;}

  .media-box2{display:block;text-align: center;margin-bottom:.8rem;width: 100%;position: relative;}
  .media-box2 .icon{display: inline-block; background: #fff; width: 100%; height: 120px; overflow: hidden}
  .media-box2 .icon{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
  .media-box2 h5{font-weight: normal;color: #000}
  .media-box2 p{font-size: 0.6rem;padding:0.1rem 0.5rem;margin:0;}
  .media-box2 .icon img{width: auto;height: auto;vertical-align: middle;}
  .media-box2 .icon img{transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}

  .article-box{background-color: #FFF9F3;padding: 5px;}
  .article-box .icon{background-color: #FFF9F3}
  .article-box p{text-align: left;font-size: 12px;}

/* ==========================================================================
   首页：站点功能模块
   ========================================================================== */
  section:after,section:before{content: '';display: block;clear: both;overflow: hidden;}
  /*功能导航*/
  .section_block{background:#fff;}
  .section_block ul li{float: left;width: 25%;box-sizing: border-box; border-right: #fff 1px solid;border-bottom: #fff 1px solid;}
  .section_block ul li:nth-child(4n){border-right: #fff 1px solid;}
  .section_block ul li.nob{border-bottom: #fff 1px solid;}
  .section_block ul li a{display: block;padding:10% 15%;text-align: center;}
  .section_block ul li a img{max-height: 80%;max-width: 80%;}
  .section_block ul li a p{font-size: 0.6rem;line-height: 1rem;}
  /*通栏*/
  .section_bar{text-align: center;}
  /*课程安排*/
  .section_cour{}
  .cour-box{padding-top: 20px; padding-left: 20px; padding-right: 20px;}
  .media-box-pro{margin:1% 1% .8rem;padding: 1%;width: 97%;box-shadow:0px 0px 6px #aaaaaa; }
  .media-box-pro img{width:332px; height: 321px; }
  .media-box-pro a{position: relative;}
  .media-box-pro p{position: absolute;  bottom: 0;left: 0;width: 100%;background-color: rgba(68,45,29,0.86);color: #fff;}
  .pro-more{text-align: center;padding-top: .4rem;}
  .pro-more a{display: inline-block;font-size: .6rem;line-height: 1.2rem;color: #fff; background:#f6ab2c;padding: 0 10%;border:#f6ab2c 2px solid;border-radius: .6rem;}
  .pro-more a:hover{color:#fff;padding: 0 10%;border:#15499a 2px solid;background:#15499a;border-radius: .6rem;}
  /*在线直播教程*/
  .section-live{}
  .live-box{margin:3% 2% .8rem;padding: 2%;width: 96%;box-shadow:0px 0px 10px #aaaaaa;text-align: center;}
  /*课堂风采*/
  .section-class{background-color: #fff9f2;}
  .class-box{padding-top: 20px;}
  .media-box-class{padding: 3%;width: 100%;background-color: #15499a }
  .media-box-class a{position: relative;background-color: transparent!important;}
  /*师资力量*/
  .section-teacher{}
  .teacher-box{padding-top: 20px;}
  /*学员作品*/
  .section-works{}
  .works-box{padding: 20px 0;text-align: center;}
  .works-box ul li{background-color: #15499a;text-align: center;border:#15499a 1px solid;margin-bottom: .6rem;}
  .works-box ul li a{color: #fff;font-size: .6rem;line-height: 1.0rem;}
  .works-box ul li.on{background-color: #fff;}
  .works-box ul li.on a{color: #15499a}
  #swiper-works{padding-top: 20px;}
  .media-works a{position: relative;}
  .media-works a p{position: absolute;bottom: 0;left: 0;width: 100%;background-color: rgba(51,51,51,0.6);color: #fff;padding-left: 10%;text-align: left;font-weight: normal;padding: 0;}
  .pro-more1{display: inline-block;font-size: .6rem;line-height: 1.2rem;color: #15499a;padding: 0 10%;border:#15499a 2px solid;border-radius: .6rem;}
  /*教学环境*/
  .section-envi{background-color: #fff9f2}
  .envi-box{background-color: #15499a;margin-top: 20px;padding: 2%;}
  .envi-box .pt{padding-top: 2%;}
  .specialimg img{width: 100%;height: 100%;}
  /*开店案例*/
  .section-case{}
  .case-box{padding-top: 20px;}
  .media-box-case{margin:3% 3% .8rem;padding: 3%;width: 94%;box-shadow:0px 0px 6px #aaaaaa;text-align: left; }
  .media-box-case strong{font-size: .7rem;line-height: 1.2rem;display: block;}
  .media-box-case span{font-size: .6rem;line-height: 1rem;display: block;}
  .media-box-case p{font-size: .6rem;line-height: 1rem;}
  /*合作平台*/
  .section-team{}
  .media-box-team{margin-bottom: 0;padding: 6px}
  .media-box-team a{padding: 0 3%;box-shadow: 0px 0px 6px #aaaaaa;}
  .media-box-team p{font-size: .6rem;line-height: 1rem;text-align: center;}
  /*在线报名*/
  .section-book{background-color: #fff9f2}
  .book-box{padding: 3% 1% 3%;}
  .btn-default{background-color: #15499a;color: #fff;} 


/* ==========================================================================
   内页：站点功能模块
   ========================================================================== */
  /*
   * 通用标题
   */
  .section_inner .article{text-align:left;}
  .section_inner .T{padding: 0.3rem 0;border-bottom: 1px solid #d5d5d5;}
  .section_inner .T h3{color:#000;padding-left: 10px;position: relative;font-size: .8rem;line-height: 1.2rem;font-weight: bold;}
  .section_inner .T h3:before{content: '';position: absolute;left: 0;top: .1rem;width: 3px;height: 1rem;background-color: #15499a}
  .section_inner .T a{font-size:.7rem;line-height:2}

  /*单页内容区重定义*/
  .singleTxt *{font-size:.7rem!important;line-height:2!important;font-family: 'Microsoft YaHei'!important}
  
  /*
   * 切换
   */
  .article .T.tab{padding-left: 0;padding-right: 0;}
  .article .T.tab a{color: #000; padding: 4px;font-size: 0.6rem;text-align: center;margin-bottom: 5px;border:#ccc 1px solid;}
  .article .T.tab a.on{background: #fe8a1d;color: #fff}


  /*
   * 新闻列表
   */
  .section_nnews .news-box{padding: .5rem 0;}
  .m-component-more {      font-family: 'microsoft yahei';      padding-bottom: 10px;      color: #323232;      font-size: 16px;      line-height: 24px;      text-align:center;  }
  .m-component-more a{      display: inline-block;      padding: 6px 12px;      text-align: center;      vertical-align: middle;      -ms-touch-action: manipulation;      touch-action: manipulation;      cursor: pointer;      -webkit-user-select: none;      -moz-user-select: none;      -ms-user-select: none;      user-select: none;      color: #fff;      background-color: #15499a;      border-color: #4cae4c;      border-radius: 4px;      font-size: 14px;  }
  /*
   * 新闻详细
   */
  .section_ndetail{background: #fff}
  /*plist列表*/
  .module_list h3{font-size: 14px;}

   /*小菜单*/
  .PageMenuList{height: 46px;width: 100%;background: #f2f2f2;border-bottom: 1px solid #ebebeb;}
  .PageMenuList .wrap{height: 47px; position:relative;}
  .PageMenuList ul{position: absolute; left: 0px; top: 0px;}
  .PageMenuList ul li{float: left; height: 45px; padding: 0 17px; line-height: 45px; margin: 1px;}
  .PageMenuList ul li.hover{border: 1px solid #ebebeb; border-bottom: 1px solid #fff; background: #fff; font-weight: bold;}
  .PageMenuList ul li a{font-size: 14px; color: #454545;}
  .PageMenuList ul li.hover a, .PageMenuList ul li a:hover{color: #00aa3a;}

  /*面包屑*/
  .PageCrumbList{width: 100%;}
  .PageCrumbList .wrap{height: 46px;line-height: 46px; position:relative;border-bottom: 1px solid #ebebeb;}
  .PageCrumbList ul{position: absolute; left: 0px; top: 0px;font-size: 14px;}
  .PageCrumbList ul li{float: left; height: 45px; padding: 0 3px; line-height: 45px; margin: 1px;}
  .PageCrumbList ul li.hover{border: 1px solid #ebebeb; border-bottom: 1px solid #fff; background: #fff; font-weight: bold;}
  .PageCrumbList ul li a{font-size: 14px; color: #454545;}
  .PageCrumbList ul li.hover a, .PageCrumbList ul li a:hover{color: #00aa3a;}
  .PageCrumbList a{
    font-size: 14px;
    color: #454545;
    padding: 10px 3px;
    line-height: 45px;
    margin: 1px;
}
  /*正文*/
  .newsTit{width:100%;border-bottom:1px solid #eee;text-align:center;}
  .newsTit h1{font-size:32px;color:#000;font-weight: normal;line-height: 1.3}
  .newsTit p{font-size:14px;color:#454545}
  .newsTit p span{padding:0 20px}
  .newsTit p span .icon_js_c{background:url(../img/base/icon_news_detail.gif) no-repeat;display:inline-block;width:20px;height:20px;text-align:center;line-height:20px;overflow:hidden;font-size:14px;vertical-align:middle;margin-left:4px}
  .newsTit p span .icon_js_c_hover{background:url(../img/base/icon_news_detail.gif) -20px 0 no-repeat}
  .newsThumb{text-align: center;}
  .newsThumb img{max-width: 90%}
  /*内容*/
  .newsContent{font-size:14px;line-height:30px;padding:40px 0px 40px;margin-bottom: 16px;}
  .newsContent p{font-size:14px;margin:1.12em 0;line-height:30px}
  .newsContent h1,.newsContent h2,.newsContent h3,.newsContent h4,.newsContent h5,.newsContent h6{line-height: 150%}
  .newsContent h1{font-size:32px;font-weight:bold;margin:.67em 0}
  .newsContent h2{font-size:24px;font-weight:bold;margin:.75em 0}
  .newsContent h3{font-size:18px;font-weight:bold;margin:.83em 0}
  .newsContent h4{font-size:16px;font-weight:bold;margin:1.12em 0}
  .newsContent h5{font-size:14px;font-weight:bold;margin:1.5em 0}
  .newsContent h6{font-size:12px;font-weight:bold;margin:1.67em 0}
  .newsContent ul li{list-style:inherit}
  .newsContent .n_top{margin-top:0}

  .content_bak{font-size:14px;line-height:30px;padding:40px 60px;background-color: #F4F4F4;margin-bottom: 16px;}
  .content_bak .pic{text-align: center;}
  .content_bak p{font-size:14px;line-height:1.75}
  
  .content_bak .conp{text-align: center;font-size: 16px;background-color: #FFF3E7;font-weight: bold;line-height: 32px;margin: 8px 0;}
  .content_bak h1,.content_bak h2,.content_bak h3,.content_bak h4,.content_bak h5,.content_bak h6{line-height: 150%}
  .content_bak h1{font-size:32px;font-weight:bold;margin:.67em 0}
  .content_bak h2{font-size:24px;font-weight:bold;margin:.75em 0}
  .content_bak h3{font-size:18px;font-weight:bold;margin:.83em 0}
  .content_bak h4{font-size:16px;font-weight:bold;margin:1.12em 0}
  .content_bak h5{font-size:14px;font-weight:bold;margin:1.5em 0}
  .content_bak h6{font-size:12px;font-weight:bold;margin:1.67em 0}
  .content_bak ul li{list-style:inherit}
  .content_bak .n_top{margin-top:0}
  /*点赞*/
  .newsPj{width:100%;text-align:center;padding-bottom:24px}
  .newsPj a.good,.newsPj a.bad{float:none}
  a.good,a.bad{font-size: 14px; float: right; color: #999;cursor: pointer}
  a.bad{padding-left: 18px}
  a.good span,a.bad span{background: url(../img/base/icon_news_detail.gif) no-repeat; width: 24px; display: inline-block; vertical-align: text-bottom; height: 31px; margin-right: 7px; cursor: pointer;}
  .newsPj a.bad span{background-position:0 -51px}
  .newsPj a.good span{background-position:0 -20px}
  .newsPj a.bad:hover span{background-position:-24px -51px}
  .newsPj a.good:hover span{background-position:-24px -20px}
  /*分享*/
  .newsbshare{text-align:center;font-size:14px}
  .newsDetailCur{width:100%;position:relative;padding:22px 0 16px}
  .newsDetailCur li{width:49.9%;float:left;font-size:14px;position:relative;z-index:1111;overflow: hidden;}
  .newsDetailCur li a{padding:5px 0 5px;}
  .newsDetailCur li.r{float:right;text-align:right}
  /*手机查看*/
  .check_moblie{ display:inline-block; width:98px; height:30px; vertical-align:middle; background:#f2f2f2; border:1px solid #e5e5e5; line-height:30px; color:#999; text-indent:9px; text-align:left; position:relative; cursor:pointer; margin-left:20px;}
  .check_moblie .isj{background:#888888; width:0px; height:0px; overflow:hidden; margin-bottom:5px; border-top:5px solid #888888; border-right:5px solid #f2f2f2;border-left:5px solid #f2f2f2; display:block; position:absolute; right:8px; top:14px;}
  .check_moblie .isj_hover{ border-top:none; border-bottom:5px solid #888888;}
  .mobile_qrview{ width:100%; min-width:100%; display:none;}
  .mobile_qrview .in{ border:1px solid #e5e5e5; position:relative; padding:20px 29px; min-height:130px; _height:130px; margin-top:22px;}
  .mobile_qrview h1{ font-size:30px; color:#000; padding-bottom:10px;}
  .mobile_qrview p{ line-height:24px; font-size:14px; color:#999}
  .mobile_qrview img{float:right}
  .mobile_qrview .clmoblie{ width:12px; height:12px; display:block; overflow:hidden; position:absolute; right:10px; top:10px; background:url(../images/icon_close_moblie.gif)}

  /*
   * 联系我们
   */
  .usinfo{padding: 10px 0}
  .usinfo .usinfo_title{line-height: 54px; margin-bottom: 20px; font-size: 1rem;}
  .usinfo .info{font-size: .6rem; color: #444; line-height: 1rem;}
  .m-form .btn{width: 100%;border-radius: 0;padding:11px 12px;border:1px solid #812021}
  .m-form .btn { transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
  .m-form .btn-default:focus,
  .m-form .btn-default.focus{color: #fff; background-color: #812021; border-color: #8c8c8c;}
  .m-form .btn-default:hover{color: #fff; background-color: #812021; border-color: #adadad;}
  #map{border:1px solid #000;margin-top:40px}

  /*
   * 招聘
   */
  .section_njob{padding-top: 2em;padding-bottom: 4em}
  .section_njob .index_{padding-top: 1em;padding-bottom:1em}
  .section_njob .article{margin-bottom: 0}
  .section_njob .article .T h2{background: url(../img/section_njob_t.jpg) top center no-repeat;}
  .section_njob .seg{padding: 5px;border: 1px solid #d5d5d5;text-align: left;margin-bottom: 15px}
  .section_njob .seg .segin{padding: 5%;border: 1px solid #d5d5d5}
  .section_njob .seg .segin .C{height: 130px}
  .section_njob .seg h4{margin:15px 0}
  .section_njob .seg h4 strong{font-size: 1.2rem}
  .section_njob .help_info{padding: 20px 0;background-color: #f7f7f7;margin-bottom: 1em;text-align: center}
  .section_njob a.back{position: absolute;top: 28px;padding: 2px 15px;border:1px solid #ccc}
  /*
   * 招聘详细
   */
  .jobapply{border: 1px solid #cccccc;padding: 45px}
  .jobchild{font-size: 14px;border-right: 1px solid #cccccc}
  .jobchild p.job_label{padding:4px 0}
  .jobchild h3.job_name{color:#333333;line-height: 43px;font-size: 26px;margin-bottom: 15px;font-weight: 500;}
  .jobchild h4.job_name{font-size: 15px;margin-top: 25px;margin-bottom: 5px;}
  .jobchild p,.jobchild .job_label,.jobchild .job_cont{color:#7c7c7c;}




 .bottom ul li{
	width: 100%;

	border-bottom: 1px solid #d4d4d4;
}
.bottom ul li.bg1{
	background: url("../../images/icon-tel.png") no-repeat 17px center;
}
.bottom ul li.bg2{
	background: url("../../images/icon-adr.png") no-repeat 17px center;
}
.bottom ul li.bg3{
	background: url("../../images/icon-inf.png") no-repeat 17px center;
}
.bottom ul li.bg4{
	background: url("../../images/icon-tel2.png") no-repeat 17px center;
}
.bottom ul li.bg5{
	background: url("../../images/icon-web.png") no-repeat 17px center;
}
 .bottom ul li .title1{
	padding-left: 55px;

	line-height: 65px;
	color: #231d33;
	font-size: 14px;
}
.bottom ul li .title1 a{color: #231d33;}
.bottom ul li .title1 a:hover{color: #231d33;}
.bottom ul li p{
	font-size: 14px;
	color: #333;
	padding: 21px 2px;
}



.mainBox{position:relative;}
.banner{ position:relative;overflow:hidden;width:100%;}
.banner .bd{ position:relative; z-index:0; }
.banner .bd li{ position:relative; text-align:center;list-style-type: none;}
.banner .bd li img{ background:url(../images/loading.gif) center center no-repeat;vertical-align:top; width:100%;}

.catalog-choose1 { overflow: hidden; margin-bottom: 10px; margin-top:10px;}
.catalog-choose1 li { float: left; width:49.5%; margin-left:0.5% }
.catalog-choose1 li a, .catalog-choose li span { display: block; height: 40px; line-height: 40px; font-size: 14px; color: #545454; text-align: center; background: #dcdcdc; margin-top: 10px; }
.catalog-choose1 li a:hover{ color: #fff; background: #15499a; }
.catalog-choose1 li a.cur{background:#15499a;color: #fff;}

.catalog-choose1 li:nth-child(3n+1) a, .catalog-choose1 li:nth-child(3n+1) span { }
.catalog-choose1 li:nth-child(3n+2) a, .catalog-choose1 li:nth-child(3n+2) span { margin-right: 3px; }
.catalog-choose1 li:nth-child(3n+3) a, .catalog-choose1 li:nth-child(3n+3) span {  }


.about_text {}
.about_text .tit{ font-size: 0.8rem; color: #FBA51A;    line-height: 1.0rem;margin: 20px; }
.about_text .tit span{ font-size: 13px; color: #4b4b4b; text-transform: uppercase; line-height: 20px; display: block;}
.about_text .texts{ font-size: 0.7rem; line-height: 1.1rem;  color: #666; padding:20px; }
.about_text .texts p{font-size: 0.7rem; line-height: 1.1rem;color: #666;}

.newsdetail2 { width: 150px; text-align: right; float:right; padding-top:20px; padding-right:5px; font-size:14px;        letter-spacing: 0.5px;}
.newsdetail2 a:hover{ color:#15499a; font-weight:bold;}



.neiwz{width:100%; margin:auto; color: #303053; font-size:12px; }
.jishu{width:90%;margin:0 auto; overflow:hidden; font-family:"Microsoft Yahei";}
.jishu h2{  overflow:hidden; text-align:center; font-size:24px; line-height:30px; color:#bababa; font-weight:normal; padding-top:30px; padding-bottom:5px;}
.jishu h2 span{ color:#15499a; font-weight:bold;}
.jishu h2 b{ display:block; font-size:14px; color:#7d7d7d; font-weight: 400;}
.jishu h2 p{ display:block; line-height: 25px; font-size:14px; color:#7d7d7d; text-transform: uppercase; }

.jishu dl{ border-right:1px dashed #d4d4d3; float:left; width:290px; overflow:hidden; padding-right:34px; margin-right:35px;}
.jishu dl dt{ margin:0 auto; width:116px;}
.jishu dt img{ width:116px; height:116px;}
.jishu dd{ font-size:16px; line-height:24px; color:#848484;text-align:center;}
.jishu dd b{ display:block; padding:30px 0 20px; color:#15499a; font-size:30px; }
.jishu .nomar{ padding-right:0; margin-right:0; border-right:0;}


.neiys{width:100%; margin:auto; color: #666; font-size:14px; line-height:28px; padding-bottom:20px; }
.lc_bj{ padding-top:60px;overflow:hidden; font-family:"Microsoft Yahei";}
.lc{ width:100%; margin:0 auto; overflow:hidden;}
.lc h2{overflow:hidden; text-align:center; line-height:50px}
.lc h2 span{ display:block; font-size:22px; color:#666; font-weight:normal;}
.lc h2 {font-family: "Microsoft Yahei"; color:#666; font-size:32px;font-weight: bold;}.lc h2 a{ color:#666; font-size:32px;}.lc h2 a:hover{ color:#666; font-size:32px;}
.lc ul{ border:1px solid #ccc; overflow:hidden;}
.lc ul li{border:1px solid #ccc; border-width:1px 1px 0 0; width:20%;  overflow:hidden; float:left; position:relative; margin-top:-1px;}
.lc ul li img{ display:block; margin:0 auto;}
.lc li span{ padding-left:10px; display:block; height:44px; font:24px/39px Arial, Helvetica, sans-serif; color:#666;}
.lc li P{ display:block; text-align:center; color:#666; font-size:14px; line-height:30px;}
.lc .nomar{ border-right:0;}

.case{overflow:hidden; padding: 1.2rem 0;}
.case p{overflow:hidden; padding:0 0.2rem;  line-height: 1.3rem; color: #ccc;    font-size: 0.7rem;}

.caseMain,.liveMain{overflow:hidden;margin-bottom:.6rem;}

.case li{float:left;width:50%;padding-right:.05rem;margin-bottom:.1rem;}

.case li a{display:block;overflow:hidden;position:relative;}

.case li:nth-child(2n){padding-left:.05rem;padding-right:0;float:right;}

.case li img{width:100%;height:6.2rem; object-fit:cover;text-align:center;float:none;margin-left:auto;margin-right:auto; border:1px solid #e1e0e0; padding:5px; border-radius:5px;}

.case li span{display:block;width:100%;position:absolute;bottom:0;height:.9rem;line-height:.9rem;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding:0 5%;background: url('../images/opc.png');}

.case li p{display:block;width:100%;bottom:0;height:1.3rem;line-height:1.3rem;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding:0 5%;background: url('../images/opc.png');}



.normal_product_list .product{float:left;box-sizing:border-box;border-bottom:1px solid #eee;width:50%}
.normal_product_list .product .pic{padding:20px 15px 17px 15px}
.normal_product_list .product img{width:100%; height: 5.2rem; object-fit:cover;text-align:center;float:none;margin-left:auto;margin-right:auto; border:1px solid #e1e0e0; padding:5px; border-radius:5px;}
.normal_product_list .product .info{font-size:13px;padding:0 15px}
.normal_product_list .product .name{height:25px;font-size:14px;overflow:hidden;color:#000;text-align:center; line-height:25px;}
.normal_product_list .product .name1{height:47px;color:#666;text-align:center; line-height:22px;}
.normal_product_list .product .price1{margin:6px 0 10px 0; height:30px;border-radius: 40px; line-height:30px; font-family:"Microsoft YaHei";  background:#15499a;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.normal_product_list a:nth-child(2n+1) .product{width:50%;border-right:1px solid #eee}
.normal_product_list a:nth-child(2n) .product{width:50%;border-left:1px solid #eee;margin-left:-1px}

.newinfo {
	padding: 10px;

	margin-bottom: 70px;
	text-align: left;
	width: 100%;
	margin: auto;	
}


.sx{padding:20px 0; text-align:left;border-top:1px dashed #ddd;color:#333;margin-top:10px;font-family:Verdana, microsoft Yahei, Helvetica, sans-serif}
.sx p{clear:both;line-height:30px;font-weight:bold;}
.sx a{padding-left:10px;font-weight:normal}
.sx a:link{color:#999;text-decoration:none;}
.sx a:visited{color:#999;text-decoration:none;}
.sx a:hover{color:#15499a;text-decoration:underline;}
.sx a:active{color:#15499a;text-decoration:underline;}
.sx span{ float:right;  padding-right:20px;}
.sx span{ float:right;  padding-right:20px;}
.sx span a{ padding-left:20px; color:#999 !important; text-transform:uppercase;	font-family:Verdana, microsoft Yahei, Helvetica, sans-serif}


.cen-04{font-size:20px;font-weight:bold; color:#000; text-align:center; line-height:50px;font-family: "Microsoft YaHei";}
.cen-04-1{ text-align:center;font-size:14px; border-bottom:1px dashed #ccc; line-height:25px; color:#666; }
.cen-04-2{ background:#f2e3d0; border:1px solid #e7d1b4;  padding:5px;}
.cen-04-3{ padding-top:8px; padding-bottom:8px;font-size:14px; line-height: 25px; }
.cen-04-2 span{ font-weight:bold; color:#ff9933;}
.cen-04-6{border:1px solid #fec3d7; font-size:12px;}

.neiys .adv{ width:90%; float: left;  margin-top:20px; margin-left: 5%; position:relative;}
.neiys .adv .item{ width:100%; float: left; height:auto;}
.neiys .adv .item .tit{ color:#eab000; font-size:18px; line-height:36px;}
.neiys .adv .item p{ line-height:20px; color:#666;}


.col-md-6 { width: 98%;text-align: left;    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;}
.bzlie {
   padding-top:30px; padding-bottom:30px;
   height:auto; overflow:hidden;
   border-bottom:1px solid #f0f0f0;
   }
   
.bzlie-zuo {
   width:100%; 
   float:left;
   }
 .bzlie-zuo img{max-width:100%;}  
.bzlie-you {
   width:100%;
   float:right; font-size: 12px; color: #333; line-height: 22px;
   }
   
.bzlie-you h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:14px;
   color:#000000;
   margin:0px;
   }
.quan {margin-bottom:12px;border:solid 1px #ccc;padding:5px; }




.pager{
	font-size:12px;
	line-height:22px;
	text-align:center;
	clear:both; width:100%;}
.pager a{
	text-decoration:none;
	color:#3c3c3c;
	background:#fff;
	border:1px solid #cccccc;
	padding:3px 8px;
	padding-bottom:2px;
	margin-right:3px;
	cursor:pointer
}
.pager .red{
	background:#15499a !important; color:#fff; border:0; padding:3px 8px;

}
.pager a.active{
	background:#000;
	border:1px solid #051b67;
	color:#333}
.pager a:hover{
	text-decoration:none;
	color:#333;
	background:#15499a;
	border:1px solid #15499a
}


.section-team li.n2{font-size:0.7rem; line-height: 1.4rem; border-bottom:1px dotted #b2b2b2;overflow:hidden;position:relative;padding:.2rem 5%;}
.section-team li.n2 a{padding-left:.3rem;color:#555;text-decoration:none;outline:none;}
.section-team li.n2::before {background:#ae1e28;content: "";height:.08rem;left:3%;position:absolute;top:0.85rem;width:.08rem;}