
/*in_search*/
.in_search{height: 60px;line-height: 60px; color:#343433;  box-shadow: 0 3px 3px #e7e7e7;}
.in_search .search_box{width: 820px;}
.in_search .search_txt{height:68px;line-height: 68px;font-size: 16px;color: #343433;}
.in_search .search_txt span{color: #343433; font-size: 16px; font-weight: bold;}
.in_search .search_txt a{color: #343433; font-size: 13px;margin: 0px 10px;}
.in_search .search_cnt1{width:313px;position: relative;height: 37px;  line-height: 37px; background: url(../images/input_bg.png) no-repeat center; margin-top:14px; }
.in_search .search_cnt1 .txt{ float: left; font-family: "微软雅黑";font-size: 12px;width: 193px;height: 35px; margin-top:1px; margin-left:1px;line-height: 35px;padding-left:10px;color:#898989;}
.in_search .search_cnt1 .btn{width: 48px;height:34px; float:left; background: none;}


.in-content{ position: relative; z-index: 100;}
.in-content .title{ padding: 30px 0 20px; display: block; text-align: center;  padding-bottom: 10px;}
.in-content .title h2{ font-size: 35px; color: #1a1a1c; font-weight: normal}
.in-content .title p{ font-size: 14px; color: #058b6d}
.in-content .title h3{font-weight: normal; font-size: 16px; color: #7e7d7d; line-height: 50px;  position: relative; margin-top:5px;}
.in-content .title h3::before{
    content: "";
    width:40px;
    height: 3px;
    background:#000;
    display: inline-block;
    position: absolute;
    top:0;
    left:50%;
    margin-left:-20px;

}

/*首页Title样式*/
.index-t{ width:100%; height:46px; margin:15px 0px; background:url(../images/bbb.jpg) repeat-x center center}
.index-t .aboutt{ color:#000; font-weight:500; margin: 0 auto; height: 46px; line-height: 46px; text-align: center; font-size: 28px; width: 393px; background:url(../images/bj.jpg) no-repeat center center;}
.index-t .caset{font-weight:500; margin: 0 auto; height: 46px; line-height: 46px; text-align: center; font-size: 28px; color: #0C25A2; width: 194px; background:url(../images/caseb.jpg) no-repeat center center;}
.casefont{ width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 16px; color: #636363;}
/*产品*/



.in-pro{ overflow: hidden;width: 100%; background:#f3f3f3;}
.in-pro a.amore{  color:#fff;}
.in-pro .title{ margin: 40px 0 30px;}
.in-pro .top{  color: #FFF;  padding-right: 20px;  text-align: right; line-height: 80px; font-size: 18px; height: 77px}
.in-pro .top em{ font-size: 27px;}
.in-pro .left{overflow: hidden;width: 286px;margin-left: 1px;padding-top: 14px;}
.in-pro .left li { width: 240px; margin: 0 auto;background: url(../images/pro-left-libg2.jpg) repeat-x bottom; line-height: 30px;}
.in-pro .left li a{background:url(../images/pro-left-libg.png) no-repeat left center ; padding-left: 30px;color: #FFF; font-size: 16px;}
.in-pro .left li ul.m_2{overflow: hidden;}
.in-pro .left li ul.m_2 li{background: none; line-height: 25px;}
.in-pro .left li ul.m_2 li a{background: none; font-size: 15px;}
/* 本例子css */
.slideGroup{ width:100%; }
.slideGroup .parHd{ position:relative;  margin-bottom:40px;  overflow: hidden; }
.slideGroup .pagee{overflow: hidden;}
.slideGroup .parHd .prev,.slideGroup .parHd .next { position: absolute;width: 16px; height: 80px; top: 30px; cursor: pointer;z-index: 99999;}
.slideGroup .parHd .prev {left: 0px;background: url(../images/proleft.png) no-repeat;}
.slideGroup .parHd .next {right: 0px; background: url(../images/proright.png) no-repeat;}



.slideGroup .parHd ul{   width: 100; text-align: center  }
.slideGroup .parHd ul li{  display: inline-block;cursor:pointer; width: 283px; height:42px; float: left; margin-right: 15px; border: 1px  solid #d2d2d2; margin-bottom:15px;   }
.slideGroup .parHd ul li a{ color: #1a1a1c; font-size: 16px; line-height: 42px; display: block; border-right: 1px solid #d0d1d1; }

.slideGroup .parHd ul li:hover span .img1,.slideGroup .parHd ul li.on span .img1{ left:-60px; transform:left 10ms;}
.slideGroup .parHd ul li:hover span .img2,.slideGroup .parHd ul li.on span .img2{left:0px; transform:left 10ms;}
.slideGroup .parHd ul li.on{  background:#058b6d; color: #FFF;  }
.slideGroup .parHd ul li.on a{ color:#fff;}
.slideGroup .parHd ul li:hover a,.slideGroup .parHd ul li.on a{ border: none;}
.slideGroup .slideBox{ zoom:1; padding:0 0 10px 0; position:relative;   }
/* .slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:-68px; top:100px; display:block; width:68px; height:68px; background:url(../images/icoLeft.png) center center no-repeat; }
.slideGroup .sNext{ left:auto; right:-68px; background:url(../images/icoRight.png) center center no-repeat;  } */
.tempWrap{ width: 1200px!important; overflow: hidden}
.slideGroup .parBd {margin-top:-15px;}
.slideGroup .parBd dl{display:block; overflow: hidden; box-shadow: -2px 10px 10px  -6px #bcbcbc; }
.slideGroup .parBd dl h2{color:#058b6d; font-size: 24px;font-weight: normal; margin-top:10px;}

.slideGroup .parBd dl h3{color:#a9a9a9; font-size: 22px; text-transform: uppercase; font-weight: normal; padding:5px 0}
.slideGroup .parBd dl p{border-top:1px solid #9e9c9e;}


.slideGroup .parBd dl img{float: right;width: 602px;height: 382px;}
.slideGroup .parBd dl .fl{width:598px;height: 382px;border-left: none; padding:30px 40px; box-sizing: border-box; background: #fff;}
.slideGroup .parBd dl .fl a{ border:1px solid #faa005; float:right; display: block;width: 135px;height:38px;text-align: center;line-height:38px;margin-top: 26px;font-size: 18px;color: #faa005;}
.slideGroup .parBd dl .fl p{font-size: 16px;line-height: 38px;color: #26272b;margin-top: 5px; line-height: 30px; padding-top:25px;}
.pro .picScroll-lefta .workItem{width: 385px;margin-left: 25.5px;}

.slideGroup .parBd ul{ overflow:hidden; zoom:1; margin-top:20px;   }
.slideGroup .parBd ul li{ margin-right:32px; float:left; _display:inline; overflow:hidden; text-align:center; margin-bottom:15px;  }
.slideGroup .parBd ul li .pic{ text-align:center; }
.slideGroup .parBd ul li .pic img{ width:372px; height:250px; display:block;  padding:2px; border:1px solid #ccc; }
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
.slideGroup .parBd ul li .title{ line-height:60px; margin: 0;padding:0;  }
.slideGroup .parBd ul li:hover .title a{color:#bd0707;  font-weight: bold;}
.slideGroup .parBd ul li  .cover1{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-size: 100% 100%; display: none;  background: url(../images/bg22.png) repeat}
.slideGroup .parBd ul li  .cover1 img{display: block;margin: 80px auto; max-width: 100%; width:auto; height: auto; border:none;}
.slideGroup .parBd ul li  .cover1 p{padding-top: 70px;text-align: center;color: #fff;font-size: 18px;}
.slideGroup .parBd ul li:hover .cover1{display: block;}
.amore{  width:159px; height: 40px;line-height: 40px; color:#fff;text-indent: 58px;margin: 50px auto;display: block;}
.amore:link{color:#fff;}
.slideGroup .parBd ul li a{position: relative; display: block}


.picMarquee-left{ width:100%;  overflow:hidden; position:relative; margin: 20px auto 70px;  }
.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
   cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.picMarquee-left .hd .next{ background-position:0 -50px;  }
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
.picMarquee-left .bd{    }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin-right:10px; float:left; _display:inline; overflow:hidden; text-align:center;  position: relative; width:285px; height: 280px; overflow: hidden;; margin-bottom:8px; }
.picMarquee-left .bd ul li .pic{ text-align:center; margin-bottom: 20px;margin-right: 10px;}
.picMarquee-left .bd ul li .pic img{ width:285px; height:280px; display:block;  }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:24px;   }

.picMarquee-left .bd ul li:hover .divcover{
  
}

.picMarquee-left .bd ul li .divcover{
  position: absolute;
  top:0;
  left: 0;
  width:100%;
  height: 100%;
  background: url(../images/cov.png) repeat center;
  visibility: hidden;
  transition: 0.5s;


}
.picMarquee-left .bd ul li .divcover p{
  line-height: 296px;
  color:#fff;
  font-size: 24px;
  font-weight: bold;
  width:100%;
  height: 100%;
}
.picMarquee-left .bd ul li .divcover p a{
  border-bottom:1px solid #fff;
}
.picMarquee-left .bd ul li .divcover:hover a {
  color:#fff;
  cursor: pointer;
}

.picMarquee-left .bd ul li:hover .divcover{
  visibility: visible;
  cursor: pointer;
}


/* case */
/*case*/
.case {
  width: 100%;

  padding-top: 50px;
  margin-bottom: 60px;

}
.case .index_title .txt1 {
  letter-spacing: 20px;
}
.case .index_title .txt1 span {
  left: 12px;
}
.case .single {
  width: 1200px;
  margin: 0 auto 0;
  position: relative;
}
.case .single .single_box {
  width: 100%;
  height: auto;
  padding-top: 40px;
  overflow: hidden;
}
.case .single .single_box ul {
  width: 10000px;
  position: relative;
}
.case .single .single_box ul li {
  width: 259px;
  padding: 8px;
  height: auto;
  border: 1px solid #b4b3b3;
  float: left;
  margin-right: 24px;
  text-align: center;
  background: white;
  transition: 0.3s;

}
.case .single .single_box ul li img {
  width: 100%;
  display: block;
  cursor: pointer;
}
.case .single .single_box ul li p {
  width: 100%;
  height: 24px;
  font-size: 18px;
  margin-top: 15px;
}
.case .single .single_box ul li p a {
  color: #333333;
}
.case .single .single_box ul li a.more {
  display: block;
  width: 100%;
  height: 38px;
  line-height: 38px;
  margin-top: 20px;
  background: #f05b2a;
  color:#fff;
}
.case .single .single_box ul li:hover {

  transform: translateY(-10px);
}
.case .single .single_box ul li:hover a.more {

  background: #f05b2a;
  color: white;
}
.case .single .pagebtn {
  width: 1400px;
  height: 68px;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  left: -100px;
}
.case .single .pagebtn .btn {
  width: 68px;
  height: 68px;
  cursor: pointer;
}
/* .case .single .pagebtn .prev {
  background: url(../images/d2.png) no-repeat;
}
.case .single .pagebtn .next {
  background: url(../images/d3.png) no-repeat;
} */

.case .amore2{
  border:1px solid #f16638;
   margin:40px auto;
   display: block;
   width: 135px;
   height:38px;
   text-align: center;
   line-height:38px;
   color:#f16638;
}



.adv1{ width: 100%; height:261px;}
.adv2{ width: 100%; height:214px;}
.adv2 .containe{max-width:820px;width: 100%;margin: 0 auto;position: relative; }
.adv2 .containe>a{position: absolute;left: 0;top:142px;text-indent: -9999em;display: inline-block;width: 130px;height: 38px;}
/*关于我们*/
.in-about{
  background: url(../images/about_bg.jpg) no-repeat center top;
  height: 629px;
  overflow: hidden;
}
.about_txt{
  width:89px;
  float: right;
  padding:80px 0;
  
}

.in-about .title{
  color: #FFF;
  text-align: left;
  padding:0
}
.in-about .title h2{
  color: #474646;
  font-size: 24px;
}
.in-about .title span{
  color: #f05b2a;
}
.in-about .bottom{
  display: block;
  margin: 0 auto ;
  font-size: 16px;
  color: #474646;
  line-height: 30px;
  text-align: left;
  height: 160px;
  padding: 20px 0;
}
.in-about .bottom a{
  color: #f05b2a;
  float: right;
}
.in-about .cultur p{
  font-size: 16px;
  color:#252635;
  margin-bottom:15px;

}
.in-about .cultur p span{
  display: inline-block;
  width:96px;
  height: 33px;
  color:#fff;
  background: #f05b2a;
  position: relative;
  text-align:center;
  line-height: 33px;
  margin-right:15px;

}
.in-about .cultur p span::after{
  display: inline-block;
  position: absolute;
  content:"";
  right:-17px;
  top:7px;
  height:0;
  width:0;
  border-width:10px;
  border-style:solid;
  border-color:transparent transparent transparent #f05b2a ;
  
}
.in-about .cultur p:hover span{

  -webkit-animation:moving 0.75s linear;animation:moving 0.75s linear;
  
}
@-webkit-keyframes hvr-buzz-out {
  10% {
 
    transform: translateX(3px) rotate(2deg);
  }
  20% {
  
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
 
    transform: translateX(3px) rotate(2deg);
  }
  40% {
 
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
  
    transform: translateX(2px) rotate(1deg);
  }
  60% {
   
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
  
    transform: translateX(2px) rotate(1deg);
  }
  80% {
   
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
  
    transform: translateX(1px) rotate(0);
  }
  100% {
   
    transform: translateX(-1px) rotate(0);
  }
}
@-webkit-keyframes moving{

  10%{transform:translateY(-15px)}
  20%{transform:translateY(10px)}
  30%{transform:translateY(-10px)}
  40%{transform:translateY(0px)}
  50%{transform:translateY(-12px)}
  60%{transform:translateY(12px)}
  70%{transform:translateY(-8px)}
  80%{transform:translateY(5px)}
  90%{transform:translateY(-2px)}
  100%{transform:translateY(0px)}
}

/* @-moz-keyframes myfirst{0%{-moz-transform: scale(.8);}
50%{-moz-transform: scale(1);}
100%{-moz-transform: scale(.8);}}
@-webkit-keyframes myfirst{0%{-webkit-transform: scale(.8);}
50%{-webkit-transform: scale(1);}
100%{-webkit-transform: scale(.8);}}
@-o-keyframes myfirst{0%{-o-transform: scale(.8);}
50%{-o-transform: scale(1);}
100%{-o-transform: scale(.8);}} */

.honor{
  overflow: hidden;
  margin: 30px auto;
  width: 1200px;
  margin-top:56px;
}
.honor li{
  width:220px;
  height: 160px;
  margin-right:15px;
}

.main{width:1200px;height: 150px;margin:0 auto;font-size: 0;}
.mumping_mun li{width: 240px;display: inline-block;margin: 30px auto; color: #FFF;}
.mumping_mun{width: 1200px;list-style: none; text-align: center}
.mumping_mun p{font-size: 20px;width: 100%;display: block;clear: both;}
.mumping_mun span{font-size: 35px;font-weight: normal;}
.mun_top{ width: 100%;font-size: 35px;}

.in-page6{padding-bottom: 68px;overflow: hidden}
.tab-top{width: 372px;height: 42px;  line-height: 42px; text-align: center; margin:0 auto; border: 1px solid #b5b5b5; border-radius: 25px;}
.tab-top li.firstli{position: relative;}
.tab-top li.firstli::after{width:1px; height: 23px; background: #b5b5b5; content: ""; right:0; top:50%; margin-top:-12px; display: block; position: absolute;}
.tab-top li{display: inline-block;width: 182px;font-size: 18px;color: #333333;cursor:pointer}
.tab-top li.on{color: #f05b2a}
.tab-bottom{display: none;padding-top: 60px;height: 395px;}
.tab-bottom .fl{width: 355px;padding-left: 280px;position: relative}
.tab-bottom .fl img{position: absolute;left: 0;top:0;width: 250px;height: 370px;}
.tab-bottom .fl span{font-size: 16px;color: #FFF; background: #058b6d;display: block;width: 110px;height: 36px;text-align: center; line-height: 36px;}
.tab-bottom .fl b{font-size: 18px;color: #333333;display: block;width: 100%;height: 36px; line-height: 36px;padding: 40px 0 30px;}
.tab-bottom .fl p{font-size: 14px;color: #666666;line-height: 24px;padding: 0 0 30px;}
.tab-bottom .fl a{color: #faa005;border-bottom: 1px solid #faa005;font-size: 16px;}
.tab-bottom .fr{width: 470px;}
.tab-bottom .fr li{position:relative;border:1px solid #989796;width:360px;padding:14px 4px 14px 104px;height: 50px;margin-bottom: 16px;border-radius: 5px;}
.tab-bottom .fr li span{text-align:right;padding-right:10px;display: inline-block;font-size:16px;color: #333;height: 50px;position: absolute;left: 14px;top: 14px; border-right: 1px solid #c2c2c2}
.tab-bottom .fr li em{display:block;font-size: 36px;font-style: normal; line-height: 30px;}
.tab-bottom .fr li b{font-size: 18px;color: #333333; line-height: 30px;}
.tab-bottom .fr li p{font-size: 14px;color: #666666; line-height: 20px;}
.tab-bottom .fr li:hover{background: #058b6d}
.tab-bottom .fr li:hover span,.tab-bottom .fr li:hover em,.tab-bottom .fr li:hover b,.tab-bottom .fr li:hover p{color: #FFF}
.tab-bottom.on{display: block; }


/*about*/

.about {
    width: 100%;
    height:650px;
    background: url(../images/bg4.jpg) no-repeat center top;

    /* margin-top:-170px; */
    padding-top:100px;
    box-sizing: border-box;
}

.about .left {
    width: 478px;
    text-align: right;
    margin-top: 63px;
}

.about .left .index_video {
    display: inline-block;
    width: 419px;
    height: 388px;
    background: black;
    margin-top: 50px;
    position: relative;
}

.about .left .index_video .btnt {
    width: 126px;
    height: 84px;
    position: absolute;
    top: 50%;
    margin-top: -42px;
    left: 50%;
    margin-left: -63px;
    background: transparent;
    z-index: -1;
}

.about .right {
    width:580px;
    color: white;
    margin-top: 5px;
}

.about .right .txt {
    width: 100%;
    /* margin-left: 40px; */
}

.about .right .txt h2{
    font-size: 20px;
    font-weight: normal;
    margin:10px 0;
}

.about .right .titles {
    font-size: 28px;
    font-family: 方正小标宋简体 Regular;
    line-height: 30px;
    letter-spacing: 2px;
    font-weight: 200;
    color:#a5cc56;
    font-weight: bold;

}

.about .right .titles span {
  font-weight: normal;
  font-size: 18px;
}

.about .right .txt1 {
    font-size: 16px;
    margin-top: 20px;
    line-height: 33px;
    color:#fafbfe;
}

.about .right .txt1 p {
    line-height: 30px;
    font-size: 15px;
}

.about .right .more {
    display: inline-block;
    height: 40px;
    padding: 0 28px 0 10px;
    line-height: 40px;
    text-align: left;
    background: url(../images/a1.png) no-repeat right center #faa005;
    color: white;
    font-size: 16px;
    margin-right: 5px;
    margin-top: 18px;
}

