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

/*copyright by 动力无限  www.btoe.cn*/

/*邮箱 btoe@btoe.cn*/

/*合作电话 400-0599-360*/

/*版权所有违者必究*/

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





/*banner*/





.fullSlide {

    width: 100%;

    position: relative;

    height: 776px;

    background: #fff;

    overflow: hidden;

  }

  

  .fullSlide .bd {

    width: 100%;

    height: 776px;

    margin: 0 auto;

    position: relative;

    z-index: 1;

    overflow: hidden;

  }



  

  .fullSlide .bd ul {

    width: 100% !important;

  }

  

  .fullSlide .bd li {

    width: 100% !important;

    height: 776px;

    overflow: hidden;

    text-align: center;

  }

  

  .fullSlide .bd li a {

    display: block;

    height: 776px;

  }

  

  .fullSlide .hd {

    width: 100%;

    position: absolute;

    z-index: 2;

    bottom: 40px;

    left: 0;

    height: 30px;

    text-align: center;

  }

  

  .fullSlide .hd ul {

    text-align: center;

  }

  

  .fullSlide .hd ul li {

    cursor: pointer;

    display: inline-block;

    zoom: 1;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    margin: 10px;

    overflow: hidden;

    line-height: 99px;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

    background: #fff;

  }

  

  .fullSlide .hd ul .on {

    background: #02bea6;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

  }

  

  

  .fullSlide .next {

    width: 65px;

    height: 65px;

    position: absolute;

    top: 50%;

    margin-top: -30px;

    z-index: 2;

    background: url(../images/bannerR.png) no-repeat center;

    filter: alpha(opacity=30);

    -moz-opacity: .3;

    opacity: .3;

    -webkit-transition: all .5s linear;

    transition: all .5s linear;

    right: 6%;

  }

  

  .fullSlide .prev {

    width: 65px;

    height: 65px;

    position: absolute;

    top: 50%;

    margin-top: -30px;

    z-index: 2;

    background: url(../images/bannerL.png) no-repeat center;

    filter: alpha(opacity=30);

    -moz-opacity: .3;

    opacity: .3;

    -webkit-transition: all .5s linear;

    transition: all .5s linear;

    left: 6%;

  }





/*trait*/



.trait_bg{

    width: 100%;

    height: 94px;

    margin: 0 auto;

    background: #fff;

    -webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .06);

    box-shadow: 0 0 8px 6px rgba(0, 0, 0, .06);

}



.trait_bg .trait{

    width: 1300px;

    margin: 0 auto;

    height: 94px;

}





.trait_bg .trait .trait_l{

    float: left;

    height: 94px;

    width: 365px;

    background: url(../images/xt.png) no-repeat right center;

}



.trait_bg .trait .trait_l h5{

    font-size: 24px;

    color: #4c4c4c;

    font-weight: bold;

    margin-top: 15px;



}



.trait_bg .trait .trait_l h5 i{

    font-size: 24px;

    color: #02bea6;

    font-weight: bold;

}



.trait_bg .trait .trait_l p{

    font-size: 14px;

    color: #666;

    margin-top: 5px;



}



.trait_bg .trait .tel{

    float: left;

    margin-left: 25px;

    padding-left: 65px;

    font-size: 14px;

    color: #666;

    background: url(../images/tel.png) no-repeat left center;

    margin-top: 15px;

} 



.trait_bg .trait .tel span{

    display: block;

    font-size: 28px;

    color: #333333;

}



.trait_bg .trait .search{

    float: right;

    width: 380px;

    height: 54px;

    border: 1px solid #e5e5e5;

    border-radius: 5px;

    margin-top: 20px;

} 



.trait_bg .trait .search .search2{

    float: left;

    background: none;

    width: 250px;

    height: 54px;

    padding-left: 20px;

    font: 14px;

    color: #666666;

}



.trait_bg .trait .search .search_s{

    float: right;

    width: 58px;

    height: 42px;

    margin: 6px 6px 0 0;

}





/*product*/



.page_bg{

    width: 100%;

    margin: 0 auto;

    background: #fafafa;

}







/*title*/



.title{

    float: left;

}



.title span{

    display: block;

    font-size: 48px;

    color: #02bea6;

    opacity: 0.2;

    text-transform: uppercase;

    line-height: 50px;

    margin-bottom: 12px;

}



.title h3{

    font-size: 30px;

    color: #333333;

    font-weight: bold;

    background: url(../images/title.png) no-repeat bottom center;

    margin: 0 auto;

    text-align: center;

    padding-bottom: 8px;

}



