/*-----------------------------------------------------------*/

/*copyright by ????????????  www.btoe.cn*/

/*?????? btoe@btoe.cn*/

/*???????????? 400-0599-360*/

/*????????????????????????*/

/*-----------------------------------------------------------*/





/*banner*/

.bannerbox {

    position: relative;

    overflow: hidden;

  }

  .bannerbox .newsbox {

    position: absolute;

    left: 50%;

    bottom: 61px;

    width: 474px;

    height: 274px;

    -webkit-transform: translate(-50%, 0);

    -moz-transform: translate(-50%, 0);

    -ms-transform: translate(-50%, 0);

    -o-transform: translate(-50%, 0);

    transform: translate(-50%, 0);

    background: url('/style/css/img/pc_news_bg.png') center center no-repeat;

  }

  .bannerbox .newsbox .bendinglogo {

    width: 152px;

    height: 56px;

    margin-left: 90px;

    margin-top: 32px;

  }

  .bannerbox .newsbox .bendinglogo img {

    max-width: 100%;

  }

  .bannerbox .newsbox .newslist {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

  }

  .bannerbox .newsbox .newslist li {

    position: absolute;

    width: 150px;

    height: auto;

  }

  .bannerbox .newsbox .newslist li a {

    width: 100%;

    height: 14px;

    line-height: 14px;

    padding-left: 12px;

    color: #fff;

    font-size: 14px;

    box-sizing: border-box;

  }

  .bannerbox .newsbox .newslist li p {

    width: 100%;

    height: 12px;

    margin-top: 12px;

    line-height: 12px;

    color: #fff;

  }

  .bannerbox .newsbox .newslist li.li1 {

    right: 44px;

    top: 78px;

  }

  .bannerbox .newsbox .newslist li.li2 {

    left: 34px;

    bottom: 86px;

  }

  .bannerbox .newsbox .newslist li.li3 {

    bottom: 41px;

    right: 99px;

  }

  .bannerbox #bannerArrow,

  .bannerbox #bannerCircle {

    display: none;

  }

  .bannerbox .bannerline {

    position: absolute;

    z-index: 1;

    left: 37%;

    bottom: 62.5%;

    width: 669px;

    height: 2px;

    background: #fff;

    opacity: 0.2;

  }

  .bannerbox .bannerprocess {

    position: absolute;

    z-index: 1;

    left: 37%;

    bottom: 62.5%;

    width: 669px;

    height: 2px;

  }

  .html5zoo-timer-0{

      background-color: #2b9763 !important;

      height: 2px;



  }

  .bannerbox .pics_wrap {

    width: 1920px;

    height: auto;

    overflow-x: hidden;

    position: relative;

    margin-left: -960px;

    left: 50%;

}

  .bannerbox .html5zoo-img-0 img {

    width: 100%;

  }

  .bannerbox .html5zoo-arrow-left-0 {

    left: 10% !important;

  }

  .bannerbox .html5zoo-arrow-right-0 {

    right: 10% !important;

  }

  .bannerbox .html5zoo-bullet-wrapper-0 div {

    margin: 0 4px !important;

  }

  .bannerbox .html5zoo-nav-0 {

    margin-top: -35px !important;

    left: 48% !important;

  }

  .bannerbox .html5zoo-bullet-wrapper-0 {

    width: 100% !important;

  }

  .bannerbox .banner {

    width: 1000px;

    margin: 0 auto;

    position: relative;

    height: 325px;

    margin-top: 8px;

  }

  .bannerbox .banner ul.bb {

    position: relative;

    padding: 0px;

    margin: 0px;

    z-index: 5;

  }

  .bannerbox .banner ul.bb li {

    position: absolute;

    display: none;

  }

  .bannerbox .banner .num {

    position: absolute;

    right: 2px;

    bottom: 10px;

    z-index: 100;

  }

  .bannerbox .banner .num li {

    width: 18px;

    height: 18px;

    display: inline-block;

    margin-right: 4px;

    background: #fff;

    line-height: 18px;

    text-indent: -100px;

    overflow: hidden;

    border-radius: 10px;

  }

  .bannerbox .banner .num li.num_hover {

    background-color: #f7de07;

  }

  .bannerbox .banner .num li.num_hover a {

    color: #fff;

  }

  .bannerbox .banner .num li a {

    float: left;

    display: block;

    text-align: center;

    color: #666;

    text-decoration: none;

    cursor: pointer;

    width: 18px;

    height: 18px;

    line-height: 18px;

  }

  .bannerbox #focus {

    width: 255px;

    height: 188px;

    overflow: hidden;

    position: relative;

  }

  .bannerbox #focus ul {

    height: 188px;

    position: absolute;

  }

  .bannerbox #focus ul li {

    float: left;

    width: 255px;

    height: 188px;

    overflow: hidden;

    position: relative;

    background: #000;

  }

  .bannerbox #focus ul li a img {

    height: 188px;

    width: 255px;

  }

  .bannerbox #focus ul li div {

    position: absolute;

    overflow: hidden;

  }

  .bannerbox #focus .btnBg {

    position: absolute;

    width: 255px;

    height: 20px;

    left: 0;

    bottom: 0;

    background: #000;

  }

  .bannerbox #focus .btn {

    position: absolute;

    width: 255px;

    height: 10px;

    padding: 5px 10px;

    right: 0;

    bottom: 0;

    text-align: right;

  }

  .bannerbox #focus .btn span {

    display: inline-block;

    _display: inline;

    _zoom: 1;

    width: 25px;

    height: 10px;

    _font-size: 0;

    margin-left: 5px;

    cursor: pointer;

    background: #fff;

  }

  .bannerbox #focus .btn span.on {

    background: #fff;

  }

  

  .html5zoo-wrapper-0 {

      overflow: hidden;

  }





  @media (max-width:1600px) {

    .bannerbox .bannerline {

        width: 420px;

    }



    .bannerbox .bannerprocess {

        width: 420px;

    }

}



