@charset "utf-8";
html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img {
margin: 0;
padding: 0
}
body {
font: 14px/1.0531 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
color: #414141;
margin: 0;
padding: 0;
line-height: 1.5;
}
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
display: block;
}
a {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
color: #414141;
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
li,
ul {
list-style-type: none;
}
img {
display: inline-block;
border: none;
}
a:link,
a:hover,
a:active,
a:visited {
text-decoration: none;
}
input,
textarea {
outline: 0;
border: 0;
}
textarea {
resize: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
dt,
i,
em {
font-weight: normal;
font-style: normal;
}
/*banner*/
.fullSlide {
width: 100%;
position: relative;
height: 500px;
background: #FFF;
overflow: hidden;
}
.fullSlide .bd {
height: 500px;
margin: 0 auto;
position: relative;
z-index: 1;
overflow: hidden;
}
.fullSlide .bd ul {
width: 100% !important;
}
.fullSlide .bd li {
width: 100% !important;
height: 500px;
overflow: hidden;
text-align: center;
}
.fullSlide .bd li a {
display: block;
height: 500px;
}
.fullSlide .hd {
width: 100%;
position: absolute;
z-index: 2;
bottom: 0;
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: 14px;
height: 14px;
margin: 3px;
background-color: #017ad3;
overflow: hidden;
line-height: 99px;
border: 2px solid #FFF;
border-radius: 50%;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.fullSlide .hd ul .on {
width: 50px;
background: #f90;
border-radius: 9px;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.fullSlide .prev,
.fullSlide .next {
width: 40px;
height: 60px;
position: absolute;
top: 50%;
margin-top: -30px;
z-index: 2;
background: url(/templates/pc_wjdh/images/slider-arrow.png) -126px -137px #000 no-repeat;
filter: alpha(opacity=30);
-moz-opacity: .3;
opacity: .3;
-webkit-transition: all .5s linear;
transition: all .5s linear;
}
.fullSlide .prev {
background: url(/templates/pc_wjdh/images/slider-arrow.png) -126px -137px #000 no-repeat;
left: 10%;
}
.fullSlide .next {
background-position: -6px -137px;
right: 10%;
}
/*search*/
.search_box {
width: 100%;
height: 49px;
background: #f2f2f2;
}
.search {
width: 1180px;
margin: auto;
}
.keytext {
width: 700px;
height: 49px;
line-height: 49px;
float: left;
font-family: Microsoft YaHei;
font-size: 14px;
color: #333;
}
.keytext a {
margin: 0px 12px 0px 0px;
color: #5f5f5f;
display: inline-block;
}
.keytext a:hover {
color: #017ad3;
}
.keytext i {
display: inline-block;
font-size: 14px;
color: #5f5f5f;
}
.rmgj-n-r {
float: right;
margin-top: 10px;
}
.rmgj-n-r .text {
width: 180px;
padding-left: 10px;
font-size: 14px;
font-family: Montserrat, sans-serif;
height: 30px;
margin-right: 0;
color: #5f5f5f;
outline: none;
border: 1px solid #ccc;
background: transparent;
border-left: none;
border-right: none;
float: left;
box-sizing: border-box;
-webkit-transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
-ms-transition: all 0.15s ease;
transition: all 0.15s ease;
}
.keytext span {
padding-right: 10px;
display: block;
float: left;
font-size: 14px;
color: #5f5f5f;
}
.submit {
border: 1px solid #ccc;
border-left: none;
border-right: none;
background: url(/templates/pc_wjdh/images/sosuo.png) no-repeat center;
width: 30px;
float: left;
padding: 0;
text-align: center;
height: 30px;
vertical-align: middle;
cursor: pointer;
color: #fff;
}
/*products*/
.products{
width: 100%;
height: 808px;
margin-top: 30px;
}
.products-left{
width: 258px;
}
.products-left h2{
width: 246px;
height: 106px;
background: #017ad3;
margin-top: 50px;
}
.products-left h2 a{
display: block;
font: bold 30px/50px "microsoft yahei";
color: #fff;
text-align: center;
letter-spacing: 5px;
padding-top: 10px;
}
.products-left h2 p{
text-align: center;
color: #fff;
font-size: 14px;
}
.products-left ul li{
width: 206px;
background: #f2f2f2;
border-bottom: 1px solid #fff;
padding: 0 20px;
height: 72px;
font: 16px/72px "microsoft yahei";
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.products-left ul li a{
display: block;
width: 206px;
height: 72px;
background: url(/templates/pc_wjdh/images/jiantou.png) no-repeat 180px center;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.products-left ul li:hover{
width: 218px;
height: 72px;
background: #017ad3;
}
.products-left ul li:hover a{
display: block;
width: 206px;
height: 56px;
color: #fff;
background: url(/templates/pc_wjdh/images/jiantou2.png) no-repeat 188px center;
}
.products-tel {
width: 246px;
background: #017ad3;
height: 115px;
}
.products-tel p {
width: 184px;
margin: 0 auto;
padding-top: 20px;
background: url(/templates/pc_wjdh/images/products-tel.png) no-repeat left bottom;
font: 15px "microsoft yahei";
color: #fff;
text-indent: 20px;
}
.products-tel h4 {
width: 184px;
margin: 0 auto;
font:bold 30px/36px "times new roman" ,"arial rounded mt bold";
color: #fff;
letter-spacing: 2px;
padding-top: 12px;
}
/* »¬¶¯ÃÅ */
#tab_pro_right {
width: 900px;
height: 55px;
background: #fff;
position: relative;
margin: 50px auto 0;
}
#tab_pro_right .tab_menu_pro_right {
width: 100%;
float: left;
position: absolute;
z-index: 1;
color: #fff;
background: #f2f2f2;
}
#tab_pro_right .tab_menu_pro_right a {
color: #333;
}
#tab_pro_right .tab_menu_pro_right li {
float: left;
color: #fff;
width: 120px;
height: 55px;
line-height: 55px;
border-bottom: 0px;
cursor: pointer;
text-align: center;
margin: 0 2px 0 0;
}
#tab_pro_right .tab_box_pro_right {
width: 900px;
clear: both;
top: 75px;
position: relative;
}
#tab_pro_right .tab_menu_pro_right .selected_pro_right {
background-color: #017ad3;
cursor: pointer;
color: #fff;
}
#tab_pro_right .tab_menu_pro_right .selected_pro_right a{color: #fff;}
#tab_pro_right .hide {
display: none;
}
#tab_pro_right .tab_box_pro_right div {}#tab_pro_right .tab_box_pro_right div ul li{
width: 209px;
height: 230px;
float: left;
margin: 0px 8px -8px;
position: relative;
}
#tab_pro_right .tab_box_pro_right div ul li b{
display: block;
width: 209px;
height: 153px;
overflow: hidden;
}
#tab_pro_right .tab_box_pro_right div ul li b img{
display: block;
width: 209px;
height: 154px;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.tab_box_pro_right ul{
padding-top: 10px;
}
#tab_pro_right .tab_box_pro_right div ul li p{
width: 209px;
height: 50px;
background: #f2f2f2;
font: 15px/50px "microsoft yahei";
text-align: center;
-webkit-transition: all .5s ease;
transition: all .5s ease;
color: #333;
height: 50px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
#tab_pro_right .tab_box_pro_right div ul li:hover img{
-webkit-transform: scale(1.08);
transform: scale(1.08);
}
#tab_pro_right .tab_box_pro_right div ul li:hover p{
background: #017ad3;
color: #fff;
}
/*adv1*/
.adv1{
width: 100%;
height: 556px;
background: #f2f2f2;
overflow: hidden;
}
.title a{
display: block;
font: bold 24px/30px "microsoft yahei";
color: #017AD3;
text-align: center;
padding-top: 40px;
}
.title span{
display: block;
font: bold 14px/40px "microsoft yahei";
color: #017AD3;
width: 312px;
background: url(/templates/pc_wjdh/images/title-1.png) no-repeat center;
text-align: center;
margin: 0 auto;
}
.title p{
text-align: center;
font: 14px "microsoft yahei";
color: #5f5f5f;
}
.adv1 ul{
width: 1110px;
margin: 0 auto;
}
.adv1 ul li{
width: 228px;
height: 322px;
background: #fff;
float: left;
margin: 50px 24px 0;
}
.adv1 ul li img{
width: 96px;
height: 96px;
display: block;
margin: 20px auto;
}
.adv1 ul li h4{
font: bold 20px/30px "microsoft yahei";
color: #333;
text-align: center;
}
.adv1 ul li p{
padding:20px 5px;
font: 14px/26px "microsoft yahei";
text-align: center;
color: #5f5f5f;
}
.adv1 ul li a{
display: block;
width: 32px;
height: 9px;
background: url(/templates/pc_wjdh/images/adv-more1.png) no-repeat center;
margin: 10px auto;
}
.adv1 ul li:hover {
background: #017AD3;
}
.adv1 ul li:hover h4,.adv1 ul li:hover p{color: #fff;}
.adv1 ul li:hover a{background: url(/templates/pc_wjdh/images/adv-more2.png) no-repeat center;}
/*adv2*/
.adv2{
width: 100%;
height: 638px;
background: url(/templates/pc_wjdh/images/adv2.jpg) no-repeat center;
}
.title-1 a{
display: block;
font: bold 24px/30px "microsoft yahei";
color: #fff;
text-align: center;
padding-top: 40px;
}
.title-1 span{
display: block;
font: bold 14px/40px "microsoft yahei";
color: #fff;
width: 312px;
background: url(/templates/pc_wjdh/images/title-2.png) no-repeat center;
text-align: center;
margin: 0 auto;
}
.title-1 p{
text-align: center;
font: 14px "microsoft yahei";
color: #fff;
}
.adv2-box{
width: 1020px;
margin: 40px auto 0;
height: 469px;
}
.adv2-right ul{
padding-top: 20px;
}
.adv2-right ul li{
width: 538px;
height: 82px;
background: url(/templates/pc_wjdh/images/adv2-bg1.png) no-repeat center;
margin:30px 0 40px 0 ;
}
.adv2-right ul li h4{
display: inline-block;
color: #333;
width: 50px;
float: left;
height: 82px;
padding-left: 20px;
font:bold 30px/82px "times new roman", "microsoft yahei";
background: url(/templates/pc_wjdh/images/adv2-line.jpg) no-repeat 58px center;
}
.adv2-right ul li p{
float: left;
display: inline-block;
color: #5f5f5f;
font:16px/82px "times new roman", "microsoft yahei";
}
.adv2-right ul li p:after{
display: block;
clear: both;
}
.adv2-right ul li:hover{
background: url(/templates/pc_wjdh/images/adv2-bg2.png) no-repeat center;
}
.adv2-right ul li:hover h4,.adv2-right ul li:hover p{color: #fff;}
/*case*/
.case ul li{
width: 250px;
height: 296px;
background: #f2f2f2;
float: left;
margin: 50px 22px;
}
.case ul li a img{
width: 250px;
height: 174px;
display: block;
}
.case ul li h4 a{
display: block;
font: 16px/30px "microsoft yahei";
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
height: 30px;
width: 250px;
overflow: hidden;
padding: 10px 0;
}
.case ul li p{
color: #5f5f5f;
padding:0 10px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: 40px;
}
.case ul li:hover {
background: #017AD3;
}
.case ul li:hover a{
color: #fff;
}
.case ul li:hover p{
color: #fff;
}
/*adm1*/
.adm1{
width: 100%;
height: 200px;
background: url(/templates/pc_wjdh/images/adm1.jpg) no-repeat center;
}
.adv-right{
width: 590px;
}
.adv-right h4{
padding-left:30px;
font: bold 24px/30px "microsoft yahei";
color: #fff;
padding-top: 24px;
}
.adv-right p{
padding-left:30px;
color: #fff;
font: 16px/30px "microsoft yahei";
margin-top: 10px;
}
.adm1-more h4{
width: 280px;
font: bold 26px/60px "microsoft yahei";
color: #fff;
padding-left: 40px;
background: url(/templates/pc_wjdh/images/adm1-tel.png) no-repeat left 38px;
float: left;
margin-top: 10px;
margin-left: 30px;
}
.adm1-more span{
font: bold 26px/60px "microsoft yahei";
display: inline-block;
padding-left: 20px;
}
.adm1-more a{
display: block;
width: 146px;
height: 40px;
background: #f90;
float: left;
font: 15px/40px "microsoft yahei";
color: #fff;
text-align: center;
margin-top: 43px;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.adm1-more a:hover{
-webkit-transform: translate(-2px,-2px);
transform: translate(-2px,-2px);
box-shadow: 1px 3px 2px rgba(0,0,0,.2);
}
.adm1-right img{
display: block;
height: 232px;
}
/*adv3*/
.adv3{
width: 100%;
height: 1430px;
background: url(/templates/pc_wjdh/images/adv3-bg.jpg) no-repeat center bottom;
}
.title-2{
padding-bottom: 10px;
border-bottom: 1px solid #f2f2f2;
}
.title-2 a{
padding-top: 40px;
display: block;
font: bold 24px/30px "microsoft yahei";
color: #017AD3;
text-align: center;
}
.title-2 p{
text-align: center;
padding-top: 10px;
font: 14px "microsoft yahei";
color: #5f5f5f;
}
.adv3-text span{
font: 14px/26px "microsoft yahei";
display: block;
color: #5f5f5f;
}
.adv3-text h4{
font: bold 20px/30px "microsoft yahei";
color: #017AD3;
}
.adv3-line{
width: 10px;
height: 2px;
background: #017AD3;
margin: 10px 0;
}
.adv3-text p{
font: 14px/26px "microsoft yahei";
color: #5f5f5f;
}
.adv3-text ul li{
width: 543px;
position: absolute;
}
.adv3-1{
top: 103px;
left: 593px;
}
.adv3-2{
top: 475px;
left:35px;
}
.adv3-3{
top: 1115px;
left: 0px;
}
.adv3-4{
top: 1115px;
right: 0px;
}
.adv3 img{
display: block;
position: absolute;
}
.adv3-img1{
width: 557px;
height: 349px;
display: block;
top: 70px;
left: 0;
}
.adv3-img2{
width: 586px;
height: 338px;
display: block;
top: 380px;
right: 0;
}
.adv3-img3{
width: 543px;
height: 249px;
display: block;
top: 830px;
left: 0;
}
.adv3-img4{
width: 543px;
height: 249px;
display: block;
top: 830px;
right: 0;
}
/*adm2*/
.adm2{
width: 100%;
height: 200px;
background: #017AD3;
}
.adv2-text img{
display: block;
width: 550px;
height: 72px;
padding-top: 60px;
}
.adv2-img img{
display: block;
width: 196px;
height: 190px;
padding-top: 5px;
padding-left: 150px;
}
.adm2-more p{
width: 150px;
font: 15px/30px "microsoft yahei";
background: url(/templates/pc_wjdh/images/adm2-tel.png) no-repeat center left;
padding-left: 30px;
color: #fff;
margin-top: 40px;
}
.adm2-more h4{
font: bold 25px/40px "microsoft yahei";
color: #fff;
/* letter-spacing: 1px; */
}
.adm2-more a{
display: block;
width: 184px;
height: 30px;
background: #f90;
margin-top: 10px;
text-align: center;
font: 14px/30px "microsoft yahei";
color: #fff;
}
/*about*/
.about{
width: 100%;
height: 648px;
background: #f2f2f2;
}
.about-left{
width: 582px;
margin-top: 40px;
}
.about-left h4 a{
display: block;
font: bold 20px/30px "microsoft yahei";
color: #017AD3;
}
.about-text{
width: 542px;
height: 214px;
padding: 20px;
background: #fff;
}
.about-line{
width: 50px;
height: 2px;
background: #f90;
margin-top: 10px;
}
.about-text p{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:3;
overflow: hidden;
margin-top: 20px;
font: 14px/26px "microsoft yahei";
color: #5f5f5f;
}
.about-more{
width: 120px;
height: 40px;
display: block;
background: #f90;
border-radius: 5px;
font: 14px/40px "microsoft yahei";
text-align: center;
color: #fff;
margin-top: 30px;
-webkit-transition: .5s ;
transition: .5s ;
}
.about-more:hover{
background: #017AD3;
}
.about-img a img{
display: block;
width: 582px;
height: 150px;
}
.about-album{
width: 299px;
}
.about-album-box{
width: 299px;
height: 338px;
overflow: hidden;
margin-top: 40px;
}
.about-album-box ul li{
width: 299px;
height: 338px;
position: relative;
}
.about-album-box ul li img{
display: block;
width: 299px;
height: 338px;
}
.album-zhegai{
width: 299px;
height: 338px;
background: rgba(1,122,211,.8);
position: absolute;
top: -338px;
left: 0;
-webkit-transition: .5s;
transition: .5s;
}
.album-zhegai{
width: 259px;
height: 288px;
padding:50px 20px 0;
}
.album-zhegai h4 {
color: #fff;
display: block;
text-align: center;
font: 18px/30px "microsoft yahei";
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
padding-top: 60px;
}
.album-line{
width: 100px;
height: 2px;
margin: 20px auto;
background: #fff;
}
.album-zhegai a{
display: block;
font: 16px/30px "microsoft yahei";
text-align: center;
color: #fff;
}
.about-album-box ul li:hover .album-zhegai{
top: 0;
}
.album-title h3 a{
width: 299px;
height:66px;
background: #017AD3;
font:bold 18px/66px "microsoft yahei";
display: block;
text-align: center;
color: #fff;
-webkit-transition: .5s;
transition: .5s;
}
.album-title h3 a:hover{
background: #f90;
}
.honor{
padding-top: 40px;
}
.honor h3 a{
display: block;
width: 299px;
height: 66px;
background: #017AD3;
text-align: center;
font:bold 18px/66px "microsoft yahei";
color: #fff;
-webkit-transition: .5s;
transition: .5s;
}
.honor h3 a:hover{
background: #f90;
}
.honor-box{
width: 299px;
height: 338px;
background: #fff;
position: relative;
overflow: hidden;
}
.honor-box ul li a img{
display: block;
width: 178px;
height: 237px;
}
.honor-box ul li img{
display: block;
width: 178px;
margin: 0 auto;
padding-top: 30px;
}
.honor-box ul li a{
display: block;
width: 178px;
margin: 0 auto;
}
.honor-box ul li p a{
color: #333;
text-align: center;
font: 16px/50px "microsoft yahei";
display: block;
height: 50px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.honor-per{
width: 14px;
height: 28px;
position: absolute;
top: 140px;
left: 30px;
background: url(/templates/pc_wjdh/images/per.png) no-repeat center;
cursor: pointer;
}
.honor-next{
width: 14px;
height: 28px;
position: absolute;
top: 140px;
right: 30px;
background: url(/templates/pc_wjdh/images/next.png) no-repeat center;
cursor: pointer;
}
/*witness*/
.witness{
height: 670px;
}
.witness ul{
margin-top: 50px;
}
.witness ul li{
width: 550px;
height: 200px;
background: #f2f2f2;
float: left;
margin: 0 20px 40px;
-webkit-transition: .5s ;
transition: .5s ;
}
.witness ul li:hover{
box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
-webkit-transform: translate(-2px,-2px);
transform: translate(-2px,-2px);
}
.witness ul li .witness-left a{
width: 231px;
height: 184px;
display: block;
padding: 8px;
}
.witness ul li img{
width: 231px;
height: 184px;
display: block;
}
.witness-right h4 a{
display: block;
padding:20px 20px 0px;
font: bold 20px "microsoft yahei";
color: #017ad3;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
width: 13em;
}
.witness-right p{
padding:10px 20px 0;
width: 260px;
font: 14px/26px "microsoft yahei";
color: #5f5f5f;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
height: 83px;
overflow: hidden;
}
a.witness-more{
width: 110px;
height: 34px;
display: block;
font: 14px/34px "microsoft yahei";
color: #fff;
background: #017ad3;
margin: 20px 0 0 20px;
text-align: center;
}
/*news*/
.news{
position: relative;
height: 730px;
background: #f2f2f2;
}
.index_newsbox{ margin:auto; width:100%; margin-top: 26px;}
.index_news{ width:1180px; margin:auto;}
.index_news h3{ font-size: 32px; font-weight: bold; text-align: center;background: url(/templates/pc_wjdh/images/btbj.png) no-repeat center 15px;}
.index_news h3 a{ color: #333333;font-weight: bold; margin-top: 11px;}
.index_news h3 span{ color: #da2126;}
.index_news h3 span i{ display: block; font-size: 16px; color: #ff9700; margin-top: 14px;text-transform: uppercase;}
.index_news h3 span em{ display: block; font-size: 16px; color: #aaa9a9; margin-top: -1px;}
.index_news h3 p{ font-size: 16px; text-align: center;font-weight: normal;color: #666666;margin-top: 12px;}
.news_con ul{ width: 1180px; text-align: center; height: 30px;margin-top: 29px;}
.news_con ul li{display: inline-block;width: 130px;height: 40px;/* border-radius:5px; */text-align: center;line-height: 40px;border: solid 1px #ccc;background: #fff;margin-right: 20px;}
.news_con ul li a{font-size: 14px; color: #352d2b;font-weight:normal;}
.news_con ul li:hover,.news_con ul li.casehover{color:#fff;font-size:16px;background: #017ad3;border: solid 1px #017ad3;width: 130px;height: 40px;}
.news_con ul li:hover,.news_con ul li.casehover a{color:#fff;font-weight:bold;}
.index_news dl{margin-top: 15px;}
.index_news dl dt ul li:first-child{margin-left:10px;}
.index_news dl dt ul li{ width: 280px; height: 270px; float: left; margin-left: 14px;margin-top: 19px;border: solid 1px #a5a5a5;}
.index_news dl dt ul li h4{width: 254px;height: 40px;background: url(/templates/pc_wjdh/images/newsbtbj.jpg) no-repeat left bottom;line-height: 40px;overflow: hidden;margin-left: 16px;}
.index_news dl dt ul li h4 a{color: #352d2b;}
.index_news dl dt ul li em{ display:block;font-size: 14px; color: #aaaaaa;margin-top: 22px;margin-left: 15px;}
.index_news dl dt ul li p{ height: 110px; overflow: hidden; width:254px; color: #666666;line-height: 26px;margin: auto;margin-top: 18px;font-size: 14px;}
.index_news dl dt ul li span a{ display: block; text-align:center; width: 28px; height: 28px; color: #666;margin-top: 13px;margin-left: 14px;}
.index_news dl dd ul li{width: 280px; float: left; margin-left: 14px;margin-top: -4px;}
.index_news dl dd ul li h4{width: 254px;height: 30px;background: url(/templates/pc_wjdh/images/newsbtbj.jpg) no-repeat left bottom;line-height: 24px;overflow: hidden;margin-left: 16px;}
.index_news dl dd ul li h4 a{color: #352d2b;}
.index_news dl dd ul li span{ display:block;font-size: 14px; color: #aaaaaa;margin-top: 17px;margin-left: 15px;line-height: 20px;}
.news_nra>.news_nr{
display: none;
}
.news_nra>.news_nr:nth-child(1) {
display: block;
}
/*links*/
.links{
width: 100%;
height: 120px;
background: #fff;
}
.links h4{
font: bold 22px/36px "microsoft yahei";
border-bottom: 1px solid #017AD3;
padding-top: 20px;
}
.links h4 span{
font: bold 14px/36px "microsoft yahei";
}
.links a{
display: inline-block;
font: 14px/36px "microsoft yahei";
color: #333;
padding-right: 20px;
padding-top: 10px;
}
.links a:hover{
color: #017AD3;
}