html,body{overflow-x: hidden;font-family: "Microsoft Yahei"!important;}
body, h1, h2, h3, h4, h5, h6, hr, p,
blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button,  /* form elements 表单元素
th, td, /* table elements 表格元素 */
img/* img elements 图片元素 */{
    border:medium none;
    margin: 0;
    padding: 0;
}
li{list-style: none!important;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
/** 重置列表元素 **/
ul, ol { list-style: none; }
/** 重置超链接元素 **/
a { text-decoration: none;}
a{color: #333}
a:hover{text-decoration: none}
/*a:hover {color:#F40; }*/
/** 重置图片元素 **/
img{ border:0;}
/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }
/** 清除内外边距 **/

.red{color: red}
input,button,select,textarea{outline:none} textarea{resize:none}

/*主要页面*/

.mianbox{width: 100%;min-width: 1200px;}
.container{width: 1200px;margin: 0 auto;}

.m-c{color: #c30008}


/**/
.font{font-family: "Microsoft Yahei"!important;color: #727272!important;}
.limitimg img{max-width:100%;}
.mianright{width: 900px;float: right}


/*sja新加*/
.clear{clear: both;}
.imgfit{display: flex;justify-content: center;align-items: center;}
.imgfitl{display: flex;justify-content: left;align-items: center;}
.imgfitr{display: flex;justify-content: right;align-items: center;}
.fitobj{object-fit: contain;height: 100%!important;width: 100%!important}
.fitobj2{object-fit: contain;height: 100%!important;width: 100%!important}
.bhh{white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.none{display: none}
.imglimit img{max-width: 100%;}

/*font-size*/
.f10{font-size: 10px;}
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f26{font-size: 24px;}
.f28{font-size: 28px;}
.f30{font-size: 30px;}
.f32{font-size: 32px;}
.f34{font-size: 34px;}
.f36{font-size: 36px;}
.f40{font-size: 40px;}
.fw{font-weight: bold;}
.fwl{font-weight: lighter}

/*color*/
.cb{color: #bbb}
.cd{color: #ddd}
.cf{color: #fff}
.c3{color: #333}
.c6{color: #666}
.c8{color: #888}
.c9{color: #999}

/********margin*********/
.m5{margin: 5px 0}
.m10{margin: 10px 0}
.m20{margin: 20px 0}
.m30{margin: 30px 0}
.m40{margin: 40px 0}
.m50{margin: 50px 0}
.m60{margin: 60px 0}
.m70{margin: 60px 0}
.m80{margin: 80px 0}

/*margin-top*/
.mt2{margin-top: 2px!important;}
.mt3{margin-top: 3px!important;}
.mt5{margin-top: 5px!important;}
.mt8{margin-top: 8px!important;}
.mt10{margin-top: 10px!important;}
.mt15{margin-top: 15px!important;}
.mt20{margin-top: 20px!important;}
.mt25{margin-top: 25px!important;}
.mt30{margin-top: 30px!important;}
.mt35{margin-top: 35px!important;}
.mt40{margin-top: 40px!important;}
.mt50{margin-top: 50px!important;}
.mt60{margin-top: 60px!important;}
.mt70{margin-top: 70px!important;}
.mt75{margin-top: 75px!important;}
.mt80{margin-top: 80px!important;}
.mt100{margin-top: 100px!important;}
.mt150{margin-top: 150px!important;}
/*margin-bottom*/
.mb5{margin-bottom: 5px!important;}
.mb10{margin-bottom: 10px!important;}
.mb20{margin-bottom: 20px!important;}
.mb30{margin-bottom: 30px!important;}
.mb40{margin-bottom: 40px!important;}
.mb50{margin-bottom: 50px!important;}
.mb60{margin-bottom: 60px!important;}
.mb70{margin-bottom: 70px!important;}

/********padding*********/
.p5{padding: 5px 0}
.p10{padding: 10px 0}
.p20{padding: 20px 0}
.p30{padding: 30px 0}
.p40{padding: 40px 0}
.p50{padding: 50px 0}
.p60{padding: 60px 0}
/*padding-top*/
.pt5{padding-top: 5px!important;}
.pt10{padding-top: 10px!important;}
.pt20{padding-top: 20px!important;}
.pt30{padding-top: 30px!important;}
.pt40{padding-top: 40px!important;}
.pt50{padding-top: 50px!important;}
.pt60{padding-top: 60px!important;}
.pt70{padding-top: 70px!important;}
/*padding-bottom*/
.pb5{padding-bottom: 5px!important;}
.pb10{padding-bottom: 10px!important;}
.pb20{padding-bottom: 20px!important;}
.pb30{padding-bottom: 30px!important;}
.pb40{padding-bottom: 40px!important;}
.pb50{padding-bottom: 50px!important;}
.pb60{padding-bottom: 60px!important;}
.pb70{padding-bottom: 70px!important;}


/*text-align*/
.tc{text-align: center;}
.tl{text-align: left;}
.tr{text-align: right;}

/*.layui-layer-molv .layui-layer-btn a*/
.margin{margin: 0 auto}
.h100{height: 100%}

/*overflow*/
.of{overflow: hidden;}

/*width*/
.w80{width: 80%;margin-left: 10%}
.w60{width: 60%;margin-left: 20%;}
.w95{width: 95%;margin: 0 auto}
.w90{width: 90%;margin: 0 auto}
.w98{width: 98%;margin: 0 auto}
.w100{width: 100%;}
.hauto{height: auto;}

/*line-height*/
.l16{line-height: 1.6}
.l18{line-height: 1.8}
.l20{line-height: 2.0}
.l23{line-height: 2.3}
.l25{line-height: 2.5}

.line2{overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}

.line3{overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}


/*text-indent*/
.ti2{text-indent: 2em}
.ti1{text-indent: 1em}
.ti05{text-indent: 0.5em}

/*background*/
.bd{background: #ddd}
.bf5{background: #f5f5f5}



body::-webkit-scrollbar {/*滚动条整体样式*/
    width:5px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 3px;
    background-color: #bbb;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
body::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    /*border-radius: 10px;*/
    background: #fff;
}

.tr03{transition: 0.3s;-webkit-transition: 0.3s;}
.tr04{transition: 0.4s;-webkit-transition: 0.4s;}
.tr05{transition: 0.5s;-webkit-transition: 0.5s;}
.tr06{transition: 0.6s;-webkit-transition: 0.6s;}
.tr07{transition: 0.7s;-webkit-transition: 0.7s;}



/*返回顶部u*/
#fu{transition: 0.5s;width:150px;position: fixed;top:230px;right: 5px;z-index: 100;background:#c30008;padding: 20px 0;border-radius: 0px;padding-bottom: 10px;}
.fudong{transform: translateX(150px);}
#fu .ewm{width: 119px;height: 149px;margin: 0 auto;background: #fff}
#fu .zi{width: 116px;margin: 0 auto;text-align: center;}
#fu .zx{width: 120px;height: 40px;margin: 0 auto}
#fu .zx a{display: block;width: 120px;height: 38px;background: #fff url("zx-1.jpg") left 13px center no-repeat;border-radius: 3px;
    background-size: 23px;color: #3f3f3f;line-height: 37px;text-indent: 45px;font-size: 15px;}
#fu .zx1 a{display: block;width: 120px;height: 35px;background: #fff url("qq-1.png") left 15px center no-repeat;border-radius: 3px;
    color: #3f3f3f;line-height: 34px;text-indent: 47px;background-size: 24px;font-size: 15px;}
#fu .side{position: absolute;left: -29px;height: 58px;width: 29px;top: 0px;
    background: url("ful1-1.png") center no-repeat;cursor: pointer}
#fu .side2{position: absolute;left: -29px;height: 58px;width: 29px;top: 0px;
    background: url("ful2-1.png") center no-repeat;cursor: pointer;display: none}

#gotop{position: fixed;z-index: 15;width: 50px;height: 50px;transition: 0.5s;background: #ccc url("top-1.png") center no-repeat;
    right: 50px;bottom: 100px;cursor: pointer;display: none;background-size: 27px;
}
#gotop:hover{background: #9aa1a8 url("top-1.png") center no-repeat;background-size: 27px;}


#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #c30008;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
}

#myBtn:hover {
  background-color: #555;
}



/*欢迎栏*/
.header-top{height: 36px;background: #efefef;}
.header-top-l{float: left;color: #838383;line-height: 36px;}
.header-top-r{float: right;text-align: right}
.header-top-r a{display: inline-block;width: 85px;line-height: 36px;font-size: 14px;color: #838383;font-weight: lighter;text-indent: 20px;
text-align: left;white-space: nowrap}
.header-top-r a:nth-child(1){background: url("h-t1.png") left center no-repeat;}
.header-top-r a:nth-child(2){background: url("h-t2.png") left center no-repeat;}

/*header*/
.header{height: 180px;}
.header-l{float: left;padding:10px 0 10px 0px;margin-top: 4px }
.header-l a{display: block;}
.header-l-l{float: left;padding-right: 15px;
position: relative;padding-left: 180px;}
.header-l-l img{position: absolute;display: block;width: 150px;
left: 0;top: 5px;}
.header-l-l .p1{font-family: "Microsoft Yahei"!important;font-size: 31px;color: #282828;padding-top: 12px}
.header-l-l .p2{font-family: "Microsoft Yahei"!important;font-size: 12px;font-weight: lighter;color: #b8b8b8;margin-top: 7px;letter-spacing: 0.8px}
.header-l-r{float: left;padding-right: 15px;}
.header-l-r .p1{font-family: "Microsoft Yahei"!important;font-size: 18px;color: #353535;padding-top: 23px}
.header-l-r .p1 span{background: #C30008;color: #fff;font-size: 14px;padding: 2px 4px;position: relative;top: -2px;}
.header-l-r .p2{color: #6f6f6f;margin-top: 5px;text-indent: 2px}
.header-r{float: right;padding-left:50px;background: url("top_tel.jpg") left center no-repeat;margin-top: 50px;}
.header-r .p1{font-family: "Microsoft Yahei"!important;font-family: font;font-size: 32px;color: C30008;}
.header-r .p2{font-family: "Microsoft Yahei"!important;font-size: 14px;font-weight: lighter;color: #747679;letter-spacing: 1.3px;text-indent: 2px;}

/*menu导航栏*/
.menu{background: #313131;height: 62px;}
.menu li{width: 11.1%;float: left;background: url("menu-l.png") right center no-repeat}
.menu .container{background: url("menu-l.png") left center no-repeat;}
.menu li a{display: block;width: 100%;height: 62px;text-align: center;line-height: 62px;font-size: 16px;color: #fff;}
.menu li a:hover{background: #c30008;}
.menu li a.xz{background: #c30008;}


/* banner图 */
.banner-main{
	width: 100%;
        height:550px;
        position: relative;
	z-index: 30;
	margin-top: 0px;
}
.banner{width:100%; height:550px;position: absolute;left: 0;top: 0;}

/* 快速链接 */
.mainall{width:1200px; margin:0 auto; overflow:hidden;}
.links{ height: 90px; border:3px solid #e3e3e3;}
.links h3{font-size: 18px;font-weight: bold;float: left;margin:30px 0 0 30px; height:50px; }
.links h3 span{font-size: 14px; color: #8e8e8e;}
.links_n a{padding:0px 10px;}
.links_n {margin: 20px 0 0 10px;line-height: 50px;border-left: 1px solid #cccccc;height: 50px;float: left; padding-left: 30px;}


/*底部*/
.footer{padding: 20px 0 20px 0;background: #2a2b30}
.fmenu{ display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;}
.fmenu a{line-height: 40px;font-size: 16px;color: #fff;}
.fmenu a:hover{text-decoration: underline;}
.foot-c{margin-top: 20px;}
.foot-l{width: 270px;float: left;}
.foot-l li{width:200px;}
.foot-l li p{color: #747679;margin-top: 5px}

.foot-r{width: 930px;float: right;border-top: 1px solid #484c52}
.foot-r-l{float: left;max-width: 660px;max-height: 100%}
.foot-r-l li:nth-child(1){margin-top: 10px}
.foot-r-l li{font-family: "Microsoft Yahei"!important;font-size:14px;color: #747679;font-weight: lighter;padding: 5px 0;}
.foot-r-l li a{font-size: 14px;color: #747679;font-weight: lighter}
.foot-r-l p{font-family: "Microsoft Yahei"!important;font-size: 28px;color: #fff;padding: 5px 0;}

.foot-r-r{float: right;width: 150px;margin-top: 30px}
.foot-r-r p{color: #747679;margin-top: 15px;}
.foot-r-r li{padding: 5px 0}

/*beian*/
.beian{background: #252525;padding: 20px 0;font-size: 14px;color: #5f5e5e;font-weight: lighter}
.beian a{font-size: 14px;color: #5f5e5e;font-weight: lighter}
.beian a:hover{color: #fff;}
.beian .l{float: left}
.beian .r{float: right;text-align: right}

/*大标题*/
.big-title .bt1{color:#282828}
.big-title .bt3{color:#909090;margin-top: 4px;}
.big-title .bt1 span{color: #939393;font-weight: lighter}


/*********************主页-产品-调用3***************/
.probar li{width: 23.5%;float: left;margin-right: 2%;}
.probar li:nth-child(4n){margin-bottom: 20px;margin-right: 0}
.prolist li:nth-child(n+4){margin-top: 20px;}
.probar a{display: block;width: 100%}
.probar a .i{width: 100%;height: 280px;box-sizing: border-box;border: 1px solid #eeeeee;border-bottom: 0px;}
.probar a .t{height: 62px;background: #f1f1f1}
.probar a .t .tl{width: 77%;height: 100%;float: left}
.probar a .t .tl .son{padding: 0 10px;line-height: 62px;color: #434343;}
.probar a .t .tr{width: 23%;box-sizing: border-box;border-left: 1px solid #fff;height: 100%;float: left}
.probar a .t .tr .jt{width: 30px;height: 30px;border-radius: 30px;background:#414141 url("jt.png") center no-repeat;}
.probar a:hover .t .tr .jt{background:#c30008 url("jt.png") center no-repeat;}
.probar a:hover .t .tl .son{color: #c30008}
.probar a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05)}
.probar a .t1{width: 96%;padding: 0 2%;line-height: 62px;background: #f1f1f1;font-size: 16px;color: #434343}


/*********************左侧产品分类***************/
.sidebar{width: 270px;float: left;}
.sidebar .one{padding: 20px 0;background: #c30008;margin-bottom: 11px}
.sidebar .two{margin-bottom: 0}
.sidebar li{margin-bottom: 11px;width: 100%;}
.sidebar li a{display: block;width:185px;padding:  19px 10px 19px 75px;background: #eeeeee url("side1.png") left 30px center no-repeat;
font-size: 18px;font-weight: bold;color: #353535;}
.sidebar li a:hover{background: #c30008  url("side2.png") left 30px center no-repeat;color: #fff}
.sidebar li.xz a{background: #eeeeee  url("side2.png") left 30px center no-repeat;color: #c30008}

/**分类-联系**/
.lianxi{background: #eee;padding: 15px 0}
.lianxi dt{width: 75%;margin: 0 auto;line-height: 1.6;padding: 3px 0;font-size: 15px;color: #333;}



/****主页-优势*******/
.ipz{background: url("pz.jpg") top center no-repeat;padding-top: 60px}
.bt-b{}
.bt-b-l{float: left;margin-left: 260px}
.bt-b-l .p1{font-size: 38px;}
.bt-b-l .p2{font-size: 12px;letter-spacing: 4.1px;margin-top: 5px}
.bt-b-r{float: left;padding: 10px 22px;border: 1px solid #75767c;margin-left: 20px;}
.bt-b-r .p1{font-size: 26px;letter-spacing: 3px}
.bt-b-r .p2{font-size: 10px;letter-spacing: 0px}
/**/
.i-four{margin-top: 65px}
.i-four li{width: 582px;float: left;box-sizing: border-box;border: 1px solid #eeeeee;cursor: pointer;}
.i-four li:nth-child(2n){margin-left: 36px;}
.i-four li:nth-child(n+3){margin-top: 33px;}

.i-four li .son{padding: 20px ;background: #fff}
.i-four li .son .fl2{margin-top: 34px}
.i-four li .son .i{height:165px;}
.i-four li .son .i img{transition: 0.5s;-webkit-transition: 0.5s}
.if-fl2-l{width: 72px;height: 72px;background: #3b3c40;color: #fff;font-size: 38px;float: left;transition: 0.5s;-webkit-transition: 0.5s}
.if-fl2-r{width: 455px;float: right;}
.if-fl2-r .p1{color: #474747;margin-top: 10px;}
.if-fl2-r .p2{color: #bfbfbf;margin-top: 5px}
.i-four li dt{font-size: 16px;font-weight: lighter;color: #7b7b7b;background: url("dot1.png") left center no-repeat;
padding: 5px 0 5px 18px}

.i-four li:hover .if-fl2-l{background: #c30008;}
.i-four li:hover .son .i img{transform: scale(1.03);-webkit-transform: scale(1.03);}


/*********主页-关于我们************/
.iab{padding-top: 35px;background: url("abbg.jpg") top center no-repeat;}
.ab-con{margin-top: 34px;}
.ab-l{width: 600px;height: 440px;float: left;margin-top: 10px}
.ab-r{width: 600px;float: right;height: 440px;margin-top: 10px;box-sizing: border-box;border: 1px solid #eeeeee;background: #fff;
border-left: 0px;}
.ab-r .son{width: 500px;margin: 0 auto}
.ab-r .son h1{color: #4d4d4d;padding-bottom: 20px;border-bottom:1px solid #e5e5e5; }
.ab-r .son .p1{line-height: 1.8}



/*主页-新闻*/
.inews{padding: 40px 0 20px 0;background: #fff;}
.inews-l{width: 580px;height: 550px;float: left}
.news-img{width: 580px;height: 550px;}

/*主页-行业知识-调用5*/
.ilist{width: 580px;height: 450px;line-height: 50px;float: left}
.ilist ul li {border: 1px solid #e4e4e4;width: 578px;height: 50px;margin-top: 5px;}
.ilist ul li:hover {border: 1px solid #c30008;}
.ilist dl dt {float: left;width: 125px;height: 50px;color: #999;text-align: center;}
.ilist dl dd {float: left;width: 355px;}
.ilist dl dd a {font-size: 16px;}
.ilist dl db {float: left;width: 98px;text-align: center;}

/*主页-公司新闻-调用4*/
.inews-r{width: 580px;float: right;height: 550px;overflow: hidden}
.inews-r li{padding: 10px 20px;box-sizing: border-box;border-bottom: 1px solid #eee}

.inews-r li a{display: block;}
.inews-r li a .p1{color: #454545;}
.inews-r li a .p2{color: #9f9f9f;padding: 5px 0}
.inews-r li a .p3{color: #747474;line-height: 1.5;height: 45px;}
.inews-r li:hover{background: #2a2b30}
.inews-r li:hover .p1{color: #fff;}
.inews-r li:hover .p2{color: #fff;}
.inews-r li:hover .p3{color: #fff;}
.inews-r .title {margin: 20px 0px;}
.inews-r .title dl {float: left;width: 40px;text-align: center;color: #c30008;text-transform: uppercase;}
.inews-r .title dl dt {font-size: 37px;height: 28px;line-height: 28px;}
.inews-r .title dl dd {font-size: 12px;height: 12px;line-height: 12px;}
.inews-r .title .title-h3 {width: 580px;padding-bottom: 5px;border-bottom: 1px solid #ececec;}
.inews-r .title .title-h3 h3 a {font-size: 26px;font-weight: bold;color: #c30008;border-bottom: 1px solid #c30008;padding-bottom: 4px;}
.inews-r .title .more {float: right;width: 53px;height: 14px;background-image: url("more3.png");background-repeat: no-repeat;background-position: center center;margin-top: 10px;}

/*********内页banner及当前位置**/
.s-banner{height: 550px;background: #ddd;background: url("bbanner1.jpg") no-repeat center;}
.sb-pro{background: #ddd;background: url("sb-pro.jpg") center no-repeat;}
.sb-news{background: #ddd;background: url("sb-news.jpg") center no-repeat;}
.crubms{font-size: 14px;color: #9f9f9f;background: url("loc.png") left center no-repeat;padding: 19px 0 18px 25px;border-bottom: 1px solid #ededed}
.crubms a{font-size: 14px;color: #9f9f9f;}

/*内页-正文开头*/
.main-main{padding: 40px 0}
.main-main1{padding: 30px 0 80px 0;}
.main-right{width: 890px;float: right;}
.main-main-bg{background: #f5f5f5}

/*内页-左右栏*/
.main-other{width: 240px;padding: 20px 15px;background: #fff}
.main-right-left{float: left;background: #fff;width: 850px;padding: 20px 20px}
.main-right-right{width: 270px;float: right;}
.clicks{border-bottom: 1px solid #eee;padding-bottom: 15px}


/*-----------关于我们栏目样式-----------*/
.cat-menu {padding: 0 0 40px;text-align: center;}
.com_t h3 {font-size: 30px;}
.com_t {text-align: center;}
.com_t h3{height: 50px;line-height: 45px;display: block;background: url("case_t.jpg") no-repeat top center;padding-top: 14px;}
.com_t h3 a{font-size: 24px;font-weight: bold;color: #c30008;}
.com_t p{font-size: 18px;color: #6b6b6b; margin-top: 5px;}
.cat-menu .title {display: inline;color: #bbb;font-size: 24px;border-bottom: 1px solid #bbb;text-transform: uppercase;}
.cat-menu .menu-list {margin-top: 20px;}
.cat-menu .menu-list span {*display: inline;_display: inline;zoom: 1;display: inline-block;position: relative;}
.cat-menu .menu-list span:before {display: block;content: '';position: absolute;left: 50%;bottom: 10px;margin-left: -10px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #333;z-index: 8;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.cat-menu .menu-list span a {font-size: 16px;display: block;width: 150px;height: 35px;line-height: 35px;color: #fff;background-color: #333;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 10px 20px;position: relative;z-index: 9;}
.cat-menu .menu-list .cur a,
.cat-menu .menu-list span:hover a {background-color: #c30008;}
.cat-menu .menu-list .cur:before,
.cat-menu .menu-list span:hover:before {border-top: 10px solid #c30008;bottom: 0;}

/* 关于我们-标题样式 */

.wjdh-h3 {font-weight: bold;text-align: center;border-bottom:2px solid #e3e3e3;}
.wjdh-h3 h3 a {display: block;color: #333333;font-size: 26px;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.wjdh-h3:hover h3 a {transform: translateY(20px);-webkit-transform: translateY(20px);}
.wjdh-h3 span {*display: inline;_display: inline;display: inline-block;zoom: 1;font-size: 20px;color: #cdcdcd;position: relative;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;text-transform: uppercase;}
.wjdh-h3:hover span {transform: translateY(-35px);-webkit-transform: translateY(-35px);}
.wjdh-h3 span i,
.wjdh-h3 span em {position: absolute;top: 10px;float: left;width: 30px;height: 1px;margin: 0 auto;background-color: #bdbdbd;}
.wjdh-h3 span i {left: -40px;}
.wjdh-h3 span em {right: -40px;}


/**产品中心-列表页**/
.prolist li{width: 32%;float: left;margin-right: 2%;}
.prolist li:nth-child(3n){margin-right: 0}
.prolist li:nth-child(n+4){margin-top: 20px;}
.prolist a{display: block;width: 100%}
.prolist a .i{width: 100%;height: 285px;box-sizing: border-box;border: 1px solid #eeeeee;border-bottom: 0px;}
.prolist a .t{height: 62px;background: #f1f1f1}
.prolist a .t .tl{width: 77%;height: 100%;float: left}
.prolist a .t .tl .son{padding: 0 10px;line-height: 62px;color: #434343;}
.prolist a .t .tr{width: 23%;box-sizing: border-box;border-left: 1px solid #fff;height: 100%;float: left}
.prolist a .t .tr .jt{width: 30px;height: 30px;border-radius: 30px;background:#414141 url("jt.png") center no-repeat;}
.prolist a:hover .t .tr .jt{background:#c30008 url("jt.png") center no-repeat;}
.prolist a:hover .t .tl .son{color: #c30008}
.prolist a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05)}

.prolist a .t1{width: 96%;padding: 0 2%;line-height: 62px;background: #f1f1f1;font-size: 16px;color: #434343}

/*产品中心-详情页*/
.pro-info .z{width: 450px;;position: relative;float: left;}
.pro-info .top{width:450px;height: 450px;overflow: hidden;box-sizing: border-box;border: 1px solid #eeeeee;}

.pro-info-r{width: 410px;float: right}
.pro-info-r h1{font-size: 24px;color: #333}
.pro-info-r .ipro-more{padding-top: 30px;}
.pro-info-r .ipro-more a:nth-child(1) .two{background: url("cj.png") left 21px center no-repeat;
background-size: 20px;}
.pro-info-r .ipro-more a:nth-child(2) .two{background: url("zx.png") left 21px center no-repeat;
    background-size: 25px;}

/*两个a*/
.ipro-more{padding-top: 30px;}
.ipro-more a{display: block;width:140px;height: 40px;position: relative;overflow: hidden;float: left;}
.ipro-more .a1{margin-right: 20px;}
.ipro-more a .one{position: absolute;width: 140px;height: 40px;z-index: 2;}
.ipro-more a .one .son{width: 40px;height: 40px;background: rgba(0,0,0,0.3);border-radius: 50%;opacity: 0}
.ipro-more a .two{position: absolute;width: 160px;height: 40px;z-index: 3;
    color: #fff;line-height: 40px;font-size: 14px;text-align: center;
    background: url("j.png") left 21px center no-repeat}
.ipro-more .a1 .one{background: #313131;color: #fff}
.ipro-more .a2 .one{background: #c30008;color: #fff}
.ipro-more a:hover .one .son{transform: scale(5);-webkit-transform: scale(5);opacity: 1;}


/*产品案例新闻内容详情栏*/
.floors{border-bottom: 1px solid #eee;}
.floors-l{height: 40px;width: 130px;text-align: center;line-height: 40px;background: #c30008;color: #fff;float: left}

.xq{padding: 10px 0;}
.xq img{display: block;max-width: 100%;margin: 8px auto;}
.xq table{width: 100%!important;margin: 12px 0}
.xq table td{border: 1px solid #ddd;padding: 10px 11px}
.xq table th{border: 1px solid #ddd;padding: 15px 0px;background: #eee}
.xq p{margin: 10px 0;line-height: 1.6}

/*******工程案例-列表页***********/
.caseslist li{width: 32%;float: left;margin-right: 2%;}
.caseslist li:nth-child(3n){margin-right: 0}
.caseslist li:nth-child(n+4){margin-top: 40px}
.caseslist a{display: block;width: 100%;}
.caseslist a .i{width: 100%;height: 385px;position: relative;overflow: hidden;}
.caseslist a .t{width: 75%;padding: 0 20% 0 5%;height: 50px;background: rgba(0,0,0,0.4) url("cjt.png") right 5% center no-repeat;
    position: absolute;line-height: 50px;color: #fff;font-size: 16px;
    left: 0;bottom: 0}

.caseslist a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.caseslist a:hover .t{background: rgba(0,0,0,0.7) url("cjt.png") right 5% center no-repeat;}


/*工程案例-详情页*/
.case-info .z{width: 450px;;position: relative;float: left;}
.case-info .top{width:450px;height: 450px;overflow: hidden;box-sizing: border-box;border: 1px solid #eeeeee;}

.case-info-r{width: 700px;float: right}
.case-info-r h1{font-size: 24px;color: #333}
.case-info-r .ipro-more{padding-top: 30px;}
.case-info-r .ipro-more a:nth-child(1) .two{background: url("cj.png") left 21px center no-repeat;
background-size: 20px;}
.case-info-r .ipro-more a:nth-child(2) .two{background: url("zx.png") left 21px center no-repeat;
    background-size: 25px;}


/********新闻中心-列表页*/
.newslist li{width: 100%;padding: 25px 0;border-bottom: 1px solid #eee}
.newslist li a{display: block;width: 100%;}
.newslist li a .i{width: 240px;height: 150px;background: #ddd;float: left}
.newslist li a .t{width: 620px;float: right}
.newslist li a .t .p1{color: #333;margin-top: 15px;}
.newslist li a .t .p2{line-height: 1.6;color: #888;margin-top: 10px;}
.newslist li a .t .p3{color: #999;margin-top: 25px;font-size: 14px}
.newslist li:nth-child(1){padding-top: 0px}
.newslist li a:hover .t .p1{color:#c30008}

/*新闻详情*/
.news-title{font-size: 24px;color: #333}
.news-xq{padding: 25px 0 25px 0}

/*分页*/
.pagebar {overflow: hidden;text-align: right;padding-top: 50px;}

/*上一篇下一篇*/
/*.newsPage{padding: 30px 0}*/
.newsPage{margin-top: 40px}
.newsPage .page-a{padding: 10px 0 10px 30px;font-size: 14px;border-bottom: 1px dashed #eee;}
.newsPage .page-a:nth-child(1){background: url("page_prev.png") left center no-repeat;background-size: 20px}
.newsPage .page-a:nth-child(2){background: url("page_next.png") left center no-repeat;background-size: 20px}
.newsPage .page-a:hover{text-decoration: underline;color:#c30008}
.newsPage .page-a:hover a{color:#c30008}


/*-----------行业知识-列表页-----------*/
.tech-company {background-color:;padding: 0px 0;}

.tech-company .company-list .list ul li {border: 1px solid #e4e4e4;width: 100%;height: 98px;position: relative;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;background-color: rgba(255, 255, 255, .8);* background-color: #fff;_background-color: #fff;margin-top: 10px;}

.tech-company .company-list .list ul li:hover {border: 1px solid #c30008;transform: translate(-10px, -10px);-webkit-transform: translate(-10px, -10px);box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2)}
.tech-company .company-list .list ul li .more {display: block;width: 15px;height: 15px;position: absolute;right: 0;top: 0;background-image: url("more2.png");background-repeat: no-repeat;background-position: center center;background-color: #999;}
.tech-company .company-list .list ul li:hover .more {background-color: #c30008;}
.tech-company .company-list .list dl dt {float: left;width: 125px;height: 98px;color: #999;position: relative;}
.tech-company .company-list .list dl dt .date {position: absolute;z-index: 99;left: 30px;top: 10px;}
.tech-company .company-list .list dl dt .date span {font-size: 32px;display: block;color: #999;}
.tech-company .company-list .list ul li:hover .date span {color: #c30008;}
.tech-company .company-list .list dl dt .date em {font-size: 16px;color: #b7b7b7;}
.tech-company .company-list .list dl dd {float: left;width: 545px;padding: 15px 0 0 40px;}
.tech-company .company-list .list dl dd a {display: block;font-size: 18px;margin-bottom: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tech-company .company-list .list dl dd:hover span{color: #c30008;}
.tech-company .company-list .list dl dd p {font-size: 14px;color: #999;line-height: 18px;height: 36px;overflow: hidden;}