.title h3 a{

    font-size: 30px;

    color: #333333;

    font-weight: bold;

}



.title h3 i{

    font-size: 30px;

    color: #333333;

    font-weight: bold;

    margin-left: 40px;

}









.product{

    width: 1300px;

    margin: 0 auto;

    padding-top: 70px;

}



.product .pro_t{

    overflow: hidden;

}



.product .pro_t .title{

    float: left;

}



.product .pro_t .more{

    float: right;

    width: 60px;

    height: 60px;

    background: url(../images/more1.png) no-repeat center;

    margin-top: 55px;

} 

 

.product .pro_box{

    margin: 50px auto 0 auto;

} 



.product .pro_box .pro_l{

    float: left;

    width: 301px;

    height: 736px;

    background: url(../images/pro_bg.png) no-repeat right center;

    position: relative;

}



.product .pro_box .pro_l ul{

    margin-top: 57px;

}



.product .pro_box .pro_l ul li{

    position: relative;

    z-index: 5;

    width: 224px;

    height: 58px;

    line-height: 58px;

    background: #daeeeb;

    margin-bottom: 23px;



}

 

.product .pro_box .pro_l ul li a{

    float: left;

    width: 130px;

    font-size: 16px;

    color: #4c4c4c;

    font-weight: bold;

    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;

    padding-left: 45px;

    background: url(../images/buttom3.png) no-repeat 22px center;

}



.product .pro_box .pro_l ul li i{

    display: block;

    float: right;

    width: 14px;

    height: 14px;

    background: url(../images/buttom5.png) no-repeat  center;

    margin: 22px 25px 0 0;

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

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

    transition: all 0.5s ease-out;

}

 

.product .pro_box .pro_l ul li::after{

    position: absolute;

    left: 0;

    top: 0;

    width: 0;

    height: 58px;

    background: #02bea6;

    content: "";

    z-index: -1;

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

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

    transition: all 0.5s ease-out;

}

 

.product .pro_box .pro_l ul li:hover:after{

    width: 100%;

}



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

    color: #fff;

    background: url(../images/buttom2.png) no-repeat 22px center;

}



.product .pro_box .pro_l ul li:hover i{

    background: url(../images/buttom4.png) no-repeat  center;

}



.product .pro_box .pro_l h5{

    position: absolute;

    right: 38px;

    top: 80px;

    font-size: 14px;

    color: #02bea6;

    opacity: 0.4;

    text-transform: uppercase;

    letter-spacing: 35px;

    writing-mode:tb-rl;

}



.product .pro_box .pro_r{

    float: right;

    width: 980px;

} 



.product .pro_box .pro_r ul li{

    float: left;

    width: 313px;

    margin-bottom: 30px;

}



.product .pro_box .pro_r ul li .pic{

    width: 313px;

    height: 236px;

    background: #e6e6e6;

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

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

    transition: all 0.5s ease-out;

}



.product .pro_box .pro_r ul li .pic img{

    width: 305px;

    height: 228px;

    margin: 4px;

}



.product .pro_box .pro_r ul li .txt{

    margin-top: 10px;

    height: 45px;

    line-height: 45px;

    border-bottom: 1px solid #cccccc;

}

 

.product .pro_box .pro_r ul li .txt h5 a{

    width: 200px;

    float: left;

    margin-left: 5px;

    font-size: 16px;

    color: #333;

    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;

}



.product .pro_box .pro_r ul li .txt .more{

    display: block;

    float: right;

    margin-right: 5px;

    font-size: 12px;

    color: #666666;

    text-transform: uppercase;

}



.product .pro_box .pro_r ul li.p1,

.product .pro_box .pro_r ul li.p2{

    width: 480px;

}



.product .pro_box .pro_r ul li.p1{

    margin-right: 17px;

}



.product .pro_box .pro_r ul li.p1 .pic,

.product .pro_box .pro_r ul li.p2 .pic{

    width: 480px;

    height: 358px;

    background: #e6e6e6;

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

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

    transition: all 0.5s ease-out;

}



.product .pro_box .pro_r ul li.p1 .pic img,

.product .pro_box .pro_r ul li.p2 .pic img{

    width: 472px;

    height: 350px;

    margin: 4px;

}



.product .pro_box .pro_r ul li.p3,

.product .pro_box .pro_r ul li.p4

{

    margin-right: 17px;

}



