@charset "utf-8";
body {
    line-height: 26px;
    color: #101010;
    padding-top: 138px
}
body.ybd-no-pad{padding-top: 0}
figure {
    padding: 0;
    margin: 0;
    /*text-align: center;*/
}
.ybd-top-two figure {
    text-align: center;
}
.ybd-top-two figure img{
    width: 50px;
    height: 50px;
}
img.response {
    max-width: 100%
}
a {
    color: #1a171b
}
a:hover {
    color: #ff6600
}
header{
    transition: all 2s;
    -moz-transition: all 2s;  /* Firefox 4 */
    -webkit-transition: all 2s;   /* Safari 和 Chrome */
    -o-transition: all 2s;    /* Opera */
    background: #fff; 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999

}
main{/*margin-bottom: 50px;*/margin-top:-90px;/*min-height: 600px;*/}
/*.ybd-shadow{-moz-box-shadow:0px 3px 8px #b7b3b3; -webkit-box-shadow:0px 3px 8px #b7b3b3; box-shadow:0px 3px 8px #b7b3b3;}*/
.ybd-radius{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.ybd-fixed-top{position: fixed; top: -200px; width: 100%;  min-height:140px;left: 0; z-index: 999;animation:myfirst 2s;
animation-fill-mode: forwards;-moz-animation:myfirst 2s; -moz-animation-fill-mode: forwards;
-webkit-animation:myfirst 2s;-webkit-animation-fill-mode: forwards;
-o-animation:myfirst 2s; -o-animation-fill-mode: forwards;/*-moz-box-shadow:0px 2px 5px #d2d2d2; -webkit-box-shadow:0px 2px 5px #d2d2d2; box-shadow:0px 2px 5px #d2d2d2;*/}
@keyframes myfirst
{
from {top:-200px;}
to {top:0}
}

@-moz-keyframes myfirst 
{
from {top:-200px;}
to {top:0}
}

@-webkit-keyframes myfirst 
{
from {top:-200px;}
to {top:0}
}

@-o-keyframes myfirst 
{
from {top:-200px;}
to {top:0}
}
.ybd-bg-black.layui-layer,
.ybd-bg-black {
    background-color: #000
}
.ybd-bg-black-1{
    background: #2f2f2f;
}
.ybd-bg-black01 {
    background-color: #444443;
        margin-top: -19px;
}
.ybd-bg-black02 {
    background-color: #2f2d2f
}
.ybd-bg-black03 {
    background-color: #393D49;
        /*margin-top: -20px;*/
    background: url(/client/blue2/images/banner01.jpg);
}
.ybd-bg-black04 {
    background-color: #ececec
}
.ybd-bg-black03-product {
    /*background-color: #393D49;*/
background:url(/client/blue2/images/banner01.jpg);
        /*margin-top: 119px;*/
}
.ybd-bg-fff{background-color: #fff;position: relative;}
.ybd-bg-gray01{background-color: #f1f1f1}
.ybd-bg-gray02{background-color: #f2f2f2}

/*hide-show*/

.ybd-inline {
    display: inline!important
}
.ybd-inline-block {
    display: inline-block!important
}
.ybd-hide {
    display: none;
}
/*nopadding*/

.no-pad {
    padding: 0
}
.no-pad-l {
    padding-left: 0
}
.no-pad-r {
    padding-right: 0
}
.no-pad-t {
    padding-top: 0
}
.no-pad-b {
    padding-bottom: 0
}
/*float&&clear*/

.ybd-fl {
    float: left;
}
.ybd-fr {
    float: right;
}
.ybd-clear:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}
.ybd-clear {
    zoom: 1
}
/*text-color*/

.ybd-text-white {
    /*color: #fff*/
}
.ybd-text-gray {
    color: #6c6c6c
}
.ybd-text-yellow {
    color: #ef8300
}
/*font-size*/

.ybd-fg-xs {
    font-size: 12px;
}
.ybd-fg-sm {
    font-size: 14px;
}
.ybd-fg {
    font-size: 16px;
}
.ybd-fg-lg {
    font-size: 18px;
}
.ybd-fg-xl {
    font-size: 20px
}
.ybd-fg-xxl {
    font-size: 22px
}
/*text-algin*/

.ybd-text-c {
    text-align: center;
}
.ybd-text-l {
    text-align: left;
}

.ybd-text-r {
    /*text-align: right*/
    /*margin-top:10px;*/
}

/*padding*/

.ybd-pad-xs {
    padding: 5px;
}
.ybd-pad-sm {
    padding: 8px;
}
.ybd-pad {
    padding: 10px;
}
.ybd-pad-lg {
    padding: 12px;
}
.ybd-pad-xl {
    padding: 15px;
}
.ybd-pad-xs-t {
    padding-top: 5px;
}
.ybd-pad-sm-t {
    /*padding-top: 8px;*/
}
.ybd-pad-t {
    padding-top: 10px;
}
.ybd-pad-lg-t {
    padding-top: 12px;
}
.ybd-pad-xl-t {
    padding-top: 8px;
    padding-bottom: 7px;
}
.ybd-pad-xs-b {
    padding-bottom: 5px;
}
.ybd-pad-sm-b {
    padding-bottom: 8px;
}
.ybd-pad-b {
    /*padding-bottom: 10px;*/
}
.ybd-pad-lg-b {
    padding-bottom: 12px;
}
.ybd-pad-xl-b {
    /*padding-bottom: 15px;*/
}
.ybd-pad-xs-l {
    padding-left: 5px;
}
.ybd-pad-sm-l {
    padding-left: 8px;
}
.ybd-pad-l {
    padding-left: 10px;
        position: relative;
    top: 4px;
}
.ybd-pad-lg-l {
    padding-left: 12px;
}
.ybd-pad-xl-l {
    padding-left: 15px;
}
.ybd-pad-xs-r {
    padding-right: :5px;
}
.ybd-pad-sm-r {
    padding-right: 8px;
}
.ybd-pad-r {
    padding-right: 10px;
}
.ybd-pad-lg-r {
    padding-right: 12px;
}
.ybd-pad-xl-r {
    padding-right: 15px;
}
/*margin*/

.ybd-mar-xs {
    margin: 5px;
}
.ybd-mar-sm {
    margin: 8px;
}
.ybd-mar {
    margin: 10px;
}
.ybd-mar-lg {
    margin: 12px;
}
.ybd-mar-xl {
    margin: 15px;
}
.ybd-mar-xs-t {
    margin-top: 5px;
}
.ybd-mar-sm-t {
    margin-top: 8px;
}
.ybd-mar-t {
    margin-top: 10px;
}
.ybd-mar-lg-t {
    margin-top: 12px;
}
.ybd-mar-xl-t {
    margin-top: 15px;
}
.ybd-mar-xs-b {
    margin-bottom: 5px;
}
.ybd-mar-sm-b {
    margin-bottom: 8px;
}
.ybd-mar-b {
    margin-bottom: 10px;
}
.ybd-mar-lg-b {
    margin-bottom: 12px;
}
.ybd-mar-xl-b {
    /*margin-bottom: 15px;*/
}
.ybd-mar-xs-l {
    margin-left: 5px;
}
.ybd-mar-sm-l {
    margin-left: 8px;
}
.ybd-mar-l {
    margin-left: 10px;
}
.ybd-mar-lg-l {
    margin-left: 12px;
}
.ybd-mar-xl-l {
    margin-left: 15px;
}
.ybd-mar-xs-r {
    padding-right: :5px;
}
.ybd-mar-sm-r {
    padding-right: 8px;
}
.ybd-mar-r {
    padding-right: 10px;
}
.ybd-mar-lg-r {
    padding-right: 12px;
}
.ybd-mar-xl-r {
    padding-right: 15px;
}
.ybd-bg-white {
    background-color: #fff !important;
}
.ybd-bg-white .layui-nav-item a {
    color: #444;
}
.ybd-bg-white .layui-nav-item a:hover {
    color: #ff6600;
}
/*border*/

.ybd-br-t-black01:after {
   
        content: '';
    position: absolute;
    top: 148px;
    background: #ff6600;
    width: 54%;
    height: 6px;
    left: 50%;
    margin-left: -132px;
}
.ybd-br-b-black01 {
    /*border-bottom: 1px solid #1a171b;*/ 
    /*border-top: 1px solid #1a171b;*/
    text-align: right;
}
.ybd-br-l-black01 {
    border-left: 1px solid #1a171b;
}
.ybd-br-r-black01 {
    border-right: 1px solid #1a171b;
}
.ybd-br-black02 {
    border: 1px solid #bbb;
}
.ybd-br-t-black02 {
    border-top: 1px solid #bbb;
}
.ybd-br-b-black02 {
    border-bottom: 1px solid #bbb;
}
.ybd-br-l-black02 {
    border-left: 1px solid #bbb;
}
.ybd-br-r-black02 {
    border-right: 1px solid #bbb;
}
.ybd-br-t-yellow01 {
    border-top: 1px solid #ff6600;
}
.ybd-br-b-yellow01 {
    border-bottom: 1px solid #ff6600;
}
.ybd-br-l-yellow01 {
    border-left: 1px solid #ff6600;
}
.ybd-br-r-yellow01 {
    border-right: 1px solid #ff6600;
}
/*五等分*/

.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.col-xs-1-5 {
    width: 20%;
    float: left;
}
/*八等分*/

.col-xs-1-8, .col-sm-1-8, .col-md-1-8, .col-lg-1-8 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.col-xs-1-8 {
    width: 12.5%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left;
    }
    .col-sm-1-8 {
        width: 12.5%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
    .col-md-1-8 {
        width: 12.5%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .layui-container {
        width: 1200px
    }
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
    .col-lg-1-8 {
        width: 12.5%;
        float: left;
    }
}
/*index*/
.ybd-nav * {
    font-size: 15px;
}
.ybd-nav .layui-nav-item{margin-left: 20px; padding-top:0px; padding-bottom: 0px; line-height: 20px}
.ybd-nav li a{/*letter-spacing:  3px;*/ display: block; /*padding:20px 20px 30px 20px;*/}
.ybd-nav li{ display: inline-block;}
.ybd-nav{margin-top:8px;}
.ybd-top {
    color: #fff;
padding-top:8px;
}
.ybd-top a {
    color: #fff
}
.ybd-top a:hover {
    color: #ff6600
}
.ybd-tel01 {
    font-size: 24px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    /*margin-left: 30px;*/
}
.ybd-ewm {
    position: absolute;
    padding: 13px 15px 6px 15px;
    margin-top: -10px;
    right: 15px;
    cursor: pointer;
}
.ybd-ewm:hover{color: #ff6600}
.ybd-ewm i{font-size: 22px}
.ybd-nav figure figcaption{
    font-size: 16px; text-align: center;
}
.ybd-sub-dh{position: absolute;
    z-index: 999;
    width: 100%; left: 0; display: none;}
.ybd-sub-dh-cont{ padding:20px 0 0px 0; width: 100%; /*background-color: #fff;*/ margin-top: 1px }
.ybd-sub-dh-cont figcaption{line-height: 40px;font-size: 16px;}
.ybd-nav li .ybd-sub-dh-cont a{padding:0;}
.ybd-sub-cate div + div{border-left: 1px solid #f1f1f1} 
/*.layui-container.ybd-pos-inherit,.ybd-nav.ybd-pos-inherit,.layui-col-md7.ybd-pos-inherit,.ybd-nav.ybd-pos-inherit .layui-nav-item{}*/

.ybd-title {
    padding: 60px 0;
    font-size: 14px;
    color: #6c6c6c;
    font-family: Arial, Helvetica, sans-serif;
}
.ybd-title span {
    display: block;
    /*设置为块级元素会独占一行形成上下居中的效果*/
    position: relative;
    /*定位横线（当横线的父元素）*/
    color: #101010;
    font-family: "微软雅黑";
    font-size: 22px;
}
.ybd-title:after {
    content: '';
    position: absolute;
    top: 112px;
    background: #ff6600;
    width: 12%;
    height: 2px;
    left: 50%;
    margin-left: -70px;
}
.ybd-title span:before, .ybd-title span:after {
    content: '';
    /*CSS伪类用法*/
    position: absolute;
    /*定位背景横线的位置*/
    top: 82%;
    background: #d2d2d2;
    /*宽和高做出来的背景横线*/
    width: 20%;
    height: 1px;
}
.ybd-title span:before {
    left: 23%;
    /*调整背景横线的左右距离*/
}
.ybd-title span:after {
    right: 23%;
}
/*index---banner*/

.slideBox {
    width: 100%;
    overflow: hidden;
    position: relative;
    /*padding-bottom: 133px*/
}
.slideBox .hd {
    height: 133px;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%
}
.slideBox .hd ul {
    overflow: hidden;
    zoom: 1;
    width: 1200px;
    margin: 0 auto;
}
.slideBox .hd ul li {
    float: left;
    text-align: center;
    font-size: 22px;
    cursor: pointer;
    width: 25%;
    padding-top: 25px;
    height: 83px;
    line-height: 68px;
    font-weight: normal;
    color: #fff
}
.slideBox .hd ul li img {
    margin-right: 30px
}
.slideBox .hd ul li a span {
    display: inline-block;
    width: 79px;
    height: 79px;
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    border-radius: 50%;
    margin-right: 20px;
}
.slideBox .hd ul li a{color: #fff}
.slideBox .hd ul li a span i {
    font-size: 44px;
}
.slideBox .hd ul li.on a, .slideBox .hd ul li.on a span {
    color: #ff6600;
    border-color: #ff6600
}
/*.slideBox .hd ul li.on img{background-color:#ff6600 }*/

.slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}
.slideBox .bd li {
    zoom: 1;
    vertical-align: middle;
}
.slideBox .bd img {
    width: 100%;
    height: 650px;
    display: block;
}
/* 下面是前/后按钮代码，如果不需要删除即可 */

.slideBox .prev, .slideBox .next {
    position: absolute;
    left: 3%;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 32px;
    height: 40px;
    background: url(../images/index/slider-arrow.png) -110px 5px no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.5;
}
.slideBox .next {
    left: auto;
    right: 3%;
    background-position: 8px 5px;
}
.slideBox .prev:hover, .slideBox .next:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}
.slideBox .prevStop {
    display: none;
}
.slideBox .nextStop {
    display: none;
}
/*推荐图片*/
.ybd-picScroll-left {
    width: 100%;
    /*overflow: hidden;*/
    position: relative;
}
.ybd-picScroll-left .hd {
    /*overflow: hidden;*/
    height: 60px;
    padding: 0 10px;
    position: relative;
    top: -390px;
}

.ybd-picScroll-left .hd .next{
     display: block;
    width: 40px;
    height: 40px;
    float: right;
    position: relative;
    /*left: 18px;*/
    margin-top:-16px;
    /*overflow: hidden;*/
    cursor: pointer;
    text-align: center;
    line-height: 40px;
}
.ybd-picScroll-left .hd .prev  {
    display: block;
    width: 40px;
    height: 40px;
    /*float: right;*/
    margin-left: -76px;
    margin-top: -13px;
    /*overflow: hidden;*/
    cursor: pointer;
    text-align: center;
    line-height: 40px;
}

.ybd-picScroll-left .hd .layui-icon {
    font-size: 100px;
    color: #f0f0f0;
}
.ybd-picScroll-left .hd a {
    transition: width 2s;
    /*border: 1px solid #f9f9f9;*/
    /*color: #f9f9f9;*/
    -moz-transition: width 2s;
    /* Firefox 4 */
    -webkit-transition: width 2s;
    /* Safari and Chrome */
    -o-transition: width 2s;
    /* Opera */
}
/*.ybd-picScroll-left .hd a:hover {
    color: #ff6600;
    border: 1px solid #ff6600;
    /*background-color: rgba(0,0,0,0.6);
} */
.ybd-picScroll-left .hd .next {
    background-position: 0 -50px;
}
.ybd-picScroll-left .bd {
    padding: 10px;
        overflow: hidden;
    width: 95%;
}
.ybd-picScroll-left a{
        float: left;
    width: 50%;
    /*padding: 0 14px;*/
    /*padding-right: 28px;*/
}
.ybd-picScroll-left .bd ul {
    overflow: hidden;
    zoom: 1;
}
.ybd-picScroll-left .bd ul li {
    margin: 0 28px;
    width: 100%;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    position: relative;
}
.ybd-picScroll-left .bd ul li .pic {
    text-align: center;
    float: left;
}
.ybd-picScroll-left .bd ul li .pic img {
    width: 530px;
    height: 325px;
    display: block;
    /*border: 8px solid #fff;*/
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s; 
    -o-transition: all 1s;
    background-color: rgba(0, 0, 0, 0.8);
}

/*.ybd-picScroll-left .bd ul li a:hover .pic img {  
    border: 8px solid #ff6600;    
}*/
.ybd-picScroll-left .bd ul li a .title{
    height: 40px;
    width: 45%;
    line-height: 40px;
    margin: 0px 8px 0px 8px;    
    text-align: left;
    padding-left: 20px;
    /*position: absolute;*/
    left: 0;
    right: 0; overflow: hidden;
    bottom: 8px;
    display: block;
    /*color: #fff;*/
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s; 
    -o-transition: all 1s;
    /*background-color: rgba(0, 0, 0, 0.8);*/

}

/*大屏幕*/

/*推荐图片*/
.ybd-picScroll-left-01 {
    width: 100%;
    /*overflow: hidden;*/
    position: relative;
}
.ybd-picScroll-left-01 .hd {
    /*overflow: hidden;*/
    height: 60px;
    padding: 0 10px;
    position: relative;
    top: -390px;
}

.ybd-picScroll-left-01 .hd .next{
     display: block;
    width: 40px;
    height: 40px;
    float: right;
    position: relative;
    left: -53px;
    margin-top:-16px;
    /*overflow: hidden;*/
    cursor: pointer;
    text-align: center;
    line-height: 40px;
}
.ybd-picScroll-left-01 .hd .prev  {
    display: block;
    width: 40px;
    height: 40px;
    /*float: right;*/
    margin-left: -24px;
    margin-top: -13px;
    /*overflow: hidden;*/
    cursor: pointer;
    text-align: center;
    line-height: 40px;
}

.ybd-picScroll-left-01 .hd .layui-icon {
    font-size: 100px;
    color: #f0f0f0;
}
.ybd-picScroll-left-01 .hd a {
    transition: width 2s;
    /*border: 1px solid #f9f9f9;*/
    /*color: #f9f9f9;*/
    -moz-transition: width 2s;
    /* Firefox 4 */
    -webkit-transition: width 2s;
    /* Safari and Chrome */
    -o-transition: width 2s;
    /* Opera */
}
/*.ybd-picScroll-left .hd a:hover {
    color: #ff6600;
    border: 1px solid #ff6600;
    /*background-color: rgba(0,0,0,0.6);
} */
.ybd-picScroll-left-01 .hd .next {
    background-position: 0 -50px;
}
.ybd-picScroll-left-01 .bd {
    padding: 10px;
        overflow: hidden;
    width: 92%;
    margin-left:3%;
}
.ybd-picScroll-left-01 a{
        float: left;
    width: 33%;
    /*padding: 0 14px;*/
    /*padding-right: 28px;*/
}
.ybd-picScroll-left-01 .bd ul {
    overflow: hidden;
    zoom: 1;
}
.ybd-picScroll-left-01 .bd ul li {
    margin: 0 28px;
    width: 100%;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    position: relative;
}
.ybd-picScroll-left-01 .bd ul li .pic {
    text-align: center;
    float: left;
}
.ybd-picScroll-left-01 .bd ul li .pic img {
    width: 97%;
    height: 325px;
    display: block;
    /*border: 8px solid #fff;*/
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s; 
    -o-transition: all 1s;
    background-color: rgba(0, 0, 0, 0.8);
}

/*.ybd-picScroll-left .bd ul li a:hover .pic img {  
    border: 8px solid #ff6600;    
}*/
.ybd-picScroll-left-01 .bd ul li a .title{
    height: 40px;
    width: 45%;
    line-height: 40px;
    margin: 0px 8px 0px 8px;    
    text-align: left;
    padding-left: 20px;
    /*position: absolute;*/
    left: 0;
    right: 0; overflow: hidden;
    bottom: 8px;
    display: block;
    /*color: #fff;*/
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s; 
    -o-transition: all 1s;
    /*background-color: rgba(0, 0, 0, 0.8);*/

}




/*客户案例*/
.picScroll-left {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.picScroll-left .hd {
    overflow: hidden;
    height: 60px;
    padding: 0 10px;
        position: relative;
    left: -524px;
}
.picScroll-left .hd .prev, .picScroll-left .hd .next {
    display: block;
    width: 40px;
    height: 40px;
    float: right;
    margin-left: 15px;
    margin-top: 10px;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    line-height: 40px;
}
.picScroll-left .hd .layui-icon {
    font-size: 24px;
}
.picScroll-left .hd a {
    transition: width 2s;
    border: 1px solid #240606;
    /*color: #f9f9f9;*/
    -moz-transition: width 2s;
    /* Firefox 4 */
    -webkit-transition: width 2s;
    /* Safari and Chrome */
    -o-transition: width 2s;
    /* Opera */
}
.picScroll-left .hd a:hover {
    color: #ff6600;
    border: 1px solid #ff6600;
    /*background-color: rgba(0,0,0,0.6); */
}
.picScroll-left .hd .next {
    background-position: 0 -50px;
}
.picScroll-left .bd {
    padding: 10px;
    margin-left: 40px;
}
.picScroll-left .bd ul {
    overflow: hidden;
    zoom: 1;
}
.picScroll-left .bd ul li {
    margin: 0 8px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    position: relative;
}
.picScroll-left .bd ul li .pic {
    text-align: center;
}
.picScroll-left .bd ul li .pic img {
    width: 520px;
    height: 300px;
    display: block;
    padding:4px;
    /*border: 8px solid #fff;*/
    /*transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s; 
    -o-transition: all 1s;*/
transition: width 1s;
    background-color: rgb(255, 255, 255);
}

.picScroll-left .bd ul li a:hover .pic img {  
/*width:523px;*/    background-color: rgb(255, 102, 1);
}
.picScroll-left .bd ul li a .title{
    height: 40px;
    line-height: 40px;
    margin: 18px 5px -4px 5px;  

    position: absolute;
    left: 0;
    right: 0; overflow: hidden;
    bottom: 8px;
	display: block;
    background: #8BC34A;
    color: #fff;
    transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s; 
	-o-transition: all 1s;
	/*background-color: rgba(0, 0, 0, 0.8);*/

}




/*.picScroll-left .bd ul li a:hover .title p{text-align: left; padding-top: 3px; padding-left: 10px; line-height: 24px}
.picScroll-left .bd ul li a:hover .title{
    height: 120px; 
}
.picScroll-left .bd ul li a:hover .title span{display: none}*/
/*company*/

.ybd-company {
    margin-bottom: 60px;
    height: 700px;
}
.ybd-company figure a{display: block;/*transition-property: transform;
    transition-duration: .3s;-moz-transition-property: transform;
    -moz-transition-duration: .3s;
    -webkit-transition-property: transform;
    -webkit-transition-duration: .3s;
    -o-transition-property: transform;
    -o-transition-duration: .3s;*/
     transition: all 1s;
    -moz-transition: all 1s;  /* Firefox 4 */
    -webkit-transition: all 1s;   /* Safari 和 Chrome */
    -o-transition: all 1s; cursor: default;
}
.ybd-company figure a:hover{/*transform: translateY(-15px); */cursor: default;color: #fff;  background-color: rgba(0,0,0,0.8);}
.ybd-company figure a:hover h3{border:none; /*border-top: 1px solid #222; border-bottom: 1px solid #222;*/ color: #ff6600}
.ybd-company figure a figcaption{padding-left: 10px; padding-right: 5px; padding-bottom: 10px; }
.ybd-company figure a:hover figcaption{color: #eee}
.u-pro-list ul li figure{border-bottom: 2px solid  #F9F4F4; cursor: pointer; padding-bottom: 1rem;    position: relative;
    }

.u-pro-list ul li:hover figure{border-bottom: 2px solid  #ccc;transform: translateY(-5px);}
/*Case*/

.ybd-cases {
    padding: 20px 0 80px 0;
    background: url(../images/index/bp_03.jpg);
    /*background: url(../images/index/bp_03.jpg) center center no-repeat;*/
}
.ybd-cases .ybd-title {
    /*color: #fff;*/
}
.ybd-cases .ybd-title span {
    /*color: #fff;*/
}
.ybd-case-text-title {
    font-size: 40px;
    margin: 30px 0 50px 0
}
.ybd-case-text-cont {
    margin-bottom: 40px
}
.ybd-btn-trans {
    border: 1px solid #240606;
    background-color: transparent;
    color: #240606;
}
.ybd-btn-trans:hover{
     color: #ff6600;
    border: 1px solid #ff6600;
}

.layui-btn-primary:hover {
    border-color: #666;
    color: #333
}


.ybd-video-conts{text-align: center;
    margin-top: 20px;}
.ybd-video.layui-layer {
    background: rgba(0,0,0,0.6);
    color: #e1e1e1;
}
.ybd-video.layui-layer .layui-layer-title{
background: transparent;
    border-bottom: 0;
}

.ybd-video.layui-layer .layui-layer-ico {
    background: url(../images/index/close.png) no-repeat;
}
/*about list*/

.ybd-about:before {
	z-index: -1;
    content: '';
    position: absolute;
    top: -15px;
    background: #f08300;
    width: 60px;
    height: 300px;
    left: 26px;
    margin-left: -70px;
    transform:skew(0,45deg);
	-ms-transform:skew(0,45deg); /* IE 9 */
	-moz-transform:skew(0,45deg); /* Firefox */
	-webkit-transform:skew(0,45deg); /* Safari and Chrome */
	-o-transform:skew(0,45deg); /* Opera */
}
.ybd-about-title a{font-size: 52px; color: #fff; display: block;}
.ybd-about-title a span{display: inline-block; background-color: #f08300; padding:62px 60px 20px 0;}
.ybd-about-title a span small{font-size: 30px;font-family: Arial, Helvetica, sans-serif; padding-left: 10px}
.ybd-about-cont{padding:30px 40px 10px 40px;}
.ybd-about-cont p{text-indent: 2rem; margin-bottom: 30px;}

.ybd-news-title {
    padding-top: 80px;
    padding-bottom: 10px;
    margin-bottom: 40px;   
}
.ybd-news-title span.ybd-br-l-yellow01 {
    border-left: 3px solid #ff6600; padding-left: 15px;
}
.ybd-news-title small {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px
}
.ybd-news-img .layui-colla-content a{color: #1a1a1a; font-size: 12px}
.ybd-news-img .layui-colla-content a i{font-size: 14px; color: #666}
/*.ybd-news-img .layui-colla-content a:hover{color: #ff6600}*/
.ybd-news-img .layui-colla-content a:hover i{color: #ff6600}
.ybd-news-img  .layui-colla-title {
    position: relative;
    height: 46px;
    line-height: 46px;    
     background-color: transparent;    
border-bottom: 1px solid #e1e1e1; padding-left: 25px}
.ybd-news-img .layui-colla-content,.ybd-news-img .layui-colla-item{border:none;}
.ybd-news-img  .layui-colla-icon {
   left: 2px;
    color: #ff6600; font-weight: bold;
}
.ybd-news-img .layui-colla-content{background-color: #f1f1f1; margin-top: 5px; }
/*去除默认的border*/
.layui-collapse.no-br{ border:none; }
/*footer*/

footer {
    background-color: #242424;  color: #c2c2c2
}
footer a{ color: #c2c2c2}
footer a:hover{ color: #fff}
footer .list-cont i{margin-right: 5px; font-size: 12px;}
footer .layui-breadcrumb a:hover {
    color: #fff !important;
}

footer .layui-breadcrumb>* {
    font-size: 18px;
}

footer .layui-breadcrumb span[lay-separator] {
    margin: 0 30px;
    color: #999;
}
/*文字滚动*/
footer .ybd-txtScroll-top {overflow:hidden; position:relative;  }

/* 本例子css */
        .txtScroll-top{ overflow:hidden; position:relative;  border:1px solid #ccc;   }
       



.ybd-form .layui-input-block{margin-left: 0}
.ybd-form .layui-input,.ybd-form .layui-select,.ybd-form .layui-textarea{
	background-color: #343434; border:none; color: #fff
}
.ybd-form .yzm.layui-input{background-color: #343434; border:none; color: #fff;width: 55%; display: inline-block;}
.ybd-form .layui-btn{ padding:0px 50px;}
.ybd-form .layui-btn.layui-btn-primary{border:none;background-color:#666; float: right;}
#authImg{cursor:pointer; height:30px; margin-left:5px;}
.ybd-title02{padding:30px 30px 30px 45px; color: #fff}
.ybd-title02:before {
    content: '';
    position: absolute;
    top: 42px;
    background: #ff6600;
    width: 30px;
    height: 4px;
    left: 70px;
    margin-left: -70px;
}
.ybd-weixin img{
    width: 170px;
}

.choise-form{padding:40px;}
/*rewrite*/

.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {
    background-color: transparent;
}


/*客服*/
.cndns-right{position:fixed;right:10px;bottom:30px;z-index:100}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:48px;height:48px; color:#777;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff; line-height: 48px;}
.cndns-right-btn p{color:#ff6800;font-size:14px;line-height:18px;padding-top:5px;display:none;}

.cndns-right-meau:hover .cndns-right-btn p{display:block;}

.cndns-right-btn:hover{color:#ff6800}



.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #ff6800;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(../images/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t p{float:left;color:#ff6800;font-size:24px;line-height:28px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}

.meau-sev .cndns-right-box .box-border{width:430px;}
.meau-contact .cndns-right-box .box-border{width:230px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:156px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#f66e06;font-size:16px;line-height:16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}

.meau-sev:hover .cndns-right-btn{background:#ff6800}

.cndns-right i{font-size: 30px}

/*内页*/
.sub-banner{
     /*background:rgba(241,94,0,0.8); color: #fff*/
}

.sub-banner .layui-breadcrumb span[lay-separator] {
  
    color: #f1f1f1;
}
.sub-banner .layui-breadcrumb a {
    color: #f6f6f6!important;
}
.sub-banner .layui-breadcrumb a cite {
    color: #eee;
}
.sub-banner-title{color: #fff; font-size: 28px; padding-bottom: 10px}
.ybd-pages {margin: 40px 0}
.ybd-pages  .layui-laypage span.current {
    background-color: #ff6600;
    color: #fff;
}
.ybd-pages .layui-laypage a:hover {
    background-color: #ff6600;
    color: #fff;
}
.ybd-pic-list{ /*padding-top: 60px; */ }
.ybd-pic-list figure {    width: 570px;
    height: 362px;
    overflow: hidden;}
.ybd-pic-list figure img{border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%;height: 325px;overflow: hidden;}
.ybd-pic-list figure figcaption{background-color: #fff; padding:15px 0;}
.ybd-pic-list figure a{display: block;transition-property: transform;
    transition-duration: .4s;-moz-transition-property: transform;
    -moz-transition-duration: .4s;
    -webkit-transition-property: transform;
    -webkit-transition-duration: .4s;
    -o-transition-property: transform;
    -o-transition-duration: .4s;-moz-box-shadow:0px 3px 8px #b7b3b3; -webkit-box-shadow:0px 3px 8px #b7b3b3; box-shadow:0px 3px 8px #b7b3b3;}
.ybd-pic-list figure a:hover{transform: translateY(-10px); color: #1a171b }
.sub-ybd-cont {
    padding:45px 30px;
}
.ybd-img-max img{max-width: 100%;}
.ybd-single{margin-top: -112px;}
.single-title{padding-top: 90px; padding-bottom: 10px; /*border-bottom: 1px solid #eee*/}
.ybd-single .layui-breadcrumb a:hover {
    color: #000!important
}
.ybd-zzjg{padding-bottom: 30px}
.ybd-zzjg p{float: left; text-align: center; }
.ybd-zzjg p span{height: 86px;
    width: 86px;
    border-radius: 50%;
    border: 2px solid #e6e6e6;
    display: block;
    text-align: center;
    line-height: 86px;background-color: #fff}
/*.ybd-zzjg p span{display: block; }*/
.ybd-zzjg p span i{font-size: 40px; color: #393D49}    
.ybd-zzjg p + p{margin-left: 22px}
.ybd-zzjg p span{ /*line-height: 20px; padding-top: 25px; display: block; */}
.ybd-zzjg .ybd-p-top{margin:20px auto 50px auto; font-size: 18px; line-height: 30px}
.ybd-zzjg .ybd-p-top span{display:block;height: 120px; line-height: 120px; width: 120px;margin:0px auto; clear:both;border-radius: 50%; border:2px solid #e6e6e6 ; font-size: 18px; background-color: #fff}
.ybd-zzjg .ybd-p-top i{font-size: 60px; color: #393D49}   
/*文章内容*/
.ybd-article{padding-bottom: 50px; margin-top:20px;}
.ybd-article-title{margin-top: 0px;padding:40px 0px 26px 0; font-size: 24px; color: #fff}
.ybd-article .layui-breadcrumb a:hover {
    color: #000!important;
}
.ybd-article-cont{ line-height: 34px; padding:40px;}
.ybd-prev,.ybd-next{width: 60px; line-height: 60px; height: 60px; text-align: center; position:absolute; top: 60%;  /*border:1px solid #e6e6e6;*/  }
.ybd-prev i,.ybd-next i{ font-size: 20px;}
.ybd-prev a,.ybd-next a{display: block;border-radius: 50%;background-color: rgba(255,255,255,1); color: #ff6600}
.ybd-prev a:hover,.ybd-next a:hover{background-color: rgba(0,0,0,0.6); color: #fff}
.ybd-prev{left: 10px;}
.ybd-next{right: 10px}

/*文章列表*/
.ybd-lists-cont{padding-top: 150px}
.sub-list{background: #fff; padding:20px 0 10px 0; margin-bottom: 50px}
.sub-list img{/*max-width: 100%;*/    height: 184px;
    width: 470px;}
.sub-list h2{line-height: 40px; padding-bottom: 10px; margin-bottom: 15px; font-size: 22px; border-bottom: 1px solid #ddd}
.sub-list p{line-height: 32px; font-size: 16px;}
.sub-list p span{margin-right: 20px; color: #666; font-size: 14px}
.sub-list p span i{margin-right: 5px; color: #ff0000}
.sub-list p.layui-elem-quote{/*border-left: 5px solid #ff6600;*/ min-height: 90px;  font-size: 14px; }
/*产品*/
html.ybd-precent-100,html.ybd-precent-100 body{height: 100%}
.ybd-pro{height: auto; display: block; position: relative; /*min-height: 100px;height: 100px;*/}
.ybd-precent-100{height: 100%}
.ybd-pro-01{background: url(/data/product/pd/4.jpg) no-repeat center center; background-size: cover; height: 100%}
.ybd-pro-02{background: url(/data/product/pd/2.jpg) no-repeat center center; background-size: cover; height: 100%}
.ybd-pro-03{background: url(/data/product/pd/1.jpg) no-repeat center center; background-size: cover; height: 100%}
.ybd-pro-04{background: url(/data/product/pd/5.jpg) no-repeat center center; background-size: cover; height: 100%}
.ybd-pro-05{background: url(/data/product/pd/3.jpg) no-repeat center center; background-size: cover; height: 100%}
.ybd-pro-06{background: url(/data/product/pd/6.jpg) no-repeat center center; background-size: cover; height: 100%}
.ybd-pro-07{background: url(/data/product/pd/7.jpg) no-repeat center center; background-size: cover; height: 100%}
.ybd-pro-08{background: url(/data/product/pd/8.jpg) no-repeat center center; background-size: 100%; height: 100%}
.ybd-pro-09{background: url(/data/product/pd/9.jpg) no-repeat center center; background-size: cover; height: 100%}

.ybd-pro-cont{font-size: 18px; color: #fff; position: absolute; }
.ybd-pro-cont h1{font-size: 96px; margin-bottom: 80px; letter-spacing: 10px; }
.ybd-pro-cont h2{font-size: 70px; margin-bottom: 80px; letter-spacing: 5px; line-height: 80px }
.ybd-pro-cont p{line-height: 40px; width: 60%}


.ybd-pro-01 .ybd-pro-cont{top: 15%; left: 10%; width: 90%;}
.ybd-pro-01 .ybd-pro-cont h2{line-height: 80px; }
.ybd-pro-cont h2 small{font-size: 40px; display: block; padding-left:20px;}
.ybd-pro-01 .ybd-pro-cont p{ width: 40%; margin-bottom: 40px}
.ybd-pro-cont h2  span{background-color: rgba(0,0,0,0.6);
  color: #fff; padding:20px 50px; 
  transform: skew(-20deg); display: inline-block; }
/*.ybd-pro-01 .ybd-pro-cont h2{font-size: 42px; margin-bottom: 30px }*/

.ybd-pro-childs{width: 48%;font-family: Georgia; padding-top: 30px}
.ybd-pro-childs a{display: inline-block; border:1px solid #000; border-radius: 3px; -webkit-border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px; line-height: 62px; width: 29%; text-align: center; margin-right: 3%; margin-bottom: 30px; color: #000; font-weight: bold; transition: all 0.8s;
    -moz-transition: all 0.8s;  /* Firefox 4 */
    -webkit-transition: all 0.8s;   /* Safari 和 Chrome */
    -o-transition: all 0.8s;    /* Opera */ font-family:  }
.ybd-pro-childs a:hover{/*border:1px solid #fff;*/ border-radius: 15px}
.ybd-pro-02 .ybd-pro-cont{top:20%; right: 0; min-width: 40%;  text-align: center; color: #000}
.ybd-pro-02 .ybd-pro-cont h2{padding-left: 60px}
.ybd-pro-02 .ybd-pro-cont p{width: 90%; text-align: center; margin: 50px 0; color: #000}
.ybd-pro-02 .ybd-pro-cont p a{color: #000}
.ybd-pro-02 .ybd-pro-cont p.ybd-show-a{ padding-top: 40px;color: #000} 
.ybd-pro-02 .ybd-pro-cont p.ybd-show-a a{font-size: 20px; padding:20px 40px; border:1px solid #000; border-radius: 3px;    transition: all 0.8s;
    -moz-transition: all 0.8s;  /* Firefox 4 */
    -webkit-transition: all 0.8s;   /* Safari 和 Chrome */
    -o-transition: all 0.8s;    /* Opera */
    }
.ybd-pro-02 .ybd-pro-cont p.ybd-show-a i{font-size: 16px; margin-left: 10px}    
.ybd-pro-02 .ybd-pro-cont p.ybd-show-a a:hover{/*border:1px solid #fff;*/ border-radius: 20px; color: #fff }

.ybd-pro-03 .ybd-pro-cont{top: 15%; left: 10%; width: 90%;}
.ybd-pro-03 .ybd-pro-cont p{margin-top: 20%;font-size:22px;width: 48%; text-align: center;}
.ybd-pro-03 .ybd-pro-cont p span{display: block; margin: 40px 20%;background-color: rgba(0,0,0,0.6);
  color: #fff; padding:20px 0; font-size: 28px;
  transform: skew(-20deg); }
  /*.ybd-pro-03 .ybd-pro-cont p span h3{transform: skew(20deg);}*/
/*.ybd-pro-03 .ybd-c3-p4{display: inline-block;
  padding:20px 40px;
  background-color: rgba(0,0,0,0.6);
  color: #fff;
  transform: skew(-20deg); margin-top: 30px;}*/
/*.ybd-pro-03 .ybd-c3-p4 span{display: block;transform: skew(20deg);}*/
.ybd-pro-04 .ybd-pro-cont{top:15%; right: 4%; width: 90%; text-align: right;}
.ybd-pro-04 .ybd-pro-cont h2{/*font-size: 42px*/}
.ybd-pro-04 .ybd-pro-cont p{  margin: 50px 0; width: 100%; padding-right: 50px;margin-right: 70px; }
.ybd-pro-04 .ybd-pro-cont p a{color: #fff}
.ybd-pro-04 .ybd-pro-cont p.ybd-show-a{ padding-top: 40px;color: #fff; text-align: right;} 
.ybd-pro-04 .ybd-pro-cont p.ybd-show-a a{font-size: 20px; padding:20px 40px;  border:1px solid #fff; border-radius: 3px;    transition: all 1s;
    -moz-transition: all 1s;  /* Firefox 4 */
    -webkit-transition: all 1s;   /* Safari 和 Chrome */
    -o-transition: all 1s;    /* Opera */
    }
.ybd-pro-04 .ybd-pro-cont p.ybd-show-a i{font-size: 16px; margin-left: 10px}    
.ybd-pro-04 .ybd-pro-cont p.ybd-show-a a:hover{/*border:1px solid #ff6600;*/ border-radius: 20px }


.ybd-pro-05 .ybd-pro-cont{top: 25%; left: 6%; width:40%;}
.ybd-pro-05 .ybd-pro-cont ul{margin:60px 0;}
.ybd-pro-05 .ybd-pro-cont ul li{margin-bottom: 10px}
.ybd-pro-05 .ybd-pro-cont p{width: 90%; text-align: center; margin: 50px 0}
.ybd-pro-05 .ybd-pro-cont a{color: #fff}
.ybd-pro-05 .ybd-pro-cont p.ybd-show-a{ padding-top: 30px;color: #fff;text-align: left;} 
.ybd-pro-05 .ybd-pro-cont p.ybd-show-a a{font-size: 20px; padding:20px 40px; border:1px solid #fff; border-radius: 3px;    transition: all 1s;
    -moz-transition: all 1s;  /* Firefox 4 */
    -webkit-transition: all 1s;   /* Safari 和 Chrome */
    -o-transition: all 1s;    /* Opera */
    }
.ybd-pro-05 .ybd-pro-cont p.ybd-show-a i{font-size: 16px; margin-left: 10px}    
.ybd-pro-05 .ybd-pro-cont p.ybd-show-a a:hover{/*border:1px solid #ff6600;*/ border-radius: 20px }

.ybd-pro-06 .ybd-pro-cont{top: 15%; left: 10%; width: 90%;}
.ybd-pro-06 .ybd-pro-cont h2{line-height: 80px; }
.ybd-pro-06 .ybd-pro-cont p{ width: 40%; margin-bottom: 40px}


.ybd-pro-07 .ybd-pro-cont{top:20%; right: 5%; min-width: 40%;  text-align: center;}
.ybd-pro-07 .ybd-pro-cont h2{/*font-size: 42px*/}
.ybd-pro-07 .ybd-pro-cont p{  width: 100%;}
.ybd-pro-07 .ybd-pro-cont p a{color: #fff}
.ybd-pro-07 .ybd-pro-cont p.ybd-show-a{ padding-top: 80px;color: #fff;} 
.ybd-pro-07 .ybd-pro-cont p.ybd-show-a a{font-size: 20px; padding:20px 100px; border:1px solid #fff; border-radius: 3px;    transition: all 1s;
    -moz-transition: all 1s;  /* Firefox 4 */
    -webkit-transition: all 1s;   /* Safari 和 Chrome */
    -o-transition: all 1s;    /* Opera */
    }
.ybd-pro-07 .ybd-pro-cont p.ybd-show-a i{font-size: 16px; margin-left: 10px}    
.ybd-pro-07 .ybd-pro-cont p.ybd-show-a a:hover{/*border:1px solid #ff6600;*/ border-radius: 20px }


.ybd-pro-08 .ybd-pro-cont{top:10%; right: 10%; min-width: 40%;  text-align: center; color: #000}
.ybd-pro-08 .ybd-pro-cont h2{text-align: right;}
.ybd-pro-08 .ybd-pro-cont p{  width: 100%;}
.ybd-pro-08 .ybd-pro-cont p a{color: #fff}
.ybd-pro-08 .ybd-pro-cont ul li{margin-bottom:10px}

.ybd-pro-09 .ybd-pro-cont{top:30%; right: 5%; width: 60%;  text-align: center;}
.ybd-pro-09 .ybd-pro-cont h2{/*font-size: 42px*/}
.ybd-pro-09 .ybd-pro-cont p{  width: 100%;}
.ybd-pro-09 .ybd-pro-cont p a{color: #fff}


.ybd-pro-ts{padding:0px 60px 50px 60px; line-height: 42px; font-size: 16px;}
.ybd-pro-ts i{font-size: 14px; color: #999}
.ybd-pro-tx{padding:0px 60px 50px 60px; line-height: 42px;max-width: 600px;}
.ybd-pro-tx ul li{margin-bottom: 10px}

.ybd-pro-params{padding: 30px; max-width: 800px}
.ybd-pro-params  .layui-table th {
    padding: 9px 12px;white-space: nowrap;
}

.ybd-pro-stander{padding: 30px; max-width: 800px}

/*燃气*/
.ybd-pro-rq .ybd-pro-01{background: url(/data/product/rq/4.jpg) no-repeat center center; background-size: cover; height: 100%}
.ybd-pro-rq .ybd-pro-02{background: url(/data/product/rq/2.jpg) no-repeat center center; background-size: cover; height: 100%}
.ybd-pro-rq .ybd-pro-03{background: url(/data/product/rq/1.jpg) no-repeat center center; background-size: cover; height: 100%}
.ybd-pro-rq .ybd-pro-04{background: url(/data/product/rq/5.jpg) no-repeat center center; background-size: cover; height: 100%}
.ybd-pro-rq .ybd-pro-05{background: url(/data/product/rq/3.jpg) no-repeat center center; background-size: cover; height: 100%}
.ybd-pro-rq .ybd-pro-06{background: url(/data/product/rq/6.jpg) no-repeat center center; background-size: cover; height: 100%}
.ybd-pro-rq .ybd-pro-07{background: url(/data/product/rq/7.jpg) no-repeat center center; background-size: cover; height: 100%}
.ybd-pro-rq .ybd-pro-08{background: url(/data/product/rq/8.jpg) no-repeat center center; background-size: cover; height: 100%}
.ybd-pro-rq .ybd-pro-09{background: url(/data/product/rq/9.jpg) no-repeat center center; background-size: cover; height: 100%}

.ybd-pro-rq .ybd-pro-01 .ybd-pro-cont{top: 25%;}
.ybd-pro-rq .ybd-pro-01 .ybd-pro-childs{padding-top: 110px}
.ybd-pro-rq .ybd-pro-02 .ybd-pro-cont h2 {
    padding-left: 0px;
}
.ybd-pro-rq .ybd-pro-05 .ybd-pro-cont{top: 20%; right: 5%; left: auto; width: 35%}
.ybd-pro-rq .ybd-pro-05 .ybd-pro-cont ul{margin:80px 0;}
.ybd-pro-rq .ybd-pro-05 .ybd-pro-cont ul li{margin-bottom: 20px}

.ybd-pro-06 .ybd-pro-cont{top: 20%; }

.ybd-pro-rq .ybd-pro-03 .ybd-pro-cont{top:10%; left: auto; right: 10%; text-align: right;}
.ybd-pro-rq .ybd-pro-03 .ybd-pro-cont p{margin-top:20%;width: 100%; text-align: right;}

.ybd-pro-rq .ybd-pro-02 .ybd-pro-cont{top:22%;left:10%; right: auto; width: 50%;  text-align: left; color: #000}
.ybd-pro-rq .ybd-pro-02 .ybd-pro-cont p{width: 80%;  margin: 120px 0 60px 0; color: #000}
.ybd-pro-rq .ybd-pro-02 .ybd-pro-cont p.ybd-show-a{ margin:0;} 
.ybd-pro-rq .ybd-pro-02 .ybd-pro-cont p.ybd-show-a a:hover{ color: #000 }

.ybd-pro-rq .ybd-pro-07 .ybd-pro-cont{top: 10%}
.ybd-pro-rq .ybd-pro-07 h2{text-align: right;}
.ybd-pro-rq .ybd-pro-07 .ybd-pro-cont p.ybd-txt-p{margin-bottom: 30px}
.ybd-pro-rq .ybd-pro-07 .ybd-pro-cont p{ padding-left: 50%; padding-top: 60px; box-sizing: border-box;}
.ybd-pro-rq .ybd-pro-08 .ybd-pro-cont{ right: auto; left：10%;top: 25%; }
.ybd-pro-rq .ybd-pro-08 .ybd-pro-cont h2{text-align: center;}
.ybd-pro-rq .ybd-pro-08 .ybd-pro-cont p{padding-top: 40px; }

.ybd-pro-rq .ybd-pro-09 .ybd-pro-cont{top:10%; }
.ybd-pro-rq .ybd-pro-09 .ybd-pro-cont p{margin-top:600px; }

.ybd-pro-rq .ybd-pro-ts{max-width:800px;padding:0px 60px 50px 60px; line-height: 42px; font-size: 16px;}
.ybd-pro-rq .ybd-pro-childs a:hover{border:1px solid #000;}

.ybd-pro-rq .ybd-pro-07 .ybd-pro-childs{width: 48%; margin-top: 6%;  float: right;}
.ybd-pro-rq .ybd-pro-07 .ybd-pro-childs a{border:1px solid #fff; color: #fff }
.ybd-pro-rq .ybd-pro-07 .ybd-pro-childs a:hover{border:1px solid #fff;}

.ybd-pro-rq .ybd-pro-08 .ybd-pro-childs{width: 90%; margin-top: 10%; margin-left: 10%}
/*燃油*/
.ybd-pro-ry .ybd-pro-01{background: url(/data/product/ry/4.jpg) no-repeat center center; background-size: cover; height: 100%}
.ybd-pro-ry .ybd-pro-02{background: url(/data/product/ry/2.jpg) no-repeat center center; background-size: cover; height: 100%}
.ybd-pro-ry .ybd-pro-03{background: url(/data/product/ry/1.jpg) no-repeat center center; background-size: cover; height: 100%}
.ybd-pro-ry .ybd-pro-04{background: url(/data/product/ry/5.jpg) no-repeat center center; background-size: cover; height: 100%}
.ybd-pro-ry .ybd-pro-05{background: url(/data/product/ry/3.jpg) no-repeat center center; background-size: cover; height: 100%}
.ybd-pro-ry .ybd-pro-06{background: url(/data/product/ry/6.jpg) no-repeat center center; background-size: cover; height: 100%}
.ybd-pro-ry .ybd-pro-07{background: url(/data/product/ry/7.jpg) no-repeat center center; background-size: cover; height: 100%}
.ybd-pro-ry .ybd-pro-08{background: url(/data/product/ry/8.jpg) no-repeat center center; background-size: cover; height: 100%}
.ybd-pro-ry .ybd-pro-09{background: url(/data/product/ry/9.jpg) no-repeat center center; background-size: cover; height: 100%}


.ybd-pro-ry .ybd-pro-05 .ybd-pro-cont{top: 20%; left: 8%; right: auto; width: 35%;color:#000;}
.ybd-pro-ry .ybd-pro-05 .ybd-pro-cont ul{margin:80px 0;}
.ybd-pro-ry .ybd-pro-05 .ybd-pro-cont ul li{margin-bottom: 20px; font-size: 20px }
.ybd-pro-ry .ybd-pro-05 .ybd-pro-cont p.ybd-show-a{ margin:0; color:#000;} 
.ybd-pro-ry .ybd-pro-05 .ybd-pro-cont p.ybd-show-a a,.ybd-pro-ry .ybd-pro-02 .ybd-pro-cont p.ybd-show-a a:hover{border:1px solid #000; color: #000 }

.ybd-pro-ry .ybd-pro-03 .ybd-pro-cont{top:12%; left: auto; right: 6%; text-align: right; color:#000;}
.ybd-pro-ry .ybd-pro-03 .ybd-pro-cont p{margin-top:10%;width: 34%;margin-left: 66%; text-align: center;}

.ybd-pro-ry .ybd-pro-02 .ybd-pro-cont{top:12%;right:8%; left: auto; width: 50%;  text-align: left; color: #fff}
.ybd-pro-ry .ybd-pro-02 .ybd-pro-cont p{width: 90%;  margin: 34% 0 60px 0; color: #fff}
.ybd-pro-ry .ybd-pro-02 .ybd-pro-cont p.ybd-show-a{ margin:0; color:#fff;} 
.ybd-pro-ry .ybd-pro-02 .ybd-pro-cont p.ybd-show-a a,.ybd-pro-ry .ybd-pro-02 .ybd-pro-cont p.ybd-show-a a:hover{border:1px solid #fff; color: #fff }

.ybd-pro-ry .ybd-pro-01 .ybd-pro-cont{top: 15%; left: auto; right: 10%; color:#fff; text-align: right; width: 90%;}
.ybd-pro-ry .ybd-pro-01 .ybd-pro-childs{width: 35%; margin-top: 8%; margin-left: 64%; text-align: right;}
.ybd-pro-ry .ybd-pro-01 .ybd-pro-childs a{border:1px solid #fff; color: #fff; width:100%; display: block;  }
.ybd-pro-ry .ybd-pro-01 .ybd-pro-childs a:hover{border:1px solid #fff;}

.ybd-pro-ry .ybd-pro-04 .ybd-pro-cont{top:20%; left: 5%; width: 90%; text-align: left; color: #000}

.ybd-pro-ry .ybd-pro-04 .ybd-pro-cont p a{color: #000; }
.ybd-pro-ry .ybd-pro-04 .ybd-pro-cont p.ybd-show-a{ color: #fff; text-align: left;} 
.ybd-pro-ry .ybd-pro-04 .ybd-pro-cont p.ybd-show-a a{ border:1px solid #000;  color:#000;    }

.ybd-pro-ry .ybd-pro-06 .ybd-pro-childs a{border:1px solid #fff; color: #fff; width:46%; display: block; }
.ybd-pro-ry .ybd-pro-06 .ybd-pro-childs a:hover{border:1px solid #fff;}

.ybd-pro-ry .ybd-pro-07 .ybd-pro-cont{color: #000}

.ybd-pro-ry .ybd-pro-07 .ybd-pro-cont p.ybd-show-a a{color: #000;border:1px solid #000;}

.ybd-pro-ry .ybd-pro-08 .ybd-pro-cont{ right: auto; left：10%; color: #fff; top:12%; }
.ybd-pro-ry .ybd-pro-08 .ybd-pro-cont p{padding-top: 34%;width: 90%; }


.ybd-pro-ry .ybd-pro-09 .ybd-pro-cont{ right: 10%;  top:10%; text-align: right; color: #000 }

.ybd-pro-ry .ybd-pro-ts{max-width:800px;padding:0px 60px 50px 60px; line-height: 42px; font-size: 16px;}
/*醇基*/
.ybd-pro-cj .ybd-pro-01{background: url(/data/product/cj/4.jpg) no-repeat center center; background-size: cover; height: 100%}
.ybd-pro-cj .ybd-pro-02{background: url(/data/product/cj/2.jpg) no-repeat center center; background-size: cover; height: 100%}
.ybd-pro-cj .ybd-pro-03{background: url(/data/product/cj/1.jpg) no-repeat center center; background-size: cover; height: 100%}
.ybd-pro-cj .ybd-pro-04{background: url(/data/product/cj/5.jpg) no-repeat center center; background-size: cover; height: 100%}
.ybd-pro-cj .ybd-pro-05{background: url(/data/product/cj/3.jpg) no-repeat center center; background-size: cover; height: 100%}
.ybd-pro-cj .ybd-pro-06{background: url(/data/product/cj/6.jpg) no-repeat center center; background-size: cover; height: 100%}
.ybd-pro-cj .ybd-pro-07{background: url(/data/product/cj/7.jpg) no-repeat center center; background-size: cover; height: 100%}
.ybd-pro-cj .ybd-pro-08{background: url(/data/product/cj/8.jpg) no-repeat center center; background-size: cover; height: 100%}
.ybd-pro-cj .ybd-pro-09{background: url(/data/product/cj/9.jpg) no-repeat center center; background-size: cover; height: 100%}


.ybd-pro-cj .ybd-pro-05 .ybd-pro-cont{top: 13%; left: 10%; right: auto; width: 35%}
.ybd-pro-cj .ybd-pro-05 .ybd-pro-cont ul{margin:70px 0 50px 0;}
.ybd-pro-cj .ybd-pro-05 .ybd-pro-cont ul li{margin-bottom: 20px}

.ybd-pro-cj .ybd-pro-03 .ybd-pro-cont{top:14%; right: auto; left: 10%; }
.ybd-pro-cj .ybd-pro-03 .ybd-pro-cont p{margin-top:18%;width: 40%; text-align: center;}

.ybd-pro-cj .ybd-pro-02 .ybd-pro-cont{top:17%;left:5%; right: auto; width: 50%;  text-align: left; color: #000}
.ybd-pro-cj .ybd-pro-02 .ybd-pro-cont h2{padding-left: 0}
.ybd-pro-cj .ybd-pro-02 .ybd-pro-cont p{width: 60%;  margin: 120px 0 60px 0; color: #000}
.ybd-pro-cj .ybd-pro-02 .ybd-pro-cont p.ybd-show-a{ margin:0;} 
.ybd-pro-cj .ybd-pro-02 .ybd-pro-cont p.ybd-show-a a:hover{ color: #000 }

.ybd-pro-cj .ybd-pro-01 .ybd-pro-cont{color: #000}
.ybd-pro-cj .ybd-pro-01 .ybd-pro-childs{width: 50%; }
.ybd-pro-cj .ybd-pro-01 .ybd-pro-childs a{ width:56%; display: block;  }
.ybd-pro-cj .ybd-pro-01 .ybd-pro-childs a:hover{border:1px solid #000;}

.ybd-pro-cj .ybd-pro-06 .ybd-pro-childs a{ width:66%; display: block;  }
.ybd-pro-cj .ybd-pro-06 .ybd-pro-childs a:hover{border:1px solid #000}

.ybd-pro-cj .ybd-pro-07 .ybd-pro-cont{ text-align: right;}
.ybd-pro-cj .ybd-pro-07 .ybd-pro-cont p{  width: 96%; padding-right: 3%}

.ybd-pro-cj .ybd-pro-08 .ybd-pro-cont{ right: auto; left：8%;  top: 27%}
.ybd-pro-cj .ybd-pro-08 .ybd-pro-cont h2{text-align: left; margin-left: 10%;}
.ybd-pro-cj .ybd-pro-08 .ybd-pro-cont p{padding-top: 40px; }
 .ybd-pro-cj .ybd-pro-08 ul{margin-top:80px; text-align: left; margin-left: 10%; font-size: 20px; line-height: 40px}
.ybd-pro-cj .ybd-pro-09 .ybd-pro-cont{top:10%; }

.ybd-pro-cj .ybd-pro-ts{max-width:800px;padding:0px 60px 50px 60px; line-height: 42px; font-size: 16px;}
/*加盟*/
.ybd-join p.ybd-join-p{ width: 150px; height: 150px; border-radius: 50%; line-height: 150px; display: block; margin:30px auto 0 auto; }
.ybd-join-title-span01{/*border-top: 1px solid #999;
    padding-top: 10px;
    padding-left: 50px;*/
}

.ybd-join-title-span02{    font-family: Arial, Helvetica, sans-serif;color:#ff6600;
}

.ybd-hr span{border-top: 2px solid #ff6600; padding:0px 60px; margin-top: 10px; display: inline-block;}
.ybd-join section{  padding:60px 0 90px 0; }
.ybd-join section h1{text-align: center; margin-bottom: 60px}
.ybd-join-ys img{border-top-left-radius: 5px;border-top-right-radius: 5px;}
.ybd-join-ys-text{background-color: #393D49; color: #fff; padding:8px 0 5px 0;}
.ybd-join-ys-text small{color: #e1e1e1}
.ybd-join section.ybd-join-section-tj{  padding:70px 0 50px 0; }
.ybd-join-tj{margin-top: 90px}
.ybd-join-tj p{padding: 10px 15%;}

.ybd-join-fs h3{color: #ff6600;
    font-size: 22px;
    margin: 15px 0 0 0;
    font-family: fantasy;
    /* font-weight: normal; */
    letter-spacing: 1px;}
/*荣誉*/
.layer-photos-hornor img{width: 30%; margin:20px 1.5%; float: left; border:1px solid #e1e1e1; cursor: pointer;}
/*案例*/
.ybd-case-title .layui-layer-title {

    border-bottom: none;
    
    background-color: transparent;
    
}
.ybd-case-intro p{ color: #393D49; border-bottom: 1px solid #393D49; padding:3px 0; margin-bottom: 10px }
.ybd-case-intro p span{background-color: #393D49; padding:10px; color: #fff; font-size: 12px; margin-right: 10px}
.ybd-case-intro p span i{color:#FF5722; margin-right: 5px; font-size: 20px; vertical-align: -4px}
/*服务*/
.layui-form .layui-col-space30>* {
    padding: 0 15px;
}

/*栏目*/
.ybd-sub-full-bg{border-top: 1px solid #e1e1e1;position: absolute; width: 100%; height: 180px; z-index: 99; margin-top: 0px; display: none;}
#ybd-sub-menu{line-height: 50px;}
.ybd-sub-position{position: absolute;
    margin-top: -40px;}
.ybd-sub-position .layui-breadcrumb a {
    color: #f1f1f1!important;
}

.ybd-tables-small th.ybd-text-c{text-align: center;}
.ybd-tables-small .layui-tab-content{padding:0;}

.layui-table td, .layui-table th {padding: 9px 12px;}


.layui-form-pane .layui-input-block.ybd-spciel{ background-color: #fff; left: 0 }


/*
.ybd-pic-list a{-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
    
    filter: gray;}
.ybd-pic-list a:hover{-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    
    filter: grayscale(0%);
    
    filter: none;}
*/
    
 .contact-cont h3{font-size: 18px; margin-bottom: 15px}   
.contact-cont p{
    /*font-family:   Georgia, 'Times New Roman', Times, serif ;*/
 font-size: 16px; padding:8px 0;}
.contact-cont p i{font-size: 30px; margin-right: 6px;vertical-align: -5px;}
.contact-cont p.contact-cont-txt{font-family: '微软雅黑'; font-size: 14px}
.ybd-pro-dia.layui-layer{background: rgba(0,0,0,0.6);
    color: #e1e1e1;}
.ybd-pro-dia .layui-layer-title {
    padding: 0 80px 0 40px;
    height: 82px;
    line-height: 82px;
    border-bottom: none;
    font-size: 18px;
    color: #f1f1f1;
    
    background-color: transparent;
    
}

.ybd-ul-after-1{padding-top: 30px;
    width: 39%;
    float: right;}

.yd-pro-cate{display: inline-block; width: 180px; height: 180px; border:2px solid #fff; border-radius:20px;
    text-align: center;}
.yd-pro-cate dt{font-size: 42px; padding-top: 50px; padding-bottom: 40px}    
.yd-pro-cate dd{ font-size: 16px}
.yd-pro-cate +.yd-pro-cate{margin-left: 60px;}

.ybd-bg-black-1-pad{
    padding-top: 15px;
    padding-bottom: 15px;
}
.ybd-top-about{
        background: #186bb4;
   /* height: 83px;
    line-height: 88px;*/
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
        margin-top: -20px;
}
.layui-nav-about a{
    font-size: 20px;
    color: #fff;
    /*padding-right: 10px;*/

    padding-left: 60px;
    /*border-right: 1px solid #fff;*/
}
.layui-nav-about span{
    border-left: 1px solid #fff;
    margin-left: 60px;
}
.layui-nav-about:nth-child(2) {
    /*border-left: 1px solid #186bb4;*/
    /*border-left: 1px solid red;*/
}
.ybd-company-about{
        background: url(/client/blue2/images/btt_01.jpg);
background-size:100% 100%;
padding-bottom: 30px;
}
.picScroll-left-about img{
        width: 540px;
    height: 196px;
    display: block;
    border: 8px solid #fff;
}
.picScroll-left-about li {
        margin: 0 8px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    position: relative;
    box-shadow: 6px 5px 5px #e3dede;
}

.ybd-company-about-txt{
        text-indent: 40px;
    padding-top: 30px;
   /* padding-bottom: 30px;*/
    line-height: 32px;
    font-size: 18px;
}
.ybd-company-about-01 li{
     margin: 0 8px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    position: relative;
    box-shadow: 6px 5px 5px #e3dede;
}
.ybd-company-about-01 img{
        width: 254px;
    height: 196px;
    display: block;
    border: 8px solid #fff;
}
.ybd-fgg{
       height: 1030px;
    margin-top: -400px;
}
.index4{    position: relative;
    top: 384px;}
#d_tab29 ul, #d_tab29 li { margin: 0; padding: 0; list-style: none }
#d_tab29 img { border: 0; vertical-align: top }
#d_tab29 { position: relative; height: 400px; background: url('../images/bg3.jpg') no-repeat center 0; text-align: left }
#d_tab29 .d_img { position: relative; margin: 0 auto; width: 1000px; height: 100% }
#d_tab29 .d_img li { position: absolute; display: none; z-index: 0 }
#d_tab29 .d_img li img { width: 500px;height:400px; }
#d_tab29 .d_img li.d_pos1 { display: block; width: 400px; left: 0%; top: 60px; z-index: 1 }
#d_tab29 .d_img li.d_pos2 { display: block; width: 450px; left: 10%; top: 40px; z-index: 2 }
#d_tab29 .d_img li.d_pos3 { display: block; width: 500px; left: 25%; top: 20px; z-index: 3 }
#d_tab29 .d_img li.d_pos4 { display: block; width: 450px; right: 10%; top: 40px; z-index: 2 }
#d_tab29 .d_img li.d_pos5 { display: block; width: 400px; right: 0%; top: 60px; z-index: 1 }
#d_tab29 .d_menu { position: absolute; bottom: 20px; width: 100%; text-align: center }
#d_tab29 .d_menu li { display: inline-block; zoom: 1; *display:inline;
background: url('../images/btn.png') no-repeat 0 0; width: 12px; height: 12px; cursor: pointer; margin-right: 3px }
#d_tab29 .d_menu li.d_select { background: url('../images/btn.png') no-repeat 0 -18px }
#d_tab29 .d_next { position: absolute; left: 50%; margin-left: 475px; top: 170px; z-index: 10; cursor: pointer }
#d_tab29 .d_prev { position: absolute; left: 50%; margin-left: -525px; top: 170px; z-index: 10; cursor: pointer }

.ybd-col-md-1-4 {
    width: 25%;
        min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.ybd-company-about-02 li{
        margin: 0 8px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    position: relative;
    /*box-shadow: 6px 5px 5px #e3dede;*/
}
.ybd-company-about-02 img{
    width: 272px;
    height: 446px;
    display: block;
}

/*发展历程*/
.ybd-company-pro{
    float: left;
    width: 50%;
    height: 300px;
}
.ybd-company-pro img{
    float: left;
    width: 530px;
    height: 300px;
    padding-right: 20px;
    margin-top: 10px;
}
.sub-ybd-cont-back{
    height: 450px;
}
.ybd-company-pro-hank:after{
        content: '';
    position: absolute;
    top: 162px;
    background: #ff6600;
    width: 1px;
    height: 370px;
    left: 50%;
    margin-left: -38px;
}
.ybd-company-pro-hank {
    line-height: 40px;
}
.ybd-company-pro-hank p{
    padding-left: 20px;
    font-size: 16px;

}

.subNavBox {
    height: 112px;
        margin-top: 30px;
    /*padding-bottom: 100px;*/
}
.subNavBox li{
    float: left;
}
.ybd-view-title{
        /*padding: 60px 0;*/
    font-size: 14px;
    color: #6c6c6c;
        text-align: center;
    /* left: 20px; */
    /* margin-left: -56%; */
    margin-right: 46%;
}
.ybd-view-title:after{
    content: '';
    position: absolute;
    top: 58px;
    background: #ff6600;
    width: 12%;
    height: 2px;
    left: 27%;
    margin-left: -70px;
}
.ybd-view-title span{
        display: block;
    position: relative;
    color: #101010;
    font-family: "微软雅黑";
    font-size: 22px;
}
.ybd-view-title span:before,.ybd-view-title span:after{
    content: '';
    position: absolute;
    top: 82%;
    background: #d2d2d2;
    width: 30%;
    height: 1px;

}
.ybd-view-title span:before{
    left: 4%;

}
.ybd-view-title span:after{
    right: 4%;
}