@charset "utf-8";

/*banner*/



.banner {

    width: 100%;

    margin: 1px auto 0;

    position: relative;

    height: 460px;

    overflow: hidden;

}



.fullSlide {

    width: 100%;

    position: relative;

    height: 460px;

    background: transparent

}



.fullSlide .bd {

    margin: 0 auto;

    position: relative;

    z-index: 0;

    overflow: hidden

}



.fullSlide .bd ul {

    width: 100% !important

}



.fullSlide .bd li {

    width: 100% !important;

    height: 460px;

    overflow: hidden;

    text-align: center;

    background-position: center;

    background-repeat: no-repeat;

    box-shadow: 1px 5px #7ba17d;

}



.fullSlide .bd li a {

    display: block;

    height: 460px

}



.fullSlide .hd {

    width: 100%;

    position: absolute;

    z-index: 1;

    bottom: 15px;

    left: 0

}



.fullSlide .hd ul {

    text-align: center;

}



.fullSlide .hd ul li {

    cursor: pointer;

    display: inline-block;

    *display: inline;

    zoom: 1;

    width: 42px;

    height: 11px;

    margin: 1px;

    overflow: hidden;

    background: #333;

    *filter: alpha(opacity=50);

    *opacity: .5;

    line-height: 999px

}



.fullSlide .hd ul .on {

    background: #ff7e00;

}



.fullSlide .prev,

.fullSlide .next {

    display: block;

    position: absolute;

    z-index: 1;

    top: 50%;

    margin-top: -30px;

    left: 15%;

    z-index: 1;

    width: 40px;

    height: 60px;

    background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;

    cursor: pointer;

    *filter: alpha(opacity=50);

    *opacity: .5;

    display: none

}



.fullSlide .next {

    left: auto;

    right: 15%;

    background-position: -6px -137px

}



.fullSlide .bd li .ban_phone {

    position: absolute;

    top: 335px;

    right: 430px;

}



.fullSlide .bd li .ban_phone strong {

    font-size: 24px;

    color: #fff;

}



.fullSlide .bd li .ban_phone a {

    display: inline-block;

    height: 52px;

    margin-left: 40px;

}



.banner_1 {

    height: 370px;

    position: relative;

}



/*search*/



.search_box {

    position: relative;

    background: #F9F9F9;

}



.search_box .con_width {

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

    position: relative;

    top: -30px;

    z-index: 999999;

    height: 143px;

    box-sizing: border-box;

    padding: 30px;

}



.sea_left {

    margin-top: 6px;

}



.sea_left strong {

    display: block;

    height: 25px;

    line-height: 25px;

    background: #fa7b2b;

    border-radius: 3px;

    font-size: 14px;

    color: #fff;

    padding: 0 15px;

}



.sea_line {

    border-left: 1px solid #f07a2c;

    height: 42px;

    margin: 0 35px;

    width: 1px;

}



.search_box .search {

    height: 28px;

    line-height: 28px;

    border-top: 1px #adadad solid;

    border-bottom: 1px #adadad solid;

}



.search_box .search input {

    float: left;

    background: none;

}



.search_box .search input.sea_inp {

    width: 270px;

    height: 28px;

    border: 0;

    padding-left: 10px;

    color: #a5a5a5;

    line-height: 28px;

    border-radius: 3px;

}



.search_box .search input.sea_btn {

    width: 34px;

    height: 28px;

    cursor: pointer;

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

}



.search_box .sea_keyw {

    width: 635px;

    overflow: hidden;

    line-height: 65px;

    height: 65px;

}



.search_box .sea_keyw a {

    color: #333;

    margin-right: 15px;

}



.search_box .sea_keyw span {

    width: 100px;

    overflow: hidden;

    height: 60px;

    font-size: 18px;

    letter-spacing: 6px;

    margin-right: 20px;

    border: solid 1px #ccc;

    border-left: 0;

    border-right: 0;

    line-height: 35px;

    font-weight: bold;

    text-align: center;

    display: block;

    float: left;

}



.search_box .sea_keyw span i {

    display: block;

    font-size: 13px;

    color: #B5B5B5;

    font-weight: 100;

    line-height: 20px;

    letter-spacing: 1px;

}



