body{font-size: 0.7rem;font-family: "Microsoft YaHei",Arial;}
.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;}


/* ==========================================================================
   公用模块
   ========================================================================== */

/* 公用图标 */

.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: 3.2rem;  bottom: 0.2rem;}
.bar .button-link {
  top: 0;
  height: 3.2rem;
  padding: 0;
  font-size: .8rem;
  line-height: 3.2rem;
  color: #000;
  border: 0;
}
.bar .button-link:active,.bar .button-link.active {
  color: #000;
}

.bar .title{float:left;width:70%;height:3.2rem;vertical-align:middle;z-index:2;position:relative;margin:0;text-align:left}
.bar .title a{display: block; height: 100%;}
.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: 10px;
    right: 10px;
    width: 30px;
    height: 30px;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:100%; 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:80px; width:100%; left:0; z-index:100000000000;}
.nbom .w1{     position: relative;  background: repeating-linear-gradient( #ffffff,#f5f5f5,#ffffff);height: 80px;border-top: 1px solid #ededed;}
.nbom .nav-bom{ height:80px;}
.nbom .nav-bom li{height:80px;float:left; width:25%; border-right: 1px solid #ededed;}
.nbom .nav-bom li.li-1{}
.nbom .nav-bom li a{ color:#000;text-decoration:none; font-size:0.7rem;line-height:30px; text-align:center; position:relative; padding:0; height:80px; display:block;}
.nbom .nav-bom li i{ display:block; width:22%;     margin: 10px auto 5px;}
.nbom .nav-bom li i img{ width:100%;}
.nbom .nav-bom li a:hover{ color:#000;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 */
.index2_ {padding:0rem 0 1.5rem;}

.index_ {    padding: 0rem 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:#f60;}
.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:left;}
.pub-title p{font-size: 0.7rem;line-height: 1.2rem;color: #000000;font-family: "Microsoft Yahei";text-transform: uppercase;}
.pub-title span{    font-weight: bold;font-size: 0.9rem;line-height: 1.5rem;color: #000;position: relative;}

  /* 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; margin: 2% 0 3% 0;}
  .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: 1% 0% 0% 0%; }
  .cour-box img{   width: 100%;}
  .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: 0.7rem;line-height: 1.8rem;color: #000; padding: 0 5%;border:1px solid #edebeb;    border-radius: 3px;}
  .pro-more a:hover{padding: 0 5%;color: #fff; background:#000000;   border-radius: 3px;}
  /*在线直播教程*/
  .section-live{ }
  .live-box{width: 100%;box-shadow:0px 0px 10px #aaaaaa;text-align: center;}
  /*课堂风采*/
  .section-class{background: repeating-linear-gradient(#ffffff, #ededed,#ffffff)}
  .class-box{padding-top: 20px;}
  .media-box-class{padding: 3%;width: 100%;background-color: #000000 }
  .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: #000000;text-align: center;border:#000000 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: #000000}
  #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: #000000;padding: 0 10%;border:#000000 2px solid;border-radius: .6rem;}
  /*教学环境*/
  .section-envi{  padding-top: 1rem;  }
  .envi-box{background-color: #000000;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{}
  .book-box{padding: 3% 1% 0%;}
  .btn-default{background-color: #000000;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: #000000}
  .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: #000000;      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%;

}
.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:2.5%;
	line-height: 1.3rem;
	color: #231d33;
	font-size: 0.7rem;
}
.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;}
.catalog-choose1 li { float: left; width:33%; margin-right: 0.333%;   }
.catalog-choose1 li a, .catalog-choose li span { display: block;     height: 1.8rem;
    line-height: 1.8rem;
    font-size: 0.6rem; color: #898989; text-align: center; background: #f4f4f4; margin-top: 10px; }
.catalog-choose1 li a:hover{ color: #898989; background:#f4f4f4;}
.catalog-choose1 li a.cur{   background: #78a206;color: #fff;}

.catalog-choose1 li:nth-child(3n+1) a, .catalog-choose1 li:nth-child(3n+1) span {margin-right: 0.333%; }
.catalog-choose1 li:nth-child(3n+2) a, .catalog-choose1 li:nth-child(3n+2) span { margin-right: 0.333%; }
.catalog-choose1 li:nth-child(3n+3) a, .catalog-choose1 li:nth-child(3n+3) span { margin-right: 0.333%; }




.catalog-choose2 { overflow: hidden; margin-bottom: 10px;}
.catalog-choose2 li {     float: left;
    width: 99%;
    margin-right: 1%;}
.catalog-choose2 li a, .catalog-choose li span { display: block;     height: 1.8rem;
    line-height: 1.8rem;
    font-size: 0.6rem; color: #898989; text-align: center; background: #f4f4f4; margin-top: 10px; }
.catalog-choose2 li a:hover{ color: #898989; background:#f4f4f4;}
.catalog-choose2 li a.cur{   background: #78a206;color: #fff;}

.catalog-choose2 li:nth-child(3n+1) a, .catalog-choose2 li:nth-child(3n+1) span {margin-right: 0.333%; }
.catalog-choose2 li:nth-child(3n+2) a, .catalog-choose2 li:nth-child(3n+2) span { margin-right: 0.333%; }
.catalog-choose2 li:nth-child(3n+3) a, .catalog-choose2 li:nth-child(3n+3) span { margin-right: 0.333%; }

.about_text {   padding-top: 1rem;}
.about_text .tit{    font-size: 0.8rem; color: #000; line-height: 1.5rem;text-align: center;}
.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;  }
.about_text .texts p{font-size: 0.7rem; }
.about_text .texts a{color: #666;}
.about_text .texts img{ max-width: 100%;}

.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:#000000; 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:#000000; 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:#000000; 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: 0rem 0 0rem 0;}
.case p{overflow:hidden; padding:0 0.2rem;  line-height: 1.3rem; color: #ccc;    font-size: 0.6rem;}

.caseMain,.liveMain{overflow:hidden;margin-bottom:.6rem;}

.case li{float:left;width:49.5%;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%; object-fit:cover;text-align:center;float:none;margin-left:auto;margin-right:auto;padding:5px;    border: 1px solid #f0efef; }

.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: #000;}

.case li p{display:block;width:100%; margin: 5% auto;bottom:0;height:1.2rem;line-height:1.2rem;color:#000;text-align:center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.case li  a:hover p{  opacity: 1; filter: alpha(opacity=100);color: #cf000e;    border-radius: 3px;}
.case li  a:nth-child(1) p{
        -webkit-animation: fadeInUp 500ms ease-in-out;
        animation: fadeInUp 500ms ease-in-out;
    }
.case li a:nth-child(2) p{
        -webkit-animation: fadeInUp 700ms ease-in-out;
        animation: fadeInUp 700ms ease-in-out;
    }
.case li a:nth-child(3) p {
        -webkit-animation: fadeInUp 900ms ease-in-out;
        animation: fadeInUp 900ms ease-in-out;
    }
.case li a:nth-child(4) p {
        -webkit-animation: fadeInUp 1000ms ease-in-out;
        animation: fadeInUp 1000ms ease-in-out;
    }




.case2{overflow:hidden; padding: 0rem 0 0rem 0;}
.case2 p{overflow:hidden; padding:0 0.2rem;  line-height: 1.3rem; color: #ccc;    font-size: 0.6rem;}

.caseMain2,.liveMain2{overflow:hidden;margin-bottom:.6rem;}

.case2 li{float:left;width:50%;padding-right:.05rem;margin-bottom:.1rem;}

.case2 li a{display:block;overflow:hidden;position:relative;}

.case2 li:nth-child(2n){padding-left:.05rem;padding-right:0;float:right;}

.case2 li img{width:100%; object-fit:cover;text-align:center;float:none;margin-left:auto;margin-right:auto;padding:5px;    border: 1px solid #f0efef; }

.case2 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: #000;}

.case2 li p{display:block;width:100%; margin: 5% auto;bottom:0;height:1.2rem;line-height:1.2rem;color:#000;text-align:center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.case2 li  a:hover p{  opacity: 1; filter: alpha(opacity=100);color: #cf000e;    border-radius: 3px;}
.case2 li  a:nth-child(1) p{
        -webkit-animation: fadeInUp 500ms ease-in-out;
        animation: fadeInUp 500ms ease-in-out;
    }
.case2 li a:nth-child(2) p{
        -webkit-animation: fadeInUp 700ms ease-in-out;
        animation: fadeInUp 700ms ease-in-out;
    }
.case2 li a:nth-child(3) p {
        -webkit-animation: fadeInUp 900ms ease-in-out;
        animation: fadeInUp 900ms ease-in-out;
    }
.case2 li a:nth-child(4) p {
        -webkit-animation: fadeInUp 1000ms ease-in-out;
        animation: fadeInUp 1000ms ease-in-out;
    }




.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; text-align: left; line-height:30px;}
.normal_product_list .product .name{ text-align:center; line-height: 30px;font-size:14px;overflow:hidden;color:#000;}
.normal_product_list .product .name1{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:#78a206;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.normal_product_list a:nth-child(2n+1) .product{width:50%;}
.normal_product_list a:nth-child(2n) .product{width:50%;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:#000000;text-decoration:underline;}
.sx a:active{color:#000000;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:1.5rem;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:0.6rem;
	line-height:1rem;
	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:#000000 !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:#000000;
	border:1px solid #000000
}


.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;}



.width100{width:100%;}
.news_detail{ padding:1em 1em 0;}	
.news_content1{
	height:auto;
	overflow:hidden;
	padding:10px;
	background:#fff;
}
.news_content1 input{
   background: none repeat scroll 0 0 #FDFDFD;
    border-color: #858585 #AFAFAF #C9C9C9;
    border-style: solid;
    border-width: 1px;
    box-shadow: 1px 2px 3px #B7B7B7 inset;
line-height: 40px;

    padding: 0 10px;
    width: 95%;
	margin-bottom:10px;
}
.z3g-textarea {
    background: none repeat scroll 0 0 #FDFDFD;
    border-color: #858585 #AFAFAF #C9C9C9;
    border-style: solid;
    border-width: 1px;
    box-shadow: 1px 2px 3px #B7B7B7 inset !important;
    height: 130px;
    line-height: 20px;
    padding: 10px;
    resize: none;
    width: 95%;
	margin-bottom:10px;
}
#sendt{
cursor:pointer;display: block;
width: 120px;
height: 40px;
float: left;
line-height: 40px;
border-radius: 3px;
text-align: center;
background-color: #404446;
color: #fff;
font-size: 14px;
}
button, input{ line-height:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"]{ cursor:pointer; -webkit-appearance:button; *overflow:visible}
input[type="checkbox"], input[type="radio"]{ box-sizing:border-box; padding:0}
input[type="search"]{ -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box}
input[type="search"]::-webkit-search-decoration{ -webkit-appearance:none}
button::-moz-focus-inner, input::-moz-focus-inner{ border:0; padding:0}



.product_detail{ width:100%; overflow:hidden; zoom:1;  margin-top:10px;}



.productImg{ width:100%; position:relative;}

.Big_productimg{ width:100%; border:1px solid #e0dfdf; text-align:center; position:relative;}



.small_productimg{ width:50%; border-top:1px solid #e0dfdf; margin-top:15px; padding-top:10px; position:relative;}

.small_productimg ul{ overflow:hidden; zoom:1;}

.small_productimg li{ width:64px; height:43px; text-align:center; overflow:hidden; zoom:1; float:left; border:1px solid #e0dfdf; margin-right:10px; padding:2px;}

.small_productimg li a{ display:block; width:64px; height:43px; overflow:hidden; zoom:1;}

.small_productimg li a img{ height:43px;}

.small_productimg li.on{ border:1px solid #000000;}



.MagicZoomBigImageCont{border:1px solid #ddd; overflow:hidden}

.MagicZoomBigImageCont img{ width:98%; height:690px;}

.MagicZoomBigImageCont iframe{ width:45%; height:690px;}

.MagicZoomHeader{ color:#fff;background:#91b817;text-align:center !important}

.MagicZoomPup{border:1px solid #aaa;background:#fff;}



.MagicThumb{cursor:pointer;outline:none}

.MagicThumb-zoomed{cursor:default}

.MagicThumb span{display:none}

.MagicThumb-image{border:1px solid #ccc;outline:none}

.MagicThumb-image-zoomed{cursor:url(cursor/zoomout.cur), pointer}





.productList{ width:90%; padding-left:20px}

.productList_li{ width:100%; height:34px; line-height:34px;}

.productList_li li{  float:left; text-align:center; padding:0px 10px 0px 10px;}

.productList_li li a{ color:#fff; display:block;}

.productList_li li.current{ background:#000000;color:#fff;}

.productList_li li.current a{ color:#fff;}


.productList_xx{ width:100%; margin-top:10px; overflow:hidden; zoom:1;}

.product_td{ line-height:25px; color:#595757; display:none; overflow:hidden; zoom:1;}


.product_jishu{ width:40%; margin-top:10px; border-top:1px dashed #fff; border-bottom:1px dashed #fff;}

.product_jishu span{ display:block; height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#404040; border-bottom:1px dashed #fff;}

.product_jishu div{ padding-top:10px; padding-bottom:10px;}

.product_jishu div ul{ overflow:hidden; zoom:1;}

.product_jishu div ul li{ width:28px; height:28px; overflow:hidden; zoom:1; float:left; margin:0 5px; cursor:pointer;}



.detailproduct{ width:100%; overflow:hidden; zoom:1;}
.show_pro{ margin-top:20px; width:100%; margin-left:40px;}
.show_pro h3{ height:34px; line-height:34px; padding-left:20px; font-size:14px; color:#303030; background:#ececec; font-weight:normal;}
.show_pro_img{ width:100%; text-align:center;}


.detail_pro{ padding-top:10px; padding-bottom:0px;}

.detail_pro_center{ width:100%; margin:0 auto; background:#fff; margin-bottom:20px; }

.detail_pro_center h3{width:100%; line-height:34px; height: 34px; padding-left:15px; font-size:14px; background: #78a206;border-radius: 4px; color:#FFF; font-weight:normal;}

.detail_pro_img{ padding:10px 0; text-align:left; padding-left:15px;    font-size: 0.6rem;} 

.detail_pro_img img{ width:100%;} 


.main_img_a_con{width:100%;height:auto;float:left;margin-top:0px;}
#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:557px; position:absolute; z-index:9999; left:50%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }
#mbCenter.mbLoading { background:#fff url(../images/WhiteLoading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:inline; color:#999; font-weight:bold; line-height:20px; font-size:12px; }
#mbNumber { display:none;background:url(../images/mbNumber_bg.gif) no-repeat center; display:inline; color:#fff; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink {display:block; width:32px; height:100px; background:transparent url(../images/CustomBlackPrevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }
#mbNextLink {display:block;  width:32px; height:100px; background:transparent url(../images/CustomBlackNext.gif) no-repeat center; position: absolute; top:38%; right:-32px; }
#mbCloseLink {display:block; width:24px; background:transparent url(../images/CustomBlackClose.gif) no-repeat center; position:absolute; top:10px; right:10px; }
#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }
.layout_default{float:left; margin-top:5px;margin-bottom:5px;margin-right:10px;margin-left:15px;}
.mod_gallerylist{width:100%; margin:0 auto}
.meta{font-size:12px; text-align:center;}
.image_container img{width:100%;border:1px solid #e1e0e0; padding:2px; border-radius:5px;}
.meta a{color:#666; text-decoration:none}


.foot_wrap{margin-top:10px;  background-color: #efefef;width:100%;display: block;position: absolute;}
.foot_info{text-align:center;font-size:14px;line-height:12px}
.foot_info a{display:inline-block;padding:0 9px;vertical-align:top;    color: #231d33;}
.foot_info a:first-child{position:relative}
.foot_info a:first-child:after{content:"";height:10px;width:0;background:#939590;position:absolute;right:0;top:1px}
.foot_info a:nth-child(2){display:none;margin-left:-5px}
.foot_info p{margin:0 15px 5px; font-size: 14px; line-height: 25px;}
.foot_info p:first-child{padding-top:10px;}
.foot_info p:nth-child(2){padding-bottom:10px}



.hot_case{padding:.5rem 0;overflow:hidden;}

.hTitle{text-align:center;color:#333;margin-bottom:.45rem;font-size:.42rem;}

.hot_caseMain{ position:relative;overflow:hidden;width:100%;}

.hot_caseMain .bd{ position:relative; z-index:0; }

.hot_caseMain .bd li{ position:relative;    text-align: center;
    line-height: 1.5rem; }

.hot_caseMain .bd li img{ background:url(../images/loading.gif) center center no-repeat;vertical-align:top; width:100%;}

.hot_caseMain .bd li p{height:.9rem;line-height:.9rem;border-bottom:1px solid #e5e5e5;padding:0 5%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-size:.26rem;position:relative;}

.hot_caseMain .bd li p:before{position:absolute;content:"";background: url('../images/c_icon.png') no-repeat;width:.25rem;height:.25rem;background-size:100%;right:5%;top:.3rem;}

.hot_caseMain .prev,.hot_caseMain .next{ position:absolute; left:0rem; top:45%;margin-top:-.3rem; display:block; width:20px; height:20px;text-align:center;text-align:center;background:#000;opacity:.7;border-radius:3px;line-height:.8rem;}

.hot_caseMain .hd span img{max-width:60%;vertical-align: middle;}

.hot_caseMain .next{ left:auto; right:0rem;}




.recruitment .con{
	width: 100%;
}
.recruitment .title{
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #000;
	font-size: 14px;
	color: #ffffff;
} 
.recruitment .title span{
	float: left;
	text-align: center;
}
.recruitment .title .one{
	padding-left: 40px;
	width: 217px;
	text-align: left;
}
.recruitment .title .two{
	width: 193px;
}
.recruitment .title .the{
	width: 200px;
}
.recruitment .title .four{
	width: 150px;
}
.recruitment ul{
	width: 100%;
	border-top: none; list-style: none;
}
.recruitment li .on{  color: #fefefe;background: #3c4145;}
.recruitment li .on span{ color: #fefefe; }
.recruitment li:hover .tit .four, .recruitment li .tit.on .four{
	color: #cc0c38;   list-style: none;
}
.recruitment .tit{
	width: 100%;
    float: left;
	padding: 10px 0;
	 line-height: 30px;
	border: 1px solid #f2f2f2;
}
.recruitment .tit span{
	float: left;
	font-size: 13px;
	color: #333333;
	text-align: center;
	line-height: 24px;
}

.recruitment .box-s{
	    padding: 0 20px 20px;
	background: #fafafa;
	width: 100%;
	margin: 0 auto;
	display: none;
	position: relative;    float: left;
}
.recruitment .box-s:after{
	content: "";
	width: 0;
	height: 0;
	border-left: 6px solid transparent;  
    border-right: 6px solid transparent; 
    border-bottom: 6px solid #fafafa;
    position: absolute;
    top: -6px;
    left: 30px;
	transition:all 0.3s;
}
.recruitment .box-s dl{
	padding: 25px 0 30px;
	width: 100%;    float: left;
	border-bottom: 1px solid #e8e8e8;
}
.recruitment .box-s dd{
	float: left;
	width: 100%;    font-size: 12px;
	color: #333333;
	line-height: 32px;
}
.recruitment .requir{
	padding: 22px 0 22px;
	width: 100%;
	border-bottom: 1px solid #e8e8e8;
}
.recruitment .requir .fl{
	width:100%;    font-size: 13px;
    line-height: 30px;
}
.recruitment .requir .fr{
	width: 400px;
}
.recruitment .requir h2{
	font-size: 18px;
	color: #333333;
	line-height: 28px;
	padding-bottom:10px; 
}
.recruitment .requir p{
	font-size: 12px;
	color: #777;
	line-height: 26px;
}
.recruitment .box-s .once{
	margin: 27px 0 0;
	width: 150px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background: #78a206;
	color: #fff;
	font-size: 16px;
	display: block;
}


.serBox{ width:100%; float:left;text-align:center;  background-position:center top; background-repeat:no-repeat; position:relative;}
.sb1{ font-size: 1.2rem;}
.sb1 i:hover{     transform: scale(1.1);color: #cf000e;}
.sb2{ font-size: 1.2rem;}
.sb2 i:hover{     transform: scale(1.1);color: #cf000e;}
.sb3{ font-size: 1.2rem;}
.sb3 i:hover{     transform: scale(1.1);color: #cf000e;}
.serBox h3{ font-size:0.775rem; font-weight:normal; color:#222;}
.serBox a:hover h3 {color: #cf000e;}
.serBox p{     color: #666;font-size:.575rem; padding-top:10px;}
.serBox .btn{ margin-top:10px; text-align:center;}
.serBox .btn a{ display:inline-block;  background:#222; color:#fff;  -webkit-box-shadow: 0 0 20px 0 rgba(34, 34, 34, 0.2);  width:100PX; font-size:.22rem; border-radius: 3px;}
.serBox .btn a:hover,.serBox .buySearch .ss:hover{ background:#cf000e; color:#fff;}





.tm5{ padding: 0.4rem 0 1rem 0 }
.tm5 li{ border-bottom:1px solid #f6f6f6; overflow:hidden;}

.tm5 li .pic{   float: left;
    margin: 2.5% 2.5% 2.5% 0%;
    width: 33%; }

.tm5 li .txt{ float: left;width: 62%;margin: 0 0% 2.5% 2.5%;}

.tm5 li h2 a{ font-size: 0.7rem; font-weight:normal;font-family: "Microsoft YaHei";color:#000;}

.tm5 li h2{    line-height: 1.3rem;
    padding-top: 5px;    text-overflow: ellipsis;
    white-space: nowrap; overflow:hidden;}

.tm5 li p{  overflow:hidden;    line-height: 1rem;;font-size: 0.6rem;
    color: #231d33;    text-overflow: ellipsis;
    white-space: nowrap;}

.tm5 li .other{ height:25px; line-height:25px; color:#999;}

.tm5 li .other .date{ float:right;font-size: 0.7rem;}

.tm5 li .other .icon1{ background:url(../images/icon_21.png) no-repeat left center; text-indent:28px; display:block; float:left;font-size: 12px;}


.social-box {
	padding-top: 29px;    text-align: center;width: 100%;    padding-bottom: 29px;
    float: left;
}
.social-box a {
	display: inline-block;
	width: 45px;
	height: 45px;
	border-radius: 45px;
	background: #000;
	color: #fff;
	text-align: center;
	line-height: 45px;
	font-size: 16px;
	margin: 0 10px 10px 0; 
}
.social-box a:hover{color: #fff;} 

#met-weixin{
	display: inline-block;
	
}
#met-weixin .code{
	position: absolute;
	width: 150px;
	height: 150px;
	padding-bottom: 10px;
	bottom: 40%;
    right: 120px;
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease;
}
#met-weixin:hover .code{
	opacity: 1;
	visibility: visible;
}

.method-box {
    color: #fff;
    height: 100%;
    padding: 30px 0px;
    -webkit-box-align: center;
    -ms-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
.roshid-method-content i {
    font-size: 25px;
    border-radius: 50%;
    border: 2px #ddd dotted;
    width: 50px;
    line-height: 50px;
    height: 50px;
    margin-bottom: 15px;
  }

.roshid-method-box {
 
    color: #2c2e3d;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
  
  .roshid-method-box:hover {
  color: #cf000e;  
  }
  
  .roshid-method-box .method-box__icon i {
    color: #2c2e3d;
  }
  
  .roshid-method-box .roshid-method-content h4 {
    text-transform: capitalize;
 
    line-height: 1;
    margin-bottom: 5px;   
	  font-size: 0.775rem;
    font-weight: normal;
   
  }
  
  .roshid-method-box .roshid-method-content p {
    color: #2c2e3d;
  }
  .deal-title {
    font-size: 55px;
    margin-bottom: 0px;
  }
.col-md-3{float: left;
	width: 25%;}
.text-center {
    text-align: center;
}


.more {font-size: 0.7rem; position: relative; padding-right: 20px; text-align: right; width: 100%;     margin: -28px auto 0.5em;}
.more a:after {
display: block;
position: absolute;
top: 50%;
right: 10px;
width: 7px;
height: 7px;
margin: -5px -5px 0 0;
border-top: solid 1px #7f7f7f;
border-right: solid 1px #7f7f7f;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}


.headRight{float:right;    position: relative;    width: 30%;    
    vertical-align: middle;
    z-index: 2;
       margin: 0.8rem 0;}

.headRight a{float:left;width:1.5rem;height:1.5rem;background-image: url('../images/pIcon.png');margin-left:.3rem;background-size:100%;background-position: center center;background-repeat: no-repeat;}

.headRight .a2{background-image: url('../images/wIcon.png');position:relative;}


.col-md-5{width:45%; float: left}
.lan{ width:100%; height:54px;  padding:1rem 0; }
.lan ul {padding:0; margin:0; list-style-type: none;}
.lan ul li{position:relative;width: 24%; float:left; line-height:46px; height:54px; margin-left:0px; margin-right:1%; text-align:center;}
.lan ul li a, .lan ul li a:visited { color:#898989;     font-size: 0.6rem; display:block; height:46px; margin-bottom:8px; background:#f4f4f4;}
.lan ul li ul {display: none;}
.lan ul li:hover a { background: url(../../images/lanh.png) no-repeat center; height:54px; color:#fff;}
.lan ul li.hover a { background: url(../../images/lanh.png) no-repeat center; height:54px; color:#fff;}
.lan ul li:hover ul {display:block; position:absolute; top:54px; left:0;}
.lan ul li:hover ul li { width:100%; float:left; position:relative; text-align:center; margin:0;     font-size: 0.6rem; height:38px;}
.lan ul li:hover ul li a {display:block; background:#ccc; color:#fff; border-top:2px solid #fff; border-radius:4px; padding:0px; height:36px; line-height:36px; }
.lan ul li:hover ul li a:hover { background:#eabb60;}



.lan2{ width:100%; height:54px;  padding:1rem 0; }
.lan2 ul {padding:0; margin:0; list-style-type: none;}
.lan2 ul li{position:relative;width: 49%; float:left; line-height:46px; height:54px; margin-left:0px; margin-right:1%; text-align:center;}
.lan2 ul li a, .lan2 ul li a:visited { color:#898989;     font-size: 0.6rem; display:block; height:46px; margin-bottom:8px; background:#f4f4f4;}
.lan2 ul li ul {display: none;}
.lan2 ul li:hover a { background: url(../../images/lanh.png) no-repeat center; height:54px; color:#fff;}
.lan2 ul li.hover a { background: url(../../images/lanh.png) no-repeat center; height:54px; color:#fff;}
.lan2 ul li:hover ul {display:block; position:absolute; top:54px; left:0;}
.lan2 ul li:hover ul li { width:100%; float:left; position:relative; text-align:center; margin:0;     font-size: 0.6rem; height:38px;}
.lan2 ul li:hover ul li a {display:block; background:#ccc; color:#fff; border-top:2px solid #fff; border-radius:4px; padding:0px; height:36px; line-height:36px; }
.lan2 ul li:hover ul li a:hover { background:#eabb60;}


.Box {width:100%;  }
			.Box .content {width: 100%;margin: 0 auto;}
		
			.Box .Box_con {position: relative;}
			.Box .Box_con .btnl {position: absolute;}
			.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
			.Box .Box_con .btnl {background: url(img/jtl02.png) no-repeat center;left: -72px;}
			.Box .Box_con .btnr {background: url(img/jtr02.png) no-repeat center;right: -72px;}
			.Box .Box_con .btnl:hover {background: url(img/jtl03.png) no-repeat center;}
			.Box .Box_con .btnr:hover {background: url(img/jtr03.png) no-repeat center;}
			.Box .Box_con .conbox {position: relative;overflow: hidden;}
			.Box .Box_con .conbox ul {position: relative;list-style: none;}
			.Box .Box_con .conbox ul li {float: left;width: 345px;margin-left: 20px;overflow: hidden;}
			.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
			.Box .Box_con .conbox ul li img {display: block;width: 345px;transition: all 0.5s;}
			.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
			
			.Box .BoxSwitch {margin-top: 30px;text-align: center;}
			.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
			.Box .BoxSwitch span.cur {background:  #78a206;}