.product .pro_box .pro_r ul li:hover .pic{

    background: #02bea6;

}

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

    color: #02bea6;

}





/*banner_1*/



.banner_1{

    width: 100%;

    margin: 0 auto;

    height: 176px;

    background: url(../images/banner_1.jpg) no-repeat  center;

}



.banner_1 .cont{

    width: 1300px;

    margin: 0 auto;

}



.banner_1 .cont .txt_l{

    float: left;

    width: 260px;

    text-align: center;

}



.banner_1 .cont .txt_l h5{

    font-size: 30px;

    color: #fff;

    font-weight: bold;

    margin-top: 48px;

}



.banner_1 .cont .txt_l i{

    display: block;

    font-size: 24px;

    color: #fff;

}



.banner_1 .cont .txt_r{

    float: right;

    width: 980px;

    margin-top: 57px;



} 



.banner_1 .cont .txt_r ul li{

    float: left;

    height: 61px;

    width: 325px;



}



.banner_1 .cont .txt_r ul li img{

    display: block;

    float: left;

    margin-right: 23px;

}



.banner_1 .cont .txt_r ul li p{

    float: left;

    font-size: 18px;

    color: #fff;

}



.banner_1 .cont .txt_r ul li p i{

    display: block;

    font-size: 16px;

    color: #fff;

}

 



/*ys*/



.ys{

    width: 1300px;

    margin: 65px auto 0 auto;

}



.ys .title{

    text-align: center;

    margin: 0 auto;

    float: none;

}



.ys .ys_box{

    width: 1300px;

    margin: 50px auto 0 auto;

    position: relative;

}



.ys .ys_box .ys_l{

    float: left;

    width: 675px;

}



.ys .ys_box .ys_l ul li{

    float: left;

    margin-right: 30px;

    margin-bottom: 30px;

    width: 304px;

    height: 148px;

    background: #fff;

    position: relative;

    z-index: 5;

}



.ys .ys_box .ys_l ul li h6{

    position: absolute;

    left: 0;

    top: 0;

    width: 56px;

    height: 52px;

    background: url(../images/ys_list1.png) no-repeat  center;

    font-size: 18px;

    color: #999;

    line-height: 52px;

    text-align: center;

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

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

    transition: all 0.5s ease-out;

}



.ys .ys_box .ys_l ul li .txt{

    margin-left: 10px;

    text-align: center;

}



.ys .ys_box .ys_l ul li .txt h5{

    font-size: 18px;

    color: #4c4c4c;

    font-weight: bold;

    margin: 33px auto 0 auto;

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

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

    transition: all 0.5s ease-out;

}



.ys .ys_box .ys_l ul li .txt i{

    display: block;

    width: 40px;

    height: 1px;

    background: #cccccc;

    margin: 15px auto 12px auto;

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

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

    transition: all 0.5s ease-out;

}



.ys .ys_box .ys_l ul li .txt p{

    font-size: 14px;

    color: #666666;

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

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

    transition: all 0.5s ease-out;



}





.ys .ys_box .ys_img{

    float: right;

    width: 615px;

    height: 585px;

    position: relative;

    margin-top: -60px;



} 



.ys .ys_box .ys_img img{

    width: 615px;

    height: 585px;

}





.ys .ys_box .ys_l ul li.on h6{

    background: url(../images/ys_list.png) no-repeat  center;

    color: #02bea6;

}



.ys .ys_box .ys_l ul li::after{

    position: absolute;

    left: 0;

    top: 0;

    width: 0;

    height: 148px;

    background: #02bea6;

    content: "";

    z-index: -1;

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

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

    transition: all 0.5s ease-out;

}



.ys .ys_box .ys_l ul li.on::after{

    width: 100%;

}



.ys .ys_box .ys_l ul li.on .txt h5{

    color: #fff;

}



.ys .ys_box .ys_l ul li.on i{

    background: #fff;

}



.ys .ys_box .ys_l ul li.on p{

    color: #fff;

}





/*case*/



.case{

    width: 1300px;

    margin: 80px auto 0 auto;

    background: url(../images/case_bg.png) no-repeat  top center;

}



.case .message{

    height: 305px;

    margin: 0 auto;

}



.case .message .title{

    float: left;

}



.case .message .m_r{

    float: right;

    width: 855px;

    margin-right: 25px;

} 



.case .message .m_r h5{

    height: 110px;

    line-height: 110px;

    font-size: 30px;

    color: #02bea6;

    font-weight: bold;

}



