@charset "utf-8";

body{ background: #222222; }

/*banner*/

.banner{width:100%; margin:0 auto 0; position:relative; height:495px; overflow: hidden; }

.fullSlide{width:100%;position:relative;height:495px;background:transparent}

.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden}

.fullSlide .bd ul{width:100% !important}

.fullSlide .bd li{width:100% !important;height:495px;overflow:hidden;text-align:center;background-position:center;background-repeat:no-repeat; box-shadow:1px 5px #7ba17d;}

.fullSlide .bd li a{display:block;height:460px}

.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:15px;left:0}

.fullSlide .hd ul{text-align:center;}

.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#333;*filter:alpha(opacity=50);*opacity:.5;line-height:999px}

.fullSlide .hd ul .on{background:#ff7e00;}

.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;*filter:alpha(opacity=50);*opacity:.5;display:none}

.fullSlide .next{left:auto;right:15%;background-position:-6px -137px}

.fullSlide .bd li .ban_phone{position:absolute;top:335px;right:430px;}

.fullSlide .bd li .ban_phone strong{font-size:24px;color:#fff;}

.fullSlide .bd li .ban_phone a{display:inline-block;height:52px;margin-left:40px;}

.banner_1{height:370px;position:relative;}



/*search*/

.search_box{ height:40px; margin-bottom: 10px; }

.search_box .con_width{ border-bottom: solid 1px #eee;  }

.sea_left{ padding:0 15px;line-height:40px; color: #fff; font-size: 14px;}

.search_box .sea_keyw{width:855px;overflow:hidden;}

.search_box .sea_keyw a{color:#fff;margin-right:15px; font-size: 12px;}

.search_box .sea_right{width:241px;height:31px;line-height:31px; background:url(../images/search_icon.png);}

.search_box .search{ }

.search_box .search input{float:left;height:30px;line-height:30px;}

.search_box .search input.sea_inp{width:195px;border:0;padding-left:10px;color:#fff; background: none  } 

.search_box .search input.sea_btn{width:35px;height:40px;line-height:40px;cursor:pointer; background: none }

.sea_right span{font-size:14px;}



/*图片滚动*/

.case_img{width:1180px; margin:0 auto;overflow:hidden;margin-top:25px;}

.case_img .gd_all ul{overflow:hidden;margin:0 53px;width:1040px;}

.case_img .gd_all li{ float:left; width:210px;margin-right:30px;text-align:center;}

.case_img .gd_all li img{ width:200px; height:130px;border:1px solid #bbbbbb;padding:2px;}

.case_img .gd_all li a.name{font-size:14px;margin-top:4px;}

em{position: absolute;top: 30px;}

.t_r{ right:0px;}

.gd_all{ position:relative;}



/*公共标题样式*/

.pub_tit{padding-top:30px;}

.pub_tit h3{text-align: center;width:100%;margin:0 auto;background:url(../images/tit_bg.jpg) no-repeat left bottom; height: 60px; line-height: 40px; padding:0 10px; box-sizing: border-box;}

.pub_tit h3 a.tit{color:#FCD704;display:block;padding-bottom:4px; font-size: 20px;}

.pub_tit h3 span{ margin-top:20px; font-size: 12px; color: #ccc; padding-left: 10px;}

.pub_tit h3 a.more{ font-size:12px;  color: #FCD704}
.pub_tit h2{text-align: center;width:100%;margin:0 auto;background:url(../images/tit_bg.jpg) no-repeat left bottom; height: 60px; line-height: 40px; padding:0 10px; box-sizing: border-box;}

.pub_tit h2 a.tit{color:#FCD704;display:block;padding-bottom:4px; font-size: 20px;}

.pub_tit h2 span{ margin-top:20px; font-size: 12px; color: #ccc; padding-left: 10px;}

.pub_tit h2 a.more{ font-size:12px;  color: #FCD704}


/*小banner*/

.banner_small{position: relative;height:356px; }

.ban_btn{font-size: 18px;font-weight:bold;height:41px;line-height:41px;color:#fff;display:inline-block;margin-left: 35px;width:144px;text-align: center;}

.banner_small01{ background: url(../images/banner1.jpg) no-repeat center top; height: 356px;}

.ban_text_img{margin: 130px 0 0 30px;}

.banner_small01 .ban_qq{left:190px;top:200px;position:absolute;}

.banner_small01 .tell_con{height:46px;width:360px;}

.banner_small01 .tell_con .ban_btn{margin-top:9px;position:inherit;margin-left:-35px}

.banner_small02{ background: url(../images/banner2.jpg) no-repeat center top; height: 200px;}

/*合作客户*/

.hezuo .pub_tit{ padding:40px 0; }

.hezuo .pub_tit h3{ width: 100%; background: none}

.hezuo ul li{ width:294px; height: 220px; float: left; position: relative; }
.hezuo ul li img{ width:294px; height: 220px; }
.hezuo ul li div{ width:294px; height: 220px; text-align: center; color: #fff; font-size: 18px; box-sizing: border-box;  padding:60px 0 30px 0; position: absolute; top: 0 ; left: 0; display: none; background: rgba(0,0,0,0.7);}
.hezuo ul li:hover div{ display: block; } 
.hezuo ul li div a{ display:block; width: 100px; height: 30px; border:solid 1px #fff; text-align: center; color: #fff; font-size: 14px; line-height: 30px; margin:40px auto; }

/*优势*/

.youshi .pub_tit h3{ width: 100%; background: none; height: 100%;}

.youshi{ background: url(../images/ys_bg.png) no-repeat right; height: 598px; }

.youshi .fl{ width: 640px; }

.youshi .fl dt{ margin-bottom: 8px; background: url(../images/ys_tit_bg.jpg) no-repeat bottom left; height: 50px; line-height: 50px; padding-bottom: 12px;  color:  #FED605; font-size: 20px;  }

.youshi .fl dt img{ margin-right: 15px; }

.youshi .fl dd{ font-size: 14px; color: #A9A9A9; margin-bottom: 24px; line-height: 30px;}

.youshi .fr{ width: 500px; margin-top:55px; }

.youshi .fr img{ width: 477px; height: 325px; border:solid 10px #fff; }

/*成功案例*/

.cli_wrap{ background: #FCD704; height: 640px; }

.cli_wrap .pub_tit h3{margin:35px 0; width: 100%; background: none}

.cli_con h3{text-align:center;position:relative; width: 100px;}

.cli_con h3 a.more{position:absolute;top:50px;right:335px;}

.cli_in{overflow:hidden;margin-top:28px;width:1220px; overflow:hidden;}

.cli_in dl{width:263px;height:394px;float:left;margin-right:20px;position:relative; border:solid 8px #000;} 

.cli_in dl dt{background:#ebebeb;}

.cli_in dl dt img{width:263px;height:195px;}

.cli_in dl dd{height:189px; background:#000; padding:3px;  color: #fff; font-size: 14px; line-height: 20px; padding-top: 10px;}

.cli_in dl dd a{padding-top:10px;display:block;  color: #fff; }

.cli_in dl dd a.cli_tit{ height:20px; margin-bottom:10px; overflow:hidden; font-size: 20px; color: #FCD704;}

.cli_in dl dd a.xq{ display: block; width:165px; height: 35px; color: #000; margin:20px auto; text-align: center; font-size: 16px; background: #fff; border-radius: 3px; }

.cli_in dl dd p{color:#fff;line-height:22px; height:66px;overflow:hidden; }

/*产品开始*/

.chanpin .pub_tit{ padding:0; }

.container{

  width: 800px;

  height: 850px;

  margin: 100px auto;

  background-color: #fff;

  box-shadow: 0 1px 3px rgba(0,0,0,.1);

}

.tab-wrapper{

  position: relative;

  width: 100%;

  height: 850px;

}

.tab-wrapper .tab-radio{

  display: none;

}

.tab-handler{

  position: relative;

  z-index: 2;

  border:dashed 1px #fff; float: left; display: inline-block; margin:5px 10px; padding: 6px 15px; font-size: 16px;

  transition: .3s;

  transform: scale(.9); color: #fff;

}

.tab-radio:checked + .tab-handler{

  color: #000;

  background:#FCD704;

}

.tab-radio:checked + .tab-handler + .tab-content{

  visibility: visible;

  opacity: 1;

  transform: scale(1);

}

.tab-wrapper .tab-content{


  position: absolute;

  top: 70px;

  left: 0;

  width: 100%;

  padding: 30px 10px;

  color: #999;

  font-size: 14px;

  line-height: 1.618em;


  transition: transform .5s, opacity .7s;

  transform: translateY(20px);

}

.tab-content li{ float: left; background: #EEEEEE; line-height: 0; width: 195px; padding:10px; margin:0 8px; margin-bottom: 20px; }

.tab-content li img{ border:solid 1px #ccc; width: 195px; height: 140px; }

.tab-content li p{ line-height: 35px; height: 35px; color: #333; display: inline-block; width: 70%; float: left;}

.tab-content li a.more{  float: right;line-height: 35px; height: 35px; color: #333;}





















.tab-wrapper .tabb-radio{

  display: none;

}

.tabb-handler{

  position: relative;

  z-index: 2;

  border:dashed 1px #fff; float: left; display: inline-block; margin:20px 10px; padding: 6px 15px; font-size: 16px;

  transition: .3s;

  transform: scale(.9); color: #fff;

}

.tabb-radio:checked + .tabb-handler{

  color: #000;

  background:#FCD704;

}

.tabb-radio:checked + .tabb-handler + .tabb-content{

  visibility: visible;

  opacity: 1;

  transform: scale(1);

}

.tabb-wrapper .tabb-content{

  visibility: hidden;

  position: absolute;

  top: 160px;

  left: 0;

  width: 100%;

  padding: 30px 10px;

  color: #999;

  font-size: 14px;

  line-height: 1.618em;

  opacity: 0;

  transition: transform .5s, opacity .7s;

  transform: translateY(20px);

}

.tabb-content li{ float: left; background: #EEEEEE; line-height: 0; width: 195px; padding:10px; margin:0 8px; margin-bottom: 20px; }

.tabb-content li img{ border:solid 1px #ccc; width: 195px; height: 140px; }

.tabb-content li p{ line-height: 35px; height: 35px; color: #333; display: inline-block; width: 70%; float: left;}

.tabb-content li a.more{  float: right;line-height: 35px; height: 35px; color: #333;}

/*四大理由*/

.liyou .pub_tit{padding-bottom: 40px;}

.liyou h3{ background: url(../images/liyou_tit.jpg) no-repeat center bottom; height: 160px; font-size: 46px; color: #fdd703; line-height: 60px; }

.liyou h3 p{ color: #E9E5E6; font-size: 44px;  border-width: bold }

.liyou{ background: url(../images/liyou_bg.jpg) no-repeat center 240px; position: relative; height: 800px;}

.liyou dl{ width: 390px; float: left; position: absolute; }

.liyou dl.ly_1{ top: 220px; left: 0 }

.liyou dl.ly_2{ top: 250px; right:  0 ;  }

.liyou dl.ly_3{ top: 540px; left: 0 ; width: 330px;}

.liyou dl.ly_4{ top: 500px; right:  0 ; width: 310px;}

.liyou dl dt{ font-size: 22px; color: #FCD702; line-height: 50px;}

.liyou dl dd{ font-size: 12px; color: #999; line-height: 25px;}

.liyou dl dd span{  color: #fff;  font-size: 14px; display: block; }

/*客户说*/

.kehu{ padding: 35px 0;  }

.kehu ul{ width:915px; float: left;  }

.kehu li{ width: 195px; border:solid 8px #DDDDDD; background: #ddd; height: 255px; float: left;  margin-left:  17px; position: relative; }

.kehu li img{ width: 195px; height: 155px; }

.kehu li div{  font-size: 15px; font-weight: bold; color: #333; padding-left: 50px; box-sizing: border-box; overflow: hidden; padding-top:100px; box-sizing: border-box; height: 30px; line-height: 25px; background: url(../images/kh_bg.png) no-repeat right; height: 155px; width: 100%; text-align: right; position: absolute;top: 0 ; right: 0;   }

.kehu li div a{ display: block; color: #333; font-size: 12px; font-weight: 100; }

.kehu li p{ font-size: 12px; line-height: 30px; color: #333; height: 90px; overflow: hidden; }

.kehu .bt{ background:url(../images/kehu.jpg) no-repeat top left; text-align: center; height: 276px; float: left; width: 231px; margin: 0; color: #000; font-size: 12px; padding-top: 150px; text-align: center; padding-right: 40px; box-sizing: border-box;  }

.kehu .bt strong{ font-size: 24px; font-family: "Impact" }

.kehu .bt a{ color: #000; font-size: 14px; line-height: 73px; position: relative; top: -13px; left: 2px;}









/*电话*/

.tell_wrap{border-top:2px #cdcdcd solid;margin-top:60px;}

.tell_con{ }

.tell_con span{display:block;float:left; color: #FAD800;}

.tell_con span.phone{background:url(../images/phone_1.png) no-repeat center;width:46px;height:36px; }

.tell_con span.tell{padding:10px 0 10px 15px;margin-left:10px; font-size: 18px; color: #fff;}

.tell_con .ban_btn{position:absolute;border:3px solid #cdcdcd;width:136px;height:35px;line-height:35px;color:#333; background: #fff;margin-top: -3px;}

.tell_con .ban_btn:hover{ background: #fa7b2b;color:#fff;border:3px solid #fa7b2b;}



/*公司简介*/

.com_wrap{ overflow:hidden;  padding-bottom:30px; border-bottom: 5px #FDD901 solid;height: 545px; overflow: hidden;}

.com_wrap .ab_us{width:878px;height:510px;}

.about_us{width:878px; margin-top:15px;}

.about_us .con_title{margin-top:30px;}

.about_con{overflow:hidden;}

.about_con a img{width:270px;height:200px;}

.about_con a.img_sha{width:270px;height:200px;}

.about_con .com_intr{margin-left:20px;margin-top:3px;}

.about_con .about_text{width:605px; color: #ccc;height:200px;}

.about_con .about_text .com_intr h4{color: #fff;}

.about_con .about_text .com_intr h4 a{font-size:16px;font-weight:bold;color:#fff; }

.about_con .about_text .com_intr p{font-size:14px; line-height:28px;margin-top:10px;height:110px;overflow:hidden; }

.about_con .about_text .com_intr a.ab_more{ color:#FCD704;font-size:14px; line-height:35px; position: relative; top: 25px;}

.com_box{overflow:hidden; }

.subject_wrap{overflow:hidden;margin-top:7px; height:226px;padding:20px 12px;}

.subject_wrap h3{border-bottom:2px #d0d0d0 solid;overflow:hidden;padding-bottom:8px;}

.subject_wrap h3 a{display:block;}

.subject_wrap h3 a strong{display:block;float:left;font-size:16px;background:url(../images/photos_icon.png) no-repeat left center;padding-left:20px;}

.subject_wrap h3 a.more{float:right;}

.subject_wrap h4{margin-top:40px;} 

.com_envi{width:850px;}

.com_envi .case_img{width:850px;margin-top:15px;}

.com_envi .case_img .gd_all li a{display:block;margin-bottom:5px; color: #ddd;}

.com_envi .case_img .gd_all li img{width:195px;height:130px;}

.com_envi .case_img .gd_all li{margin-right:15px;}

.com_envi em{top:40px;}



/*荣誉资质*/

.team_wrap{ width:295px;height:510px;}

.team_wrap .new_title h3 a strong{display:block;width:244px;height:40px;line-height:40px; text-align: center;color:#fff; background: #049b2b;margin:0 auto;}

.team_wrap .new_title h3{ text-align: center;}

.team_wrap .new_title h3 a.more{font-size:12px; display:block;margin-top:10px;}

.tean_img .bd{height:430px;overflow:hidden;}

.tean_img{height:430px;overflow:hidden;margin-top:20px;width:210px;margin:20px auto 0;}

.tean_img ul{height:430px;}

.tean_img ul li{text-align:center;margin-bottom:20px}

.tean_img ul li img{width:202px; height:155px; display:block;margin-bottom:10px;border:4px #e3e1e1 solid; }

.tean_img ul li a{ color: #ddd; }

/*公司新闻*/

.faq{width:420px; margin-top: 15px;}

.faq .news_tit a{font-size:16px;font-weight:bold;}

.faq .news_tit a.more{font-size:12px;font-weight:normal;}

.faq .news_con{height:245px;overflow:hidden; position: static;}

.faq .news_con .news_list li a{padding:0;}

.faq .news_con .news_list li{height:110px;overflow:hidden;line-height:22px;margin-bottom:20px;font-size:14px;}

.faq .news_con .news_list li p{width:90%; color: #ccc; font-size: 12px; height: 60px; overflow: hidden;}

.faq .news_con .news_list li .wen{ height: 26px; }

.faq .news_con .news_list li .wen p a{font-weight:bold;color:#fff;display:block;white-space:nowrap; text-overflow:ellipsis;overflow:hidden;}

.faq .news_con .news_list li .wen_icon{ display:inline-block; line-height: 20px; color:#000; padding:0 3px; background: #FFD801; text-align:center;margin-right:10px;}

.faq .news_con .news_list li .da{margin-top:10px;}

.faq .news_con .news_list li .da_icon{ display:inline-block;color:#333; line-height: 20px; padding:0 3px; background: #CBCBCB; text-align:center;margin-right:10px;}

.news_con{width:730px; position: absolute; top:0; height: 60px;}

.news_tit{height:40px;line-height:40px;border-bottom:1px solid #d6d6d6;}

.news_tit ul{float:left;}

.news_tit ul li{float:left;font-size:16px;color:#545454;font-weight:bold;width:112px;height:40px; cursor:pointer; text-align:center; background: #989898;margin-right:15px;}

.news_tit ul li a{color:#fff;}

.news_tit a{display:block;}

.news_tit a.more{padding-right:10px;}

.news_tit .faq_tit{color:#fff;background: #0b8a25;padding:0 20px;}

.new_box{margin-top:15px;padding-left:5px; position: relative; height: 360px;}

.new_menu li.selected{background: #0b8a25;}

.news_con span.tt{ font-size: 20px; color: #ccc; }

.cc{ width: 130px; position: relative; top: 35px; left: 130px; }

.cc .con{ position: relative; top: 28px; left: -130px; }

.news_con .con{ display: none; background: #222222; height: 300px;  width: 730px;}

.news_con .bb{display: block;}

.news_con:hover .con{ display: block; }



.news_con .news_img{ overflow:hidden;position:relative;margin-top: 13px;}

.news_con .news_img img{width:320px;height:240px;  border:solid 5px #D0CFCD;}

.news_con .news_img .right{width:210px;height:190px;background:url(../images/news_con_bg.png) repeat;position:absolute;top:50px;}

.news_con .news_img .right p{font-size:12px;line-height:20px;margin-top:10px;height:100px;overflow:hidden;color:#fff;padding:0 6px;margin-top:15px;}

.news_con .news_img .right a{font-size:14px;color:#fff;display:block;border-bottom:1px solid #fff;padding:10px 6px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;margin-top:11px;}

.news_con .news_list{overflow:hidden;} 

.news_con .news_list li{color:#ddd;height:36px;line-height:36px;overflow:hidden;border-bottom:1px dashed #dadada;width:365px; }

.news_con .news_list li a{color:#ddd; background:url(../images/list_ic.png) no-repeat left;padding-left:22px;width:240px;overflow:hidden;display:block;float:left;height:36px;line-height:36px;}

.news_con .news_list li:hover{ color: #FDD901; }

.news_con .news_list li:hover a{ color: #FDD901; }
.news_box{
  height: 375px;
  overflow: hidden;
}
/*友情链接*/

.link_wrap .link{ padding:30px 0;font-size:16px;overflow:hidden;font-weight:bold;}

.link_wrap .link a{padding:0 7px;font-size:14px;}







