@charset "utf-8";
body{background: #fafafa}

/*首页轮播*/
#ybd-banner-flash {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#ybd-banner-flash .item {
    display: block;
}
#ybd-banner-flash img {
    display: block;
    width: 100%;
}
.ybd-nav{float: right;}
.subnav{position: absolute;
    right: 40%;
    width: 100%;
    z-index: 999;background: #f6f7f9;display: none}
.ybd-subnav-a{display: block; line-height: 30px;text-align: center;padding:5px 0;transition: all 1s;
    -webkit-transition: all 1s;}
.ybd-subnav-a:hover{    background: #adc0ce;
    border-left: 2px solid #499f16;
    color: #fff;}
.ybd-nav-sub li>a{font-size: 16px}
/*.ybd-nav-sub li:hover .subnav{display: block;}*/
.ybd-head{height: 100px;line-height: 100px}
.logo{margin-left: 80px;}
.logo img{width: 220px}
/*响应式处理*/
.ybd-about-sub{margin-top: -38px; position: relative; z-index: 9;}
.ybd-pro-hot-link img{width: 100%;}
@media (max-width: 1260px){
		.ybd-about-sub{margin-top: 2%;}
        .ybd-top-01{width: 100%!important}
        .ybd-about{width: 100%}
        .ybd-home-video video{height:300px;}
        .ybd-news-ny-list li img{height: 200px!important}
        .ybd-pro-list-img img{height: 200px!important}
        .ybd-news-list a img{height: 300px!important}
         .ybd-pro-hot-link img{height: 280px}
	}
@media (min-width: 1260px) and (max-width: 1350px){
        .ybd-about-sub{margin-top: -14%;}
        .ybd-top-01{width: 72%!important;}
        .ybd-home-video video{height:400px;}
        .ybd-news-ny-list li img{height: 250px!important}
         .ybd-pro-list-img img{height: 250px!important}
         .ybd-pro-hot-link img{height: 360px}
    }
@media (min-width: 1350px) and (max-width: 1600px){
        .ybd-about-sub{margin-top: -8%;}
        .ybd-top-01{width: 72%!important;}
        .ybd-home-video video{height:400px;}
        .ybd-news-ny-list li img{height: 300px!important}
        .ybd-pro-list-img img{height: 300px!important}
        .ybd-about-01-right {line-height: 50px!important;}
        .ybd-pro-hot-link img{height: 440px}
    }
@media (min-width: 1600px) and (max-width: 1920px){
        .ybd-about-sub{margin-top: -6%;}
        .ybd-top-01{width: 72%!important;}
        .ybd-home-video video{height: 450px;}
        .ybd-pro-list-img img{height: 300px!important}
        .ybd-about-01-right {line-height: 60px!important;font-size: 18px;}
        .ybd-pro-hot-link img{height: 540px}
    }
/*@media (min-width: 1260px) and(max-width: 1920px){
         .ybd-top-01{width: 72%!important;}
}*/

.ybd-about{background: #fff;    padding: 50px 30px;margin-left: 15px;}
.ybd-about h2{color: #039e94;font-size: 28px;margin-top: 20px;}
.ybd-about-title{font-size: 28px;margin-top: 20px;}
.ybd-about-abst{font-size: 14px;color: #666666;line-height: 26px;margin-top: 10px}
.ybd-about-more{
    width: 146px;
    height: 38px;
    border: 1px solid #e5e5e5;
    border-radius: 38px;
    text-align: center;
    font-size: 14px;
    color: #333333;
    margin-top: 39px;
    cursor: pointer;
    display: block;
    line-height: 38px;
    text-transform: uppercase;
    font-family: 'Arial';
    transition: all 0.5s;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.ybd-about-more:hover{    color: #039e94;
    border-color: #039e94;}
.ybd-top-01{margin-left: 6px}
.ybd-top-02{width: 100%;overflow: hidden;}
.ybd-top-01 a{display: block; background: #fff;transition: all .5s;
    -webkit-transition: all .5s;}
.ybd-top-01 img{width: 100%; 
	transition: all 1s;
    -webkit-transition: all 1s; /* Safari */}
.ybd-top-01 h4{font-size: 20px;color: #333;margin-top: 20px;padding: 0 10px;}
.ybd-top-01 p{margin-bottom: 10px;padding: 0 10px}
.ybd-top-01 a:hover{background: #c0a986}
.ybd-top-01 a:hover  .ybd-top-01-p{color: #fff}
.ybd-top-01 a:hover  .ybd-top-01-h4{color: #fff}
.ybd-top-01 a:hover .ybd-top-01-img{ 
	transform:scale(1.1);
    -ms-transform:scale(1.1); /* IE 9 */
    -webkit-transform:scale(1.1); /* Safari and Chrome */}
.ybd-about,.ybd-top-01{display: inline-block;vertical-align: bottom;}
.child {display: inline-block;vertical-align: bottom;float: inherit;}
.ybd-top-01{width: 73%}

/*重点产品*/
.ybd-pro-key{padding-top: 90px;padding: 6%;}
.ybd-pro-key-left{width: 48%;float: left;position: relative;}
.ybd-pro-key-right{width: 48%;float: right;position: relative;}
.ybd-pro-key img{width: 100%}
.ybd-pro-key .layui-col-xs6 div{    position: absolute;
    bottom: 0;
    height: 100%;line-height: 0;
    width: 100%;text-align: center;
    background: rgba(0, 0, 0, 0.7);
    opacity: 1;transition: all 1s;
    -webkit-transition: all 1s;}
/*.ybd-pro-key>div:hover .ybd-pro-key div div{height: 20%}*/
.ybd-pro-key p{font-size: 30px;color: #fff;position: relative;top: 46%}
/*新闻中心*/
.ybd-news-title{padding-left: 7%;/*padding-top: 80px*/}
.ybd-news-title a{font-size: 36px;color: #009e96;line-height: 68px;}
.ybd-news-title-line{width: 48px; height: 2px; background: #009e96;}

.ybd-news-list{margin-top: 20px;padding: 0 6%;margin-bottom: 80px}
.ybd-news-list>div{padding:0 10px}
.ybd-news-list a{background: #fff}
.ybd-news-list-img{width: 100%;overflow: hidden;}
.ybd-news-list a img{width: 100%;transition: all 1s;height: 350px;
    -webkit-transition: all 1s; /* Safari */}
.ybd-news-list a div{margin: 10px;}
.ybd-news-list-title{font-size: 20px;color: #333333;width: 100%;height: 30px;overflow: hidden;}
.ybd-news-list-abst{font-size: 14px;color: #666666;line-height: 26px;text-indent: 30px;height: 72px}
.ybd-news-list-time{font-size: 14px;color: #999999}
.ybd-news-list-time i{font-size: 20px;color: #1E9FFF;}
.ybd-news-list a:hover > .ybd-news-list-img img{transform:scale(1.1);
    -ms-transform:scale(1.1); /* IE 9 */
    -webkit-transform:scale(1.1); /* Safari and Chrome */}
 .ybd-news-list a:hover .ybd-news-list-title{color: #01AAED}


/*底部链接*/ 
.ybd-foot-nav a{font-size: 16px;color: #999999} 
.ybd-foot-nav-sub a{font-size: 14px;color: #999999} 
.ybd-foot-nav-sub li{margin:5px 0;}
.ybd-foot-nav-sub{display: none}
.ybd-bg-01{background: #333333;padding:60px 0}  
.ybd-container{width: 80%;margin:0 auto;}
.ybd-container i{font-size: 20px;color: #adadad;}
.ybd-container span i{ font-size:28px; opacity: 0.5;
    filter: alpha(opacity=50);}
.ybd-copyright{text-align: center;height: 76px;background: #242424;font-size: 14px;color: #77797d;line-height: 30px;padding-top: 10px;}
.ybd-copyright a{color:#77797d;}
 .ybd-foot-tel-right,.ybd-foot-logo{text-align:right;} 
 .ybd-foot-logo img{opacity:.7;width: 40%} 
.ybd-foot-tel{margin-top: 30px;   font-size: 18px; color: #adadad;} 
.ybd-foot-tel-num{font-size: 28px;color:#adadad; font-family: 'Arial';margin-bottom: 30px;margin-top: 6px} 
.ybd-foot-tel-right span{display: inline-block;margin-right: 10px}
 .ybd-foot-nav .layui-col-xs3{border-bottom: 1px solid #4f4f4f;padding-bottom: 20px}
/*.ybd-foot-nav:hover + .ybd-foot-nav-sub {display: block;}*/
.ybd-foot-nav-span{position: absolute;right: -15%}
/*.ybd-foot-nav-span i {}*/
.owl-theme .owl-nav{display: none}



/*新闻中心*/
.ybd-news-banner img{width: 100%}
.ybd-news-ny-title h1{text-align: center;font-size: 36px;margin-top: 90px;}
.ybd-news-ny-title h3{color: #666;text-align: center;}
.ybd-news-ny-title div{text-align: center;padding-top: 20px}
.ybd-news-ny-title div a{width: 186px; 
    height: 56px;
    display: inline-block;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 56px;
    color: #666;
    transition: background 0.5s,border-color 0.3s;
    text-align: center;
    position: relative;
    margin-left: -5px;}
.ybd-news-ny-title div .active{background: #c8a063;border-color: #c8a063;color: #fff;}
.ybd-news-ny-title div a:hover{background: #c8a063;border-color: #c8a063;color: #fff;}
.ybd-triangle {    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #c8a063;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    bottom: -10px;
     opacity: 0; 
    filter: alpha(opacity=0);
    transition: opacity 0.3s;}
.ybd-news-ny-title div a:hover .ybd-triangle{opacity: 1;filter: alpha(opacity=100);}
.ybd-news-ny-title div .active .ybd-triangle{opacity: 1;filter: alpha(opacity=100);}
.ybd-news-ny-nav{margin-top: 60px;margin-left: 60px}
.ybd-news-ny-list{padding: 40px 5%;}
.ybd-news-ny-list li{width: 30%; float: left;margin-top: 40px;margin-left: 2.5% ;height: 100%;
    transition: box-shadow 0.5s ease-in-out;}
.ybd-news-ny-list li:hover{
    box-shadow: 0 5px 40px rgba(142, 142, 142, 0.4);
}
.ybd-news-ny-list li img{width: 100%;height: 350px}
.ybd-news-ny-list li div{/*margin-top: 40px;*/padding:0 20px;width: inherit;padding-top: 20px;}
.ybd-news-nylist-more span{background: #1E9FFF;color: #fff;margin-left: 20px;
 margin-top: 20px;padding: 5px;display: none;position: absolute;}
 .ybd-news-nylist-more{margin-top:inherit!important;position: relative;}
 .ybd-news-list-time-line{   border-top: 1px solid #eeeeee;
    width: 90%;
    padding-top: 20px;
    margin: 0 auto;
    margin-top: 20px;
    /*transition: all 2s;
    -webkit-transition: all 2s; /* Safari */
    margin-bottom: 70px;}
/*视频专区*/
.ybd-news-video-more{text-align: center;}
.ybd-news-video-more span{color: #fff;margin-left: 20px;
 margin-top: -60%;padding: 5px;display: none;}
 /*.ybd-news-ny-list li:hover .ybd-news-video-more span{display: block;}*/
.ybd-gd-img img{width: 90%;max-height: 500px;}
.ybd-gd-time{
    font-size: 16px;
    line-height: 22px;
    color: #c8a063;
    font-family: "AVANTGARDEITCBYBT-DEMI";
}
.ybd-gd-time span{font-size: 40px;line-height: 40px;font-weight: 800;}
.ybd-gd-title{    font-size: 24px;
    line-height: 40px;
    color: #333;
    margin-top: 14px;}
.ybd-gd-abst{    font-size: 14px;
    line-height: 26px;
    color: #666;
    height: 78px;
    overflow: hidden;
    margin-top: 10px;}
.ybd-gd-more{    margin-top: 46px;
    width: 160px;
    height: 44px;
    background: #c8a063;
    font-size: 14px;
    line-height: 46px;
    color: #fff;
    text-align: center;}

/*新闻列表页滚动*/ 
#owl-demo { width: 86%; margin-left: auto; margin-right: auto; }
#owl-demo .item { display: block; } 
#owl-demo img { display: block; width:90%; border: 0 none; } 
#bar { width: 0%; max-width: 100%; height: 4px;
background: #7fc242; overflow: hidden; } 
#progressBar {width: 66%;
    background: #ededed;
    position: relative;
    top: 46px;
    margin: 0 auto;
} 
#owl-demo .owl-buttons{position: relative;top: 90px}
#owl-demo .owl-prev{position: absolute;left: 12%}
#owl-demo .owl-next{position: absolute;right: 12%}
#owl-demo .owl-pagination{display: none}


/*内容页*/
.ybd-article{width: 70%;margin: 20px auto}
.arti-title h2{text-align: center;}
.ybd-arti-ti-fl{margin-top: 15px;padding-bottom: 20px;border-bottom: 1px solid #ededed;text-align: center;}
.arti-cont{margin-top: 20px;}


/*产品列表*/
.ybd-pro-01{padding: 40px;background: #f0f0f0;position: relative;padding-left:5%;}
.ybd-pro-01 h1{    font-size: 28px; line-height: 36px; color: #333;}
.ybd-pro-01 h4{font-size: 12px; line-height: 20px; color: #999;  text-transform: uppercase;
    font-family: "Roboto";}
.ybd-pro-01 span{position: absolute;top: 36%;right: 50%;}
.ybd-pro-icon div{text-align: center;}
.ybd-pro-icon div+div{border-left: 1px solid #ededed}
/*.ybd-pro-icon div a img{margin-top: 20px}*/
.ybd-pro-icon div a p{margin-top: 30px;font-size: 16px;}
.line-bottom{border-bottom: 1px solid #ededed}

#ybd-pro{
    width: 65%;padding-top: 20px;
    margin-left: auto;
    margin-right: auto;
}
#ybd-pro .item {
  /*  display: block;
    margin: 5px;*/
}
#ybd-pro img {
    /*display: block;*/
    width:20%;
}
#ybd-pro .owl-buttons{position: relative;top: -46px}
#ybd-pro .owl-prev{position: absolute;left: 0;background: inherit;}
#ybd-pro .owl-next{position: absolute;right: 0;background: inherit}
#ybd-pro .owl-pagination{display: none}

.ybd-pro-title{padding-top: 90px;text-align: center;margin-bottom: 20px;}
.ybd-pro-title h1{font-size: 36px;line-height: 48px;}
.ybd-pro-title p{    font-size: 16px;
    line-height: 24px;
    color: #999;
    font-family: "Roboto";
    text-transform: uppercase;}
.ybd-pro-hot{padding: 5%}
.ybd-pro-hot>div{position: relative;width: 48%;margin: 0 auto;
    float: inherit;}
.ybd-pro-hot div+div{margin-left: 2%}
.ybd-pro-hot-cont{    
    background: #fff;
    padding-bottom: 60px;
   width: 100%;
    position: absolute;
    height: 90px;
    /* bottom: 0; */
    overflow: hidden;
    transition: all 1s;
    -webkit-transition: all 1s;}
.ybd-pro-hot-cont div{padding-left: 40px}
.ybd-pro-hot-cont-title{    padding-top: 44px;
    font-size: 24px;
    line-height: 36px;
    color: #333;}
.ybd-pro-hot-cont-li{padding-bottom: 30px;}
.ybd-pro-hot-cont-li li{color: #2e75b5;font-size: 16px;padding-top: 14px;}
.ybd-pro-hot-cont-li li img{width: 100%}
.ybd-pro-hot-cont-more a{    padding: 10px 30px;
    border: 1px solid #009944;
    float: right;
    margin-right: 20px;
    margin-top: 10px;
    border-radius: 20px;position: relative;top: 20px;}
.ybd-pro-hot-cont-more a:hover{color: #fff;background: #009944}
.ybd-pro-hot-link{background: #f0e7de;display: block;}
.ybd-pro-list{padding: 5%;/*margin-top:30px;*/}
.ybd-pro-list ul li{float: left;
    background-color: #fff;
    background-color: #fff;
    box-shadow: 0 5px 40px rgba(142,142,142,0.1);
    position: relative;
    width: 31.4%;
    margin-top: 1.2%;
    margin-right: 1.2%;}
.ybd-pro-list ul li a{display: block;
    width: 100%;
    position: relative;}
.ybd-pro-list-img{    width: 100%;
    position: relative;

    border-bottom: 1px solid #e8e8e8;
    box-sizing: border-box;}
.ybd-pro-list-img img{    
    /*position: absolute;*/
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width:100%;height: 400px}
.ybd-pro-list-left{    height: 62px;
    padding: 20px 8.5%;}
.ybd-pro-list-title{font-size: 20px;
    line-height: 36px;
    color: #333;}
.ybd-pro-list-good{    font-size: 14px;
    line-height: 26px;
    color: #666;}

.ybd-pro-list-right{position: absolute;
    height: 100%;
    width: 104%;
    background: #c8a063;
    left: 100%;
    top: 0;
    z-index: 100;
    padding: 0 10.3%;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    box-sizing: border-box;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    transform-origin: left center;
    transform: rotateY(-90deg);
}
.ybd-pro-list-abst{font-size: 14px;line-height: 22px;color: #fff;border-bottom: 1px solid #d3b382;height: 80%;
    box-sizing: border-box;padding-top: 40px;padding-bottom: 20px;}
.ybd-pro-list-abst img{width: 100%}
.ybd-pro-list-more{text-align: center;padding-top: 30px;}
.ybd-pro-list-more a{    
    display: inline!important;
    border: 1px solid #fff;
    padding: 5px 10px;
    color: #fff;
    border-radius: 22px;
    display: inline-block;
    font-size: 14px;
    position: relative;
    z-index: 10;
    transition: background 0.3s;
    text-align: center;
}
.ybd-pro-list ul li:hover .ybd-pro-list-right {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    transform: rotateY(0deg);
}
.ybd-pro-list ul li:nth-child(3n) .ybd-pro-list-right {
    transform-origin: right center;
    left: -100%;
}

/*产品详情页*/
.ybd-pro-show-title{width: 80%;margin:0 auto;box-shadow: 0 5px 40px rgba(142,142,142,0.1);
}
.ybd-pro-show-title-left{float: left;}
.ybd-pro-show-title-right{float: right;}
.ybd-pro-show-title-left a{display: inline-block;
    width: 160px;
    height: 72px;
    font-size: 16px;
    line-height: 72px;
    color: #333;
    text-align: center;
    position: relative;
    transition: color 0.38s cubic-bezier(0.4, 0, 0.2, 1);}

.ybd-pro-show-title-left a span{display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 20;}
.ybd-pro-show-title-left a:after{ 
   content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    top: 0;
    transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1);
    background: #c8a063;
    transform: scaleX(0);
    transform-origin: right center;}

.ybd-pro-show-title-left a:hover:after{ 
    transform: scaleX(1);
    transform-origin: left center;
}
.ybd-pro-show-title-left a:hover{color: #fff}
.ybd-pro-show-title-right a{display: inline-block;
    /*width: 160px;*/
    height: 72px;
    font-size: 16px;
    line-height: 72px;
    color: #333;
    text-align: center;
    position: relative;
    transition: color 0.38s cubic-bezier(0.4, 0, 0.2, 1);}
.ybd-pro-show-title-left .on{background: #c8a063;color: #fff;}
.ybd-pro-show-border{background: #fff; border-bottom: 1px solid #e1e1e1;}
#ybd-pro-param, #ybd-pro-content, #ybd-pro-benefit{margin:20px;clear:both;}
#ybd-pro-param img{width: 100%}
.ybd-pro-banner img{width: 100%}
#ybd-pro-content img{max-width: 100%;margin-bottom: 10px;}
#ybd-pro-content div{    padding-bottom: 25px;padding-top: 40px;
    border-bottom: 1px solid #e1e1e1;}
#ybd-pro-content div a{font-size: 28px;
    line-height: 36px;
    border-bottom: 3px solid #019e97;
    padding-bottom: 28px;}
#ybd-pro-content div span{    font-size: 16px;
    line-height: 20px;
    color: #999;
    font-family: "Roboto";
    display: inline-block;
    vertical-align: bottom;
    margin-left: 12px;
    text-transform: uppercase;}
#ybd-pro-benefit div{    padding-bottom: 25px;margin-bottom: 30px;padding-top: 40px;
    border-bottom: 1px solid #e1e1e1;}
#ybd-pro-benefit div a{font-size: 28px;
    line-height: 36px;
    border-bottom: 3px solid #019e97;
    padding-bottom: 28px;}
#ybd-pro-benefit div span{    font-size: 16px;
    line-height: 20px;
    color: #999;
    font-family: "Roboto";
    display: inline-block;
    vertical-align: bottom;
    margin-left: 12px;
    text-transform: uppercase;}
#ybd-pro-benefit{padding-bottom: 80px;}
.ybd-fix{position: fixed;top: 0;width: 100%;z-index: 999}


/*关于我们*/
.ybd-about-img img{
    width: 100%
}
.ybd-about-bg{padding: 2% 2%;background: #fafafa;}

.ybd_link_box .link_box_cen ul li {
    height: 220px;
    width: 33.33%;
    float: left;
    text-align: center;
    padding: 52px 10px 0 10px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.05);
    position: relative;
}
 .ybd_link_box .link_box_cen ul li .btn {
    width: 154px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 20px;
    font-size: 18px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}
 .ybd_link_box .link_box_cen ul li .bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #c8a063;
    transform-origin: bottom center;
    transform: scaleY(0);
    transition: transform 0.5s ease-in-out;
}
 .ybd_link_box .link_box_cen ul li a {
    position: relative;
    z-index: 10;
}
 .ybd_link_box .link_box_cen ul li .tit .cn {
    font-size: 28px;
    line-height: 38px;
    color: #fff;
}
 .ybd_link_box .link_box_cen ul li .tit .en {
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    font-family: "Roboto";
    text-transform: uppercase;
}
 .ybd_link_box .link_box_cen ul li .icon {
    margin-top: 23px;
}
.ybd_link_box .link_box_cen ul li:hover .bg {
    transform-origin: top center;
    transform: scaleY(1);
}
.ybd_link_box .link_box_cen ul li:nth-child(3),  .link_box_cen ul li:nth-child(5) {
    background: rgba(255, 255, 255, 0.05);
}
 .ybd_link_box .link_box_cen ul li:nth-child(1) {
    background: #c8a063;
}
 .ybd_link_box .border {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    border: 1px solid #95b5dd;
    box-sizing: border-box;
}
 .ybd_link_box {
    padding: 143px 0;
    position: relative;
    margin-top: 100px;
}
.link_box_cen{width: 90%;margin:0 auto;}

.ybd-about-bg ul {
    text-align: center;
}
.ybd-about-bg ul li {
    width: 20%;
    float: left;
    position: relative;
    padding: 0 5px;
    box-sizing: border-box;
}
.ybd-about-bg ul li .num .roll {
    display: inline-block;
    font-size: 60px;
    line-height: 58px;
    color: #c8a063;
    font-family: "AVANTGARDEITCBYBT-DEMI";
}
.ybd-about-bg ul li .num span {
    display: inline-block;
    vertical-align: 3px;
    font-size: 20px;
    line-height: 20px;
    color: #c8a063;
    font-weight: bold;
}
.ybd-about-bg ul li .txt {
    font-size: 14px;
    line-height: 32px;
    color: #777;
    text-align: center;
}

.ybd-com{margin-top: 90px;}
.ybd-about-01{padding:2%;background: #fff;}
.ybd-about-01-left{text-align: center;}
.ybd-about-01-right{padding-right: 12%;line-height: 34px;}
.ybd-about-01-left img{width: 50%;border-radius: 50%}

.ybd-about-01 div img{width: 100%}
.ybd-about-01 p{text-indent: 50px;font-size: 28px;line-height: 60px;}
.ybd-about-01 p img{width: 400px}
.ybd-contact{margin-bottom: 80px;}
.ybd-contact img{width: 100%}
.ybd-bg-f5{margin-bottom: 80px;}
/*企业荣誉*/
.ybd-honor{width: 80%;margin: 0 auto;text-align: center; margin-bottom: 80px;}
.ybd-honor h1{    font-size: 36px;line-height: 48px; color: #333;}
.ybd-honor p{font-size: 16px;line-height: 24px;color: #999;font-family: "Roboto";text-transform: uppercase;}
.ybd-honor li{width: 30%;float: left; margin-right: 3%;margin-top: 40px;height: 760px;}
.ybd-honor li img{width: 100%}
.ybd-honor-tab{background: #fff;padding-top: 20px;padding-bottom: 20px;}
.ybd-honor-year{font-size: 32px;line-height: 36px;color: #c8a063;border-top: 6px solid;width: 50px;
    transition: color 0.5s;font-family: "AVANTGARDEITCBYBT-DEMI";margin: 16px auto;}
 .ybd-honor-year span   {font-size: 16px; line-height: 18px; transition: color 0.5s; color: #c8a063;
    display: inline-block;vertical-align: 2px; font-family: "Microsoft Yahei"; margin-left: 4px;}
.ybd-honor-txt{font-size: 16px;line-height: 28px;color: #333;padding-top: 5px; transition: color 0.5s;}
.ybd-honor li:hover .ybd-honor-tab{background: #c8a063}
.ybd-honor li:hover .ybd-honor-year{color: #fff;}
.ybd-honor li:hover .ybd-honor-year span{color: #fff;}
.ybd-honor li:hover .ybd-honor-txt{color: #fff;}

/*分页*/
.pages {
    text-align: center;
    padding-bottom: 60px;
    font-size: 13px;
       /*padding-left: 38%;*/
}
.pages a {
    padding: 5px 10px;
    margin: 0 4px;
    background-color: #f1f1f1;
}
.pages a:hover {
    background-color: #0181db;
    color: #fff
}
.pages span {
    background-color: #0181db;
    padding: 5px 10px;
    margin: 0 4px;
    color: #fff
}
.pages li{display: inline-block;}

/*在线订货*/
.ybd-banner img{width: 100%}
.container-top {margin-top: 40px;text-align: center;}
.ybd-form-content{margin-top: 50px;padding-left: 24%;text-align: center;}
.ybd-form-content form{width: 600px;}

/*资料下载*/

.ybd-download-list{background-color: #fff; box-shadow: 0 0 5px rgba(7,0,2,0.15);margin: 0 60px;
    margin-top: 40px;padding: 22px 45px 75px 45px;}

.ybd-download-list ul li{border-bottom: 1px dashed #e1e1e1;}
.ybd-download-list ul li a{    display: block;
    position: relative;
    padding-right: 110px;
    min-height: 34px;
    padding: 22px 110px 22px 0;}

.ybd-download-list ul li a .ybd-handbook .ico{    float: left;
    width: 25px;
    height: auto;}
.ybd-download-list ul li a .ybd-handbook .txt{    font-size: 16px;
    line-height: 30px;
    color: #333;
    margin-left: 40px;
}
.ybd-download-list ul li a .btn{    width: 100px;
    height: 34px;
    border: 1px solid #c8a063;
    border-radius: 34px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -17px;
    text-align: center;
    font-size: 0;}
.ybd-download-list ul li a .btn span{    margin: 0 6px;
    font-size: 16px;
    line-height: 34px;
    color: #c8a063;
    display: inline-block;
    vertical-align: middle;}

/*服务课堂*/
.ybd-class-list{padding: 40px 5%;}   
.ybd-class-list ul li{    box-sizing: border-box;
    padding: 0 20px;
    margin-top: 4%;
    width: 46%;float: left;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(7,0,2,0.15);} 
  .ybd-class-list ul li:nth-child(even){margin-left: 2%}
 .ybd-class-list ul li .ti   {    font-size: 16px;
    line-height: 24px;
    color: #333;
    cursor: pointer;
    position: relative;
    height: 64px;
    padding-right: 32px;}
 .ybd-class-list  ul li .ti .tab {
    width: 100%;
    height: 100%;
    display: table;
}
.ybd-class-list ul li .ti .tab .tab_cell {
    display: table-cell;
    vertical-align: middle;
}
.ybd-class-list ul li .ti::after {
    content: '';
    position: absolute;
    display: block;
    width: 29px;
    height: 29px;
    background: url(../img/arrow.png) no-repeat;
    right: 0px;
    top: 50%;
    margin-top: -14.5px;
    transition: transform 0.3s ease-out;
}
/*招贤纳士*/
.ybd-recruit{padding-top: 50px}
.ybd-map-posi{position: relative;}
.ybd-com-addr{background: rgba(0,0,0,0.6); color: #fff;position: absolute;top: 15%;
    left: 5%; width: 20%; height: 24%; padding: 4%;}
.ybd-com-addr p{margin: 20px 0;font-size: 16px;}