/*首页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;
}