.sea_right {

    margin-top: 17px;

}



.sea_right span {

    font-size: 14px;

}



/*图片滚动*/



.case_img {

    width: 1180px;

    margin: 0 auto;

    overflow: hidden;

    margin-top: 25px;

}



.case_img .gd_all ul {

    overflow: hidden;

    margin: 0 auto;

    width: 1040px;

}



.case_img .gd_all li {

    float: left;

    width: 210px;

    margin-right: 30px;

    text-align: center;

}



.case_img .gd_all li img {

    width: 200px;

    height: 130px;

    border: 1px solid #bbbbbb;

    padding: 2px;

}



.case_img .gd_all li a {

    margin-bottom: 7px;

    display: block;

    font-size: 14px;

}



em {

    position: absolute;

    top: 51px;

}



.t_r {

    right: 0px;

}



.gd_all {

    position: relative;

}



/*公共标题样式*/





.pub_tit h2 {

    text-align: center;

    font-size: 30px;

    font-weight: bold;

}



.pub_tit h2 a {

    display: block;

}



.pub_tit h2 strong {

    color: #029c86;

}



.pub_tit h2 span {

    display: block;

    width: 80px;

    height: 3px;

    background: #ccc;

    margin: 10px auto;

}



.pub_tit h3 {

    text-align: center;

    font-size: 30px;

    font-weight: bold;

}



.pub_tit h3 a {

    display: block;

}





.pub_tit p {

    font-size: 16px;

    text-align: center;

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

    margin-top: 20px;

}



/*小banner*/



.banner_small {

    position: relative;

    height: 197px;

}



.ban_text {

    position: absolute;

}



.ban_qq {

    position: absolute;

}



.ban_qq span {

    font-size: 16px;

    color: #fff;

}

.banner_small02 .ban_qq span {

    font-size: 16px;

    color: #666;

}

.ban_qq span i {

    display: block;

}



.banner_small .ban_btn {

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

    width: 148px;

    height: 57px;

    display: block;

    margin-top: 10px;

}



.banner_small01 {

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

    width: 100%;

    height: 197px;

}



.banner_small01 .ban_text {

    top: 59px;

    right: 130px;

}



.banner_small01 .ban_qq {

    top: 42px;

    left: 58px;

}



.banner_small02 {

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

    width: 100%;

    margin-top: 60px;

}



.banner_small02 .ban_text {

    top: 59px;

    left: 30px;

}



.banner_small02 .ban_qq {

    top: 42px;

    right: 70px;

}



/*产品*/



.pro_warp{

    background: #fbfbfb;

}

.pro_warp .fl{

    width: 284px;

    height: 670px;

    border: solid 1px #ccc;

    background: #fbfbfb;

    border-radius: 10px;

    overflow: hidden;

}

.pro_warp .fl h2 a{

    display: block;

    background: #01bcaa;

    height: 44px;

    line-height: 44px;

    font-size: 18px;

    font-weight: bold;

    text-align: center;

    color: #fff;

    width: 100%;

}

.pro_warp .fl dl{

    padding: 10px 20px;

}

.pro_warp .fl dl dt a{

    background: #01bcaa;

    color: #fff;

    display: block;

    border-radius: 5px;

    font-size: 16px;

    line-height: 36px;

    text-align: center;

}

.pro_warp .fl dl dd a{

   display: block;

   line-height: 50px;

   border-bottom: dashed 1px #ccc;

   font-size: 16px;

   padding-left: 50px;

   background: url(../images/jian.png) no-repeat 20px center;

   color: #666;

}

.pro_warp .fr{

    width: 877px;

    height: 670px;

    border: solid 1px #ccc;

    background: #fbfbfb;

    border-radius: 10px;

    overflow: hidden;

    box-sizing: border-box;

    padding:30px 40px;

    overflow: hidden;

}

.pro_warp .fr .hot img{

    width: 386px;

    height: 300px;

    border: solid 1px #ccc;

    float: left;

}

.pro_warp .fr .hot .text{

    float: right;

    width: 380px;

}

.pro_warp .fr .hot .text h4 a{

    font-size: 18px;

    font-weight: bold;

    line-height: 40px;

}