.case .message .m_r h5 i{

    font-size: 24px;

    color: #e1e1e1;

    font-weight: normal;

    margin-left: 20px;

    text-transform: uppercase;

}



.case .message .m_r .m_nr{

    height: 50px;

    margin-bottom: 30px;

}



.case .message .m_r .m_nr .form-group1{

    width: 268px;

    height: 48px;

    border: 1px solid #d8d8d8;

    border-radius: 5px;

    margin-right: 20px;

    float: left;



}



.case .message .m_r .m_nr .form-group1 input{

    width: 268px;

    height: 48px;

    text-indent: 40px;

    font-size: 14px;

    color: #666;

    background: url(../images/m1.png) no-repeat  10px center;

}

 

.case .message .m_r .m_nr .form-group2{

    width: 268px;

    height: 48px;

    border: 1px solid #d8d8d8;

    border-radius: 5px;

    margin-right: 20px;

    float: left;

}



.case .message .m_r .m_nr .form-group2 input{

    width: 268px;

    height: 48px;

    text-indent: 40px;

    font-size: 14px;

    color: #666;

    background: url(../images/m2.png) no-repeat  10px center;

}



.case .message .m_r .m_nr .form-group4{

    width: 268px;

    height: 48px;

    border: 1px solid #d8d8d8;

    border-radius: 5px;

    float: left;

}



.case .message .m_r .m_nr .form-group4 input{

    width: 168px;

    height: 48px;

    text-indent: 40px;

    font-size: 14px;

    color: #666;

    background: url(../images/m3.png) no-repeat  10px center;

    float: left;

}



.case .message .m_r .m_nr .form-group4 .imgcode{

    float: right;

    width: 91px;

    height: 36px;

    margin: 6px 6px 0 0;

}



.case .message .m_r  .form-group3{

    width: 558px;

    height: 48px;

    border: 1px solid #d8d8d8;

    border-radius: 5px;

    margin-right: 20px;

    float: left;

}



.case .message .m_r  .form-group3 textarea{

    width: 518px;

    height: 35px;

    font-size: 14px;

    color: #666;

    background: url(../images/m4.png) no-repeat  10px center;

    padding: 13px 0 0 40px;

}





.case .message .m_r .anniu{

    float: right;

}



.case .message .m_r .anniu button{

    cursor: pointer;

    border: none;

    width: 270px;

    height: 50px;

    background: #02bea6;

    border-radius: 5px;

    font-size: 14px;

    color: #fff;

}



.case .case_box{

    margin: 0 auto;

    position: relative;

}



.case .case_box ul li{

    float: left;

    width: 305px;

    margin: 0 10px;

}



.case .case_box ul li .pic{

    width: 305px;

    height: 220px;





}



.case .case_box .pic img{

    width: 305px;

    height: 220px;

}



.case .case_box ul li .txt{

    width: 303px;

    height: 48px;

    border: 1px solid #e5e5e5;

    border-radius: 5px;

    margin: 20px auto 0 auto;

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

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

    transition: all 0.5s ease-out;

}



.case .case_box ul li .txt .txt_t{

    width: 295px;

    height: 40px;

    line-height: 40px;

    background: #daeeeb;

    border-radius: 5px;

    margin: 4px;

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

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

    transition: all 0.5s ease-out;

}



.case .case_box ul li .txt .txt_t h5 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;

    float: left;

    width: 200px;

    margin-left: 15px;

}





.case .case_box ul li .txt .txt_t .more{

    display: block;

    float: right;

    margin-right: 15px;

    background: url(../images/more2.png) no-repeat  center;

    width: 17px;

    height: 14px;

    margin-top: 13px;

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

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

    transition: all 0.5s ease-out;



}



.case .case_box ul li:hover .txt{

    border: 1px solid #02bea6;

}



.case .case_box ul li:hover .txt .txt_t{

    background: #02bea6;



}



.case .case_box ul li:hover .txt .txt_t h5 a{

    color: #fff;



}



.case .case_box ul li:hover .txt .txt_t .more{

    background: url(../images/more3.png) no-repeat  center;

}



.case .case_box .hd{

    position: absolute;

    left: 0;

    top: -95px;

}



.case .case_box .hd ul li{

    float: left;

    margin: 0 25px;

    font-size: 18px;

    color: #8b8b8b;

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

    line-height: 50px;

    width: 46px;

    text-align: center;

    border-bottom: 1px solid #fafafa;

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

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

    transition: all 0.5s ease-out;

}



