@charset "utf-8";
/* CSS Document */
html {overflow-y:scroll;}
*{margin:0;padding:0;list-style:none;border:0;}
body{font-size:14px;  margin:0; padding:0;font-family: "Microsoft Yahei"; overflow:hidden;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,img,html,body,nav{padding:0;margin:0; color:#333}
h1,h2,h3,h4,h5,h6 {font-size:14px; font-weight:normal;}
img{border:0;vertical-align: middle}
ol,ul{list-style:none;}
i,em{ font-style:normal}
h1{font-size:18px;}
a{color:#333;text-decoration:none;font-size:16px;blr:expression(this.onFocus=this.blur());}
a:hover{color:#f00;text-decoration:none;}
.clean80{clear:both;height:80px;overflow:hidden;}
.clean50{clear:both;height:50px;overflow:hidden;}
.clean40{clear:both;height:40px;overflow:hidden;}
.clean30{clear:both;height:30px;overflow:hidden;}
.clean20{clear:both;height:20px;overflow:hidden;}
.clean10{clear:both;height:10px;overflow:hidden;}
.left{ float:left;overflow:hidden;}
.right{float:right;overflow:hidden;}
.mar{ margin:0 auto}
.w1200{ width:1200px; overflow:hidden;clear:both;}
.i{font-style:normal}
.clear {clear: both;height: 0;}

/*返回顶部样式*/
.totop{position:fixed;right:25px;bottom:25px;display:block;width:26px;height:62px;background:url(../images/rocket.png) no-repeat 0 0;-webkit-transition: all 0.2s ease-in-out;}
.totop:hover{background:url(../images/rocket.png) no-repeat 0 -62px;}

#headdiv{height:289px; position: fixed; top: 0px;left:0; width: 100%; z-index: 1000;}
.dwz{ width:1240px;margin:0 auto;}
.top{ width:100%; height:40px;  float:left; background:#e5e5e5}
.header{ float:left}
.header span{ display: inline-block;vertical-align: top;font-size: 13px;color: #333;line-height: 40px;padding-left:10px;padding-right:10px}
.header span i{ font-size: 18px; margin-top: -2px;display: inline-block;margin-right: 5px;color: #ee7d2f; line-height: 40px;   }
.header span p{color: #333;display: inline-block;}


/*语言选择开始*/
.language{float: right; margin-top:7px; margin-right:13px;}
.language .cut{cursor: pointer;  position: relative; padding: 3px 5px 1px 3px;}
.language .cut a{ color: #333; font-size: 12px; line-height: 20px;background-image:url(../images/flag.png?v=2.0); background-repeat:no-repeat; padding-left: 30px; height: 20px; display: block; float:left; margin-right:15px}
.language .cut:hover a{color: #333; }

.language a.cn, .language ul.language-list li a.cn{background-position: 0 0;}
.language a.en, .language ul.language-list li a.en{background-position: 0 -22px;}
.language a.guoji, .language ul.language-list li a.guoji{background-position: 0 -836px;}

.language a.en2, .language ul.language-list li a.en2{background-position: 0 -42px;}
.top_dht{ width:100%;float:left; overflow:hidden;}
/*.logo{width:760px;float:left;}
.logo a{ height:180px; float:right; display:block}
.logo a img{height:135px; padding-top:25px;float:right;}
.logo li{ width:370px; float:left; padding-top:30px;}
.logo h1 img{ height:73px;float:left; padding-bottom:10px}
.logo h2{ float:left;font-size:14px; color:#333;}*/
.logo{ float:left; }
.logo img{ height:100px;}



.top_dht span{float:right; padding-top:35px;}
.top_dht span img{ height:70px;}


.dhtbj{ float: left; height:50px; width:100%; background:#353535; border-top:1px solid #e5e5e5;}
.dht{ width:1200px; margin:0 auto }
.menu{ width:105%; overflow:hidden; float:left;}
.menu .menu_item{ display:inline-block;float:left;width:171px; height:50ppx;text-align:center;font-family:"微软雅黑"; }
.menu .menu_item a{font-size: 18px;display: block;color:#fff  ; width: auto; line-height:50px;font-family:"微软雅黑";text-transform:uppercase;}
.menu .menu_item:hover,.menu .cur{ background:#ee7d2f}



.menu .menu_item:hover .submenu{display:block; z-index:999999; position:absolute;border-top:2px solid #f1d724;}
.submenu{ overflow: hidden;z-index:999999999; display:none;background-color:#1a1a1a}
.submenu_item {padding:0 2px; min-width:167px; }
.submenu_item a{ color:#fff!important; font-weight:100 !important; line-height:3em !important;}
.submenu_item:hover{ background:#e95203}
.submenu_item a:hover{ color:#fff !important;}
.menu .en2{ float:right; display:none;}
.menu .en2 img { height:30px; float:left; margin-top:10px; margin-right:5px; }
.menu .en2  h1{ line-height:50px; float:left; color:#fff}
/*banner*/

#banner{ height:700px;min-width: 1200px; width:100%; float:left;  }
.banner_nr img{ width:100%;  }
.move{ width:1154px; border:3px solid #666; background:#fff; padding:20px; float:left}



.bt{ width:100%; float:left; text-align:center}
.bt h1{font-size: 30px;text-align: center; line-height: 40px; height: 50px; overflow: hidden;text-transform:uppercase; }
.bt h2{font-size: 30px;text-align: center; line-height: 40px; height: 50px; overflow: hidden;text-transform:uppercase;}
.bt p{ display: block;font-size: 20px; font-weight: normal; padding: 5px 0 0;text-transform:uppercase;}
.bt b{ color:#ee7d2f}                   

/*产品*/
.cp_bj{ width:100%; float:left; background:url(../images/bjs2.jpg)  #f1f1f1   no-repeat top;height: 950px;overflow: hidden;padding: 60px 0 0;}

.pro_nav{height:80px;margin: 45px 0 0; width:100%; float:left;}
.pro_nav ul li{float: left;}
.pro_nav ul li a{ text-transform:capitalize;font-size:18px; overflow:hidden; color:#fff; font-size:15px;display:block; float:left;height: 45px;line-height: 45px;background: url(../images/cp_ico01.png) no-repeat 15px center;padding:0 18px 0 29px;}
.pro_nav ul li a {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.pro_nav ul li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff url(../images/cp_ico02.png) no-repeat 15px center;
  border-radius: 30px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.pro_nav ul li a:hover:before,.pro_nav ul li.cur a:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.pro_nav ul li a:hover,.pro_nav ul li.cur a{color: #333;}
.pro01_m dl{width: 590px;float: left;margin-left: 20px;background: #fff;}
.pro01_m dl dt{width: 590px;height: 380px;line-height: 0;overflow: hidden;}
.pro01_m dl dt img{width: 590px;height: 380px;object-fit:cover;}
.pro01_m dl dt img,.pro02_l img,.super dl dt img,.news_l dl dt img,.photo_m ul li img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.pro01_m dl dt img:hover,.pro02_l img:hover,.super dl dt img:hover,.news_l dl dt img:hover,.photo_m ul li img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.pro01_m dl dd{width: 465px;margin: 0 auto;border-top: #eaeaea 2px solid;padding: 30px 0; height:200px;overflow: hidden;}
.pro01_m dl dd h5{height: 50px;line-height: 50px;overflow: hidden;margin-bottom: 5px;text-transform:capitalize;}
.pro01_m dl dd h5 a{font-size: 26px;color: #333;display: block;}
.pro01_m dl dd h5 a:hover,.pro01_m ul li a:hover{color: #e05800;font-weight: bold;}
.pro01_m dl dd em{display: block;float: right;line-height: 0;width: 44px;height: 44px;overflow: hidden;text-transform:capitalize;}
.pro01_m dl dd em img{width: 44px;height: 88px;-webkit-transition:all .5s;transition:all .5s;}
.pro01_m dl dd h5:hover em img{margin-top: -44px;}
.pro01_m ul { width:100%; margin-top:10px;}
.pro01_m ul li{float: left; width:100%; background:#f3f3f3;height: 38px; text-align:center;line-height: 38px;overflow: hidden; margin-right:8px; margin-bottom:8px;}
.pro01_m ul li a{font-size: 16px;color: #666;text-transform:capitalize;}

.pro01_m dl:first-child{margin-left: 0;}








/*工程案例*/
.bjs{ width:100%; background:#353431; border-bottom:10px solid #e6a13a; float:left;}
.gc_al{ width:200px; height:106px;float:right;}
.gc_al b{ float:right; line-height:32px; font-size:24px; padding-bottom:5px; font-weight:600; color:#fff;text-transform:capitalize; }
.gc_al i{ color:#CCC; float:left; text-align:right; width:100%}
.gc_al img{ height:105px; float: right; padding-top:15px; padding-left:10px;}


.qi_ry {width:1000px; height:166px;overflow: hidden;position: relative; float:left;}
.qi_ry ul{position: absolute;}
.qi_ry ul li{float: left;width:242px; height:166px;cursor: pointer; margin-right:15px; text-align:center}
.qi_ry ul li a{width:287px;float:left; display:block}
.qi_ry ul li .img{ display:table-cell; text-align: center; vertical-align: middle; width:240px; height:164px; overflow: hidden; border:1px solid #e6a13a}
.qi_ry ul li img {width:240px;height:164px;object-fit:cover;}

.qi_ry ul li a:hover{ transition: all .7s;}
.qi_ry ul li a:hover .img img{-webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.3);transform:scale(1.3);}


.bjse{ width:100%; background:#f9f9f9;float:left; }
.prot ul{width:110%; float:left}
.prot ul li{ width:281px; background:#fff; text-align:center; float:left; margin-right:20px; margin-bottom:25px;  border:2px solid #e7e7e7; box-shadow:1px 1px 3px #e7e7e7 ;}
.prot ul li h1{ width:90%; margin:0 auto; height:60px; margin-top:20px; margin-bottom:10px; line-height:30px; font-size:16px;overflow: hidden;}
.prot ul li i{ color:#f16822; margin-right:2px;}
.prot ul li img{ width:90%;object-fit:cover; height:200px;}
.prot ul li p{ line-height:36px; padding-bottom:10px; font-weight:500; font-size:16px;text-transform:capitalize;}
.prot ul li span{ width:100%; float:left; border-top:1px solid #f2f2f2; margin-top:20px; }
.prot ul li span .prot-mo{ display:inline-block; border:1px solid #f16822; color:#f16822; padding:6px 15px; margin:10px 10px;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius: 25px;-o-border-radius: 25px; }
.prot ul li:hover h1{ color:#f16822}
.prot ul li:hover i{ color:#ddd}
.prot ul li .hover1:hover ,.prot ul li .hover2:hover{ background:#f16822; color:#fff;}


.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {

  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(15px);
  transform: translateY(15px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}


/*优势*/
.super{ width:100%; position:relative}
.sup_nav{width: 50%;position: absolute;top: 41rem;left: 18.75%;z-index: 5;}
.sup_nav ul li{width: 27.3%;float: left;height: 4.3rem;font-size: 1.5rem;color: #333;line-height: 1.5rem;padding: 1.5rem 1.5rem 0;text-align: center;background: #fff;}
.sup_nav ul li i{display: block;font-size: 0.6rem;color: rgba(51,51,51,0.5); font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}
.sup_nav ul li:hover,.sup_nav ul li.on{background: #1c1c1c;color: #fff;font-weight: bold;}
.sup_nav ul li:hover i,.sup_nav ul li.on i{color: rgba(255,255,255,0.5);font-weight: normal;}
.sup_m{background: #f1f1f1;margin-top: 1.5rem;display: inline-block;width: 100%; height:655px; }
.super dl{width: 100%;position: relative; float:left}
.super dl dt{width: 50%;float: right;line-height: 0;overflow: hidden;}
.super dl dt img{display: block;width: 100%;height:655px;object-fit:cover;}
.super dl dd{width: 27.8%;float: left;padding: 4.5rem 0 0 18.75%;position: relative;}
.super dl dd h5{font-size:26px;color: #333;text-transform:uppercase;line-height: 120%;height: 5.6rem;background: url(../images/ys_line.png) no-repeat 0 bottom;background-size: 6rem 0.4rem; font-weight:600;text-transform:capitalize;}
.super dl dd h5 i{display: block;font-size: 1rem;font-weight: normal;text-transform:capitalize}
.ys_desc{padding: 1.8rem 0 0;}
.super dl dd p{font-size:15px;color: #333;line-height:30px;padding: 0 0 0 1rem;background: url(../images/ys_ico01.png) no-repeat 0 11px;background-size: 0.6rem 0.6rem; margin-bottom:10px;}
.super dl dd em{width: 26.1rem;height: 3.1rem;display: block;line-height: 0;padding-top: 2rem;}
.super dl dd em img{width: 26.1rem;height: 3.1rem;}
.super dl dd span{display: block;width: 4.5rem;height: 2.3rem;line-height: 0;position: absolute;top: 5rem;right: 0;}
.super dl dd span img{width: 4.5rem;height: 2.3rem;}

@media (max-width:1600px){
.super dl dd{width:33.5%; padding-left:13%}
}


/*企业荣誉*/
/*新闻*/
.new_l{ width:595px; float:left; margin-right:10px; background-color:#FFF}
.new_lbt{ width:100%; height:160px; float:left;}
.new_lbt span{ width:164px; height:92px;float:left; padding:34px 13px; background:#000;}
.new_lbt span dl,.new_rbt span dl{ width:30px; height:2px ; border-bottom:2px solid #fff; margin-bottom:10px; display:block}
.new_rbt span dl{border-bottom:2px solid #f16822;}
.new_lbt span b a,.new_rbt span a{ font-size:30px;color:#fff; line-height:42px; display:block }
.new_rbt span b a{ margin-top:20px;}
.new_lbt span p,.new_rbt span p{font-size: 11px; text-transform: uppercase; color: rgb(204, 204, 204);text-transform:capitalize;}
.new_lbt img{ width:405px; float:left}
.new_lb{ float:left; padding:40px; padding-bottom:0; width:515px; background:url(../images/new2.jpg) top left no-repeat}
.new_lb li{ width:100%; float:left; padding-bottom:44px; overflow:hidden}
.new_lb li span{ width:60px; height:60px; text-align:center; margin-right:20px; float:left}
.new_lb li span b{ width:100%; float:left;line-height:41px;color:#f16822;font-size:32px;}
.new_lb li span i{color:#171717; font-size:12px; }
.new_lb li h1{ float:left; width:425px; font-size:16px; padding-bottom:12px;overflow: hidden;/*超出部分隐藏*/ white-space: nowrap;/*不换行*/ text-overflow:ellipsis;/*超出部分省略号显示*/}
.new_lb li p{ float:left; width:425px; height:24px; line-height:24px; overflow:hidden; color:#999;}

.new_rbt{ width:100%; float:left; }
.new_rbt span{width:565px;height:92px; float:left; padding:30px 15px 10px  15px;background-color:#eeeeee }
.new_rbt span dd{ width:30px; height:2px ; border-bottom:2px solid #666666; margin-bottom:10px;}
.new_rbt span a,.new_rbt span p{ color:#666666}

.new_rlb li{width:100%; float:left;}
.new_rlb img{ width:100%; height:267px;object-fit:cover; float:left; margin-bottom:15px;}
.new_rlb li b{ font-size:16px; color:#6d7783; margin:0 15px;text-transform:capitalize;}
.new_rlb li p{float:left; line-height:23px;height:46px; overflow:hidden;color:#999; margin:15px; text-transform:capitalize;}

/*关于我们*/
.pr{position: relative;}

/*走进*/
.content{width: 1200px;margin: 0 auto;}
.ab_bg{background: url(../images/bjs3.jpg)#f3f3f3 no-repeat center 0;padding: 100px 0 0;overflow: hidden;height: 900px; float:left; width:100%}
.about{height: 490px;}
.ab_desc{font-size: 16px;color: #fff;line-height: 30px;width: 100%;text-align: center;margin: 0 auto;overflow: hidden; }
.ab_desc p{ color:#fff;line-height: 30px;margin-top:30px;text-transform:capitalize;}
.ab_video{width: 120px;text-align: center;margin: 75px auto 0;font-size: 14px;color: #fff;cursor: pointer;}
.ab_video a{color: #fff;text-transform:uppercase;}
.ab_video em{width: 74px;height: 74px;display: block;margin: 0 auto 10px;line-height: 0;}
.ab_video em img{width: 74px;height: 74px;}

/*企业相册*/
.photo{padding: 40px 0 ;background: #fff;}
.photo_t{width: 990px;height: 90px;padding-left: 105px;}
.photo_t ul li{width: 250px;height: 60px;float: left;padding-left: 80px;position: relative;}
.photo_t ul li:before{content: "";width: 1px;height: 100%;background: #e8e9e9;position: absolute;top: 0;left: 0;}
.photo_t ul li em{display: block;float: left;line-height: 0;overflow: hidden;width: 55px;height: 55px;}
.photo_t ul li em img{width: 55px;height: 110px;-webkit-transition:all .5s;transition:all .5s;}
.photo_t ul li span{display: block;float: left;line-height: 45px;padding: 5px 0 0 15px;text-transform:uppercase;}
.photo_t ul li i{display: block;font-size: 20px;color: rgba(51,51,51,0.2);text-transform:capitalize;}
.photo_t li a{font-size: 24px;color: #202428;}
.photo_t li.on a{font-weight: bold;}
.photo_t li.on i{font-weight: normal;}
.photo_t li.on em img{margin-top: -55px;}
.photo_t ul li:first-child:before{background: none;}
.photo_qie{width: 1200px;overflow: hidden;}
.photo_m ul li{width: 212px;float: left;margin-left: 23px;overflow: hidden;}
.photo_m ul li em{width: 212px;height: 159px;display: block;line-height: 0;overflow: hidden;}
.photo_m ul li img{width: 212px;height: 159px;}
.photo_m ul li span{display: block;width: 212px;text-align: center;height: 56px;line-height: 56px;font-size: 14px;color: #333;overflow: hidden;}
.photo_m ul li span{position: relative;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;}
.photo_m ul li span:before {
	  content: "";
	  position: absolute;
	  z-index: 1;
	  left: 0;
	  right: 100%;
	  bottom: 0;
	  background: #e05800;
	  height: 2px;
	  -webkit-transition-property: right;
	  transition-property: right;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
.photo_m ul li span:after{content: "";width: 100%;height: 1px;background: #d9d9d9;position: absolute;bottom: 0;left: 0;}
.photo_m ul li:hover span:before {right: 0;}
.photo_m ul li:hover span{font-weight: bold;color: #e05800;}
.photo_m p{width: 20px;height: 30px;position: absolute;top: 72px;z-index: 10;}
.photo_m p a{display: block;width: 20px;height: 30px;line-height: 0;-webkit-transition:transform .3s;transition:transform .3s;}
.cp_lico a{background: url(../images/photo_lico01.gif) no-repeat center;}
.cp_lico a:hover{background: url(../images/photo_lico02.gif) no-repeat center;}
.cp_rico a{background: url(../images/photo_rico01.gif) no-repeat center;}
.cp_rico a:hover{background: url(../images/photo_rico02.gif) no-repeat center;}
.cp_lico{left: -30px;}
.cp_rico{right: -30px;}
.photo_m p a:hover{-webkit-transform:translate(0,-3px);transform:translate(0,-3px);}

.cp_lico2 a{background: url(../images/photo_lico01.gif) no-repeat center;display: block;width: 20px;height: 30px;line-height: 0;}
.cp_lico2 a:hover{background: url(../images/photo_lico02.gif) no-repeat center;}
.cp_rico2 a{background: url(../images/photo_rico01.gif) no-repeat center;display: block;width: 20px;height: 30px;line-height: 0;}
.cp_rico2 a:hover{background: url(../images/photo_rico02.gif) no-repeat center;}
.cp_lico2{left: -35px;width: 20px;height: 30px;position: absolute;top: 270px;z-index: 110;}
.cp_rico2{right: -25px;width: 20px;height: 30px;position: absolute;top: 270px;z-index: 110;}







.new_list{ width:678px; float:left; border:1px solid #e9e8e8; overflow:hidden}
.new_bt{ width:100%; height:64px; float:left; background:#f5f5f5; line-height:64px;}
.new_bt b{ float:left; padding-left:20px; font-size:20px;text-transform:capitalize;}
.new_bt a{ float:right; padding-right:20px; font-size:16px}

.news_lbt ul{ width:648px; float:left; overflow:hidden; padding-left:15px; padding-right:15px;}
.news_lbt ul li{ width:100%; line-height:33px; float:left;overflow:hidden; padding-bottom:20px; border-bottom:1px dashed #f5f5f5; padding-top:20px}
.news_lbt ul li span{ width:70px; height:70px; background:#f5a637; color:#FFF; float:left; text-align:center;}
.news_lbt ul li span b{ width:100%; float:left; font-size:34px; color:#FFF; padding-top:8px;text-transform:capitalize;}
.news_lbt ul li span i{ color:#FFF; font-size:14px;}
.news_lbt ul li a{ width:558px; float:left; padding-left:20px;text-transform:capitalize;}
.news_lbt ul li a h2{ font-size:18px;color:#338239;overflow:hidden;font-weight:700;white-space: nowrap;text-transform:capitalize;}
.news_lbt ul li a p{ line-height:20px;text-transform:capitalize;}
.news_lbt ul li:hover span{ background:#338239}
.news_lbt ul li:hover a h2{ color:#f5a637}



	.f_bj{color:#fff;clear:both;font-family:"Microsoft Yahei";height:333px;padding:53px 0 0;background:#333;position: relative;}
		    	.f_bj:before{content: "";position: absolute;width:100%;height: 1px; left: 0;bottom: 59px;background: #484848;}
				.f_wz p{color:#fff; font-size:14px;}
				.f_bj a{color:#267ad1; font-size:14px;}
				.f_con{height: 274px;}
				.f_con h3{height:66px;font-size: 18px; color:#fff;line-height: 20px;padding: 0 0 0 32px;font-weight: normal;background:url(../images/f_ico1.gif) no-repeat 0 0;position: relative;text-transform:uppercase;}
				.f_code{width:300px;display: block;line-height: 44px;}
				.f_code h3{background:url(../images/f_ico2.gif) no-repeat 0 0;}
				.f_code p{width:140px;text-align: center;float: left; color:#fff;}
				.f_code dl{ margin-left:10px;}
				.f_code dl span i{font-size:44px;line-height:139px; margin:0 27px; color:#267ad1;}
				.f_code img{width:125px;height:125px;background: #fff;padding:7px;display: block;}
				.f_left,.f_text{height: 232px;border-right: solid 1px #484848;}
				.f_left{width: 288px;padding:0 25px 0 25px;}
				.f_logo{display: block;height:82px;}
				.f_logo img{width:200px;display: block;margin: 0 auto;}

				.f_nav{padding: 0 0 0 50px;}
				.f_nav a{display:inline-block;color: #fff;width: 119px;float: left;white-space: nowrap;line-height:50px;}

				.f_text{padding-right:65px;width:720px;}
				.f_text h3:before{content: "";position: absolute;width:100%;height: 1px; left: 0;top: 46px;background: #484848;}
				.f_text p{display: block; color:#fff;line-height:42px;}
				.f_wz{display: block;opacity: 0.5; text-align:center; line-height:50px;}
				
				
.sub_cats{ width:100%; float:left; text-align:center; padding-top:20px;}
.sub_cats a{ padding:8px 43px; margin:15px; display:inline-block; border:1px solid #f2f2f2;box-shadow: 0px 0px 10px rgba(0,0,0,.2);border-radius: 5%;  font-size:18px;}
.sub_cats a.cut,.sub_cats a:hover{ background:#f16822; color:#fff;border:1px solid #f16822;}

/*新闻*/
.news-title ul,.news-zb ul{ width:95%; margin:15px; display:inline-block}
.news-title ul li,.news-zb ul li{ width:100%; float:left;overflow:hidden;margin-bottom:30px;border:1px solid #f2f2f2;box-shadow: 0px 0px 10px rgba(0,0,0,.2);}
.news-title ul li .news_jl{width: 100%;display: flex;padding: 30px;box-sizing: border-box; overflow:hidden}
.news-title ul li img{ width:375px; height:213px;object-fit:cover; margin-right:40px;}
.news-title ul li .news_nt{ width:80%; overflow:hidden; float:right}

.news-title ul li .news_nt h1{ width:100%; float:left; font-size:18px; padding-bottom:20px;overflow: hidden;/*超出部分隐藏*/ white-space: nowrap;/*不换行*/ text-overflow:ellipsis;/*超出部分省略号显示*/text-transform:capitalize;}
.news-title ul li .news_nt p{ line-height:24px;height:48px;width:100%; float:left; overflow:hidden; margin-bottom:80px; text-transform:capitalize;}
.news-title ul li .news_nt span{ display:block; margin-top:78px;}
.news-title ul li i{font-size:13px; line-height:140%; color:#999; border-right:1px solid #999; float:left; padding-right:8px; margin-right:8px;}
.news-title ul li dl{font-size:13px; line-height:140%; float:left;text-transform:capitalize;}
.news-title ul li:hover{border:1px solid #f16822;box-shadow: 0px 0px 10px rgba(241,104,34,.2);}
.news-title ul li:hover h1,.news-title ul li:hover dl{ color:#f16822}
.news-title ul li:hover span{ padding-left:20px; }


/*新闻内容*/
.pag_nr,.hr_nr{ width:94%;  padding:30px; height: auto; margin:0 auto;border:1px solid #f2f2f2;box-shadow: 0px 0px 10px rgba(0,0,0,.2); }
.pag_nr h1{width:100%; text-align:center; font-size:28px; line-height:48px; font-weight:bold; padding-bottom:30px;text-transform:capitalize;}
.pag_nr dl{width:100%; text-align:center; float:left;  font-size:16px; }
.pag_nr dl b{ display:inline-block; padding:10px 28px; background:#5c5c5c;color:#fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius: 3px;-o-border-radius: 3px; }
.pag_nr dl a b{background:#f16822}
.pag_nr dl a{ display:inline-block; margin:0 10px}
.pag_nr dl i{font-size: 18px; margin-top: -2px;display: inline-block;margin-right: 5px;color: #ee7d2f;  line-height: 40px; }


.pag_nr img{ max-width:800px; margin-bottom:5px;}
.pag_nr p,.hr_nr p{ line-height:33px;font-size:16px;}
.cp_dy{ width:98.5%;padding:8px; border:1px solid #e5e5e5; background:#f5f5f5; float:left; margin-top:20px}
.cp_dy dd{ width:100%; display:block; float:left; line-height:20px; overflow:hidden; color:#868686; font-size:13px; text-align:left}

.pag_nt a{color:#267ad1;text-decoration: underline;}


/*----------------关于我们-------------------*/

.pag_nrt{width:100%; float:left}
.pag_nrt p{ line-height:43px; font-size:16px;text-transform:capitalize;}
.pag_nrt img{ max-width:1000px; margin-top:10px;}
.bt_list{ width:100%; float:left; text-align:center;}
.bt_list h1{ font-size:30px; font-weight:bold; line-height:260%;text-transform:capitalize;}
.bt_list span{ width:56px; height:1px; background:#ccc; display:inline-block}
.bt1{ width:100%; text-align:center; float:left; height:120px;position:relative}
.bt1 b{ color:#f8f8f8;font-size: 100px; position:relative; line-height:112px;  display:inline-block;text-transform:capitalize;}
.bt1 h1{color:#555555; font-size:36px; position:absolute; z-index:222; left:25.5%; top:30px; font-weight:bold;text-transform:capitalize;}


.page_lsit{ width:100%; float:left; text-align:center}
.page_lsit a{ text-align:center; display:inline-block; padding:0 40px;}
.page_lsit a b{ width:100%; float:left; font-size:38px; color:#f16822; padding-bottom:15px;text-transform:capitalize;}
.page_lsit a p{ font-size:16px;text-transform:capitalize;}

.page_lsit a:hover b{ transition: all .7s;;-webkit-transform:scale(1.2);transform:scale(1.2);}


.cviod{ width:100%; float:left; text-align:center; background:url(../images/gsjjt.jpg) center no-repeat; padding-bottom:80px;}
.cviod video{ width:100% }

.wh_bt{ width:100%; float:left; text-align:center}
.wh_bt b{ width:100%; float:left; color:#fff; font-size:26px; padding-bottom:10px;}
.wh_bt  p{ color:#fff;text-transform: uppercase;}

.qywh ul{ width:105%; float:left; padding-top:60px;}
.qywh ul li{ width:17.2%; padding:30px; text-align:center; background:#0d4ea2; float:left; margin-right:3%;display:inline-block}
.qywh ul li span{ width:100%; height:120px;display: flex;justify-content: center;align-items: center;}
.qywh ul li span img{max-width:85px;max-height:94px;}
.qywh ul li h1{ font-size:22px; color:#fff; padding-bottom:31px;text-transform:capitalize;}
.qywh ul li dl{ color:#fff; line-height:30px; height:120px;text-transform:capitalize;}





/*----图片------*/
.img_list ul{ width:103%; float:left}
.img_list ul li{float: left;width:22.6%;cursor: pointer;border:1px solid #f2f2f2;box-shadow: 0px 0px 10px rgba(0,0,0,.2);   margin-right:2%; margin-bottom:2%; text-align:center; overflow:hidden;}
.img_list ul li a{width:100%;float:left; display:block}
.img_list ul li .img{ min-height:190px;  overflow: hidden; padding:15px;display:table-cell; text-align: center; vertical-align: middle; }
.img_list ul li img {width:100%;height:190px;object-fit:cover;}
.img_list ul li a h1 {width:90%;height:30px;text-align:center; margin-left:5%;float:left;font-size: 16px;line-height:30px;overflow:hidden; margin-bottom:10px;text-transform:capitalize;}
.img_list ul li a p{ color:#ff6637; padding-bottom:15px; font-size:13px; width:100%; float:left;text-transform:capitalize;}

.img_list ul li a:hover .img img{-webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.2);transform:scale(1.2);}
.img_list ul li:hover{box-shadow: 0px 0px 10px rgba(226,135,10,.4); }
.img_list ul li a:hover h1{ color:#e2870a}




/*在线留言表单*/
.yudt{ width:84.5%; float:left; background:url(../images/2_xlrf.jpg) repeat; padding:50px 100px;}
.yudt_bj{ width:82%; float:left; padding:50px 100px; background:#fff;opacity:1;}
.table_form tr{ width:50%; float:left; overflow:hidden}
.table_form th,.table_form td{ width:100% !important; float:left; text-align:center}
.table_form th{ margin-left:27px;}
.table_form .input-text{height: 38px;line-height: 38px !important;width:87% !important; }
.table_form textarea{width: 85% !important; height:120px !important; }
.button{width:60% !important; line-height:44px !important; background:#e96138 !important; border:none; float:left; margin-left:27px; }


/*联系我们*/

.lx_nr ul{ width:102%; float:left;}
.lx_nr ul li{ width:48%; text-align:center; float:left; padding-right:2%;}
.lx_nr ul li span{ width:80px; height:80px; background:#ee7d2f; text-align:center;display:inline-block; border-radius:50%}
.lx_nr ul li span i{ color:#fff; font-size:50px; line-height:80px;}
.lx_nr ul li b{ width:100%; float:left; padding-top:20px; font-size:16px; padding-bottom:12px;text-transform:capitalize;}
.lx_nr ul li p{ font-size:16px; line-height:28px; }

.lx_nr ul li:hover span{ background:#121212;-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}
.lx_nr ul li:hover i{ color:#FFF}
.wz{ width:100%; float:left; height:36px; line-height:36px; border-bottom:1px solid #f3f3f3}
.wz b{ float:left;font-size:16px;height:36px;border-bottom:1px solid #f2d0a3;text-transform:capitalize;}

/*----------------首页结束-------------------*/
.w220{width:220px; float:left; overflow:hidden}
/*栏目页*/
.lanmu{ width:90%; padding-bottom:30px;text-transform:uppercase; background: url(../images/gsjjt.jpg) center no-repeat; float:left; padding-left:10%}
.lanmu b{ width:100%; float:left; color:#fff; font-size:20px; padding-top:33px; padding-bottom:12px; font-weight:normal;text-transform:uppercase;}
.lanmu dl{ width:40px; height:1px; border-bottom:1px solid #fff; float:left;}
.lanmu h1{width:100%; float:left; color:#fff; font-size:24px; padding-top:12px; text-transform:capitalize;}
.about_l{ width:100%;  border-top:none; background:#f9f9f9; float:left}
.about_l ul,.xinwen ul{ width:80%; padding:10%; padding-bottom:10px; float:left; }
.about_l ul li{ width:99.8%; padding:8px 0; border:1px solid #dddddd; line-height:30px; text-align:center; float:left; margin-bottom:20px; overflow:hidden}
.about_l ul li:hover,.cugt{ background:#ee7d2f !important; }
.about_l ul li:hover a,.cugt a{ color:#fff}
.w950{width:950px; float:right; }
/*产品中心*/
.protl ul{ width:103%; float:left; overflow:hidden;}
.protl ul li{ width:42.7%;  text-align: center; border:1px solid #eeeeee; padding:2%; float:left; margin-right:3%; margin-bottom:20px;}
.protl ul li span{ width:100%;  height:317px; float:left;}
.protl ul li .wot{ width:100%;object-fit:cover;}

.imghvr-slide-down {position: relative;
	display: inline-block;
	margin: 0;
	max-width: 100%;	
background:rgba(238, 125, 47, 0.8) none repeat scroll !important; /*实现FF背景透明，文字不透明*/
background:#ee7d2f; filter:Alpha(opacity=80);/*实现IE背景透明*/
	color: #fff;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
.imghvr-slide-down>img {
	vertical-align: top;
	max-width: 100%; height:317px;object-fit:cover;
}
.imghvr-slide-down .figcaption{
	background-color: inherit;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;-webkit-transform: translateY(-100%);transform: translateY(-100%);background-color: inherit
}
.imghvr-slide-down:before,.imghvr-slide-down:after,.imghvr-slide-down *,.imghvr-slide-down *,.imghvr-slide-down *:before,.imghvr-slide-down *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .35s ease;
	transition: all .35s ease; 

}

.imghvr-slide-down:hover .figcaption {
	-webkit-transform: translate(0,0);
	transform: translate(0,0)
}


.figcaption {opacity:0.95; width:100%; height:100%; text-align: center;}
.figcaption img{ max-height:48px; margin-top:134px}

.protl ul li p{ display:block; padding-top:15px; border-top:1px solid #dedede; font-size:18px; float:left; width:100%;text-transform:capitalize;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}






/*产品内页*/
.bkt{ border:1px solid #eeeeee; width:99.5%;float:left}
.wznr{ width:94%; padding:3%; float:left}
.wznr .imgt{ width:100%; float:left; margin-bottom:20px;}

.wznr h1{width:100%; float:left;  font-size:24px; line-height:36px; padding-bottom:10px; border-bottom:1px dashed #dedede; margin-bottom:20px;text-transform:capitalize;}
.wznr dl{width:100%; float:left;}
.wznr dl p{ line-height:33px; font-size:16px;text-transform:capitalize;}

.xq{ width:97%; float:left; font-size:18px; line-height:50px; background:#ee7d2f; color:#fff; margin:10px 0 20px; padding-left:3%; font-weight:600;text-transform:uppercase;}
.wznr dd{ width:100%; float:left;}
.wznr dd img{ max-width:888px;}
.wznr dd p{ line-height:32px; font-size:16px;text-transform:capitalize }
.wznr dd table{ width:100%}
.wznr dd table td{ border:1px solid #333; text-align:center}
.nrte{width:100%; float:left; border-top:2px solid #121212; margin-top:20px;}
.nrte span{ width:100%; float:left; height:56px;  background:url(../images/pc-xc-icon2.png) left no-repeat; margin:20px 0 }
.nrte strong{ padding-left:50px; float:left; font-size:24px;line-height:56px; width:50%;}
.nrte a{ display:inline-block; float:right; width:100px; height:40px; line-height:40px; text-align:center; color:#fff; background:#121212; margin-top:8px; }

/*主图*/
.cen{ width:1200px;}
#showbox { background:#fff; box-sizing: border-box; width:100%; float:left; text-align:center;overflow:hidden}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showsum { left:32px; margin-top:10px;}
#showsum span { border:1px solid #9f9f9f; cursor: pointer;object-fit:cover;}
#showsum span.sel { border:1px solid #ee7d2f;}
.showpage { width:888px; position:relative;}
.showpage a { display:block; width:30px; border:1px solid #ddd; height:158px; line-height:158px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-160px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ee7d2f; color:#fff;}
#showbox div{ width: 100%!important;  position: static!important;}
#showbox div b{ display: table-cell!important; vertical-align: middle; text-align: center; width:100%;overflow: hidden; float:left;}
#showbox div b img{ display: inline!important; vertical-align: middle; max-width: 100%;height:560px !important;object-fit:cover;overflow: hidden; }
#showsum{ height: 160px!important;}
#showsum p{ height: 160px!important;}
#showsum span{ height: 158px!important;}
#showsum span img{ top: 0!important;object-fit:cover;}
























.cp_nr dl{ width:300px; float: left}
.cp_nr span{display:table-cell; text-align: center; vertical-align: middle; width:300px; height:300px; overflow: hidden; *display: block; *font-size:316px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;}
.cp_nr span img{max-width:300px;max-height:300px;display: inline-block;vertical-align: middle; width:auto; height:auto}
.cp_nr dd{ width:860px; float: right}
.cp_nr h1{ width:100%; height:34px; border-bottom:1px dashed #ccc; margin-bottom:15px; float:left}
.cp_nr del,.cp_nr  p{ line-height:36px;}
.cp_nr  p i{ font-size:20px; color:#ff5022; font-weight:bold}
.cp_nr del{ color:#999}
/*翻页样式*/
#pages,.cpage{ width: 100%; height: 50px; text-align: center; line-height: 22px; padding-top: 1px; clear:both;}
#pages a,.cpage a{ background: #f5f5f5; border: #ddd solid 1px; padding: 3px 8px; margin: 0 2px; float: none; color: #333; font-size: 14px;}
#pages span{ background: #c7b17f; color: #fff; border: #DDD solid 1px; padding: 3px 8px; margin: 0 2px; float: none;}
#pages a:hover{border: #c7b17f solid 1px;}

.articlebook{ width:100%; float:left; overflow:hidden; padding-top:10px; }
.articlebook a.zuo{ float:left}
.articlebook a.you{ float:right}
.articlebook a:hover{ color:#F00}