/*首页banner*/

.pics_wrap {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.html5zoo-img-0 img {

    width: 100%;

}



.html5zoo-arrow-left-0 {

    left: 10% !important;

}



.html5zoo-arrow-right-0 {

    right: 10% !important;

}



.html5zoo-bullet-wrapper-0 div {

    margin: 0 4px !important;

}



.html5zoo-nav-0 {

    margin-top: -35px !important;

    left: 48% !important;

}



.html5zoo-bullet-wrapper-0 {

    width: 100% !important;

}



.banner {

    width: 1000px;

    margin: 0 auto;

    position: relative;

    height: 325px;

    margin-top: 8px;

}



.banner ul.bb {

    position: relative;

    padding: 0px;

    margin: 0px;

    z-index: 5;

}



.banner ul.bb li {

    position: absolute;

    display: none;

}



.banner .num {

    position: absolute;

    right: 2px;

    bottom: 10px;

    z-index: 100;

}



.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;

}



.banner .num li.num_hover {

    background-color: #f7de07;

}



.banner .num li.num_hover a {

    color: #fff;

}



.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;

}



#bannerArrow,

#bannerCircle {

    display: none;

}



/*幻灯片样式2*/

#focus {

    width: 255px;

    height: 188px;

    overflow: hidden;

    position: relative;

}



#focus ul {

    height: 188px;

    position: absolute;

}



#focus ul li {

    float: left;

    width: 255px;

    height: 188px;

    overflow: hidden;

    position: relative;

    background: #000;

}



#focus ul li a img {

    height: 188px;

    width: 255px;

}



#focus ul li div {

    position: absolute;

    overflow: hidden;

}



#focus .btnBg {

    position: absolute;

    width: 255px;

    height: 20px;

    left: 0;

    bottom: 0;

    background: #000;

}



#focus .btn {

    position: absolute;

    width: 255px;

    height: 10px;

    padding: 5px 10px;

    right: 0;

    bottom: 0;

    text-align: right;

}



#focus .btn span {

    display: inline-block;

    _display: inline;

    _zoom: 1;

    width: 25px;

    height: 10px;

    _font-size: 0;

    margin-left: 5px;

    cursor: pointer;

    background: #fff;

}



#focus .btn span.on {

    background: #fff;

}







/* title*/

.title {

    width: 1200px;

    margin: 0 auto;

    text-align: center;

}



.title h3 {

    font-size: 24px;

    color: #333;

    font-weight: bold;

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

}



.title p {

    font-size: 14px;

    color: #333;

    font-weight: normal;

    letter-spacing: 2px;

    margin-top: 10px;

}





/* product*/



.product_bg {

    width: 100%;

    margin: 0 auto;

    height: 805px;

    background: #f3fffc;

}



.product_bg .product {

    width: 1200px;

    margin: 0 auto;

    padding-top: 70px;

}



.product_bg .pro_box {

    width: 1200px;

    margin: 35px auto 0 auto;

}



.product_bg .pro_box .pro_l {

    width: 306px;

    height: 600px;

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

    float: left;

}



.product_bg .pro_box .pro_l .pro_t {

    width: 306px;

    height: 105px;

    position: relative;

}



.product_bg .pro_box .pro_l .pro_t h5 {

    font-size: 22px;

    color: #fff;

    font-weight: bold;

    padding: 35px 0 0 38px;

}



.product_bg .pro_box .pro_l .pro_t span {

    font-size: 22px;

    color: #fff;

    font-weight: bold;

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

    position: relative;

    top: -14px;

    left: 150px;

}





.product_bg .pro_box .pro_l .pro_list {

    width: 300px;

    height: 490px;

    background: #fff;

    border-bottom-left-radius: 6px;

    border-bottom-right-radius: 6px;

    margin: 0 3px 3px 3px;

}



.product_bg .pro_box .pro_l .pro_list ul li {

    width: 262px;

    height: 68px;

    line-height: 68px;

    border-bottom: 1px dashed #7fcca1;

    margin: 0 auto;

}



.product_bg .pro_box .pro_l .pro_list ul li a {

    font-size: 16px;

    color: #333;

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

    padding-left: 30px;

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    -o-text-overflow: ellipsis;

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

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

    transition: all 0.5s ease-out

}



.product_bg .pro_box .pro_l .pro_list ul li:hover a {

    color: #f49309;

    font-weight: bold;

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

    -webkit-transform: translateX(10px);

    transform: translateX(10px);

}



