@charset "utf-8";
/* CSS Document */
html {overflow-y:scroll;}
*{margin:0;padding:0;list-style:none;border:0;}
body{font-size:15px;  margin:0; padding:0;font-family: "Microsoft Yahei"; overflow-x: hidden;overflow:-Scroll;overflow-y:hidden}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,html,body,nav,th,td,tr{padding:0;margin:0; color:#333}
h1,h2,h3,h4,h5,h6 {font-size:15px; font-weight:normal;}
img{border:0; vertical-align:middle}
ol,ul,li,dd,dl{list-style:none;} 
i,em{ font-style:normal}
h1{font-size:18px;}
a{color:#333;text-decoration:none;font-size:14px;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;}


.i{font-style:normal}
   
.clr{
	clear: both;
}
.one-line {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.more-line{
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;  
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}


.w1200{ width:1400px; margin:0 auto;}



/*返回顶部样式*/
.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;}

/* 首页 */

.top{
	position: relative;
	width: 100%;
	min-width: 1200px;
	height: 37px;
	 line-height:37px;
	background-color:#33383c;
    background-position: center center;
}
.top p{color:#f8f8f8; float:left}
.top .cn{ float: right; margin-right:10px; }	
.top .cn img{ height:20px; float:left; margin-top:8px; margin-right:8px;}

.icon{height: 37px;line-height: 37px;}	
.icon p{ margin-left:20px;}
.icon p img{ height:18px; margin-top:9px; float:left; margin-right:6px;}
.icon a{ color:#fff}

/*菜单栏*/
.dht{ width:100%; float: left; padding:20px  0}
.logo{ width:20%; text-align:center; float:left;}
.logo img{max-width:80%;}
.lo{ height:45px;}


.menu{width:70%;  overflow:hidden; float: right; margin-top:15px;}
.menu .menu_item{display:inline-block;float:left;font-size: 18px;width:12.5%; text-align:center;font-family:"微软雅黑";}
.menu .menu_item a{font-size: 16px;display: block;width: auto; font-weight:600; line-height:45px;font-family:"微软雅黑";}
.menu .menu_item:hover{ background: url(../images/bg1.jpg) repeat}
.cur{text-decoration:none;background:url(../images/bg1.jpg) repeat}
.menu .menu_item:hover a,.cur a{ color:#fff}

.menu .menu_item:hover .submenu{ color:#FFF;display:block; z-index:999999; position:absolute;  }
.submenu{background:#1278ca ; overflow: hidden;z-index:999999999; display:none;}
.submenu_item {padding:0 2px; min-width:118px; text-align:center}
.submenu_item a{ color:#fff !important; font-weight:500 !important; line-height:2.6em !important}
.submenu_item:hover{ background:#dedede}
.submenu_item:hover a{ color:#1278ca !important}


.hot{ width:72%; padding:20px;  line-height:38px; float:left}
.hot b{ float:left}
.hot span a,.hot span p{ color:#333; font-size:15px; }
.hot span a{ display:inline-block; }




.search{ width:300px; height:38px; float:right; margin-top:20px;border:1px solid #dbd9d8;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;-o-border-radius:25px;  }
.kuan_sou{ width:250px; height:36px; line-height:36px; float:left; color:#dbd9d8; background:none  }
.kuan_an{ width:50px; height:36px; color:#FFF;cursor:pointer;background: url(../images/ss2.png) center no-repeat ; float:left; border:none;}
.kuan_an:hover{background: url(../images/ss2.png) center no-repeat ;}


/* 轮播图样式 */
/* 分页banner图 */

#banner{
	width: 100%;
	min-width: 1200px;
	height: 600px;position:relative; float:left
}

.banner-subban,.banner-subban img{ width:100%}
/*应用*/
.yin_bj{ width:100%; height:230px;  background:url(../images/yin_bg.jpg) no-repeat; float:left;}
.yin_l{ float:left;width: 280px;color: #fff;text-align: right; padding-top:74px;line-height: 50px;}
.yin_l p{font-size: 30px; line-height:40px;color: #fff;}
.yin_l b{display: block;font-size: 24px;}
.yin_r{ width:860px; float:right;}
.yin_r ul{ width:110%; float:left}
.yin_r ul li{float: left;width: 250px;height: 170px;color: #666;font-size: 14px;border-left: #e1e1e1 1px solid; padding-left:40px; padding-top:60px;}
.yin_r ul li span{font-size: 50px;color: #333;font-family: "Impact";display: block;float: left;line-height: 50px;}
.yin_r ul li i{font-size: 20px;color: #fff;float: left;width: 35px;height: 35px;text-align: center; line-height: 35px; overflow: hidden;background: #ef434b;border-radius: 50%; margin-left:5px;}
.yin_r ul li h1{font-size: 20px;color: #333;height: 30px;line-height: 30px; width:100%; float:left; padding-bottom:10px;}
.yin_r ul li p{height: 50px;line-height: 25px;overflow: hidden; width:95%; float:left}

/*产品中心*/

.bjs{  width:100%; float:left; background:#f6f6f6;}


.bt{ width:100%; float:left; text-align:center}
.bt h1{width:100%; float:left; line-height:160%; font-size: 33px; color: #333333;font-weight: 600; background:url(../images/bt.png) center no-repeat;}
.bt h2{ width:100%; float:left; line-height:160%; font-size: 33px; color: #fff;font-weight: 600; background:url(../images/bt1.png) center no-repeat;}
.bt p{ color:#999; font-size:16px;text-transform:uppercase;width:100%; float:left; line-height:40px;}




.cp_img{ width:100%; float:left; }
.cp_img ul{width:102%; float:left;padding:30px 0; }
.cp_img ul li{ width:14.66%; margin-right:2%; text-align:center;  float:left; overflow:hidden; margin-bottom:2%;position:relative}
.cp_img ul li a{ display: block;}
.cp_img ul li span{ display:block; width:100%; position:relative;}
.cp_img ul li span img{ width:177px; height:177px;object-fit:cover;}
.cp_img ul li h1{ font-size:18px; line-height:200%;}
.cp_img ul li:hover .animation2 {
    -webkit-animation: bounce 1s .2s ease both;
    -moz-animation: bounce 1s .2s ease both;
   }
    
   @-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
     -webkit-transform: translateY(0)
    }
    40% {
     -webkit-transform: translateY(-30px)
    }
    60% {
     -webkit-transform: translateY(-15px)
    }
   }
    
   @-moz-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
     -moz-transform: translateY(0)
    }
    40% {
     -moz-transform: translateY(-30px)
    }
    60% {
     -moz-transform: translateY(-15px)
    }
   }

.bjs1{width:100%; float:left; background: url(../images/bg2.jpg) center no-repeat}
.cp_tt{width:100%; float:left; overflow:hidden}
.cp_tt ul{ width:100.8%; float:left;}
.cp_tt ul li{width: 32.5%;float: left;position: relative; margin-right: 0.8%;margin-bottom: 0.8%;overflow: hidden;line-height: 0;}
.cp_tt ul li a{ display:block}
.cp_tt ul li img{width: 100%; height:400px;object-fit:cover;display: block;-webkit-transition: 1s; -moz-transition: 1s;transition: 1s;}
.cp_tt ul li h1{width: 100%;text-align: center; font-size: 16px; color: #fff; background:rgba(4, 18, 50, 0.55) none repeat scroll !important;background:#041232; filter:Alpha(opacity=55);height: 50px;line-height: 50px; position: absolute; bottom: 0; left: 0;overflow: hidden;}
.cp_tt ul li img:hover,.gywm_r ul li:hover{-webkit-transform:scale(1.1);transform:scale(1.1);}





/*fea*/

.fea h2{height: 50px;line-height: 50px;font-size: 40px;color: #333;font-weight: normal;text-align: center;margin-bottom: 55px;}

.fea h2 img{vertical-align: top;}

.fea li{float: left;width:24.9%;height: 268px;border-right:1px solid #ccc;}

.fea li span{display:block;width: 130px;height: 130px;overflow: hidden;margin:0 auto;position: relative;background: #147dce;transition: all 0.4s linear;border-radius:50%;text-align:center;}

.fea li span em{position:absolute;width:54px;height:54px;top:38px;left:38px;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}

.fea li span i{position:absolute;width:54px;height:54px;top:38px;left:38px;opacity:0;visibility:hidden;-webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg); transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg); -webkit-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-transition:all 0.4s linear;transition:all 0.4s linear;}

.fea li:hover span{background-color: #ededed;}

.fea li:hover span em{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}

.fea li:hover span i{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

.fea li b{display:block;font-size: 30px;color: #111215;line-height: 30px;text-align: center;padding:20px 0 14px;}

.fea li p{font-size: 16px;color: #666;line-height: 24px;text-align: center;}
.fea .tel{font-size: 20px;color: #333;font-family: Arial;text-align: center;line-height: 24px;padding-top:18px;}

.fea .tel em{display:block;font-size: 34px;line-height: 40px;font-weight:bold; margin-top:20px;}
.fea li.nobor{border: 0;}
@media only screen and (max-width:992px){

.fea h2{height: 30px;line-height: 30px;font-size: 20px;color: #333;font-weight: normal;text-align: center;margin-bottom:20px;}
.fea h2 img{ width:40%}
.fea li{float: left;width: 25%;height: auto  ;border-right:1px solid #ccc;box-sizing:border-box; margin-bottom:20px}
.fea li:nth-child(4n){border-right:none; }
.fea li span{display:block;width: 70px;height: 70px;overflow: hidden;margin:0 auto;position: relative;background: #3056cb;transition: all 0.4s linear;border-radius:50%;text-align:center;}
.fea li span em{position:absolute;width:35px;height:35px;top:17px;left:17px;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.fea li span em img{width:100%} 
.fea li span i{position:absolute;width:35px;height:35px;top:17px;left:17px;opacity:0;visibility:hidden; -webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);-webkit-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-transition:all 0.4s linear;transition:all 0.4s linear;}
.fea li span i img{ width:100%}
.fea li b{display:block;font-size: 14px;color: #111215;line-height: 30px;text-align: center;padding:0;}
.fea li p{font-size: 12px;color: #666;line-height: 20px;text-align: center; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.fea .tel em{display:block;font-size: 14px;line-height: 40px;font-weight:bold;}
.fea .tel{font-size: 14px;color: #333;font-family: Arial;text-align: center;line-height: 24px;padding-top:0; font-weight:bold}

}

/*品牌实力*/

.sl{background:#fff url(../images/sl_bg.png) no-repeat center top;height: 340px;position: relative; width:100%; float:left}

.sl b.tb{background: url(../images/sl_tbg.png) no-repeat; width: 57px; height: 48px; display: block; text-align: center; padding-top: 18px; margin: 0 auto; margin-bottom: 10px;position: relative;z-index: 1;top:10px;}

.sl b.tb img{width: auto; height: auto; margin: 0 auto;}

.sl h2 a{font-size: 60px;color: #fff;font-weight: normal; padding-left:30px}


.sl h2 span{color: #e83928;font-weight: bold;}

.sl h2 em{font-size: 30px;display:block;text-align: right;float: right;padding-top: 20px;}

.sl h2 em span{font-weight: normal;}

.sl .con{margin-top: 32px;}

.sl .con ul{width:70%;float: left;}
.sl .con li:first-child{border-left: 1px solid rgba(255,255,255,0.15);}
.sl .con li{float: left;height: 84px;border-right: 1px solid rgba(255,255,255,0.15);width: 140px;text-align: center;}
.sl .con li em{height: 50px;display: block;}
.sl .con li span{display: block;font-size: 24px;color: #fff;margin-top: 4px;}
.sl .con p{float: right;width:25%;margin-top:8px;}
.sl .con p span{display: block;color: #fff;font-size: 24px; margin-bottom:5px}
.sl .con p i{color: #fff;font-size: 36px;font-family: GothamBook;background: url(../images/sl_tel.png) no-repeat left center;padding-left: 38px;}


/*关于我们*/
.gywm{width:100%; float:left; background: url(../images/aboutbj.jpg) no-repeat; padding-top:80px; padding-bottom:40px}
.gywm_l{ width:95%; margin:0 auto; text-align:center}
.gywm_l p{ line-height:32px; color:#fff}
.gywm_l a img{ width:110px; margin-top:30px;}
.gywm_r{width:100%; float:left; padding-top:50px;}
.gywm_r dl{width:100%; float:left; text-align:center; margin-bottom:30px;}
.gywm_r dl a{ display:inline-block; margin:0 20px;}
.gywm_r dl  a span{ width:55px; height:55px; overflow:hidden; display:block}
.gywm_r dl  a span img{ width:100%; display:block;-webkit-transition: 1s; -moz-transition: 1s;transition: 1s;}
.gywm_r dl  a  p{font-size: 14px;color: #fff; line-height:30px;}
.gywm_r dl  a:hover img{ margin-top:-55px;}
.gywm_r ul{ width:110%; float:left;}
.gywm_r ul li{ width:223px;float:left; text-align:center; margin-right:20px; overflow:hidden}
.gywm_r ul li span{display:table-cell; text-align: center; vertical-align: middle; width:221px; height:185px; border:1px solid #fff; overflow: hidden;*display: block; *font-size:174px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;}
.gywm_r ul li img{max-width:100%;max-height:165px;display: inline-block;vertical-align: middle; width:auto; height:auto }
.gywm_r ul li p{ line-height:40px;height:40px; overflow:hidden; width:100%; float:left; color:#fff}




/*产品推荐*/

.cp_gd{ width:100%; height:340px;float:left; overflow:hidden;position: relative; }
.cp_gd ul{position: absolute; height:340px; overflow:hidden}
.cp_gd ul li{float: left;width:300x; border:1px solid #e6e6e6;cursor: pointer; margin-right:25px; text-align:center}
.cp_gd ul li a{ width:300px;float:left; display:block}
.cp_gd ul li img {width:300px;height:300px;object-fit:cover; float:left}
.cp_gd ul li h1{ line-height:38px;}
.cp_gd ul li:hover{ border:1px solid #147dce;}
.cp_gd ul li:hover h1{ background:#147dce; color:#fff;}
.cp_gd ul li:hover img.animation7 {
    -webkit-animation: pulse 1s .2s ease both;
    -moz-animation: pulse 1s .2s ease both;
   }
    
   @-webkit-keyframes pulse {
    0% {
     -webkit-transform: scale(1)
    }
    50% {
     -webkit-transform: scale(1.1)
    }
    100% {
     -webkit-transform: scale(1)
    }
   }
    
   @-moz-keyframes pulse {
    0% {
     -moz-transform: scale(1)
    }
    50% {
     -moz-transform: scale(1.1)
    }
    100% {
     -moz-transform: scale(1)
    }
   }


.prot ul{width:102%; float:left}
.prot ul li{ width:22.8%; background:#fff; text-align:center; float:left; margin-right:2%; margin-bottom:2%;  border:1px solid #dedede; }
.prot ul li h1{ width:90%; margin-left:5%; margin-top:10px; font-weight:600; height:40px; line-height:40px; font-size:18px;overflow: hidden;}
.prot ul li i{ color:#4395ff; margin-right:20px;}
.prot ul li img{ width:90%; height:200px; padding:15px 5% ;object-fit:cover; overflow:hidden}
.prot ul li p{ line-height:36px; padding-bottom:10px; font-weight:500; font-size:14px; letter-spacing:3px}
.prot ul li span{ display: inline-block; padding:10px 30px; background:#222; color:#4395ff; margin-bottom:20px;  }

.prot ul li:hover h1{ color:#4395ff}
.prot ul li:hover{ border:1px solid #4395ff;}



.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) */
}


/*领域*/





.prto ul{ width:110%; float:left}
.prto ul li{ width:142px;height:35px; text-align:center;margin-right:5px; margin-bottom:10px; background: url(../images/bt.png) no-repeat; float:left; line-height:35px}

.prto ul li h1{ font-size:15px; color:#fff;}

.prto ul li:hover{ background: url(../images/bt1.png) no-repeat}

.prto ul li:hover.animation5 {
    -webkit-animation: swing 1s .2s ease both;
    -moz-animation: swing 1s .2s ease both;
   }
    
   @-webkit-keyframes swing {
    20%,
    40%,
    60%,
    80%,
    100% {
     -webkit-transform-origin: top center
    }
    20% {
     -webkit-transform: rotate(15deg)
    }
    40% {
     -webkit-transform: rotate(-10deg)
    }
    60% {
     -webkit-transform: rotate(5deg)
    }
    80% {
     -webkit-transform: rotate(-5deg)
    }
    100% {
     -webkit-transform: rotate(0deg)
    }
   }
    
   @-moz-keyframes swing {
    20%,
    40%,
    60%,
    80%,
    100% {
     -moz-transform-origin: top center
    }
    20% {
     -moz-transform: rotate(15deg)
    }
    40% {
     -moz-transform: rotate(-10deg)
    }
    60% {
     -moz-transform: rotate(5deg)
    }
    80% {
     -moz-transform: rotate(-5deg)
    }
    100% {
     -moz-transform: rotate(0deg)
    }
   }


.dbj{ width:100%; float:left; height:549px; background: url(../images/sl_bg.png) center no-repeat}
/*品牌实力*/

.ys_bj{width:100%; float:left;  }
.yous{height: 853px;position: relative;}
.ys_nr{height:532px;}
.ys_nr li{font-size:0;line-height: 0;position: relative; z-index:88;}
.ys_nr li p{position: absolute;left:209px;bottom:44px;width:795px;height: 98px;background: rgba(0,0,0,0.7);}
.ys_nr li p span{float:left;width:193px;text-align: center;padding-top:17px;background: #43659c;height: 98px;box-sizing: border-box;position: relative;font-size:28px;color: #fff;line-height: 34px;}
.ys_nr li p span:after{width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:10px solid #43659c;content: "";display: block;position: absolute;top:42%;right:-10px;}
.ys_nr li p em{float:left;width:525px;padding:26px 0 0 46px; height:48px; overflow:hidden;font-size:14px;color: #fff;line-height: 24px;}
.ys_qh{background: url(../images/ys_qh.png) no-repeat center 10px;margin-top:32px;height: 92px}
.ys_qh li{float:left;width:25%;padding-top:42px;font-size:20px;color: #303030;background: url(../images/ys_ico1.png) no-repeat center top;text-align: center;}
.ys_qh li.on{color: #43659c;background: url(../images/ys_ico1_hv.png) no-repeat center top;}
.ys_j1,.ys_j2{width:118px;height: 38px;text-align: center;background: #b5b5b5;padding-top:13px;box-sizing: border-box;border:1px solid #eaeaea;cursor: pointer;position: absolute;top:413px;}
.ys_j1:hover,.ys_j2:hover{background: #43659c}
.ys_j1{left:-78px;}
.ys_j2{right:-78px;}



/*栏目页*/
.dh_dy{ width:100%; float:left; height:20px; line-height:20px; padding:15px 0; border-bottom:1px dashed #dcdcdc;}
.dh_dy p{ border-left: 10px solid #147acc;font-weight: normal;padding-left: 8px; float:left}
.dh_dy span,.dh_dy a{ font-size:14px; color:#666}


/*新闻*/

.ns_bj{background: url(../images/ns_bj.jpg) repeat;height: 820px;padding-top:51px;box-sizing: border-box; float:left; width:100%}

.ns_n{ width:96%;height: 556px;background: #f6f6f6;box-shadow: 0 0 10px rgba(0,0,0,0.12);padding:0 27px; float:left}
.dongt{float:left;width:55%;padding-top:26px; overflow:hidden}
.dongt .tit{height:55px;line-height: 65px;}
.dongt .tit h3 a {font-size:24px;color: #333333;font-weight:normal;}
.dongt .tit em a {float:right;font:14px arial;color: #666666;line-height: 65px;text-transform: uppercase;}
.dongt dl{height: 322px;border-bottom:1px solid #e0e0e0;}
.dongt dt{font-size:0;line-height: 0;overflow: hidden;width:100%;}
.dongt dt img {width:100%;height: 182px;object-fit:cover;}
.dongt dd {padding:29px 0 0 18px;}
.dongt dd h4 {height: 30px;line-height: 30px;}
.dongt dd h4 em {width:75px;height: 26px;border:2px solid #147dce;text-align: center;line-height: 26px;font-size:18px;color: #147dce;font-weight: bold;display: inline-block;margin-right:14px;}
.dongt dd h4 a{font-size:20px;color: #333333;line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.dongt dd h4 a:hover{color:#147dce;}
.dongt dd p{padding-top:12px;font-size:14px;color: #8b8b8b;line-height: 24px; height:48px; overflow:hidden}
.dongt ul{padding:12px 0 0 17px;}
.dongt li{height: 36px;line-height: 36px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size:14px;padding-left:16px;background:url(../images/ns_ico01.jpg) no-repeat left center;}
.dongt li a{font-size:14px;color: #333333;}
.dongt li a:hover{color:#147dce;}
.dongt li span{float:right;color: #999999}


.went{float:right;width:40%;padding:26px 0 0 45px;background: url(../images/wt_bj.jpg) repeat-y;height: 556px;box-sizing: border-box;}
.went .tit{height: 65px;line-height: 65px;}
.went .tit h3 a {font-size:24px;color: #333333;font-weight: normal;}
.went .tit em a {float:right;font:14px arial;color: #666666;line-height: 65px;text-transform: uppercase;}
.went p{height: 135px;border-bottom:1px solid #d0d0d0;}
.went p a {display: block;height: 31px;line-height: 31px;font-size:20px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.went p a:hover{color:#147dce;}
.went p em{font-size:14px;color: #8b8b8b;line-height: 24px; height:72px; overflow:hidden;padding-top:7px;display: block;}
.went ul{padding-top:15px;}
.went li{border-bottom:1px dashed #cccccc;padding:12px 0 6px;}
.went li em{display: block;font-size:13px;color: #666666;font-weight: bold;}
.went li a{display: block;font-size:16px;color: #303030;line-height: 36px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.went li a:hover {color:#147dce;}



/*foo*/

.foot{ width:100%;  float:left;background:#333; overflow:hidden; padding-top:50px;}
.yous_l ul{ width:101%; float:left}
.yous_l ul li{ width:16.5%; float:left; border-right:1px solid #dedede; text-align:center}
.yous_l ul li img{ width:56px; margin-bottom:10px; }
.yous_l ul li p{ font-size:18px; font-weight:600; color:#147dce; line-height:36px}
.yous_l ul li:last-child{ border-right:none}

.footer{ width:20%;float:left;}
.foot h2{ color:#fff; font-weight:600; display:inline-block; border-bottom:1px solid #fff; margin-bottom:20px; font-size:20px; line-height:240%}
.footer ul { width:100%; float:left; overflow:hidden; margin-bottom:20px; }
.footer ul li{line-height:30px;float:left; padding-right:30px}
.footer ul li a{ font-size:15px; color:#fff; display:block; }

.footl{ width:60%; float:left; margin-left:6%}
.footl span{ width:100%; float:left; }
.footl p{ color:#FFF; line-height:26px; float:left; width:40%; padding-bottom:7px; margin-right:5%}
.footl p a{ color:#FFF}

.foot_n{ width:10%; float:right;}
.foot_n img{ width:100%;}

.foot_r{ width:100%;line-height:50px; text-align:center; background:#1b1d21; float:left;}
.foot_r p,.foot_r p a{ color:#606165; font-size:14px}




.cp_left{ width:240px; float:left;}
.cp_left span.nr{ width:240px; height:45px; float:left; text-align:center;  background:#181717;  }
.cp_left span.nr a{ font-size:18px; color:#FFF; line-height:45px; font-weight:800; display:inline-block; }

.cp_left span.sy{ width:240px; height:80px; float:left;  background: url(../images/fl.png) no-repeat; text-align:center }
.cp_left span.sy a{ font-size:24px; color:#FFF; line-height:80px; font-weight:800; display:inline-block; }


.cp_ul li{ width:100%; float:left; height:52px; line-height:52px; text-align:center; border-bottom:2px solid #fff; background:#f6f6f6;}
.cp_ul li:last-child,.cp_lx li:last-child,.news-title ul li:last-child{border-bottom:none;}

.cp_ul li a{font-size:15px; color:#444444; display:inline-block}
.cp_ul li:hover{border-bottom:2px solid  #181717}
.cp_ul li:hover a{color:#181717}

.cutn{border-bottom:2px solid #181717 !important; background:#181717 !important}
.cutn a{color:#fff !important}

.cp_lx{ width:208px;float:left; padding:5px 15px 0 15px; border:1px solid #ebebeb; }
.cp_lx li{ width:100%; float:left;border-bottom:1px dashed #e5e5e5; padding-bottom:15px;}
.cp_lx li a{ display:inline-block; float:left; padding-top:10px; line-height:23px; color:#666666}
.cp_lx li a img{ max-width:80px; float:left; padding-right:10px;}
.cp_lx li b{ width:100%; float:left; padding-top:10px; padding-bottom:5px; line-height:27px; font-size:15px; color:#666}
.cp_lx li b img{ max-width:27px; float:left; padding-right:5px;}
.cp_lx li p{ color:#898989; line-height:26px;}


.cp_dt{ width:100%; float:left; height:46px;  border-bottom:1px solid #eaeaea}
.cp_dt a{ color:#181717;font-size:18px; font-weight:bold; float:left; padding:0 15px; line-height:45px;border-bottom: 1px solid #157bcd; display:inline-block}




.equipment-nav-left{
	width: 220px; float:left
}
.equipment-nav-left p{ width:100%;background: #147acc; height:80px; text-align:center; color:#fff; float:left }
.equipment-nav-left p b{ width:100%; float:left;height: 75px;font-size: 24px;font-weight: normal;line-height: 75px; color: #fff;border-bottom: 1px solid #fff;}
.equipment-nav-list li{ width:100%; float:left;height: 50px; line-height: 50px; background: url(../images/p14-icon5.png) no-repeat right center #ececeb; margin-bottom: 2px;overflow: hidden;}
.equipment-nav-list li a{display: block;height: 50px; font-size: 18px;  font-weight: normal; margin-right: 40px;margin-left: 38px; color: #666;}
.equipment-nav-list li:hover,.cug{ background:url(../images/p14-icon2.png) no-repeat right center #147acc !important;}
.equipment-nav-list li:hover a,.cug a{ color:#fff !important}




.about_l{ width:18%;  border-top:none; background:#f9f9f9; float:left}
.about_l span{ width:100%; height:120px; color:#fff; text-align:center;background:#147acc; display:inline-block; font-size:22px; font-weight:600}
.about_l span h1{ font-size:20px;  color:#fff; width:100%; float:left; padding:30px 0 5px 0;text-transform: uppercase;overflow: hidden;/*超出部分隐藏*/ white-space: nowrap;}

.accordion {width:94%; float:left; background:#f9f9f9; padding:3%}

.accordion .link {
    cursor: pointer;
    display: block; margin-bottom:3%; line-height:50px; background:#fff;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.accordion .link a{ font-size: 16px;overflow: hidden}

.accordion li{cursor: pointer;}
.link  i { background:url(../images/tt1.png) center no-repeat; height:50px; width:56px; float:left;
   
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.accordion .link:hover,.cent .link{ background:#0988f3;}
.accordion .link:hover a,.cent .link a{ color:#fff }
.link:hover  i,.cent .link i{ background:url(../images/ttp.png) center no-repeat; }
/**
 * submenute
 -----------------------------*/
.submenute {background: url(../images/lmk2.jpg) repeat;font-size: 14px;}

.submenute li { border-bottom: 1px dotted #fff;}

.submenute a {display: block;
    text-decoration: none;
    color: #0466cb;
    padding: 12px;
    padding-left:20px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.submenute li i{ background: url(../images/xt.png) center no-repeat; width:50px; height:23px; float:left}
.submenute a:hover ,.submenute li.cento a{background: #0988f3; color: #FFF;}
.submenute li:last-child .link {border-bottom: 0;}



.cp_right,.pro_nr{ width:80%; float:right}
.cp_right h1{ width:100%; float:left; border-bottom:1px solid #ebebeb; line-height:45px; margin-bottom:20px;}
.cp_right b{ display:inline-block; font-size:24px; border-bottom:1px solid #147acc;}

.cp_right ul,.ting ul{ width:102%; float: left; overflow:hidden; }
.cp_right ul li { width:31%; float:left;text-align:center; margin-right:2%; overflow:hidden; margin-bottom:20px; display:inline-block }
.cp_right ul li a .img{ width:328px; height:263px; display:table-cell; border:1px solid #dcdcdc;  text-align: center; vertical-align: middle;overflow:hidden; *display: block; *font-size:248px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;}
.cp_right ul li a .img img{ max-width:100%; max-height:260px;object-fit:cover; width:auto; height:auto; overflow: hidden;vertical-align: middle;}


.cp_right ul li a:hover .img img,.tabCon ul li:hover img,.cp_right ul li a:hover .imgt img,.ting ul li:hover span 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);}

.cp_right ul li a p{ width:100%; height:45px; line-height:45px; float:left; font-size:16px;  overflow:hidden}
.cp_right ul li:hover .img{border:1px solid #147acc;}
.cp_right ul li a:hover p{ color:#147acc}

/*产品内容页*/
.pro_nr  h1{height: 48px;font-size: 24px;font-weight: normal;line-height: 48px; color: #4a4a4a; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}

.pro_nr .nrte{ width:100%; float:left; height:56px;  background:url(../images/pc-xc-icon2.png) left no-repeat; padding-top:20px; border-top:2px solid #e6e6e6}
.pro_nr .nrte p{ padding-left:50px; float:left; font-size:24px;line-height:36px;}
.pro_nr .nrte a{ display:inline-block; float:right; width:100px; height:40px; line-height:40px; text-align:center; color:#fff; background:#147acc; }
.pro_nr dd{ width:97%; float:left; font-size:18px; line-height:50px; background:#147acc; color:#fff; margin:20px 0; padding-left:3%; font-weight:600}
.pro_nr strong{ width:98%; float:left; background:#147acc; line-height:40px; margin:10px 0; padding-left:15px; color:#fff}
.pro_nr img{ width:720px;}
.pro_nr p{ font-size:16px; line-height:32px;}


/*图片内容页*/
.cp_nr{ border:4px solid #dedede; padding:2.5%; display:inline-block; width:94.8%;}
.cp_nr h1{ width:100%; line-height:40px; text-align:center;font-size:24px; color:#585858; overflow:hidden;}
.cp_nr p{ font-size:14px; line-height:35px; color:#666; }
.cp_nr p i{ color:#ff3e27; font-size:40px; font-weight:600}
.cp_nr h2{ width:160px; height:40px; line-height:40px; text-align:center; border:1px solid #ff3e27; float:left; margin-top:30px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius: 3px;-o-border-radius: 3px; }
.cp_nr h2 img{ margin-right:5px;}
.cp_nr span{width:100%; float:left; text-align:center; line-height:40px; color:#999; }
.cp_nr img{ max-width:900px;}
.cp_nr strong{ font-size:20px; color:#96c253}
.cp_nr dd{ width:100%; height:15px; background: url(../images/ns_bj.jpg) repeat; float:left; margin:20px 0}





/* 新闻 */
.new-title ul{ width:95%; margin:15px; display:inline-block}
.new-title 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);}
.new-title ul li .news_jl{width: 100%;display: flex;padding: 30px;box-sizing: border-box;}
.new-title ul li .news_nt{margin: 15px 15px 0px 20px; float:right}

.new-title ul li .news_nt h1{ width:100%; float:left; font-size:18px; padding-bottom:20px;overflow: hidden;/*超出部分隐藏*/ white-space: nowrap;/*不换行*/ text-overflow:ellipsis;/*超出部分省略号显示*/}
.new-title ul li .news_nt p{ height:48px; line-height:24px; overflow:hidden; width:100%}
.new-title ul li .news_nt span{ display:block; margin-top:38px;}
.new-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;}
.new-title ul li dl{font-size:13px; line-height:140%; float:left}
.new-title ul li:hover{border:1px solid #147acc;box-shadow: 0px 0px 10px rgba(32,51,156,.2);}
.new-title ul li:hover h1,.img-title ul li:hover dl{ color:#181717}
.new-title ul li:hover span{ padding-left:20px; }





/* 关于我们 */
.cp_fl{ width:100%; float:left; text-align:center; margin-top:30px;}
.cp_fl a{ display:inline-block; width:198px; height:55px; text-align:center; line-height:55px; font-size:18px; background:#f4f4f4; margin-bottom:30px;}
.cp_fl a:hover,.cut{background: url(../images/p16-icon6.png) no-repeat bottom center #147acc !important; color:#fff}



.w930{ width:930px; float:right}
.about{ width:92%; padding:35px; float:left; background:#fff}
.about_nr p{ width:100%; float:left; line-height:30px; font-size:16px;color:#666; padding-bottom:10px;}
.about_nr strong{ font-size:18px;  color:#147acc}
.about_nr img{ max-width:1000px;}

.honor ul{ width:110%; float:left; overflow:hidden}
.honor ul li{ width:256px; float:left; margin-left:22px; margin-bottom:22px;}
.honor ul li img{width:256px;float:left;object-fit:cover;}
.honor p{ font-size:14px; line-height:26px;color:#666;padding-bottom:10px;}

/*图片页*/
.ting ul,.lxwmn ul{ width:102%; float: left; overflow:hidden; }
.ting ul li { width:23%; float:left; margin-right:2%; margin-bottom:2%;  overflow:hidden; display:inline-block}
.ting ul li a .itmg{ width:328px;  height:270px; display:table-cell; text-align: center; border:1px solid #f4f4f4; vertical-align: middle;overflow:hidden; *display: block; *font-size: 192px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial; }
.ting ul li a .itmg img{max-width:97%;max-height:260px;display: inline-block;vertical-align: middle; width:auto; height:auto}
.ting ul li:hover .itmg{ border:1px solid #147acc;}
.ting ul li p{width:100%;  height:38px; line-height:38px; float:left; text-align:center; font-size:16px;  overflow:hidden}




.lxwmn ul li{float: left;border: 1px solid #eee;width: 263px;height: 160px;text-align: center; margin-right: 20px;color: #666;line-height: 160%;padding: 0 10px;font-family: 微软雅黑;
background: rgb(245, 245, 245);}
.lxwmn ul li img{margin: 20px 0 10px;width: 46px;}
.lxwmn ul li p{ font-size:16px;color: #333;}
.lxwmn ul li h1{font-size: 18px; line-height:260%;color: #333;}





/*翻页样式*/
#pages{ width: 100%; height: 50px; text-align: center; line-height: 22px; padding-top: 1px; clear:both;}
#pages a{ background: #f5f5f5; border: #ddd solid 1px; padding: 3px 8px; margin: 0 2px; float: none; color: #333; font-size: 14px;}
#pages span{ background: #147acc; color: #fff; border: #DDD solid 1px; padding: 3px 8px; margin: 0 2px; float: none;}
#pages a:hover{border: #147acc solid 1px;}

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


/*在线留言表单*/
.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:34px !important; background:#147acc !important; border:none; float:left; margin-left:27px; }


/*联系我们*/
.lx_nr span{ width:45%; float:left; }
.lx_nr b{ width:100%; height:50px; line-height:50px; float:left; font-size:28px; color:#157bcd; font-weight:600; padding-bottom:10px; padding-top:30px}
.lx_nr p{width:100%;  float:left; padding-left:15px; font-size:15px; line-height:30px; padding-bottom:15px; color:#444444; font-size:15px; border-bottom:1px dashed #d3d3d3; padding-top:15px}
.lx_nr p em{ float:left; padding-right:10px; color:#444444}
.lx_nr img{ width:40%; float:right; margin-top:60px;}



@media screen and (max-width:1300px){
.w1200{ width:1200px; }
.cp_img ul li span img{ width:150px; height:150px;object-fit:cover;}
.submenu_item {min-width:101px; }
.cp_right ul li a .img{ width:297px; }
.ting ul li a .itmg{ width:274px; 
}