/*title*/



.title span{

    display: block;

    font-size: 48px;

    color: #cbcbcb;

    font-weight: bold;

    text-transform: uppercase;

    font-family: Arial, Helvetica, sans-serif;

    line-height: 50px;



}



.title h3{

    font-size: 30px;

    color: #545454;

    font-weight: bold;

    margin: 2px 0 5px 0;

    background: url(/style/css/img/title.png) no-repeat 140px center;

}



.title h3 a{

    font-size: 30px;

    color: #545454;

    font-weight: bold;

}



.title p{

    font-size: 16px;

    color: #8b8b8b;



}





/*te*/



.te{

    width: 1200px;

    margin: 60px auto 0 auto;

    height: 360px;

}



.te .te_img{

    width: 730px;

    height: 360px;

    float: left;

}



.te .te_img img{

    width: 730px;

    height: 360px;

    border-radius: 10px;

}



.te .txt{

    float: right;

    width: 435px;

}



.te .txt h5{

    font-size: 30px;

    font-weight: bold;

    color: #545454;

    margin: 25px 0 20px 0;



}



.te .txt i{

    display: block;

    width: 75px;

    height: 1px;

    background:  #545454;



}



.te .txt p{

    font-size: 14px;

    color: #8b8b8b;

    line-height: 30px;

    height: 240px;

    overflow: hidden;

    margin-top: 18px;



}





/*product*/



.product{

    width: 1200px;

    margin: 65px auto 0 auto;



}



.product .pro_t{

    text-align: center;

}



.product .pro_t span{

    display: block;

    font-size: 48px;

    color: #e2e2e2;

    font-weight: bold;

    font-family: Arial, Helvetica, sans-serif;

    text-transform: uppercase;

    line-height: 45px;

}



.product .pro_t h3 a{

    display: block;

    color: #424242;

    font-size: 30px;

    font-weight: bold;

    margin-top: -25px;

}



.product .pro_t i{

    display: block;

    width: 60px;

    height: 1px;

    background: #c8c8c8;

    margin: 15px auto 0 auto;

}





.product .pro_list{

    width: 1201px;

    margin: 40px auto  0 auto;

    position: relative;


}



.product .pro_list ul li.pro_li{

    float: left;

    height: 70px;

    background: #3a3a3a;

    width: 279px;

    margin-right: 1px;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;
	margin:20px 10px;

}



