@charset "utf-8";
/* CSS Document */
.ban-a{ background:url(../images/ban-a.jpg) center no-repeat; width:100%; height:400px;}
.ban-co{ background:url(../images/ban-co.jpg) center no-repeat; width:100%; height:400px;}
.ban-s{ background:url(../images/ban-s.jpg) center no-repeat; width:100%; height:400px;}
.ban-n{ background:url(../images/ban-n.jpg) center no-repeat; width:100%; height:400px;}
.ban-ca{ background:url(../images/ban-ca.jpg) center no-repeat; width:100%; height:400px;}
.ban-p{ background:url(../images/ban-p.jpg) center no-repeat; width:100%; height:400px;}
.alltit{ text-align:center; padding-top:150px;}
.alltit h1{ font-size:1.875em; color:#fff;}
.alltit h3{font-size:1.875em; color:#fff;}
.alltit span{ display:block; font-size:1.125rem; color:#fff; font-weight:lighter; margin-top:5px; letter-spacing:2px}
.alltit hr{ width:48px; height:2px; border:none; background:#fff}
.lood{ background:#f0f0f0}
.sloca img{ margin-right:12px; float:left; display:inline-block;}
.sloca p{ display:inline-block; margin-top:22px; font-size:0.875rem; font-family:'宋体'}
.sloca p a{ font-family:'微软雅黑';}

.somenu{ position:relative;}
.somenu li{ width:auto; float:left; padding:0 20px; position:relative;}
.somenu li:last-child:after{ display:none;}
.somenu li:after{ width:1px; height:16px; background:#ccc; content:''; display:block; position:absolute; right:0; top:22px;}
.somenu li a{ display:inline-block; padding:19px 0; color:#ffffff; position:relative;}
.somenu li a em{ display:block; position:absolute; width:100%; height:2px; background:#285dbb; bottom:0; transform:scale(0,1); transition:all 0.5s ease}
.somenu li a:hover em,.somenu li a.cur em{ transform:scale(1);}
.somenu li a:hover,.somenu li a.cur{ color:#285dbb}
@media screen and (max-width:768px){
.sloca{ display:none;}
.somenu{ width:100%;}
}
.main{ padding:70px 0; width:100%; overflow:hidden; min-height:400px}

/*荣誉证书*/
.horlist{ width:100%;}
.horlist li{ background:#ddd; width:24%; border:3px solid #ddd; box-sizing:border-box; margin-right:1.33%; margin-bottom:20px; float:left;}
.horlist li:nth-child(4n){ margin-right:0}
.horlist li div{ transition:all 0.5s ease; width:100%; overflow:hidden;}
.horlist li div img{ transform:scale(1); transition:all 0.5s ease; width:100%;}
.horlist li:hover div img{ transform:scale(1.02); width:100%;}
.horlist li p{ display:block; padding:16px;}

@media screen and (max-width:768px){
.horlist li{ width:49%; margin-right:2%;}
.horlist li:nth-child(2n){ margin-right:0}
}

/*在线留言*/
.feedback{ padding:0 0;  width:100%;}
.fetxt{ width:35%}
.fetxt h4{ font-size:1.5rem; color:#565656;}
.fetxt span{ display:block; color:#b1b1b1; font-size:1.5rem; margin-bottom:20px;}
.fetxt p{ color:#565656; font-size:1rem; line-height:1.5em;}
.fen{ margin-top:260px;}
.fen h6{ font-size:1rem; color:#505050;}
.fen em{ font-size:1rem; color:#9e9c9c}
.fekxx{ background:url(../images/feedbg.jpg) center no-repeat; width:58%;}
.fe-box{ padding:53px; background:rgba(0,0,0,0.3); box-sizing:border-box; width:62%;}
.fe-box input{ border-bottom:1px solid rgba(255,255,255,0.5) !important; border:none; background:none; font-size:1rem; color:#fff; padding:18px 0; width:100%;}
.fe-box input::-webkit-input-placeholder {color:#fff;}
.fe-box textarea{ border-bottom:1px solid rgba(255,255,255,0.5) !important; border:none; background:none; font-size:1rem; color:#fff; padding:16px 0; width:100%; box-sizing:border-box; height:140px}
.fe-box textarea::-webkit-input-placeholder {color:#fff;}
.fe-box .fbtn{ width:100%; box-sizing:border-box; border:3px solid #fff; background:none; margin-top:20px; color:#fff; font-size:1rem;}
@media screen and (max-width:768px){
.fetxt{ width:100%}
.fen{ margin-top:26px;}
.fekxx{ background:url(../images/feedbg.jpg) center no-repeat; width:100%; background-size:cover; margin-top:36px}
.fe-box{ padding:53px; background:rgba(0,0,0,0.3); box-sizing:border-box; width:100%;}
}

/*新闻资讯*/

.newsall{ padding:26px 35px; background:#fff; width:auto; transition:all 0.8s; margin-bottom:22px; box-sizing:border-box; border:1px solid #dcdcdc}
.newsall a{ display:block;}
.newsall:hover{ box-shadow:0 0 10px 2px rgba(0,0,0,0.1)}
.newsall .npic{ width:21.64%;}
.newsall .npic img{ width:100%;}
.newsall .ncon{ width:55%; margin-left:4%;}
.newsall .ncon h3{ font-size:1.5em; color:#515151; margin-top:16px}
.newsall .ncon p{ display:block; font-size:0.875em; color:#515151; margin:1.5em 0 2.2em; line-height:1.5em}
.newsall .ncon em{ color:#ffffff; font-size:0.875em; background:#285dbb; padding:8px 12px;}
.newsall .ndate{ margin-top:1.5em;}
.newsall .ndate dt{ font-size:60px; color:#4b4b4b; text-align:center;}
.newsall .ndate dl{ display:inline-block; color:#858585; border-top:1px solid #e1e1e1; padding:10px 10px}
@media screen and (max-width: 768px){

.newsall .npic{ width:23%; display:none}
.newsall .ncon{ width:75%; margin-left:4%;}
.newsall .ncon span{ display:none;}
.newsall .ncon em{ display:block; width:130px; text-align:center; margin-top:20px;}
.newsall .ncon p{ display:none;}
}

/*新闻内页*/
.nbg{ background:rgba(255,255,255,1); padding:20px;}
.news-title{width:100%; height:30px; line-height:30px; text-align:center; font-size:1.25em; font-weight:bold; margin:0 auto; color:#484848;}
.news-type{width:100%; height:24px; text-align:center; margin:0 auto; color:#242424;font-size:0.875em; border-bottom:#242424 1px dotted;}
.news-content{width:100%; margin:0 auto; font-size:1em; line-height:24px; line-height:1.5em; color:#242424}
.news-pn{ font-size:1rem;line-height:1.5em; color:#242424}
.news-pn a{ color:#242424; font-size:1rem;}
/*相关新闻*/
.xgnews{margin:40px auto;}
.xgnews-tit{height:40px;line-height:40px;border-bottom:1px solid #CCC;padding-left:20px; font-size:16px; color:#242424;}
.xgnews-con{border-top:1px solid #242424;border-top:none;padding:10px 20px;}
.xgnews-con li{width:48%;height:30px;line-height:30px; overflow:hidden;}

.xgnews-con li span{float:right; color:#242424}
.xgnews-con li a{ padding-right:10px; color:#242424;}
.xgnews-con li a:hover{ color:#333;}

@media screen and (max-width: 768px){
.nbg{ padding:20px;}
.news-title{ font-size:1.375rem; line-height:1.5em; height:auto;}
.news-type{ height:auto;}
.news-content{ font-size:1.125rem !important; line-height:2rem !important;}
.news-content span{ font-size:1.125rem !important; }
.news-content p{ font-size:1.125rem !important;}
.news-pn{ font-size:1.125em; line-height:1.875em;}
.news-pn span{ width:100%; display:block;}
.xgnews-tit{ font-size:1.25em;}
.xgnews-con li{ width:100%; height:2.875em; line-height:2.875em;}
.xgnews-con li{ width:100%; margin:0; line-height:2.875em;}
}


/*工程案例*/
.caselist li{ width:31.5%; border:5px solid #d4d4d4; margin-right:1.5%; float:left; margin-bottom:27px;}
.caselist li:nth-child(3n){ margin-right:0;}
.caselist li a{ display:block;}
.caselist li .cimg{ width:100%; overflow:hidden;}
.caselist li .cimg img{ width:100%; transform:scale(1); transition:all 0.5s;}
.caselist li:hover .cimg img{ transform:scale(1.05);}
.caselist li .cname{ background:#d4d4d4; padding:20px 0;}
.caselist li .cname p{ text-indent:1em; color:#010101}
.caselist li .cname img{ margin-top:5px; margin-right:10px;}
@media screen and (max-width:768px){
.caselist li{ width:46%; margin:0 1% 27px !important;}
.caselist li .cname p{ font-size:0.875rem;}
.caselist li .cname img{ display:none}
}

.cabg{ background:#fff; padding:20px;}
.cdd p{}
.cdd p a{ display:inline-block; padding:8px 12px;background:#ddd; transition:0.5s all ease; color:#000; }
.cdd p a:hover{ background:#285dbb; color:#fff;}
@media screen and (max-width:768px){
.cdd p{ float:none; margin-bottom:20px; }
}

/*视频*/
.vidlist dl{ width:32.3%; margin-right:1.55%; margin-bottom:28px; float:left;}
.vidlist dl:nth-child(3n){ margin-right:0;}
.vidlist dl dt{ width:100%; overflow:hidden; position:relative; transition:all 0.7s}
.vidlist dl dt img{ transition:all 0.7s; width:100%;}
.vidlist dl:hover dt img{ transform:scale(1.05)}
.vidlist dl dt span{ background:url(../images/play.png) center no-repeat rgba(0,0,0,0.5); position:absolute; top:0; left:0; height:100%; width:100%; transition:all 0.7s}
.vidlist dl dd{ border-bottom:2px solid #a5a5a5; padding:16px 0; transition:all 0.7s}
.vidlist dl dd p{ color:#312f2f;}

.vidlist dl:hover dt{ box-shadow:0 0 20px 5px rgba(0,0,0,0.3)}
.vidlist dl:hover dt span{background:url(../images/play.png) center no-repeat rgba(0,0,0,0.2);}
.vidlist dl:hover dd{ border-bottom:2px solid #56321c}
@media screen and (max-width: 768px){
.vidlist dl{ width:49%; margin:0 0.5% 28px !important}
}


/*产品中心*/
.plsort{ position:relative;}
.plsort li{ float:left;}
.plsort li a{ color:#ffffff; display:inline-block; padding:16px 24px; position:relative; font-size:1rem; z-index:2; transition:all 0.5s ease}
.plsort li a span{ background:#285dbb; position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1; transition:all 0.5s ease; transform:scale(0,1);}
.plsort li a:hover span,.plsort li a.cur span{ transform:scale(1);}
.plsort li a:hover,.plsort li a.cur{ color:#fff;}

.proslist{ width:100%;}
.proslist dl{ float:left; width:32%; display:block; margin-right:2%; margin-bottom:24px; transition:all 0.5s ease;}
.proslist dl:nth-child(3n){ margin-right:0;}
.proslist dl dt{ width:100%; overflow:hidden; border:1px solid #eee; box-sizing:border-box; border-bottom:none;max-height: 330px;}
.proslist dl dt img{ transition:all 0.5s ease; transform:scale(1);}
.proslist dl:hover dt img{ transform:scale(1.05);}
.proslist dl dd{ background:#285dbb url(../img/gg.png) 95% center no-repeat; padding:14px 16px;}
.proslist dl dd p{ color:#fff;}
.proslist dl:hover{ box-shadow:0 0 15px 5px rgba(0,0,0,0.2)}

.ps-box2{ background:#fff; padding:20px; box-shadow:0 0 5px 3px rgba(0,0,0,0.1); margin-bottom:30px; border-radius:5px; position:relative; min-height:80px;}
.ps-box2 .ul1{ border-bottom:1px solid #eee;}
.ps-box2 .ul1 h4{ float:left; font-weight:bold; color:#000; padding:8px 0;}
.ps-box2 .ul1 li{ float:left; width:auto; margin-right:12px; margin-bottom:5px;}
.ps-box2 .ul1 li a{ display:block; padding:8px 16px; transition:all 0.5s;}
.ps-box2 .ul1 li a:hover,.ps-box2 .ul1 li a.cur{  background:#285dbb; color:#fff; }
.dbottom{ position:absolute; top:68px;}
.dbottom a{ display:block; padding:8px 16px; float:left;transition:all 0.5s; margin-right:13px; margin-bottom:5px;}
.dbottom a.cur,.dbottom a:hover{ background:#285dbb; color:#fff;}
@media screen and (max-width:768px){
.proslist dl{ width:49%; margin-right:2%;}
.proslist dl:nth-child(3n){ margin-right:2%;}
.proslist dl:nth-child(2n){ margin-right:0}
.dbottom{ position:absolute; top:88px;}
.dbottom h4{ height:80px;}
.dbottom a{ padding:8px 10px; margin-right:5px;}
.ps-box2{ min-height:160px;}
}

/*产品内页*/
.pin{ height:200px;}
.sortshow{ width:100%; background:#fff; padding:31px 21px; box-sizing:border-box;}

.container{max-width: 1024px;width: 55.2%;margin: 0 auto; position:relative;}
.preview {text-align: center; margin-top:10px; background:rgba(0,0,0,0.3); padding:10px 10px;}
.preview a { display:block; float:left;margin:3px; width:18.5%; border:3px solid #fff; box-sizing:border-box;}
.preview img {display: block; width:100%; height:auto;}
.container .active { border:3px solid #ecb200 !important}
.dd{ position:relative; margin-top:30px;  width:100%; height:100%; line-height:1.875em}
.dd .pre1{ display:block;}
.dd .next1{ display:block; }
@media screen and (max-width: 768px){
.sortshow{ width:100%;}
.container{ width:100%;}
.pxx{ width:100%;padding:3%}
}

/*fnoan*/
.p-miao{ width:42%;  overflow:hidden;}
.p-miao h1{ font-size:1.375rem; font-weight:bold; color:#171717; width:auto;}
.p-miao .ap{ margin:16px 0 0; padding:1rem 0; font-size:1rem; color:#6b6b6b;  border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0;
min-height:320px; box-sizing:border-box;}
.intel{ margin-top:20px;}
.intle p{ color:#979797;}
.intel .now{ display:inline-block; background:#285dbb; color:#ffffff; font-size:1.125rem; font-weight:bold; padding:10px 31px; margin-top:20px}


/*详情*/
.pd-con{position:relative; width:100%; z-index:2; margin-top:40px;}
.pd-con .pitit{ width:100%; }
.pd-con .pitit ul{ border-bottom:1px solid #cacaca; width:100%; box-sizing:border-box;}
.pd-con .pitit li{ transition:all 0.5s ease; display:inline-block; background:#dadada; padding:10px 45px; font-size:1.125rem;}
.pd-con .pitit li:hover,.pd-con .pitit li.cur{ background:#285dbb; color:#ffffff;}

.pd-con .picontent{width:100%; float:left; margin-top:34px}
.pd-con .picontent>div{ position:relative; display:none; padding:0 10px}
.pd-con .picontent>div.cur{display:block; position:relative;}




@media screen and (max-width: 768px){
.p-miao{ width:100%; margin-top:20px;  overflow:hidden;}
.p-lx .fl{ width:70%; }
.p-lx .fr{ width:30%; box-sizing:border-box; border-left:1px solid #c0c0c0; padding:0 0 0 3%;}
.p-lx .fr span{  top:0;}
}

/*相关产品*/
.tuipro{ width:100%;  margin-top:24px; box-sizing:border-box; }
.tuipro .tuitit{ background:#fff; margin:20px 0;border-bottom:1px solid #cacaca; width:100%; box-sizing:border-box;}
.tuipro .tuitit h4{ transition:all 0.5s ease; display:inline-block; background:#285dbb; color:#ffffff; padding:10px 45px; font-size:1.125rem;}
.tuipro dl{ float:left; width:32%; display:block; margin-right:2%; margin-bottom:24px; transition:all 0.5s ease;}
.tuipro dl:nth-child(3n){ margin-right:0;}
.tuipro dl:nth-child(4){ display:none;}
.tuipro dl dt{ width:100%; overflow:hidden;}
.tuipro dl dt img{ transition:all 0.5s ease; transform:scale(1);}
.tuipro dl:hover dt img{ transform:scale(1.05);}
.tuipro dl dd{ background:#285dbb url(../images/gg.png) 95% center no-repeat; padding:14px 16px;}
.tuipro dl dd p{ color:#fff;}
.tuipro dl:hover{ box-shadow:0 0 15px 5px rgba(0,0,0,0.2)}



@media screen and (max-width: 768px){
.tuipro{ width:100%; padding:0; border:none;}
.tuipro dl{ width:49%; margin-right:2%;}
.tuipro dl:nth-child(3){ margin-right:2%;}
.tuipro dl:nth-child(2){ display:block; margin-right:0;}
.tuipro dl:nth-child(4){ display:block; margin-right:0;}
}



.slider-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
		  box-sizing:border-box; border:1px solid rgba(0,0,0,0.3);		 
}
@media screen and (max-width: 768px){
.slider-container { width:100%;}
}
.slider {
  position: relative;
  width: 9999px;
}
.slider:before,
.slider:after {
  display: table;
  content: ' ';
}
.slider:after {
  clear: both;
}
.slider__item {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  height: 100%;
  
}
.slider__item img {
  display: block;
  max-width: 100%;
  height: auto;
  width:100%;
}
.slider__switch span {
  color: #fff;
  display: block;
  width: 32px;
  height: 32px;
}
/* Arrows */
.slider__switch {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  padding: 10px 5px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
  border-radius: 1px;
  background: #000;
  opacity: .3;
  transition: opacity .15s ease;
  fill: #fff;
}
.slider__switch--prev {
  left: 10px;
}
.slider__switch--next {
  right: 10px;
}

.slider__switch:hover {
  opacity: .85;
}
.slider__switch[disabled] {
  visibility: hidden;
  opacity: 0;
}
.slider__caption {
  position: absolute;
  bottom: 30px;
  left: 30px;
  display: block;
  max-width: 500px;
  padding: 10px;
  color: #fff;
  background: rgba(0, 0, 0, .4);
  box-shadow: 0 0 20px 10px rgba(0,0,0,.4);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000'); /* ie8 */
}
.slider__caption[disabled] {
  opacity: 0;
  visibility: hidden;
}
.slider-nav {
  line-height: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  display:none;
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0;
  text-align: center;
  z-index: 99999;
  filter: alpha(opacity=90); /* ie8 */
}
.slider-nav__control {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 3px;
  -webkit-transition: background .5s ease;
     -moz-transition: background .5s ease;
       -o-transition: background .5s ease;
          transition: background .5s ease;
  border: 2px solid #fff;
  border-radius: 50%;
  background: transparent;
}

.slider-nav__control.is-active {
  width: 12px;
  height: 12px;
  background: #fff;
}
.slider.has-touch {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor:    -moz-grabbing;
}
@media (max-width: 580px) {
  .slider__switch {
    display: none;
  }
  .slider__caption {
    display: none;
  }
}