@charset "utf-8";
/* CSS Document */
.ban{ width:100%; height:400px; background-position:center; background-repeat:no-repeat;}

.nymenu{ background:#eeeeee;}
.nymenu li{ float:left; width:auto;}
.nymenu li a{ display:block; position:relative; padding:24px 52px; z-index:2; transition:all 0.75s ease;}
.nymenu li a span{ transform:scale(0,1); transition:all 0.75s; background:#114aa1; position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1;}
.nymenu li a:hover span,.nymenu li a.cur span{ transform:scale(1); transition:all 0.75s ease;}
.nymenu li a:hover,.nymenu li a.cur{ color:#fff;}
@media screen and (max-width:768px){
.nymenu li{ float:left; width:25%; text-align:center;}
.nymenu li a{ padding:24px 0;}
}
.main{ padding:67px 0;}
.abtit{ text-align:center;}
.abtit span{ font-size:1.5rem; color:#393939;}
.abtit p{ font-size:1.5rem; color:#154c9c;}
.abtit p:before{ display:inline-block; background:#0573c8; content:""; color:#bcbcbc; width:70px; height:2px; position:relative; top:-8px; margin-right:8px;}
.abtit p:after{display:inline-block; background:#0573c8; content:""; color:#bcbcbc; width:70px; height:2px;position:relative; top:-8px; margin-left:8px;}

.abcon{ margin-top:57px;}
.abcon .fl{ float:left; width:50%;}
.abcon .fl span{ color:#114aa1; font-size:1.75rem; text-transform:uppercase; font-weight:bold;}
.abcon .fl h4{ margin-bottom:32px; font-size:2rem; color:#252525}
.abcon .fl p{ color:#757474; line-height:2em; text-indent:2em}
.abcon .fr{ position:relative; max-width:50%;}
.abcon .fr img{ position:relative; z-index:2;}
.abcon .fr span{ width:233px; height:203px; background:#114aa1; display:block; position:absolute; bottom:-16px; right:-16px;}
@media screen and (max-width:768px){
.abcon .fl{ width:100%;}
.abcon .fr{ width:100%; max-width:100%}
.abcon .fl p{ font-size:1.125rem; line-height:1.5em;}
}

/*荣誉证书*/
.horlist{ width:100%;}
.horlist li{ float:left; width:24%; margin-right:1.33%; margin-bottom:24px;}
.horlist li:nth-child(4n){ margin-right:0;}
.horlist li div{ width:100%; box-sizing:border-box; border:2px solid #154c9b; overflow:hidden;}
.horlist li div img{ width:100%; transform:scale(1); transition:all 0.75s;}
.horlist li:hover div img{ transform:scale(1.05);}
.horlist li p{ padding:12px 12px; position:relative; background:#154c9b; color:#fff;}
.horlist li span{ display:inline-block; font-family:'宋体'; float:right;}
@media screen and (max-width:768px){
.horlist li{ width:48%; margin:0 1% 24px !important;}
}

/*联系我们*/
.map{ margin-top:60px;}
.map h4{ font-size:1.5rem; font-weight:bold; color:#1f1f1f; margin-bottom:20px;}

/*在线留言*/
.ctfed{ width:100%; }
.fzi{ text-align:center;}
.fzi h4{ font-size:1.875em; color:#154c9b;}
.fzi p{ line-height:1.5em; color:#333;}
.ffk{ margin-top:34px}
.ffk .ftxt{ width:22%; background:#f1f1f1; border:none; border-radius:8px; font-size:1em; padding:10px 12px; margin-bottom:22px; margin-right:4%; border:1px solid #ddd; box-sizing:border-box;}
.ffk .ftxt::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #333;
}
.r0{ margin-right:0 !important}
.ffk .ftxt1{ width:100%; border:none;background:#f1f1f1;padding:10px 12px; box-sizing:border-box;border-radius:8px; margin-bottom:32px;font-size:1rem; color:#333; border:1px solid #ddd}
.ffk .ftxt1::-webkit-input-placeholder {
color:#333;
}
.ffk .fbtn{ width:20%; float:right;padding:10px 12px; border:none; background:#154c9b; color:#fff; font-size:1.125rem;border-radius:8px; }
@media screen and (max-width: 768px){
.ffk .ftxt{ width:98%;}
.ctfed{ width:100%}
}


/*新闻资讯*/
.nloca{ margin-bottom:36px;}
.nloca p{ color:#535353;}
.nloca p a{ color:#535353;}
.nsort{ border-bottom:2px solid #c9c9c9; padding-bottom:7px;}
.nsort li{ display:block; float:left;}
.nsort li a{ padding:10px 20px; display:block; margin-right:20px; transition:all 0.5s}
.nsort li a:hover,.nsort li a.cur{ color:#fff; background:#dd3437}


/*新闻资讯*/
.nkg{}
.newlist{ padding-bottom:20px; margin-bottom:24px;border-bottom:1px solid #e5e5e5;}
.newlist a{ display:block;}
.newlist .npic{ padding:5px 7px; border:1px solid #e5e5e5; width:20.9%;}
.newlist .ncon{ width:76%; }
.newlist .ncon span{ color:#535353; display:block; margin-top:5px;}
.newlist .ncon h6{ font-size:1.5rem; color:#333; font-weight:bold; margin-bottom:10px; transition:all 0.75s ease;}
.newlist .ncon p{ line-height:1.5em; color:#434343; width:90%;}
.newlist .ncon em{ display:inline-block; padding:5px 8px; background:#c51129; color:#fff; margin-top:15px;}
.newlist:hover .ncon h6{ color:#c51129}
@media screen and (max-width: 768px){
.newlist .npic{ display:none;}
.newlist .ncon{ width:100%;}
.newlist .ncon p{ width:100%;}
}

/*新闻内页*/
.nbg{ background:rgba(255,255,255,0.3);}
.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){

.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{ width:100%;}
.caselist dl{ width:31.33%; margin-right:3%; margin-bottom:30px; float:left; position:relative;}
.caselist dl:nth-child(3n){ margin-right:0;}
.caselist dl dt{ width:100%; overflow:hidden; border:1px solid #eee; box-sizing:border-box;}
.caselist dl dt img{ width:100%; transition:all 0.75s;}
.caselist dl:hover dt img{ transform:scale(1.05);}
.caselist dl dd{ color:#fff; padding:16px; position:absolute; bottom:0; left:0; box-sizing:border-box; background:rgba(0,0,0,0.6); width:100%;}
.caselist dl dd{}
@media screen and (max-width: 768px){
.caselist dl{ width:48%; margin:0 1% 30px !important;}
}

.cdd p{ background:#eee; display:inline-block; padding:6px 16px;}

/*视频中心*/
.loca{ border-bottom:1px solid #eee; padding:16px 0;}
.loca p{ font-size:0.875rem; color:#555555}

.vidlist{ width:100%;}
.vidlist dl{ width:31.33%; margin-right:3%; margin-bottom:30px; float:left; }
.vidlist dl:nth-child(3n){ margin-right:0;}
.vidlist dl dt{ width:100%; overflow:hidden;  box-sizing:border-box; position:relative;}
.vidlist dl dt span{ position:absolute; background:rgba(0,0,0,0.3) url(../images/video_pic.png) center no-repeat; top:0; left:0; width:100%; height:100%;}
.vidlist dl dt img{ width:100%; transition:all 0.75s;}
.vidlist dl:hover dt img{ transform:scale(1.05);}
.vidlist dl dd{ color:#fff; padding:16px;  bottom:0; left:0; box-sizing:border-box; background:#154c9b; width:100%;}
@media screen and (max-width: 768px){
.vidlist dl{ width:48%;margin:0 1% 30px !important;}
}

/*产品中心*/
.plan{ width:23.07%; background:#154c9e;}
.pstit{ width:100%; background:url(../images/ptbg.jpg) center top no-repeat; text-align:center; padding:40px 0 24px;}
.pstit h4{ font-size:2.125rem; color:#fff}
.pstit span{ font-size:1.5rem; color:#a0d3f5; text-transform:uppercase;}
.plan ul{ background:#fff; padding:12px 8px; margin:0 5px 5px;}
.plan ul li{ border:1px solid #d8d8d8; background:url(../images/sobg.jpg) left repeat-x; min-height:45px; position:relative; margin-bottom:13px;}
.plan ul li a{ line-height:45px; display:block; padding-left:24px; color:#4d4d4d; font-size:1.125rem; position:relative; z-index:2; transition:all 0.75s}
.plan ul li a span{font-family:'微软雅黑'; font-weight:bold; transform:rotate(90deg) scale(1,1.6); display:inline-block; margin-right:11px;}
.plan ul li em{ position:absolute; left:0; top:0; width:100%; height:100%; background:#0070bd; z-index:1; transform:scale(0,1); transform-origin:left; transition:all 0.75s ease;}
.plan ul li:hover em,.plan ul li.cur em{ transform:scale(1);}
.plan ul li:hover a,.plan ul li.cur a{ color:#fff;}
@media screen and (max-width: 768px){
.plan{ display:none;}
}

.mpsort{ display:none;}
@media screen and (max-width:768px){
.mpsort{ display:block; background:#154c9e; height:78px; line-height:78px; position:relative; cursor:pointer; }
.mpsort li{ color:#fff; text-indent:0.9rem; font-size:1.25rem;}
.mpsort .info{ display:block; border-right:2px solid #fff; border-bottom:2px solid #fff; width:20px; height:20px; position:absolute; right:30px; top:20px; transform:rotate(45deg); transition:all 0.5s}
.mpsort .info.down{transform:rotate(225deg);top:30px;}
.mpsort .zi_menu{ display:none; position:absolute; background:rgba(0,0,0,0.9); width:100%; left:0; z-index:11; }
.mpsort .zi_menu dl{ width:100%;}
.mpsort .zi_menu dl a{ font-size:1.125rem; display:block; border-bottom:1px dashed #eee; width:100%; margin:0 auto; color:#fff; transition:all 0.5s; height:80px; line-height:80px;}
.mpsort .zi_menu dl a:hover{ background:rgba(0,112,189,0.9);}
.mpsort .zi_menu dl a.cur{background:rgba(0,112,189,0.9);}
}



/**/
.pzlist{ width:73.84%;}
.pzlist li{ width:49.3%; float:left; margin-right:1.4%; margin-bottom:17px;}
.pzlist li:nth-child(2n){ margin-right:0;}
.pzlist li a{ display:block;}
.pzlist li .pimg{ width:100%; border-bottom:2px solid #c9c9c9; overflow:hidden;}
.pzlist li .pimg img{ width:100%; transition:all 0.75s ease; transform:scale(1);}
.pzlist li:hover .pimg img{ transform:scale(1.05);}
.pzlist li .pname{ background:#154c9e; padding:24px 38px;}
.pzlist li .pname p{ color:#fff;}
.pzlist li .pname p span{ color:#fff; float:right; display:inline-block;}
@media screen and (max-width: 768px){
.pzlist{ width:100%;}
}

/*产品展示*/
.pshow{ width:73.84%;}
.pmain1{ background:#f1f1f1; }
.pzhan{ width:100%;}
/*产品展示*/
.container{max-width: 1024px;width: 61%;margin: 0 auto; background:#e5e5e5}
.preview {text-align: center; margin-top:5px}
.preview a { display:block; float:left;margin: 5px; width:18%; border:2px solid #eee; box-sizing:border-box;}
.preview img {display: block; width:100%; height:auto;}
.active { outline: 3px solid #154c9e;}
@media screen and (max-width: 768px){
.pshow{ width:100%;}
.p-show{ background:#f4f3f3}
.container{ width:100%;}
.pxx{ width:100%;padding:3%}
}


.pzhan .pcon{ width:39%; box-sizing:border-box; padding:44px 0;}
.pcon h4{ font-size:1.625rem; color:#000; padding-left:22px;}


.pcon .da{ border-top:1px solid #ccc; margin:17px 0; padding:36px 32px;}
.pcon .da p{ line-height:1.5em; color:#333; font-size:1.625rem;}
.pcon .dser{ margin-left:22px;}
.pcon .dser span{ color:#1f1f1f;}
.pcon .dser em{ display:block; color:#1f1f1f; font-size:1.875rem; font-weight:lighter;}
.pcon .dcot{ color:#fff; margin-left:22px; display:inline-block; background:#2363c0; padding:13px 20px; margin-top:20px;}
.pcon .dcot img{ margin-bottom:-10px;}

.pkt{  margin:10px 0;}
.pkt p{ font-size:1.125rem; color:#2363c0; font-weight:bold; display:inline-block; padding:16px 0;}

.pmain2{ padding:37px 29px; background:#eee; margin-bottom:30px; border-top:2px solid #2363c0}

.psu{ width:100%;}

.ptui{ width:100%; background:#fff;  box-sizing:border-box;}
.ptui h6{ padding-bottom:12px; background:#2363c0; color:#fff; padding:16px 27px}
.ptui ul{ border:1px solid #cacaca; box-sizing:border-box; padding:17px;}
.ptui li{ width:31.33%; float:left; margin-right:3%; margin-bottom:10px;box-sizing:border-box; border:1px solid #eee}
.ptui li:nth-child(3){ margin-right:0;}
.ptui li div{ overflow:hidden; width:100%;}
.ptui li div img{ transform:scale(1); transition:all 0.8s;}
.ptui li:hover div img{ transform:scale(1.05)}
.ptui li:nth-child(4){ display:none;}

.dd{ width:100%; margin:20px auto 0;}
.dd span{ background:#fff; padding:5px 8px;}

@media screen and (max-width: 768px){
.pzhan{ width:100%;}
.pzhan .pcon{ width:100%;}
.pcon .da p{ font-size:1.125rem !important;}
.pcon .da span{ font-size:1.125rem !important}
.pmain2 p{ font-size:1.125rem !important;}
.pmain2 span{ font-size:1.125rem !important;}
.psu{ width:100%;}
.ptui{ width:100%; margin-top:20px;}
.ptui li{ width:48%; margin-bottom:10px; float:left; margin:0 1% 18px !important; }
.ptui li:nth-child(4){ display:block;}
}

.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:2px solid #e6e6e6;		 
}
@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;
  }
}

.bdsharebuttonbox{ text-align:center; display:inline-block; float:right;}