.pro_warp .fr .hot .text p{

    color: #666;

    line-height: 30px;

    font-size: 14px;

}

.pro_warp .fr .hot .text a.more{

    width: 125px;

    height: 33px;

    line-height: 33px;

    text-align: center;

    color: #fff;

    background: #01bcaa;

    margin-top: 30px;

    display: block;

}

.pro_warp .fr .Recommend .tit{

    border-bottom: solid 1px #999;

}

.pro_warp .fr .Recommend .tit a{

    font-size: 18px;

    font-weight: bold;

    line-height: 50px;

}

.pro_warp .fr .Recommend .pro_img{

    width: 100%;

    margin-top: 30px;

    position: relative;

}

.pro_warp .fr .Recommend .pro_img li{

    width: 247px;

    height: 210px;

    float: left;

    margin-right: 20px;

    text-align: center;

}

.pro_warp .fr .Recommend .pro_img li img{

    width: 247px;

    height: 177px;

    border: solid 1px #ccc;

}

.pro_warp .fr .Recommend .pro_img em{

    position: absolute;

    right: -35px;

    width: 30px;

    height: 30px;

    color: #fff;

    font-size: 20px;

    font-weight: bold;

    line-height:  30px;

    text-align: center;

}

.pro_warp .fr .Recommend .pro_img em a{

    color: #fff;

}

.pro_warp .fr .Recommend .pro_img em.t_l{

    background: #111;

    top: -31px;

}

.pro_warp .fr .Recommend .pro_img em.t_r{

    background: #01bcaa;

    top: 10px;

}











/*公司简介*/

.ab_wrap{

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

    height: 600px;

}

.ab_wrap .tit {

    text-align: center;

    width: 200px;

    position: relative;

    top: 20px;

    left: 165px;

}

.ab_wrap .tit a{

    font-size: 30px;

    font-weight: bold;

    color: #01bcaa;

}

.ab_wrap .tit span{

    font-size: 24px;

    font-weight: 100;

    display: block;

    color: #01bcaa;

}





.about_con dl {

    margin-top: 70px;

    height: 304px;

    position: relative;

}



.about_con dl dt {

    position: absolute;

    left: 0;

    top: 30px;

    z-index: 9;

}



.about_con dl dt a img {

    width: 530px;

    height: 360px;

}



.about_con dl dt a {

    display: block;

    width: 530px;

    height: 360px;

    border: 5px #fff solid;

}



.about_con dl dd {

    width: 730px;

    height: 425px;

    color: #fff;

    position: absolute;

    right: 0;

    top: -25px;

    border: solid 5px #fff;

    box-sizing: border-box;

    padding: 30px 30px 0 110px;

}



.about_con dl dd a {

    display: block;

}



.about_con dl dd a.title {

    font-size: 24px;

    font-weight: bold;

    color: #fff;

}





.about_con dl dd p {

    font-size: 16px;

    line-height: 36px;

    margin-top: 10px;

    overflow: hidden;

}



.about_con dl dd a.more {

    width: 36px;

    height: 36px;

    position: absolute;

    bottom: 0;

    right: 0;

}





/**/

.ys_warp{

    background: #01bcaa;

    margin-top: 50px;

    padding: 24px;

    box-sizing: border-box;

}



.ys_warp .pub_tit{

    padding: 20px 0;

}

.ys_cont .hd{

    position: relative;

    top: 17px;

    z-index: 2;

}

 .ys_cont .hd li{

     width: 283px;

     height: 80px;

     line-height: 80px;

     float: left;

     overflow: hidden;

     text-align: center;

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

 }

 .ys_cont .hd li.on{

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

    height: 97px;

    color: #fff;

 }

 .ys_cont .hd li h4{

     height: 30px;

     line-height: 30px;

     box-sizing: border-box;

     margin-top: 20px;

 }

 .ys_cont .hd li p{

     height: 20px;

     line-height: 20px;

     text-transform: uppercase;

     box-sizing: border-box;

 }

 .ys_cont .bd{

     top: -20px;

     height: 457px;

     overflow: hidden;

     width: 100%;

     display: block;

 }

 .ys_cont .bd .ys{

     position: relative;

 }

 .ys_cont .bd .ys .text{

     width:500px;

     height: 200px;

     position: absolute;

     top: 150px;

     left: 110px;

     background: rgba(255,255,255,0.7);

     padding:0 40px;

     box-sizing: border-box;

 }

 .ys_cont .bd .ys .text h4{

     font-weight: bold;

     margin-top: 16px;

     padding-left: 100px;

 }

 .ys_cont .bd .ys .text p{

     line-height: 30px;

     text-transform: uppercase;

     margin-top: 24px;

 }

 .ys_cont .bd .ys .text span{

     display: block;

     width: 77px;

     height: 77px;

     border-radius: 50%;

     background: #029c86;

     color: #fff;

     line-height: 77px;

     text-align: center;

     position: absolute;

     top: -24px;

     left: 40px;

     font-size: 36px;

     font-weight: bold;

 }