.product_bg .pro_box .tab {

    width: 843px;

    height: 600px;

    float: right;

    background: #fff;

}





.product_bg .pro_box .tab ul li {

    width: 246px;

    float: left;

    margin: 23px 17px;

    position: relative;

}



.product_bg .pro_box .tab ul li .pro_img {

    width: 246px;

    height: 214px;

}



.product_bg .pro_box .tab ul li .pro_img img {

    width: 246px;

    height: 214px;

}



.product_bg .pro_box .tab ul li .txt {

    width: 246px;

    height: 38px;

    line-height: 38px;

    border-bottom: 1px solid #999;

    position: relative;

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

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

    transition: all 0.5s ease-out;

}



.product_bg .pro_box .tab ul li .txt h5 a {

    font-size: 14px;

    color: #000;

    float: left;

    width: 120px;

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    -o-text-overflow: ellipsis;

}



.product_bg .pro_box .tab ul li .txt span a {

    font-size: 12px;

    color: #666;

    float: right;

    width: 120px;

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    -o-text-overflow: ellipsis;

}



.product_bg .pro_box .tab ul li .txt i {

    width: 0;

    height: 1px;

    background: #2cda90;

    position: absolute;

    left: 0px;

    bottom: 0px;

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

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

    transition: all 0.5s ease-out;

}



.product_bg .pro_box .tab ul li:hover .txt {

    border-bottom: 1px solid #fff;

}



.product_bg .pro_box .tab ul li:hover .txt i {

    width: 100%;

}



.product_bg .pro_box .tab ul li:hover .txt span a {

    color: #2cda90;

}





/* te*/



.te_bg {

    width: 100%;

    height: 425px;

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

    margin: 0 auto;

}



.te_bg .te {

    width: 1200px;

    margin: 0 auto;

    padding-top: 70px;

}



.te_bg .te .title h3 {

    font-size: 24px;

    color: #fff;

    font-weight: bold;

    background: url(../images/te_t.png) no-repeat center 17px;

}



.te_bg .te .title p {

    font-size: 14px;

    color: #fff;

    font-weight: normal;

    letter-spacing: 2px;

    margin-top: 10px;

}





.te_bg .te .te_box {

    margin: 40px auto 0 auto;

}



.te_bg .te .te_box ul li {

    width: 160px;

    height: 186px;

    background: #fff;

    border-radius: 5px;

    float: left;

    margin: 0 70px;

    box-shadow: 0 0 8px 6px rgba(11, 153, 119, .4);

    position: relative;

    overflow: hidden;

}



.te_bg .te .te_box ul li .te_list {

    width: 160px;

    height: 186px;

    background: #fff;

    border-radius: 5px;

    position: relative;

    overflow: hidden;

}



.te_bg .te .te_box ul li .te_list img {

    width: 72px;

    height: 72px;

    display: block;

    margin: 30px auto 20px auto;

}



.te_bg .te .te_box ul li .te_list h5 {

    font-size: 16px;

    font-weight: bold;

    color: #009944;

    text-align: center;

}



.te_bg .te .te_box ul li .txt {

    width: 160px;

    height: 186px;

    background: #ff9b0c;

    border-radius: 5px;

    position: absolute;

    left: 0px;

    bottom: -186px;

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

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

    transition: all 0.5s ease-out;

}



.te_bg .te .te_box ul li .txt h5 {

    font-size: 16px;

    font-weight: bold;

    color: #fff;

    text-align: center;

    margin: 35px auto 25px auto;

}



.te_bg .te .te_box ul li .txt p {

    font-size: 14px;

    font-weight: normal;

    color: #fff;

    text-align: center;

    line-height: 24px;

    padding: 0 20px;

}



.te_bg .te .te_box ul li:hover .txt {

    bottom: 0px;

}



/* case*/



.case_bg {

    width: 100%;

    height: 580px;

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

    margin: 0 auto;

}



.case_bg .case {

    width: 1200px;

    margin: 0 auto;

    padding-top: 70px;

}





.case .case_box {

    margin: 32px auto 0 auto;

    height: 412px;

    position: relative;

}



.case .case_box ul li {

    margin: 0 auto;

    width: 1200px;

    height: 412px;

}





.case .case_box ul li .txt {

    float: left;

    width: 368px;

    padding: 40px 40px 0 40px;

}



