@charset "utf-8";
html, body {
  padding: 0;
  margin: 0;
  background: #fff;
}

* {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, Verdana, 'Microsoft YaHei';
  border: 0;
  outline: medium;
  text-shadow: none;
  text-decoration: none;
}

body {
  color: #333;
  font-size: 14px;
  line-height: 1.5;
  position: relative;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input {
  vertical-align: middle;
}

textarea {
  resize: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 14px;
}

hr {
  border-width: 1px;
  border-style: inset;
}

ul {
  list-style: none;
}

p {
  margin: 0;
}

a, a:link, a:active, a:visited, a:hover {
  text-decoration: none;
}

img, i {
  display: block;
}

i, em {
  font-style: normal;
}
html{
  height: 100%;
}
html, body {
  width: 100%;
  min-height: 100%;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  zoom: 1;
}

.warpper{
  width:1200px;
  margin:0 auto;
}

.dH{
  overflow: hidden;
}
.inp_pla{
  color:#999 !important;
}
.rig-title-over{
  float: left;
  line-height: 60px;
  max-width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*input placeholder 样式 */

::-webkit-input-placeholder {
  color: #999999;
}

:-moz-placeholder {
  color: #999999;
}

::-moz-placeholder {
  color: #999999;
}

:-ms-input-placeholder {
  color: #999999;
}

/*修改滚动条*/

::-webkit-scrollbar{
    width:6px;
    height:6px ;
}
::-webkit-scrollbar-track{
    box-shadow: inset 0 0 6px transparent;
    background: #f8f8f8;
    border-radius: 6px;
}
::-webkit-scrollbar-thumb{
    border-radius: 6px;
    background: #bbb;
}

/* 无内容 */
.no-goods,.no-network{
  padding-top:100px;
  overflow: hidden;
  text-align: center;
}
.no-goods img{
  display: block;
  margin:0 auto 30px;
  width:220px;
  max-height: 105px;
}
.no-network img{
  display: block;
  margin:0 auto 30px;
  width:222px;
  height: 160px;
}
.no-goods p,.no-network p{
  font-size:14px;
  color:#666666;
  line-height: 20px;
}

/* 更改layer样式 */
.layui-layer-btn{
  text-align: center !important;
  padding-bottom:28px !important;
}
.layui-layer-btn .layui-layer-btn0{
  display: block;
  margin:0 auto !important;
  border-radius: 0 !important;
  width:88px !important;
  text-align: center !important;
  height: 34px !important;
  line-height: 34px !important;
  border-color: #237ed2 !important;
  background-color: #237ed2 !important;
}
.layui-layer-btn .layui-layer-btn0:hover{
  background: #348eed !important;
  border-color: #348eed !important;
}

.top{ background: url("../Image/top_bg.png") repeat-x; height: 100px; line-height: 100px;width: 100%; position: fixed;left: 0;top:0;z-index: 10000000;-moz-box-shadow:0 0 20px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 20px rgba(0,0,0,0.3); box-shadow:0 0 20px rgba(0,0,0,0.5); }
.top .top_logo{transition: all .4s;}
.top .top_logo img{display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;transition: all .4s;}


.top_zy{ background: #fff; height: 100px; line-height: 100px;width: 100%; left: 0;top:0;z-index: 10000000;-moz-box-shadow:0 0 20px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 20px rgba(0,0,0,0.3); box-shadow:0 0 20px rgba(0,0,0,0.3); position: fixed }
.top_zy .top_logo{transition: all .4s;}
.top_zy .top_logo img{display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;transition: all .4s;}


.navigation>ul{display: flex;margin-bottom: 0;}
.navigation>ul>li{flex: 1;position: relative;}
.navigation>ul>li>a{display: block;text-align: center;line-height: 100px;transition: all .4s;color: #fff;font-size: 16px;position: relative;}
.top_zy .navigation>ul>li>a{display: block;text-align: center;line-height: 100px;transition: all .4s;color: #666;font-size: 16px;position: relative;}
.navigation>ul>li>a span{padding:0 10px; display: block;overflow: hidden;text-overflow: ellipsis;white-space: pre;}
.navigation>ul>li>a:after{width: 0;height: 3px;content: '';position: absolute;bottom:0;left: 50%;transform: translateX(-50%);background: #ff9000;transition: all .4s;}
.navigation>ul>li>a:before{width: 1px;height: 15px;content: '';position: absolute;top:50%;right: 0;transform: translateY(-50%);background: #dadada;transition: all .4s;}
.navigation>ul>li:last-child>a:before{background: none;}
.navigation>ul>li>a:hover:after{width: 100%;}
.navigation>ul>li>a:hover{color: #ff9000;}
.navigation>ul>li.active>a:after{width: 100%;}
.navigation>ul>li.active>a{color: #ff9000;}
.navigation li .navson{display: none;position: absolute;left: 50%;transform: translateX(-50%); top:100px;z-index: 100000;}
.navigation li .navson a{padding:10px; display: block;color: #fff!important; background: rgba(0,0,0,.5);line-height: 20px;text-align: center;font-size: 14px; position: relative;overflow: hidden;text-overflow: ellipsis;white-space: pre;}
.navigation li .navson a:hover{background: #ff9000;}
.top_fix{width: 100%; position: fixed;left: 0;top:0;z-index: 10000000;-moz-box-shadow:2px 2px 5px #C7C7C7; -webkit-box-shadow:2px 2px 5px #C7C7C7; box-shadow:2px 2px 5px #C7C7C7;}
.top_fix .navigation>ul>li>a{line-height: 100px;}
.top_fix .top_logo{}
.top_fix .navigation li .navson{top:60px;}
.header-tel{color:#fff;font-size:1.25rem}
.top_zy .header-tel{color:#333;font-size:1.25rem}
.header-tel path{fill:#ff9000}
.header-tel i{font-style:normal;margin:0 6px}
.zybanner{ position: relative; margin-top: 100px;}
.zybanner .banner-txt{ position: absolute; left:50%; margin-left: -600px; top:110px; width: 1200px;}
.zybanner .banner-txt strong{ font-size:36px; font-weight: 400;text-align: center; color: #fff; display: block}
.zybanner .banner-txt p{ font-size:24px; text-align: center; color: #fff; }
.zybanner .banner-txt img{  margin: 10px auto; color: #fff; }
/*子页面面包屑*/
.location-box{ position: absolute; left: 0; right: 0; bottom: 0;background: rgba(0,0,0,.3); height:42px; line-height:42px; color: #FFFFFF;}
.page-crumbs{ display: flex}
.page-crumbs a{ color: #FFFFFF;}
.page-crumbs a:hover{color: #cf0000;}

.menu{position: absolute;right: 15px;line-height: 32px; width: 75px;height: 30px;top: 50%;transform: translateY(-50%); z-index: 1000; color: #fff}
.menu .menu_button{width: 35px;float: right;height: pointer;cursor: pointer}
.menu .menu_button>.line{float: right;width: 100%;height: 3px;background: #fff;margin-top:6px;transition:.3s;transition-timing-function:ease;}
.top_zy .menu .menu_button>.line{float: right;width: 100%;height: 3px;background: #333;margin-top:6px;transition:.3s;transition-timing-function:ease;}
.menu .menu_button>.line:nth-child(2){transition-delay:0.05s;}
.menu .menu_button>.line:nth-child(3){transition-delay:0.1s;}
.m-sub-menu.show {right: 0;transition: all 0.44s ease 0s;z-index: 100000000;}
.m-sub-menu {position: fixed;right: -100%;width: 100%;top: 0;z-index: 100;height: 100%;background-color: #fff;transition: all 0.64s ease 0s;}
.m-sub-menu .top-box {line-height: 70px;background-color: #323e4a;font-size: 16px;color: #fff;text-indent: 25px;position: relative;}
.m-sub-menu .top-box .menu_button{width: 40px;height: 40px;cursor: pointer;position:absolute;right: 15px;top:18px; }
.m-sub-menu .top-box .menu_button .line{background: #fff;float: right;width: 40px;height: 3px;margin-top:6px;transition:.3s;transition-timing-function:ease;}
.m-sub-menu .top-box .menu_button .line:nth-child(1){transform:translateY(10px) rotate(45deg);-webkit-transform:translateY(10px) rotate(45deg);}
.m-sub-menu .top-box .menu_button .line:nth-child(2){transform:translateY(0) rotate(0);-webkit-transform:translateY(0) rotate(0);display: none;}
.m-sub-menu .top-box .menu_button .line:nth-child(3){transform:translateY(0px) rotate(-45deg);-webkit-transform:translateY(0px) rotate(-45deg);}
.m-sub-menu .list-wrap{height:calc(100vh - 70px);overflow-y: scroll;}
.m-sub-menu .list-wrap ul{padding-bottom: 80px;}
.m-sub-menu .list-wrap li {line-height: 60px;border-bottom: 1px solid #f2f2f2;}
.m-sub-menu .list-wrap li:last-child{border:none;}
.m-sub-menu .list-wrap li .col-box {display: block;width: 94%;padding: 0 8%;}
.m-sub-menu .list-wrap .tit {font-size: 16px;color: #666;}
.m-sub-menu .list-wrap .point {display: inline-block;width: 8px;height: 12px;background: url(../images/arrow_right.png) no-repeat center;margin-top: 26px;}
.m-sub-menu .sec-sub-list {position: absolute;right: -100%;top: 70px;width: 100%;}
.m-sub-menu .sec-sub-list .return-fir {display: block;/*width: 84%;*/padding: 0 7.8% 0 8.2%;line-height: 60px;background-color: #c7301e;}
.m-sub-menu .sec-sub-list .return-fir p {padding-left: 18px;color: #fff;font-size: 18px;}
.m-sub-menu .sec-sub-list .boxs {width: 100%;height: 100vh; position: absolute;left: 0;top: 0; transition: all 0.4s ease 0s;background-color: #fff;}
.m-sub-menu .sec-sub-list .boxs.show {left: -100%;}
.m-sub-menu .sec-sub-list ul{width: 100%;/*height: 400px;*/overflow-y:auto}
.m-sub-menu .sec-sub-list li {line-height:50px; border-bottom: 1px solid #f2f2f2;}
.m-sub-menu .sec-sub-list li a {display: block;width: 84%;padding: 0 7.8% 0 8.2%;font-size: 16px;color: #666;}


.cat-nav-box{ border-bottom:1px solid #e7e7e7;
  display: flex;
  justify-content: space-between;
  padding:0;
  height:100px; line-height: 100px;
}

.cat-nav-box>a {
  padding: 0 5px;
  color: #999999;
  text-decoration: none;
  font-size: 16px;
  transition: .3s;
  text-align: center;
  width: 10%;
}

.cat-nav-box>a.active,
.cat-nav-box>a:hover {
  border-bottom:2px solid #ff9000;
  color: #ff9000;
}
.zy-head .zy-title{ font-size: 26px; font-weight: bold; border-bottom: 3px #ff9000 solid; width: 150px;
  text-align: center; margin: 30px auto; line-height:60px; height: 60px;}
.about-top-zy{ background: url("../Image/company_bg.jpg") no-repeat center center; padding:20px 0;}
.about-content-zy{ font-size: 16px; line-height: 28px; padding: 0 30px; color: #666;}

.shili {
  background: #fff;
}
.shili li {
  height: 130px;
  line-height: 35px;
  padding: 15px 0;
}
.shili li span {
  text-align: center;
  display: block;
  font-size: 44px;
  font-weight: bold;
  line-height: 60px;
  color: #ff9000;
}
.shili li span.ico {
 width: 60px;
  height: 60px;
  padding:5px;
   background: #ff9000;
  margin: 0 auto;
  border-radius: 50%;
  text-align: center;
}
.shili li span.ico:hover {

  background: rgba(243, 153, 0, 0.61);
}
 .shili li span sub {
  color: #b5b5b5;
  font-size: 12px;
}
.shili li p {
  text-align: center;
  color: #b5b5b5;
  font-size: 16px;
}

.hui_bg{ background: #f4f4f4; padding: 50px 0;}
.bai_bg{ background: #ffffff; padding: 50px 0;}

.section.sec-project .project-box .project-item:hover .item-wrap .item-name a{ color: #fff;}
.project-list{ padding-top:.625rem; width:100%; max-width:100% !important; overflow: hidden;}
.project-list .project-item{-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;  }
.project-list .project-item .item-wrap{-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; padding:20px;background-color: #f8f9fc;  margin: 0 20px .625rem; }
.project-list .project-item .item-wrap .row{ padding:0; margin: 0}
.project-list .project-item .item-caption{ text-align: center; }
.project-list .project-item .item-name{font-size: 1.25rem; line-height: 2; text-align: left; border-bottom:2px #ff9000 solid;  display: table; padding: 0 10px;-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.project-list .project-item:hover .item-name{  width: 100% }
.project-list .project-item .item-project-name{ color: #999999;}
.project-list .project-item:hover .item-wrap{ -webkit-box-shadow: 0 0 9.8px 0.2px rgba(0, 0, 0, .13); -moz-box-shadow: 0 0 9.8px 0.2px rgba(0, 0, 0, .13); box-shadow: 0 0 9.8px 0.2px rgba(0, 0, 0, .13);}
.project-list .project-item:hover .item-name{ color: #ff9000;}




.project-list .project-items{-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;  margin-bottom: 20px; }
.project-list .project-items .item-wrap{-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; background-color: #f8f9fc;  }
.project-list .project-items .item-wrap .row{ padding:0; margin: 0}
.project-list .project-items .item-caption{ text-align: center; }
.project-list .project-items .item-name{font-size: 1.25rem; line-height: 2; text-align: center;   padding: 0 10px;-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}

.project-list .project-items .item-project-name{ color: #999999;}
.project-list .project-items:hover .item-wrap{ -webkit-box-shadow: 0 0 9.8px 0.2px rgba(0, 0, 0, .13); -moz-box-shadow: 0 0 9.8px 0.2px rgba(0, 0, 0, .13); box-shadow: 0 0 9.8px 0.2px rgba(0, 0, 0, .13);}
.project-list .project-items:hover .item-name{ color: #ff9000;}







.honor-list{}
.honor-list .honor-item{}
.honor-list .honor-item .item-img{ text-align: center; margin:0 auto; line-height:120px;}
.honor-list .honor-item .item-name{text-align: center; font-weight:400;}
#parent{background: url("../Image/hzhb.jpg") no-repeat center center;}
.hzhb-list .row{  border-top: 1px #ccc solid; border-right: 1px #ccc solid; background: #fff;}
.hzhb-list .hzhb-item{ padding:10px 0; margin: 0; text-align: center; border-left: 1px #ccc solid; border-bottom: 1px #ccc solid; background: #fff; }
.hzhb-list .hzhb-item img{  margin: 0 auto;transition: all .4s;}
.hzhb-list .hzhb-item img:hover{  margin: 0 auto;transform:scale(1.1, 1.1); }


/*自定义分页样式*/
.w-page { margin-bottom: 20px; }
.w-page li.active span { z-index: 3; color: #fff; background-color: var(--theme-red); }
.w-page li.disabled { cursor: no-drop; }
.w-page li.disabled span { color: #6c757d; pointer-events: none; background-color: #eeeeee; }

.pagination { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; }

.w-page li a, .w-page li span { position: relative; display: block; padding: .5rem .75rem; line-height: 1.25; color: #666; background-color: #e2e2e2; margin: 2px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.w-page li a:hover, .w-page li span:hover { background-color: #cdcdcd; color: #fff; }
.w-page li.active span {
  z-index: 3;
  color: #fff;
  background-color:#ff9000;
}
.project-item .item-tools a {
  display: inline-block;
  width: 48%;
  line-height: 30px;
  border: 1px solid #999;
  color: #999;
  border-radius: 15px;
  font-size: 14px;
}
.project-item .item-tools a:hover {
  display: inline-block;
  width: 48%;
  line-height: 30px;
  border: 1px solid #ff9000;
  color: #ff9000;
  border-radius: 15px;
  font-size: 14px;
}

.project-item .item-tools{ position: absolute; bottom:0px; width: 80%;}
.project-item .item-tools a:nth-child(1) {
  border-color:#ff9000;
  background-color:#ff9000;
  color: #fff;
}
.project-item .item-tools a:nth-child(1):hover {
  border-color:#333;
  color: #fff;
}
.project-item .item-desc{ height: 150px; color: #999; line-height:35px; overflow: hidden; padding-right: 10px; }


.project-item img{transition: all 0.4s ease 0s;}
.project-item:hover img{transform: scale3D(1.1, 1.1, 1.1)}



.project-item .item-tools2 a {
  display: inline-block;
  width: 48%;
  line-height: 30px;
  border: 1px solid #999;
  color: #999;
  border-radius: 15px;
  font-size: 14px;
  text-align: center;
}

.project-item:hover .item-tools2 a {
  display: inline-block;
  width: 48%;
  line-height: 30px;
  border: 1px solid #fff;
  color: #ffffff;
  border-radius: 15px;
  font-size: 14px;
}

.project-item .item-tools2{  width: 100%;}
.project-item .item-tools2 a:nth-child(1) {
  border-color:#ff9000;
  background-color:#ff9000;
  color: #fff;
}
.project-item:hover .item-tools2 a:nth-child(1){
  border-color:#fff;
  color: #fff;
}
.project-item .item-tools2 a:nth-child(1):hover {
  border-color:#fff;
  color: #fff;
}



.goods-info{}
.goods-info .good-item{ background-color: #fff;}
.goods-info .good-item .item-info{}
.goods-info .good-item .item-info .item-title{ font-size: 2.25rem; color: #333333; line-height:2;}
.goods-info .good-item .item-info .item-brief{ font-size:1.125rem; color: #ff9000;}
.goods-info .good-item .item-info .item-desc{font-size: .875rem; line-height:2.5;}
.goods-info .good-item .item-info .item-skus{}
.goods-info .good-item .item-info .item-skus .sku{    background-color: #eaeaea;	padding: .2rem .5rem;margin: .2rem .1rem;display: inline-block;border-radius: .2rem;color: #ff9000;font-size: .875rem; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.goods-info .good-item .item-info .item-skus .sku:hover{ color: #ffffff; background-color: #ff9000;}
.goods-info .good-item .item-info  .item-tool{}
.goods-info .good-item  .item-tool .btn-ask{background-color: #ff9000; color: #ffffff;height: 50px;line-height:50px;padding: 0 2rem;border-radius: 18px;-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.goods-info .good-item  .item-tool .btn-ask:hover{border-radius: 10px;}
.goods-info .good-item  .item-tool .btn-ask i{ vertical-align: middle; margin-right:3px;font-size: 120%;}

.goods-info .good-item  .item-tool .item-contact .contact-icon{ width:36px; height:36px;border-radius: 50%;text-align: center; line-height:36px; color: #ffffff;background-color: #ff9000; margin-right:5px;}
.goods-info .good-item  .item-tool .item-contact .contact-inf{ border: 1px #ccc solid; border-radius: 18px; padding:10px 30px;}
.goods-info .good-item  .item-tool .item-contact .contact-inf strong{font-size: 1.5rem; color: #ff9000; line-height:1; font-weight:400;}
.goods-info .good-item .thumb-item img{ width:100%;}
.goods-info .good-item .item-thumbs .thumb-item{ width:72%; margin:0 20% 5px 0; }
.goods-info .good-item .item-thumbs .thumb-item img{ width:100%; padding:3px; border:2px #fff solid; -moz-box-shadow:2px 2px 2px #ccc; -webkit-box-shadow:2px 2px 2px #ccc; box-shadow:2px 2px 2px #ccc; }
.goods-info .good-item .item-thumbs .thumb-item:hover img{  border:2px #ff9000 solid; -moz-box-shadow:2px 2px 2px #ff9000; -webkit-box-shadow:2px 2px 2px #ff9000; box-shadow:2px 2px 2px #ff9000; }
.goods-info .good-item .item-ico .item-icon{  border:1px #f1c445 solid; border-radius:40px; line-height: 57px; font-size: 1rem; width:96%;  margin:10px 4% 0 0;}
.goods-info .good-item .item-ico .item-icon img{ width: 57px; }

.innet-section{}
.innet-section .sec-head{}
.innet-section .sec-head .head-name{font-size: 1.875rem;color: #333;}
.innet-section .sec-head .head-desc{}
.detail-main{}
.detail-main .detail-nav-bar{
  width:100%;}
.detail-main .detail-nav-bar .navbar-wrap{ background-color: #eef2f5; }
.detail-main .detail-nav-bar .navbar-wrap span{ color: #333333; flex:1;padding:.875rem 1rem; margin-right:2rem; text-align: center; }
.detail-main .detail-nav-bar .navbar-wrap span.on{ background-color: #ff9000; color: #ffffff;}
.detail-main .detail-nav-bar .navbar-wrap span.on a{ color: #ffffff;}
.detail-main .detail-content{}
.detail-main .detail-content img{ max-width:100%;}
.detail-main .detail-content table{ max-width:100%; width:100% !important;}
.detail-main .detail-content table td{ width:auto;}
.inf-sidebar{}
.inf-sidebar .sidebar-box{ background-color: #eef2f5; padding:1.25rem 1.5rem;}
.inf-sidebar .sidebar-box .box-head{}
.inf-sidebar .sidebar-box .box-head .head-name::before{ content: ''; display: inline-block; height:16px; width:3px; background-color: #ff9000; vertical-align: middle; margin-right:5px;}

.relate-goods{}
.relate-goods .item{ margin-bottom: 10px;}
.relate-goods .item .item-wrap{ border:1px solid #e5e5e5; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.relate-goods .item .item-wrap .item-img{ background-color: #fff; border-bottom:1px solid #e5e5e5;  -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.relate-goods .item .item-wrap img{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.relate-goods .item .item-wrap .item-title{-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-size: 1.25rem; color: #333333; line-height:2;}
.relate-goods .item .item-wrap .item-desc{ font-size: .875rem; color: #999; margin-bottom:1rem;}
.relate-goods .item .item-wrap .item-more{padding-left:1rem; padding-right:1rem;-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-size: .625rem; color: #999999; border-top:1px solid #e5e5e5; padding-top:.875rem;}
.relate-goods .item .item-wrap .item-more .more-icon{ position: relative; width:0; height:0; border:5px solid transparent; border-left-color: CurrentColor; }
.relate-goods .item .item-wrap .item-more .more-icon::before{ content: ''; display: block; margin:auto; position: absolute; top: 0; bottom: 0; height:2px; background-color: CurrentColor; width:1rem; right: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.relate-goods .item:hover .item-wrap{background-color: #fafafa}
.relate-goods .item:hover .item-wrap img{transform:scale(1.1, 1.1);
}
.relate-goods .item:hover .item-wrap .item-more{ color: #ff9000;padding-left:.2rem; padding-right:.2rem;}
.relate-goods .item:hover .item-title{ -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); color: #ff9000;}
.relate-goods .item:hover .item-wrap .item-more .more-icon::before{ width:1.25rem;}
.relate-goods .item .item-wrap .item-more:hover .more-icon{;}


.news-txt-list{}
.news-txt-list .news-item{  }
.news-txt-list .news-item .item-wrap{padding:1rem .5rem; border-bottom:1px solid #eaeaea;}
.news-txt-list .news-item .news-title{ flex:1; padding-right:5px;}
.news-txt-list .news-item .news-title::before{ content: ''; display: inline-block; width:0; height:0; border:5px solid transparent; border-left-color: var(--green-deep);}
.news-txt-list .news-item .news-time{ color: #999999;font-size: .875rem;}

.goods-order-form{background-color: #eef2f5;}


.order-form .form-item{border:1px solid #eeeeee; background-color: #fff;}
.order-form .input-textarea,.order-form .input-txt{  display: block;background-color: transparent; flex:1; padding:5px; border:none;}

.order-form .input-textarea{ height:100px;}
.order-form .input-submit{ display: block; width:150px; height:46px; background-color: #ff9000; color: #fff;text-align: center; line-height:46px; margin:0 auto; border:none; -webkit-transition: background .3s; -moz-transition: background .3s; -ms-transition: background .3s; -o-transition: background .3s; transition: background .3s; border-radius: 10px}
.order-form .input-submit:hover{ opacity:.9;border-radius: 3px}
.order-form .input-textarea:focus{ outline:none;}
.nr_a{ font-size: 1rem; line-height: 2rem;}
.nr_b{ font-size: 2rem; line-height: 2rem; text-align: center; margin: 40px auto;}
.nr_c{ font-size: 1.2rem; line-height:1.5rem; text-align: center; margin: 0 auto 0;}
.nr_d{ font-size: 1.2rem; line-height:1.5rem; text-align: left; margin:30px auto;}


/*新闻*/
.newslist{height: auto;overflow: hidden; }
.newslist ul{height: auto;overflow: hidden;padding-top: 2%;}
.newslist li{position: relative; height: auto;overflow: hidden;padding: 2% 0;border-bottom: 1px solid #f2f2f2;}
.newslist li a{display: block;overflow: hidden;position: relative;transition:.4s;}
.newslist li img{max-width: 100%; width: 100%;
  height:270px;  transition: all 1s ease;}
.newslist li b{position: absolute;z-index: 0;top:0; height: 100%;width: 0;background: #f2f2f2;transition:.6s;}
.newslist li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.newslist li:hover b{width: 100%;}
.newslist li:hover span{color: #ff9000}
.newslist .col-lg-3{padding-left: 0px !important;padding-right: 0.5% !important;}
.newslist .col-md-3{padding-left: 0px !important;padding-right: 0.5% !important;}
.newslist .col-sm-6{padding-left: 0px !important;padding-right: 0.5% !important;}
.newslist .col-xs-6{padding-left: 0px !important;padding-right: 0.5% !important;}
.imga{height: auto;overflow: hidden;background: #fff;}
.newsa{height: auto;overflow: hidden;}
.newsa strong{float: right;font-weight: normal;color: #777;font-size: 14px;}
.newsa span{display: block;font-size: 22px;line-height:50px;margin:3% 0;transition:.4s;}
.newsa p{line-height: 30px;color: #777;}
.newsa p em{color: #c81500;}
.newsa i{display: block;line-height: 30px;margin-top: 2%;text-transform: uppercase;font-family: impact;color: #777;}
.newsa i em{font-size: 22px;}

/*新闻详情*/
.newsinfoa{height: auto;overflow: hidden; width: 100%;}
.newsinfoa strong{display: block; text-align: center;font-size: 20px;margin-top: 40px; font-weight: bold;color: #4c4c4c;margin-bottom: 23px;line-height: 32px;}
.meta{line-height: 35px;height: 35px;overflow: hidden;border: 1px solid #dbdbdb;border-width: 1px 0;font-size: 12px;color: #808080;text-align: center;}
.newsaa {height: auto;overflow: hidden;}
.newsaa  img{display: block;margin:2% auto;max-width: 100%;}
.newsaa  p{line-height: 30px;}
.newsinfob{padding: 2% 0;height: auto;overflow: hidden;}
.newsinfob strong{display: block;font-size: 22px;line-height: 60px;}
.newsinfob li{height: auto;overflow: hidden;margin-bottom: 20px;background: #f1f1f1;padding: 15px;transition:.4s;}
.newsinfob li:hover{background: #e93429;color: #fff;}
.newsinfob li:hover span{color: #fff;}
.newsinfob li:hover p{color: #fff;}
.newsinfob li img{max-width: 100%;}
.newsinfob li span{display: block;line-height: 25px;margin:10px 0;color: #666;}
.newsinfob li p{line-height: 25px;color: #666;font-size: 13px;}
#prev_next{height: auto;overflow: hidden; padding: 2% 0;}
#prev_next li{float: left;width: 50%;line-height: 45px;border-top: 1px solid #dbdbdb;}
#prev_next li a{transition:.4s;}
#prev_next li:hover a{color: #be000e !important;}




/*联系*/
.contacta{height: auto;overflow: hidden;padding: 2% 0;}
.contactaa{height: auto;overflow: hidden;padding: 2% 0;}
.contactaa li{height: auto;overflow: hidden;padding: 2% 0;border-right: 1px solid #ededed;text-align: center;}
.contactaa li i{display: block;font-size: 38px;color: #888;}
.contactaa li span{display: block;line-height: 20px;margin-bottom: 2%; }
.contactaa li p{line-height:40px;font-size: 16px;color:#777;}
.contactaa li:nth-of-type(4) p{font-size: 16px;}

.contactb{height: auto;overflow: hidden;padding-top: 2%;}
.contactb .common-inner{margin-top: 2%; background: #fff;}
.proh{height: auto;overflow: hidden;margin-top:2%;padding: 2% 0;}
.proh .common-inner{margin-top: 2%;}
.forma{height: auto;overflow: hidden;}
.forma input{float: left;width: 32%;margin-right: 2%;line-height: 40px;padding-left: 2%;border: 1px solid #e6e6e6;}
.forma input:last-child{margin-right: 0px;}
.form-tr{margin-top: 2%;}



.common-inner .de-message {
  overflow: hidden;
}
.common-inner .de-message .tips {
  font-size: 13px;
  color: #737373;
}
.common-inner .de-message .mes-form {
  overflow: hidden;
}
.common-inner .de-message .mes-form .form-tr {
  overflow: hidden;
}
.common-inner .de-message .mes-form .form-tr input {
  display: block;
  width: 90%;


}




.common-inner .de-message .mes-form .form-tr textarea {
  display: block;
  padding-left:2%;width: 90%;
  height: 90px;background: #fff;line-height: 35px;
  border: 1px solid #e6e6e6;
}
.common-inner .de-message .mes-form .form-tr .code {
  overflow: hidden;
}
.common-inner .de-message .mes-form .form-tr .code input {
  width: 188px;line-height: 40px;border: 1px solid #e6e6e6;padding-left: 2%;
  float: left;
}
.common-inner .de-message .mes-form .form-tr .code .verify {
  cursor: pointer;
  float: left;
  margin:0 25px;
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.common-inner .de-message .mes-form .form-tr .code .verify img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
.common-inner .de-message .mes-form .form-tr .submit {
  float: left;
  display: block;
  width: 190px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #c81500;
  color: #fff !important;transition:.4s;
  font-size: 15px;
}
.common-inner .de-message .mes-form .form-tr .submit:hover {
  background: #444;
}
.common-inner .de-message .mes-form .form-tr .error {
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  color: #f00;
  padding: 0 5px;
}
.common-inner .de-contact {
  overflow: hidden;
}
.common-inner .de-contact .contact-list {
  overflow: hidden;
  margin: 25px 0 35px;
}
.common-inner .de-contact .contact-list ul li {
  min-height: 28px;
  padding-left: 50px;
  float: left;
  width: 365px;
  font-size: 14px;
  color: #595959;
  line-height: 20px;
  padding-top: 8px;
  margin-bottom: 14px;
  word-wrap: break-word;
}
.common-inner .de-contact .contact-list ul li span {
  display: block;
  float: left;
  color: #999;
}
.common-inner .de-contact .contact-list ul li.icon-01 {
  background: url(../images/contact-icon-01.png) no-repeat left top;
}
.common-inner .de-contact .contact-list ul li.icon-02 {
  background: url(../images/contact-icon-02.png) no-repeat left top;
}
.common-inner .de-contact .contact-list ul li.icon-03 {
  background: url(../images/contact-icon-03.png) no-repeat left top;
}
.common-inner .de-contact .contact-list ul li.icon-04 {
  background: url(../images/contact-icon-04.png) no-repeat left top;
}
.common-inner .de-contact .contact-list ul li.icon-05 {
  background: url(../images/contact-icon-05.png) no-repeat left top;
}
.common-inner .de-contact .contact-list ul li.icon-06 {
  background: url(../images/contact-icon-06.png) no-repeat left top;
}
.common-inner .de-contact .contact-map {
  overflow: hidden;
}
.common-inner .de-contact .contact-map #dituContent {
  width: 100%;margin:0 auto;
  height: 360px;
}
.inner-contact {
  width: 260px;
  margin-top: 18px;
}
.inner-contact .title {
  height: 80px;
  background: url(../images/i-pro-title.jpg) no-repeat center;
  text-align: center;
  line-height: 1;
  overflow: hidden;
}
.inner-contact .title h3 {
  margin-top: 20px;
  font-size: 22px;
  color: #fff;
  margin-bottom: 5px;
}
.inner-contact .title em {
  font-size: 13px;
  color: #728dbc;
}
.inner-contact .contact-box {
  min-height: 180px;
  border: 1px solid #ededed;
  border-top: none;
  background: #fff;
  padding: 20px 20px 10px;
  padding-right: 5px;
}
.inner-contact .contact-box .contact-item {
  overflow: hidden;
  padding-left: 60px;
  font-size: 14px;
  color: #595959;
  line-height: 20px;
  margin-bottom: 10px;
  word-wrap: break-word;
}
.inner-contact .contact-box .contact-item .act {
  float: left;
  width: 60px;
  margin-left: -60px;
  color: #808080;
}

 .page_header_bottom .cat_nav a:hover, .page_header_bottom .cat_nav a.on , .page_header_bottom .cat_nav a:hover,  .page_header_bottom .cat_nav a:hover {
  border: 1px solid #ff9000;
  color: #ffffff;
  background-color: #ff9000;
}
 .page_header_bottom .cat_nav a {
  border: 1px solid #d8d8d8;
  padding: .5% 1.2%;
  color: #5f5f5f;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 1%;

}

.case-list .case-item {
  padding: .8%;
  transition: all .2s linear 0s;
}
.case-list .case-item .case-item-wrap {
  transition: all .2s linear 0s;
  position: relative;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.case-list .case-item .case-title {
  position: absolute;
  bottom: 0;
  text-align: center;
  padding: 1% 0;
  margin-bottom: 0;
  width: 100%;
  line-height: 290%;
  background: rgba(0, 0, 0, 0.34);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 120%;
  transition: all .2s linear 0s;
  color: #fff;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
  display: block;
  max-width: 100%;
  height: 320px;
}

.case-list {
  margin-bottom: 14px;
}

.case-list .case-item {
  padding: .8%;
  transition: all .2s linear 0s;
}

.case-list .case-item .case-item-wrap {
  transition: all .2s linear 0s;
  position: relative;
}

.case-list .case-item .case-title {
  position: absolute;
  bottom: 0;
  text-align: center;
  padding: 1% 0;
  margin-bottom: 0;
  width: 100%;
  line-height: 290%;
  background: rgba(0, 0, 0, 0.34);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 120%;
  transition: all .2s linear 0s;
  color: #fff
}

.case-list .case-item .case-item-wrap:hover {
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
}

.case-list .case-item .case-item-wrap:hover .case-title {
  background-color: rgba(15, 75, 173, 0.58);
  color: #fff;
  height: 100%;
  line-height: 1200%;
}

.case-list.owl-carousel .owl-stage-outer .case-item-wrap:hover {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.case-list.owl-carousel .case-item {
  padding: 1.8%;
}

.case-list.owl-carousels .owl-stage-outer .case-item-wrap:hover {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.case-list.owl-carousels .case-item {
  padding: 1.8%;
}
.footer .copyright a{ color: #fff;}



.pro-item {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: -webkit-linear-gradient(45deg, rgba(255, 144, 0, 0.2) 0%, rgba(255, 144, 0, 0.4) 100%);
  background: linear-gradient(45deg, rgba(255, 144, 0, 0.2)  0%, rgba(255, 144, 0, 0.4) 100%);
}

.pro-item .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 3em;
  text-align: left;
}

.pro-item img {
  display: block;
  position: relative;
  max-width: none;
  width: calc(100% + 60px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
  opacity: 0.6;
  filter: alpha(opacity=60);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.pro-item h2 {
  text-transform: uppercase;
  color: #fff;
  position: relative;
  font-size: 17px;
  background-color: transparent;
  padding: 15% 0 10px 0;
  text-align: left;
}

.pro-item .overlay:before {
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  border: 1px solid #fff;
  content: '';
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
  -webkit-transform: translate3d(-20px,0,0);
  transform: translate3d(-20px,0,0);
}

.pro-item a, .pro-item p {
  color: #FFF;

  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
}
.pro-item:hover {
  border: 1px #ff9000 solid;
}
.pro-item:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.pro-item:hover .overlay:before,
.pro-item:hover a, .pro-item:hover p {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}