.product .pro_list ul li.pro_li:hover{

    background: #2b9763;

}



.product .pro_list ul li.pro_li.casehover{

    background: #2b9763;

}



.product .pro_list ul li.pro_li h5{

    margin: 0 5px;

}



.product .pro_list ul li.pro_li h5 img{

    margin: 10px 5px 0 20px;

    float: left;

}



.product .pro_list ul li.pro_li>h5>a{

    float: left;

    width: 170px;

    position: relative;

    text-align: center;

}



.product .pro_list ul li.pro_li>h5>a>span{

    font-size: 16px;

    color: #fff;

    font-weight: bold;

    display: block;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

    top: -15px;

    position: relative;

}



.product .pro_list ul li.pro_li>h5>a>i{

    display: block;

    text-align: center;

    font-size: 36px;

    color: #424242;

    font-weight: bold;

    font-family: Arial, Helvetica, sans-serif;

    line-height: 30px;

    margin-top: 13px;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.product .pro_list ul li.pro_li.casehover>h5>a>i{

    color: #6aaf8a;

}



.product .pro_list ul li .submenu {

    display: block;

    position: absolute;

    top: 70px;

    left: 0px;

    background: #f5f5f5;

    height: 50px;

    width: 1200px;

    z-index: 999;

}



.product .pro_list ul li .submenu dd {

    float: left;

    padding: 0;

    background: none;

    height: 50px;

    line-height: 50px;

    width: 150px;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.product .pro_list ul li .submenu dd a {

    float: none;

    font-family: "Microsoft YaHei";

    font-size: 14px;

    color: #424242;

    font-weight: normal;

    display: block;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

    background: url(/style/css/img/buttom5.png) no-repeat 15px center;

    padding-left: 40px;

}



.product .pro_list ul li .submenu dd:hover a {

    color: #fff;

    background: url(/style/css/img/buttom4.png) no-repeat 15px center;

}



.product .pro_list ul li .submenu dd:hover {

    background: #2b9763;

}



.product .pro_list ul li.on .submenu{

    display: block;

    height: 50px !important;

    opacity: 1 !important;

}







.product .pro_box{

    margin: 40px auto 0 auto;

}





.product .pro_box ul li{

    float: left;

    width: 275px;

    height: 412px;

    background: #fff;

    border-radius: 5px;

    border: 5px solid #edeef5;

    margin: 0 8px 25px 7px;

    position: relative;

}



.product .pro_box ul li .pic{

    width: 240px;

    height: 320px;

    margin: 15px auto 0 auto;

    position: relative;



}



.product .pro_box ul li .pic img{

    width: 100%;

    height: 100%;

    display: block;

    margin: 0 auto;

    object-fit: contain;

    position: absolute;

    left: 0;

    top: 20px;

}



.product .pro_box ul li .txt{

    position: absolute;

    top: 20px;

    text-align: center;

    width: 285px;

    z-index: 5;



}



.product .pro_box ul li .txt a{

    font-size: 16px;

    color: #545454;

    display: block;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.product .pro_box ul li .more{

    width: 215px;

    height: 34px;

    line-height: 34px;

    background: #eeeff4;

    border-radius: 25px;

    margin: 25px auto 0 auto;

    padding: 0 15px 0 20px;

}



.product .pro_box ul li .more a{

    font-size: 14px;

    color: #545454;

    font-family: Arial, Helvetica, sans-serif;

    text-transform: uppercase;

    background: url(/style/css/img/more1.png) no-repeat right center;

    display: block;

}



.product .pro_box ul li .txt_on{

    position: absolute;

    left: 17px;

    top: 15px;

    background: url(/style/css/img/ico1.png) repeat center;

    width: 180px;

    height: 0px;

    border-radius: 5px;

    padding: 0 30px;

    opacity: 0;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.product .pro_box ul li .txt_on a{

    font-size: 16px;

    color: #fff;

    display: block;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

    text-align: center;

    margin: 20px 0 30px 0;

}



.product .pro_box ul li .txt_on p{

    font-size: 14px;

    color: #fff;

    line-height: 24px;

    height: 72px;

    overflow: hidden;

}



.product .pro_box ul li:hover .txt_on{

    height: 320px;

    opacity: 1;

}



.product .pro_box ul li:hover .txt a{

    opacity: 0;

}



/*ys*/



.ys{

    width: 1200px;

    margin: 60px auto 0 auto;

    height: 600px;

}



.ys .ys_t{

    width: 1200px;

    height: 100px;

    background: url(/style/css/img/ys_t.jpg) no-repeat bottom center;

}



.ys .ys_t .ys_title{

    width: 425px;

    height: 100px;

    position: relative;

    margin: 0 auto;

}



.ys .ys_t .ys_title h5{

    font-size: 96px;

    color: #2b9763;

    line-height: 90px;

    float: left;

}



.ys .ys_t .ys_title span{

    font-size: 44px;

    color: #2b9763;

    font-style: italic;

    line-height: 50px;

    margin: 0 15px 0 5px;

}



.ys .ys_t .ys_title i{

    font-size: 20px;

    color: #2b9763;

    font-weight: bold;

}



.ys .ys_t .ys_title p{

    font-size: 16px;

    color: #fff;

    font-weight: bold;

    text-align: center;

    line-height: 30px;

    margin-top: 6px;

}



.ys .ys_box{

    position: relative;

    margin: 175px auto 0 auto;



}



.ys .ys_box .ys_img{

    margin: 0 auto;

    width: 239px;

    height: 228px;

    position: relative;

}



.ys .ys_box .ys_img .ys_num ul li{

    width: 50px;

    height: 50px;

    line-height: 50px;

    background: #2b9763;

    border-radius: 50%;

    text-align: center;

    font-size: 24px;

    color: #fff;

}



.ys .ys_box .ys_img .ys_num ul li.t1{

    position: absolute;

    left: 94px;

    top: -25px;

}



.ys .ys_box .ys_img .ys_num ul li.t2{

    position: absolute;

    left: -25px;

    top: 60px;

}





.ys .ys_box .ys_img .ys_num ul li.t3{

    position: absolute;

    left: 220px;

    top: 60px;

}



.ys .ys_box .ys_img .ys_num ul li.t4{

    position: absolute;

    left: 17px;

    top: 195px;

}



.ys .ys_box .ys_img .ys_num ul li.t5{

    position: absolute;

    left: 172px;

    top: 195px;

}



.ys .ys_box ul li.ys1{

    width: 395px;

    position: absolute;

    top: -135px;

    left: 400px;

    text-align: center;

}



.ys .ys_box ul li.ys2{

    width: 385px;

    position: absolute;

    top: 35px;

    left: 22px;

    text-align: right;

}



.ys .ys_box ul li.ys3{

    width: 405px;

    position: absolute;

    top: 35px;

    right: 2px;

}





.ys .ys_box ul li.ys4{

    width: 400px;

    position: absolute;

    top: 190px;

    left: 60px;

    text-align: right;

}



.ys .ys_box ul li.ys5{

    width: 385px;

    position: absolute;

    top: 190px;

    right: 70px;

}



.ys .ys_box ul li h5{

    font-size: 24px;

    color: #545454;

    font-weight: bold;

    margin-bottom: 10px;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.ys .ys_box ul li p{

    font-size: 16px;

    color: #545454;

    line-height: 24px;

    

}



.ys .ys_box ul li:hover h5{

    color: #2b9763;

}





/*case*/



.case_bg{

    width: 100%;

    margin: 40px auto 0 auto;

    height: 650px;

    background: url(/style/css/img/case_bg.jpg) no-repeat top  center;

}



.case_bg .case{

    width: 1200px;

    margin: 0 auto;

    padding-top: 50px;

    position: relative;

}



.case_bg .case .case_box{

    width: 1200px;

    margin: 0 auto;

    position: relative;

}



.case_bg .case .case_box .hd{

    height: 45px;

    position: absolute;

    right: 0;

    top: -160px;

    z-index: 5;

}



.case_bg .case .case_box .case_button{

    width: 125px;

    height: 40px;

    position: absolute;

    right: 170px;

    top: -80px;

    z-index: 5;

    background: url(/style/css/img/case_xt.png) no-repeat center;

}



.case_bg .case .case_box .case_button .next{

    float: left;

    cursor: pointer;

    width: 18px;

    height: 35px;

    background: url(/style/css/img/left.png) no-repeat center;

}



.case_bg .case .case_box .case_button .prev{

    float: right;

    cursor: pointer;

    width: 18px;

    height: 35px;

    background: url(/style/css/img/right.png) no-repeat center;

}





.case_bg .case .case_box .hd ul li{

    float: left;

    width: 32px;

    line-height: 45px;

    font-size: 16px;

    color: #858585;

    text-align: center;

    margin: 0 35px;

}



.case_bg .case .case_box .hd ul li.on{

    border-bottom: 1px solid #545454;

}





.case_bg .case .case_box .bd{

    margin: 30px auto 0 auto;

} 



.case_bg .case .case_box .bd ul li{

    float: left;

    width: 285px;

    height: 400px;

    border: 1px solid #e5e5e5;

    border-radius: 5px;

    margin: 0 6px 30px 6px;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.case_bg .case .case_box .bd ul li:hover{

    border: 1px solid #019a62;

}



.case_bg .case .case_box .bd ul li .pic{

    width: 255px;

    height: 320px;

    margin: 15px auto 0 auto;

}



.case_bg .case .case_box .bd ul li .pic img{

    width: 255px;

    height: 320px;

    border-radius: 5px;

}



.case_bg .case .case_box .bd ul li .txt{

    width: 255px;

    height: 65px;

    margin: 0 auto;

    position: relative;

}



.case_bg .case .case_box .bd ul li .txt h5 a{

    font-size: 16px;

    color: #545454;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    line-height: 55px;

}



.case_bg .case .case_box .bd ul li .txt .more{

    display: block;

    width: 90px;

    height: 40px;

    line-height: 40px;

    background: #019a62;

    border-radius: 25px;

    position: absolute;

    right: 0;

    bottom: -20px;

    font-size: 14px;

    color: #fff;

    text-align: center;

    text-transform: uppercase;

}









/*about*/



.ab_bg{

    width: 100%;

    margin: 50px auto 0 auto;

    height: 890px;

    background: url(/style/css/img/ab_bg.jpg) no-repeat bottom center;

}



.ab_bg .about{

    width: 1200px;

    height: 455px;

    margin: 0 auto;

}



.ab_bg .about .ab_l{

    float: left;

    width: 490px;

}



.ab_bg .about .ab_l span{

    display: block;

    font-size: 36px;

    color: #dedede;

    font-family: 'Times New Roman', Times, serif;

    text-transform: uppercase;

    font-weight: bold;

}



.ab_bg .about .ab_l h5{

    font-size: 30px;

    color: #141414;

    letter-spacing: 2px;



}



.ab_bg .about .ab_l i{

    display: block;

    font-size: 48px;

    color: #019a62;

    text-transform: uppercase;

    font-weight: bold;

    font-family: Arial, Helvetica, sans-serif;

    margin-top: 5px;



}



.ab_bg .about .ab_l p{

    color: #858585;

    font-size: 14px;

    line-height: 30px;

    height: 150px;

    overflow: hidden;

    margin-top: 15px;

}



.ab_bg .about .ab_l .more{

    margin-top: 64px;

    float: right;

    width: 190px;

    height: 50px;

    line-height: 50px;

    border-radius: 5px;

    background: #019a62;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.ab_bg .about .ab_l .more a{

    display: block;

    text-align: center;

    font-size: 16px;

    color: #fff;

}



.ab_bg .about .ab_l .more:hover{

    transform: translateX(10px);

    -webkit-transform: translateX(10px);

    -o-transform: translateX(10px);

}



.ab_bg .about .ab_l .video{

    position: relative;

}



.modal-iframe img{

    width: 1200px;

    height: 500px;

    margin: 0 auto;

}





.modal-iframe iframe{

    width: 1200px;

    height: 500px;

    margin: 0 100px;

}





.alert-btn-close{

    position: absolute;

    right: 21%;

    top: 0px;

    font-size: 24px;

    color: #fff;

    background: #019a62;

    cursor: pointer;

    z-index: 1000;

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

}



.modal-iframe{

    position: fixed;

    left: 57%;

    top: 50%;

    z-index: 999;

    width: 90%;

    height: 90%;

    margin-left: -712.5px;

    margin-top: -223px;

    display: none;

}



.tc_black{

    display: block;

}







.ab_bg .about .ab_img{

    float: right;

    width: 650px;

    height: 420px;

    margin-top: 35px;

}



.ab_bg .about .ab_img img{

    width: 650px;

    height: 420px;



}





/*fc*/



.fc{

    width: 1200px;

    height: 330px;

    margin: 60px auto 0 auto;

    background: #fff;

    border-top: 3px solid #019a62;

}



.fc .fc_list{

    height: 40px;

    margin: 20px 0 0 30px;

    position: relative;

}



.fc .fc_list ul li{

    float: left;

}



.fc .fc_list ul li h5 a{

    float: left;

    display: block;

    width: 130px;

    height: 40px;

    line-height: 40px;

    background: #373737;

    border-radius: 5px;

    margin-right: 20px;

    font-size: 14px;

    color: #fff;

    text-align: center;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.fc .fc_list ul li.casehover h5 a{

    background: #019a62;

}



.fc .fc_list ul li .more{

    position: absolute;

    right: 30px;

    top: 5px;

    width: 30px;

    height: 30px;

    background:  url(/style/css/img/more.jpg) no-repeat center;

    display: none;

}



.fc .fc_list ul li.casehover .more {

    display: block;

}



.fc .fc_box{

    margin: 15px auto 0 auto;

} 



.fc .fc_box .bd{

    margin: 0 auto;

    width: 1160px;

}



.fc .fc_box .bd ul li{

    float: left;

    width: 270px;

    margin: 0 10px;

    position: relative;

}



.fc .fc_box .bd ul li .pic{

    width: 270px;

    height: 190px;

}



.fc .fc_box .bd ul li .pic img{

    width: 270px;

    height: 190px;

    border-radius: 5px;

}



.fc .fc_box .bd ul li .txt{

    width: 270px;

    height: 46px;

    line-height: 46px;

    background: #fff;

    position: relative;

    z-index: 5;

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

}



.fc .fc_box .bd ul li .txt a{

    color: #545454;

    font-size: 14px;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    text-align: center;

    padding: 0 5px;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.fc .fc_box .bd ul li .txt i{

    position: absolute;

    left: 0;

    bottom: 0;

    width: 0;

    height: 46px;

    background: #019a62;

    z-index: -1;

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.fc .fc_box .bd ul li:hover .txt i {

    width: 100%;

}



.fc .fc_box .bd ul li:hover .txt a{

    color: #fff;

}







/*news*/



.news_bg{

    width: 100%;

    height: 795px;

    margin: 55px auto 0 auto;

    background: url(/style/css/img/links_bg.jpg) no-repeat bottom center;

}



.news_bg .news{

    width: 1200px;

    margin: 0 auto;

    height: 665px;

}



.news_bg .news .news_l{

    float: left;

    width: 690px;

}



.news_bg .news .news_l .news_nr{

    width: 690px;

    border-top: 1px solid #e7e7e7;

    margin-top: 20px;

    padding-top: 30px;

}



.news_bg .news .news_l .news_nr ul li{

    width: 690px;

    height: 110px;

    background: #f9f9f9;

    border-radius: 5px;

    margin-bottom: 20px;

    position: relative;

    z-index: 5;

}



.news_bg .news .news_l .news_nr ul li .pic{

    float: left;

    width: 140px;

    height: 110px;

}



.news_bg .news .news_l .news_nr ul li .pic img{

    width: 140px;

    height: 110px;

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px;

}



.news_bg .news .news_l .news_nr ul li .txt{

    float: right;

    width: 500px;

    margin-right: 20px;

}



.news_bg .news .news_l .news_nr ul li .txt a{

    font-size: 16px;

    color: #545454;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

    margin: 17px 0 6px 0;

}



.news_bg .news .news_l .news_nr ul li .txt p{

    font-size: 14px;

    color: #999;

    line-height: 25px;

    height: 50px;

    overflow: hidden;

}



.news_bg .news .news_l .news_nr ul li i{

    position: absolute;

    left: 0;

    bottom: 0;

    width: 0;

    height: 110px;

    border-radius: 5px;

    background: #019a62;

    z-index: -1;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.news_bg .news .news_l .news_nr ul li:hover i{

    width: 100%;

}



.news_bg .news .news_l .news_nr ul li:hover .txt a{

   color: #fff;

}



.news_bg .news .news_l .news_nr ul li:hover .txt p{

    color: #fff;

}



.news_bg .news .news_l .list{

    margin-top: 25px;

}



.news_bg .news .news_l .list ul li{

    height: 24px;

    line-height: 24px;

    margin-bottom: 20px;

}



.news_bg .news .news_l .list ul li a{

    float: left;

    width: 400px;

    padding-left: 45px;

    width: 400px;

    background: url(/style/css/img/buttom1.png) no-repeat left center;

    font-size: 16px;

    color: #545454;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.news_bg .news .news_l .list ul li span{

    float: right;

    font-size: 14px;

    color: #999;

}



.news_bg .news .news_l .list ul li:hover a{

    color: #2b9763;



}



.news_bg .news .question{

    width: 400px;

    height: 640px;

    background: #f9f9f9;

    border-radius: 5px;

    float: right;

    padding: 0 25px;

}



.news_bg .news .question .question_t{

    margin: 20px auto 0 auto;

    height: 40px;

    line-height: 40px;

}



.news_bg .news .question .question_t h5{

    float: left;

    font-size: 24px;

    color: #545454;

    font-weight: bold;



}



.news_bg .news .question .question_t .more{

    float: right;

    width: 80px;

    height: 40px;

    background: #019a62;

    font-size: 14px;

    color: #fff;

    display: block;

    text-align: center;

    text-transform: uppercase;

}



.news_bg .news .question .news_img{

    margin: 20px auto 0 auto;

    width: 400px;

    height: 215px;

}



.news_bg .news .question .news_img img{

    width: 400px;

    height: 215px;

}



.news_bg .news .question .question_box{

    margin: 1px auto 0 auto;

}



.news_bg .news .question .question_box ul li{

    height: 90px;

    border-bottom: 1px solid #dedede;

    padding-top: 20px;

}



.news_bg .news .question .question_box ul li .wen{

    height: 24px;

    line-height: 24px;



}



.news_bg .news .question .question_box ul li .wen span{

    width: 24px;

    height: 24px;

    background: #2b9763;

    float: left;

    display: block;

    text-align: center;

    font-size: 14px;

    color: #fff;

    font-weight: bold;

    text-transform: uppercase;



}



.news_bg .news .question .question_box ul li .wen a{

    float: right;

    margin-right: 15px;

    width: 340px;

    font-size: 14px;

    color: #545454;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.news_bg .news .question .question_box ul li .da{

    margin-top: 7px;



}



.news_bg .news .question .question_box ul li .da span{

    width: 24px;

    height: 24px;

    background: #353536;

    float: left;

    display: block;

    text-align: center;

    font-size: 14px;

    color: #fff;

    font-weight: bold;

    text-transform: uppercase;



}



.news_bg .news .question .question_box ul li .da p{

    font-size: 14px;

    color: #999;

    line-height: 24px;

    height: 48px;

    overflow: hidden;

    float: right;

    margin-right: 15px;

    width: 340px;

}





/*links*/



.links{

    width: 1200px;

    margin: 50px auto 0 auto;

    height: 80px;

    line-height: 80px;

    overflow: hidden;

}



.links h3{

    float: left;

    font-size: 24px;

    color: #fff;

    font-weight: bold;

    margin-left: 70px;

}



.links .yq{

    float: right;

    width: 980px;

    font-size: 14px;

    color: #8b8b8b;

}



.links .yq a{

    font-size: 14px;

    color: #8b8b8b;

    margin: 0 10px;



}
/*
     FILE ARCHIVED ON 23:22:06 Jan 06, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:40:47 Jul 30, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 1.251
  exclusion.robots: 0.061
  exclusion.robots.policy: 0.036
  esindex: 0.025
  cdx.remote: 9.644
  LoadShardBlock: 165.904 (3)
  PetaboxLoader3.datanode: 64.302 (4)
  PetaboxLoader3.resolve: 109.171 (2)
  load_resource: 79.749
*/