/*案例*/

.al_warp{

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

    margin-top: 80px;

    padding: 50px;

}

 .al_warp .pub_tit{

     padding: 30px 0;

 }

 .al_warp .pub_tit h3 a{

     color: #fff;

 }

 .al_warp .pub_tit p{

    color: #fff;

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

}

 .al_cont .al_tj{

    width: 545px;

    height: 410px;

    float: left;

    position: relative;

 }

 .al_cont .al_tj img{

    width: 545px;

    height: 410px;

 }

 .al_cont .al_tj .text{

     width: 100%;

     height: 45px;

     line-height: 45px;

     text-align: center;

     background: rgba(0,0,0,0.7);

     position: absolute;

     bottom: 0;

     left: 0;

     overflow: hidden;

     -webkit-transition: All 0.4s ease-in-out;



    -moz-transition: All 0.4s ease-in-out;



    -o-transition: All 0.4s ease-in-out;

 }

 .al_cont .al_tj .text a{

     color: #fff;

     font-size: 16px;

 }

 .al_cont .al_tj .text a.xq,.al_cont .al_tj .text a.zx{

     display: block;

     margin: 10px auto;

     border: solid 1px #fff;

     width: 120px;

     height: 30px;

     text-align: left;

     line-height: 26px;

     font-size: 14px;

     padding-left: 40px;

     box-sizing: border-box;

 }

 .al_cont .al_tj .text a.xq{

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

 }

 .al_cont .al_tj .text a.zx{

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

}

 .al_cont .al_tj:hover .text{

     height: 410px;

     padding-top: 100px;

     box-sizing: border-box;

 }



 .al_cont li{

    width: 298px;

    height: 195px;

    float: left;

    position: relative;

    margin:0 0 20px 19px;

 }

 .al_cont li img{

    width: 298px;

    height: 195px;

 }

 .al_cont li .text{

     width: 100%;

     height: 45px;

     line-height: 45px;

     text-align: center;

     background: rgba(0,0,0,0.7);

     position: absolute;

     bottom: 0;

     left: 0;

     overflow: hidden;

     -webkit-transition: All 0.4s ease-in-out;



    -moz-transition: All 0.4s ease-in-out;



    -o-transition: All 0.4s ease-in-out;

 }

 .al_cont li .text a{

     color: #fff;

     font-size: 16px;

 }

 .al_cont li .text a.xq,.al_cont li .text a.zx{

     display: block;

     margin: 10px auto;

     border: solid 1px #fff;

     width: 120px;

     height: 30px;

     text-align: left;

     line-height: 26px;

     font-size: 14px;

     padding-left: 40px;

     box-sizing: border-box;

 }

 .al_cont li .text a.xq{

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

 }

 .al_cont li .text a.zx{

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

}

 .al_cont li:hover .text{

    height: 195px;

     padding-top: 20px;

     box-sizing: border-box;

 }

 /*客户见证*/

.clients .pub_tit{ padding:40px 0;}

.clients ul{ height:280px; }

.clients li{ width:266px; height: 200px; margin-right: 37px; float: left; position: relative; }

.clients li img{ width:266px; height: 200px;}

.clients li:nth-child(4n){ margin-right: 0 }