.case .case_box .hd ul li.on{

    font-size: 30px;

    color: #02bea6;

    font-weight: bold;

    border-bottom: 1px solid #02bea6;

}

/*about*/



.ab_bg{

    width: 100%;

    margin: 80px auto 0 auto;

    height: 445px;

    overflow: hidden;

}



.ab_bg .about{

    width: 1300px;

    margin: 0 auto;

}



.ab_bg .about .ab_l{

    float: left;

    width: 485px;

    position: relative;

}



.ab_bg .about .ab_l .ab_img{

    width: 792px;

    height: 445px;

    position: relative;

    margin-left: -310px;

    



}



.ab_bg .about .ab_l .ab_img img{

    width: 792px;

    height: 445px;

}



.ab_bg .about .ab_l .ry{

    position: absolute;

    right: -80px;

    top: 110px;

    width: 167px;

    height: 222px;

    background: url(../images/ry_bg.jpg) no-repeat top center;

} 



.ab_bg .about .ab_l .ry img{

    width: 135px;

    height: 191px;

    margin: 16px 0 0 16px;



}



.ab_bg .about .ab_r{

    float: right;

    width: 660px;

}  



.ab_bg .about .ab_r .txt{

    margin-top: 10px;



}



.ab_bg .about .ab_r .txt .txt_t{

    overflow: hidden;

}



.ab_bg .about .ab_r .txt .txt_t .title{

    float: left;

    text-align: center;

}

 

.ab_bg .about .ab_r .txt .txt_t .more{

    float: right;

    width: 140px;

    height: 40px;

    line-height: 40px;

    background: url(../images/more.png) no-repeat  center;

}



.ab_bg .about .ab_r .txt .txt_t .more a{

    display: block;

    padding-left: 35px;

    font-size: 14px;

    color: #fff;

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

}



.ab_bg .about .ab_r .txt p{

    font-size: 14px;

    color: #666666;

    line-height: 30px;

    height: 120px;

    overflow: hidden;

    margin-top: 40px;

}



.ab_bg .about .ab_list{

    margin-top: 50px;

} 



.ab_bg .about .ab_list ul li{

    float: left;

    background: url(../images/buttom9.png) no-repeat  center;

    width: 122px;

    height: 113px;

    margin-right: 50px;

    text-align: center;

    position: relative;

}



.ab_bg .about .ab_list ul li:last-child{

    margin-right: 0;

}



.ab_bg .about .ab_list ul li i{

    display: block;

    font-size: 12px;

    color: #545454;

    position: relative;

    margin-top: 15px;

    margin-left: 20px;



}



.ab_bg .about .ab_list ul li h5{

    font-size: 30px;

    color: #02bea6;

    line-height: 30px;

}

.ab_bg .about .ab_list ul li p{

    font-size: 14px;

    color: #545454;

    margin-top: 3px;

}





/*fc*/



.fc{

    width: 1300px;

    margin: 45px auto 0 auto;

}



.fc .fc_t{

    font-size: 30px;

    color: #333333;

    font-weight: bold;

    line-height: 40px;

    background: url(../images/xt1.png) no-repeat 135px center;

}



.fc .fc_box{

    margin: 22px auto 0 auto;

    position: relative;



}



.fc .fc_box .bd{

    width: 1300px;

    margin: 0 auto;

}



.fc .fc_box .bd ul li{

    float: left;

    width: 246px;

    margin: 0 7px;

}



.fc .fc_box .bd ul li .pic{

    width: 246px;

    height: 178px;

    background: #daeeeb;

    -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 .pic img{

    width: 238px;

    height: 170px;

    margin: 4px;

}



.fc .fc_box .bd ul li .txt{

    height: 48px;

    line-height: 48px;

    border-bottom: 1px solid #e6e6e6;

    text-align: center;



} 



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

    font-size: 16px;

    color: #333;

    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;

}



.fc .fc_box .bd ul li:hover .pic{

    background: #02bea6;

}



.fc .fc_box .hd{

    position: absolute;

    right: 7px;

    top: -60px;



}



.fc .fc_box .hd .next{

    float: left;

    width: 90px;

    height: 40px;

    cursor: pointer;

    background: url(../images/left.png) no-repeat  center;

}



.fc .fc_box .hd .prev{

    float: right;

    width: 90px;

    height: 40px;

    cursor: pointer;

    margin-left: 7px;

    background: url(../images/right.png) no-repeat  center;

}







/*news*/



.news{

    width: 1300px;

    margin: 80px auto 0 auto;

    position: relative;

    height: 600px;

    padding-bottom: 60px;

}