.case .case_box ul li .txt h5 a {

    font-size: 20px;

    font-weight: bold;

    color: #333;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

    overflow: hidden;

    background: url(../images/case_t.jpg) no-repeat top left;

    padding-top: 20px;

    margin: 30px 0 50px 0;

}



.case .case_box ul li .txt span {

    font-size: 14px;

    color: #333;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

    overflow: hidden;

    margin-bottom: 25px;

}



.case .case_box ul li .txt p {

    font-size: 14px;

    color: #333;

    line-height: 30px;

    height: 90px;

    overflow: hidden;

}





.case .case_box ul li .txt .xq {

    margin-top: 38px;

    width: 60px;

    height: 30px;

    line-height: 30px;

    position: relative;

}



.case .case_box ul li .txt .xq .border_top {

    width: 0;

    height: 1px;

    top: 0px;

    right: 0px;

    background: #2cda90;

    position: absolute;

    -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 .xq .border_right {

    width: 1px;

    height: 0px;

    bottom: 0px;

    right: 0px;

    background: #2cda90;

    position: absolute;

    -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 .xq .border_bottom {

    width: 0;

    height: 1px;

    bottom: 0px;

    left: 0px;

    background: #2cda90;

    position: absolute;

    -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 .xq .border_left {

    width: 1px;

    height: 0px;

    top: 0px;

    left: 0px;

    background: #2cda90;

    position: absolute;

    -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 .xq a {

    font-size: 14px;

    color: #333;

    display: block;

    text-align: center;

}



.case .case_box ul li .txt .xq:hover .border_top {

    width: 60px;

}



.case .case_box ul li .txt .xq:hover .border_right {

    height: 30px;

}



.case .case_box ul li .txt .xq:hover .border_bottom {

    width: 60px;

}



.case .case_box ul li .txt .xq:hover .border_left {

    height: 30px;

}





.case .case_box ul li .case_img {

    float: right;

    width: 752px;

    height: 412px;

}



.case .case_box ul li .case_img img {

    width: 752px;

    height: 412px;

}



.case .case_box .next {

    position: absolute;

    bottom: 0px;

    right: 46px;

    width: 46px;

    height: 36px;

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

    z-index: 10;

}



.case .case_box .prev {

    position: absolute;

    bottom: 0px;

    right: 0px;

    width: 46px;

    height: 36px;

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

    z-index: 10;

}



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

    color: #f49309;

}







/* ys*/



.ys_bg{

    width: 100%;

    margin: 0 auto;

    height: 755px;

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

}





.ys_bg .ys{

    width: 1200px;

    margin: 0 auto;

    padding-top: 70px;

    position: relative;

}



.ys_bg .ys .ys_t{

    height: 230px;

}





.ys_bg .ys .ys_t h3{

    font-size: 52px;

    color: #009944;

    font-weight: bold;

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

    text-transform: uppercase;  

    line-height: 45px;

    margin-left: 40px;

}



.ys_bg .ys .ys_t h3 span{

    font-size: 20px;

    color: #009944;

    font-weight: bold;

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

    text-transform: uppercase;

    display: block;

}



.ys_bg .ys .ys_t h5{

    font-size: 20px;

    color: #333;

    font-weight: bold;

    margin-left: 180px;

    margin-top: 15px;

}



.ys_bg .ys .ys_t p{

    font-size: 12px;

    color: #fff;

    letter-spacing: 12px;

    margin-top: 13px;

    padding-left: 60px;

}



.ys_bg .ys .ys_box{

    width: 1200px;

    height: 380px;

    margin: 0 auto;

    position: relative;

}



.ys_bg .ys .ys_box .bd{

    width: 1126px;

    height: 380px;

    margin: 0 auto;

    position: relative;

}



.ys_bg .ys .ys_box .bd ul li{

    width: 1126px;

    margin: 0 auto;

}



.ys_bg .ys .ys_box .bd ul li .ys_img{

    float: left;

    width: 564px;

    height: 380px;

}



.ys_bg .ys .ys_box .bd ul li .ys_img img{

    float: left;

    width: 564px;

    height: 380px;

}



.ys_bg .ys .ys_box .bd ul li .txt{

    float: right;

    width: 402px;

    height: 300px;

    background: #fff;

    padding: 80px 80px 0 80px;

}



.ys_bg .ys .ys_box .bd ul li .txt h5 {

    font-size: 24px;

    color: #333;

    text-align: center;

    font-weight: bold;

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

    padding-bottom: 5px;

}



.ys_bg .ys .ys_box .bd ul li .txt h5 span{

    font-size: 12px;

    color: #666;

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

    text-transform: uppercase;

    display: block;

    padding: 5px 0;

}



.ys_bg .ys .ys_box .bd ul li .txt p{

    font-size: 14px;

    color: #666;

    line-height: 30px;

    margin-top: 30px;

}



.ys .t_next {

    float: left;

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

    display: block;

    width: 80px;

    height: 80px;

    cursor: pointer;

    position: absolute;

    left: 0px;

    bottom: 150px;

    z-index: 10;

}



.ys .t_prev {

    float: left;

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

    display: block;

    width: 80px;

    height: 80px;

    cursor: pointer;

    position: absolute;

    right: 0px;

    bottom: 150px;

    z-index: 10;

}



.ys .ys_box .hd{

width: 477px;

height: 117px;

position: absolute;

right: 35px;

top: -180px;

border-bottom: 1px solid #fff;

}



.ys .ys_box .hd ul li{

    float: left;

    width: 90px;

    height: 122px;

    margin: 0 39px 0 0;

}



.ys .ys_box .hd ul li:last-child{

    margin-right: -20px;

}



.ys .ys_box .hd ul li span{

    width: 58px;

    height: 54px;

    margin: 0 auto;

    display: block;

}





.ys .ys_box .hd ul li h5{

    color: #009944;

    font-size: 16px;

    font-weight: bold;

    text-align: center;

    margin-top: 15px;

}





.ys .ys_box .hd ul li.ys1 span{

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

}



.ys .ys_box .hd ul li.ys2 span{

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

}



.ys .ys_box .hd ul li.ys3 span{

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

}



.ys .ys_box .hd ul li.ys4 span{

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

}



.ys .ys_box .hd ul li.on{

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

}



.ys .ys_box .hd ul li.on h5{

   color: #fff;

}



.ys .ys_box .hd ul li.ys1.on span {

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

}



.ys .ys_box .hd ul li.ys2.on span {

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

}



.ys .ys_box .hd ul li.ys3.on span {

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

}



.ys .ys_box .hd ul li.ys4.on span {

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

}





/* about*/



.about_bg {

    width: 100%;

    height: 815px;

    background: #f3fffc;

    margin: 0 auto;

}



.about_bg .about {

    width: 1200px;

    margin: 0 auto;

    padding-top: 70px;

}



.about .num {

    margin: 55px auto 0 auto;

    height: 92px;

}



.about .num ul li {

    width: 279px;

    float: left;

    margin: 0 10px;

    text-align: center;

    border-right: 1px solid #e6eeec;

    height: 92px;

}



.about .num ul li b {



    font-size: 20px;

    color: #2cda90;

    font-weight: normal;

    position: relative;

    display: inline-block;

    margin-top: -15px;



}



.about .num ul li b span {

    font-size: 50px;

    color: #2cda90;

    font-weight: bold;

}





.about .num ul li p {

    font-size: 18px;

    color: #333;

    text-align: center;

    margin-top: 10px;

    line-height: 24px;

}



.about .ab_box {

    margin: 50px auto 0 auto;

}



.about .ab_box .ab_img {

    width: 597px;

    height: 421px;

    float: left;

}



.about .ab_box .ab_img img {

    width: 597px;

    height: 421px;

}



.about .ab_box .txt {

    width: 540px;

    height: 421px;

    float: right;

    margin-top: 40px;

}



.about .ab_box .txt p {

    font-size: 14px;

    color: #666;

    line-height: 30px;

    height: 150px;

    overflow: hidden;

}



.about .ab_box .txt .xq {

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

    margin-top: 20px;

}



.about .ab_box .txt .xq .more {

    width: 100px;

    height: 30px;

    line-height: 30px;

    position: relative;

}



.about .ab_box .txt .xq a {

    font-size: 18px;

    color: #666;

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

    display: block;

    text-align: center;

}



.about .ab_box .txt .xq .more .border_top {

    width: 0;

    height: 1px;

    top: 0px;

    right: 0px;

    background: #2cda90;

    position: absolute;

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

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

    transition: all 0.5s ease-out

}



.about .ab_box .txt .xq .more .border_right {

    width: 1px;

    height: 0px;

    bottom: 0px;

    right: 0px;

    background: #2cda90;

    position: absolute;

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

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

    transition: all 0.5s ease-out

}



.about .ab_box .txt .xq .more .border_bottom {

    width: 0;

    height: 1px;

    bottom: 0px;

    left: 0px;

    background: #2cda90;

    position: absolute;

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

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

    transition: all 0.5s ease-out

}



.about .ab_box .txt .xq .more .border_left {

    width: 1px;

    height: 0px;

    top: 0px;

    left: 0px;

    background: #2cda90;

    position: absolute;

    -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 .xq a {

    font-size: 14px;

    color: #333;

    display: block;

    text-align: center;

}



.about .ab_box .txt .xq .more:hover .border_top {

    width: 100px;

}



.about .ab_box .txt .xq .more:hover .border_right {

    height: 30px;

}



.about .ab_box .txt .xq .more:hover .border_bottom {

    width: 100px;

}



.about .ab_box .txt .xq .more:hover .border_left {

    height: 30px;

}





.about .ab_box .txt .contact {

    margin-top: 75px;

}



.about .ab_box .txt .contact ul li {

    float: left;

}



.about .ab_box .txt .contact ul li.c1 {

    margin-right: 180px;

}



.about .ab_box .txt .contact ul li h5 {

    font-size: 16px;

    color: #333;

    font-weight: normal;

    line-height: 26px;

    display: block;

}



.about .ab_box .txt .contact ul li h5 img {

    width: 26px;

    height: 26px;

    display: inline-block;

    vertical-align: middle;

    margin-right: 15px;

    margin-top: -5px;

}



.about .ab_box .txt .contact ul li p {

    font-size: 14px;

    color: #666;

    height: 36px;

    line-height: 36px;

}





/* news*/



.news_bg {

    width: 100%;

    margin: 0 auto;

    background: #d2fbde;

    height: 553px;

}



.news_bg .news {

    width: 1200px;

    margin: 0 auto;

    padding-top: 45px;

}



.news_bg .news .news_box {

    width: 1200px;

    margin: 40px auto 0 auto;

}



.news_bg .news .news_box .news_l {

    width: 436px;

    float: left;

    position: relative;

}



.news_bg .news .news_box .news_l .bd {

    width: 436px;

    position: relative;

}



.news_bg .news .news_box .news_l ul li {

    width: 436px;

    position: relative;

}



.news_bg .news .news_box .news_l ul li .left_img {

    width: 436px;

    height: 222px;

}



.news_bg .news .news_box .news_l ul li .left_img a {

    width: 436px;

    height: 222px;

    display: block;

    overflow: hidden;

}



.news_bg .news .news_box .news_l ul li .left_img img {

    width: 436px;

    height: 222px;

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

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

    transition: all 0.5s ease-out;

}



.news_bg .news .news_box .news_l ul li .left_img img:hover {

    transform: scale(1.1, 1.1);

    -ms-transform: scale(1.1, 1.1);

    -webkit-transform: scale(1.1, 1.1);

    -o-transform: scale(1.1, 1.1);

    -moz-transform: scale(1.1, 1.1);

    overflow: hidden;

}



.news_bg .news .news_box .news_l ul li .l_txt {

    margin: 20px 0 0px 0;

}





.news_bg .news .news_box .news_l ul li .l_txt h5 a {

    font-size: 18px;

    color: #333;

    font-weight: normal;

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    -o-text-overflow: ellipsis;

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

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

    transition: all 0.5s ease-out;

}



.news_bg .news .news_box .news_l ul li .xq {

    margin-top: 5px;

}



.news_bg .news .news_box .news_l ul li .xq .time {

    float: left;

    width: 50px;

    text-align: center;

}



.news_bg .news .news_box .news_l ul li .xq .time span {

    font-size: 28px;

    color: #333;

    font-family: "宋体";

    display: block;

    border-bottom: 1px solid #333;

}



.news_bg .news .news_box .news_l ul li .xq .time p {

    font-size: 28px;

    color: #333;

    font-family: "宋体";

}



.news_bg .news .news_box .news_l ul li .xq .ms {

    width: 370px;

    float: right;

    font-size: 14px;

    color: #666;

    line-height: 24px;

    height: 72px;

    overflow: hidden;

    margin-top: 7px;

}



.news_bg .news .news_box .news_l .hd {

    overflow: hidden;

    height: 35px;

    width: 436px;

    margin: 0 auto;

    position: absolute;

    left: 0px;

    top: 187px;

    background: #2cda90;

}



.news_bg .news .news_box .news_l .hd ul {

    overflow: hidden;

    zoom: 1;

    zoom: 1;

    margin: 0 auto;

    width: 135px;

    margin-top: 17px;

}



.news_bg .news .news_box .news_l .hd ul li {

    float: left;

    width: 30px;

    height: 3px;

    overflow: hidden;

    margin: 0 0px 0 10px;

    text-indent: -999px;

    cursor: pointer;

    background: url("../images/ico2.png") 0 -3px no-repeat;

}



.news_bg .news .news_box .news_l .hd ul li.on {

    background-position: 0 0;

}



.news_bg .news .news_box .news_l ul li:hover .l_txt h5 a {

    color: #2cda90;

}



.news_bg .news .news_box .news_r {

    width: 735px;

    float: right;

}



.news_bg .news .news_box .news_r .nr {

    width: 735px;

    height: 105px;

    border-bottom: 1px solid #ccc;

    position: relative;

}



.news_bg .news .news_box .news_r .nr .news_img {

    width: 172px;

    height: 82px;

    float: left;

}



.news_bg .news .news_box .news_r .nr .news_img img {

    width: 172px;

    height: 82px;

}



.news_bg .news .news_box .news_r .nr .txt {

    width: 540px;

    height: 82px;

    float: right;

}



.news_bg .news .news_box .news_r .nr .txt .txt_t {

    height: 30px;

}



.news_bg .news .news_box .news_r .nr .txt .txt_t h5 a {

    font-size: 16px;

    color: #333;

    float: left;

    width: 450px;

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    -o-text-overflow: ellipsis;

}



.news_bg .news .news_box .news_r .nr .txt .txt_t span {

    float: right;

    font-size: 14px;

    color: #666;

    font-family: "宋体";

}



.news_bg .news .news_box .news_r .nr .txt p {

    font-size: 14px;

    color: #666;

    line-height: 24px;

    height: 48px;

    overflow: hidden;

    margin-top: 5px;

}





.news_bg .news .news_box .news_r .news_list {

    margin-top: 10px;

}



.news_bg .news .news_box .news_r .news_list ul li {

    height: 50px;

    line-height: 50px;

    float: left;

    margin-right: 15px;

    width: 350px;

}



.news_bg .news .news_box .news_r .news_list ul li a {

    width: 260px;

    float: left;

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    -o-text-overflow: ellipsis;

    font-size: 14px;

    color: #333;

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

    padding-left: 20px;

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

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

    transition: all 0.5s ease-out;

}



.news_bg .news .news_box .news_r .news_list ul li span {

    float: right;

    font-size: 12px;

    color: #333;

}





.news_bg .news .news_box .news_r .nr .line {

    position: absolute;

    bottom: 0px;

    left: 0px;

    width: 0;

    height: 1px;

    background: #2cda90;

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

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

    transition: all 0.5s ease-out;

}



.news_bg .news .news_box .news_r .nr:hover {

    border-bottom: 1px solid #d2fbdf;

}



.news_bg .news .news_box .news_r .nr:hover .line {

    width: 100%;

}



.news_bg .news .news_box .news_r .nr:hover .txt h5 a {

    color: #2cda90;

}



.news_bg .news .news_box .news_r .news_list ul li:hover a {

    color: #2cda90;

    -webkit-transform: translateX(10px);

    transform: translateX(10px);

}





/* links*/



.links_bg {

    width: 100%;

    margin: 0 auto;

    height: 287px;

    background: #f3fffc;

}



.links_bg .links {

    width: 1200px;

    margin: 0 auto;

    padding-top: 60px;

    height: 150px;

    border-bottom: 1px solid #333;

}



.links_bg .links h5 {

    font-size: 16px;

    color: #333;

    font-weight: normal;

    text-align: center;

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

}



.links_bg .links h5 span {

    font-size: 12px;

    color: #009944;

    display: block;

    text-transform: uppercase;

}



.links_bg .links .yq {

    margin-top: 35px;

}



.links_bg .links .yq a {

    font-size: 14px;

    color: #666;

    line-height: 24px;

    margin: 0 25px;

}