.clients li p{ display: block; height: 70px; background: rgba(0,0,0,0.6); position: absolute; bottom:0; width: 100%; text-align: center; color: #fff; font-size: 14px; line-height: 30px; }

.clients li p span{ display: block; font-weight: bold; line-height: 35px; height:35px; overflow: hidden;   }

/*荣誉资质*/



.about_right {

    width: 320px;

    position: relative;

}



.about_right h3 a.more {

    display: block;

    float: right;

    font-size: 14px;

    margin-top: 8px;

}



.about_right em {

    top: 100px;

}



.about_right .tab_box ul {

    width: 226px;

    overflow: hidden;

    margin: 0 auto;

    border-bottom: 1px #bbe98f solid;

    padding-bottom: 33px;

}



.about_right .tab_box ul li {

    text-align: center;

    margin-top: 10px;

    float: left;

    width: 226px;

}



.about_right .tab_box ul li img {

    width: 220px;

    height: 150px;

    margin-bottom: 10px;

    border: 1px solid #bfbfbf;

    padding: 2px;

}



.about_right .tab_box ul li a {

    font-size: 14px;

    display: block;

    width: 226px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    color: #fff;

}



.em_crol {

    position: absolute;

    bottom: -21px;

    left: 50%;

    margin-left: -23px;

}



.em_crol em {

    position: static;

    margin-right: 13px;

}



/*展示*/



.show_box {

    margin-top: 40px;

}



.show_box .show_tab {

    text-align: center;

    border-top: 1px #a6a6a6 solid;

    margin-top: 40px;

}



.show_box .show_tab ul {

    overflow: hidden;

    display: inline-block;

    margin-top: -23px;

}



.show_box .show_tab ul li {

    float: left;

    font-size: 20px;

}



.show_box .show_tab ul li a {

    font-size: 18px;

    font-weight: bold;

    width: 170px;

    display: block;

    height: 42px;

    line-height: 42px;

    background: #01bcaa;

    margin-right: 30px;

    color: #fff;

}



.show_box .show_tab ul li.selected a {

    color: #fff;

    background: #029c86;

}



.show_con .case_img {

    margin-top: 30px;

}



.show_con .case_img .gd_all ul {

    width: 1062px;

    margin: 0 60px;

}



.show_con .case_img .gd_all li img {

    padding: 4px;

    border: 1px #e3e1e1 solid;

    background: #fff;

    width: 210px;

    height: 150px;

}



.show_con .case_img .gd_all li a.name {

    background: none;

    margin-top: 10px;

    color: #333;

height:40px;

overflow: hidden;display: block;

}



/*公司新闻*/



.new_bg_tit {

    background: url(../images/newbg_tit_bg.jpg) no-repeat 347px 39px;

    height: 52px;

}



.new_bg_tit a {

    float: right;

    display: block;

    margin-top: 36px;

    color: #029c86;

}



.news_tit {

    padding-bottom: 5px;

}



.news_tit h3 {

    overflow: hidden;

}



.news_tit h3 a {

    display: block;

}



.news_tit h3 a.tit {

    font-size: 16px;

    text-align: center;

    width: 160px;

}



.faq .news_tit h3 a.tit {

    padding-left: 14px;

    height: 30px;

    line-height: 30px;

    font-size: 18px;

}



.news_tit h3 a.more {

    font-size: 14px;

    padding-left: 15px;

    line-height: 41px;

}



.news_box {

    padding-top: 30px;

    background: #fff;

    margin-top: 40px;

}



.faq {

    width: 360px;

    border: solid 1px #ddd;

}



.faq .news_con {

    height: 375px;

    margin-top: 15px;

    overflow: hidden;

}



.faq .news_con .faq_one {

    padding: 0 15px;

    height: 85px;

}



.faq .news_con .faq_one img {

    width: 110px;

    height: 85px;

    float: left;

    border-radius: 5px;

}



.faq .news_con .text {

    width: 210px;

    float: right;

}



.faq .news_con .text .f16 {

    display: block;

    border-left: solid 3px #029c86;

    color: #333;

    height: 15px;

    line-height: 15px;

    margin: 5px 0 10px 0;

    padding-left: 15px;

    overflow: hidden;

}



.faq .news_con .text p {

    padding-left: 18px;

    line-height: 25px;

    color: #666;

}



.faq .news_con ul {

    border-left: solid 2px #CDCDCD;

    margin: 20px;

    padding: 5px 0;

}



.faq .news_con li {

    line-height: 33px;

    height: 33px;

    margin: 5px 0;

}



.faq .news_con li i {

    display: inline-block;

    width: 8px;

    height: 8px;

    border-radius: 50%;

    margin-right: 15px;

    background: #CDCDCD;

    

}



.faq .news_con li span {

    float: right;

}



.faq .news_con li a {

    color: #555;

    width: 220px;

    display: inline-block;

    overflow: hidden;

    height: 30px;position: relative;

    left: -4px;

}



.news_box #tab2 {

    width: 780px;

    margin-right: 25px;

}