.news .title{

    position: absolute;

    left: 0;

    top: 0;

    z-index: 5;

}



.news .news_list{

    position: absolute;

    left: 0;

    top: 155px;

    z-index: 5;

    width: 380px;

}



.news .news_list ul li{

    float: left;

    width: 160px;

    height: 40px;

    line-height: 40px;

    border: 1px solid #e5e5e5;

    border-radius: 8px;

    margin: 0 25px 30px 0;

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

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

    transition: all 0.5s ease-out;

}



.news .news_list ul li a{

    display: block;

    text-align: center;

    background: url(../images/news_ico1.png) no-repeat  center;

    font-size: 16px;

    color: #545454;

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

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

    transition: all 0.5s ease-out;

}



.news .news_list .more{

    float: left;

    width: 160px;

    height: 40px;

    line-height: 40px;

    border: 1px solid #e5e5e5;

    border-radius: 8px;

    margin: 0 25px 30px 0;

}



.news .news_list .more a{

    display: block;

    text-align: center;

    background: url(../images/news_ico1.png) no-repeat  center;

    font-size: 16px;

    color: #545454;

}



.news .news_list ul li.casehover{

    border: 1px solid #02bea6;

    background: #02bea6;

}



.news .news_list ul li.casehover a{

    color: #fff;

    background: url(../images/news_ico2.png) no-repeat  center;

}



.news .news_box{

    width: 1300px;

    margin: 0 auto;

} 



.news .news_box .news_top{

    margin-left: 410px;

    width: 890px;



}



.news .news_box .news_top ul li{

    width: 890px;

    height: 126px;

    margin-bottom: 20px;

}



.news .news_box .news_top ul li .news_img{

    float: left;

    width: 136px;

    height: 126px;

}



.news .news_box .news_top ul li .news_img img{

    width: 136px;

    height: 126px;

}



.news .news_box .news_top ul li .txt{

    float: right;

    width: 730px;

    height: 125px;

    border-bottom: 1px solid #cccccc;

} 



.news .news_box .news_top ul li .txt .txt_nr{

    float: left;

    width: 550px;

}



.news .news_box .news_top ul li .txt .txt_nr span{

    display: block;

    font-size: 14px;

    color: #999;

}



.news .news_box .news_top ul li .txt .txt_nr span i{

    font-size: 30px;

    color: #333;

    margin-right: 7px;

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

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

    transition: all 0.5s ease-out;



}



.news .news_box .news_top ul li .txt .txt_nr a{

    font-size: 16px;

    color: #333;

    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-top: 5px;

}

.news .news_box .news_top ul li .txt .txt_nr p{

    font-size: 14px;

    color: #666;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    margin-top: 10px;

}



.news .news_box .news_top ul li .txt .more{

    float: right;

    width: 72px;

    height: 28px;

    line-height: 28px;

    border: 1px solid #cccccc;

    border-radius: 5px;

    margin-top: 5px;

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

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

    transition: all 0.5s ease-out;

} 



.news .news_box .news_top ul li .txt .more a{

    display: block;

    font-size: 12px;

    color: #999;

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

    text-transform: uppercase;

    text-align: center;

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

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

    transition: all 0.5s ease-out;

}

 

.news .news_box .news_top ul li:hover .txt .txt_nr span i{

    color: #02bea6;



}



.news .news_box .news_top ul li:hover .txt .more{

    background: #02bea6;

    border: 1px solid #02bea6;



}



.news .news_box .news_top ul li:hover .txt .more a{

    color: #fff;

}



.news .news_box .list{

    margin: 40px auto 0 auto;

    width: 1360px;

}



.news .news_box .list ul li{

    float: left;

    width: 350px;

    height: 120px;

    background: #fff;

    margin: 0 33px 30px 0;

    padding: 0 30px;

}



.news .news_box .list ul li h5 a{

    font-size: 16px;

    color: #333;

    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-top: 14px;

}



.news .news_box .list ul li p{

    font-size: 14px;

    color: #666;

    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: 10px 0 12px 0;

}



.news .news_box .list ul li .more{



}



.news .news_box .list ul li .more i{

    display: block;

    font-size: 12px;

    color: #999;

    float: left;

}



.news .news_box .list ul li .more a{

    display: block;

    font-size: 12px;

    color: #999;

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

    text-transform: uppercase;

    float: right;

}

 

.news .news_box .list ul li:hover h5 a{

    color: #02bea6;

}