.new_box {

    margin-top: 10px;

}



.news_tit {

    margin-top: 20px;

}



.news_tit .hon_tit {

    border: none

}



.news_tit ul li {

    float: left;

    font-size: 18px;

    color: #545454;

    font-weight: bold;

    width: 89px;

    cursor: pointer;

    margin-right: 20px;

    height: 36px;

    line-height: 29px;

    text-align: center;

}



.news_tit ul li.selected {

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

    color: #fff;

}



.news_tit ul li.selected a {

    color: #fff;

}



.news_tit a {

    display: block;

}



.news_box #tab2 .news_con .news_img {

    overflow: hidden;

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

    padding: 10px;

    margin-right: 3px;

}



.news_box #tab2 .news_con .news_img:hover {

    box-sizing: border-box;

    transform: translate(-10px, -10px);

    border: solid 1px #258102;

    -webkit-transform: translate(-10px, -10px);

    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2)

}



.news_box #tab2 .news_con .news_img img {

    width: 268px;

    height: 160px;

    border: 1px #d9d9d9 solid;

}



.news_box #tab2 .news_con .news_img .right {

    width: 460px;

    margin-top: 13px;

    width: 268px;

}



.news_box #tab2 .news_con .news_img .right p {

    font-size: 12px;

    line-height: 20px;

    margin-top: 9px;

    height: 60px;

    overflow: hidden;

}



.news_box #tab2 .news_con .news_img .right a {

    font-size: 14px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    display: block;

    width: 268px;

}



.news_box #tab2 .news_con .news_img .right a.f14 {

    font-size: 14px;

    margin-top: 17px;

    display: block;

    color: #01bcaa;

    border: 1px solid #24A749;

    width: 80px;

    height: 23px;

    line-height: 23px;

    text-align: center;

    border-radius: 3px;

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

    transition: all .8s ease-out;

}



.news_box #tab2 .news_con .news_img .right a.f14:hover {

    background-color: #01bcaa;

    border: 1px solid #01bcaa;

    color: #fff;

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

    transition: all .3s ease-out;

}



.news_box #tab2 .news_con .news_list {

    margin-left: 0px;

}



.news_list dl {

    height: 70px;

    width: 485px;

    margin-bottom: 15px;

    border: solid 1px #ddd;

    padding: 5px;

    box-sizing: border-box;

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

}



.news_list dl dt {

    float: left;

    width: 60px;

    height: 50px;

    text-align: center;

    border-right: 1px solid #cbcbcb;

    margin-top: 6px;

    color: #656565

}



.news_list dl dt strong {

    font-size: 20px;

    display: block;

    line-height: 30px;

}



.news_list dl dt span {

    font-size: 12px;

    display: block;

}



.news_list dl dd {

    float: left;

    margin-left: 10px;

    margin-top: 5px;

    width: 395px;

}



.news_list dl a {

    font-size: 16px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    display: block;

    line-height: 25px;

}



.news_list dl p {

    margin-top: 3px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    color: #666;

}



.news_list dl:hover {

    border: 1px solid #258102;

    transform: translate(-10px, -10px);

    -webkit-transform: translate(-10px, -10px);

    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2)

}





/* link */



.link {

    background: url(../images/links.png) top no-repeat #01bcaa;

    box-sizing: border-box;

    padding-left: 120px;

    position: relative;

    top: 30px;

}





.link ul li {

    float: left;

}



.link ul li a {

    display: block;

    color: #fff;

    margin-right: 30px;

    line-height: 49px;

}