@charset "utf-8";
/*banner*/
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.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
color: #333;
margin: 0;
padding: 0;
line-height: 1.5;
}
:focus {
outline: 1;
}
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: #333;
}
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;
}
.pt{
padding-top: 40px;
}
/*banner*/
.banner {
width: 100%;
background:url(/uploads/image/20170926/20170926114028_3828.jpg) center no-repeat;
height: 494px;
overflow: hidden;
position: relative;
font-size: 0px;
}
.b-img {
height: 494px;
position: absolute;
left: 0px;
top: 0px;
}
.b-img a {
display: block;
height: 494px;
float: left;
}
.b-list {
height: 30px;
padding-top: 460px;
position: relative;
margin: 0px auto;
z-index: 1;
}
.b-list span {
display: block;
cursor: pointer;
width: 10px;
height: 10px;
border-radius: 50%;
border: 2px solid #fff;
float: left;
margin: 0px 5px;
}
.b-list .spcss {
border: 2px solid #30B2EC;
}
.bar-left {
position: absolute;
z-index: 1;
display: block;
width: 100px;
height: 100%;
left: 0px;
background: none;
top: 0px;
}
.bar-right {
position: absolute;
z-index: 1;
display: block;
width: 100px;
height: 100%;
right: 0px;
background: none;
top: 0px;
}
.bar-left em {
display: block;
width: 25px;
height: 54px;
background: url(../images/bl.png) 0px 0px no-repeat;
margin: 0px auto;
margin-top: 216px;
}
.bar-right em {
display: block;
width: 25px;
height: 54px;
background: url(../images/br.png) 0px 0px no-repeat;
margin: 0px auto;
margin-top: 216px;
}
.bar-left em:hover {
background: url(../images/h-bl.png);
}
.bar-right em:hover {
background: url(../images/h-br.png);
}
/*search*/
.search {
width: 100%;
height: 56px;
background: url(../images/search.jpg) no-repeat center;
}
.keytext {
width: 700px;
height: 56px;
line-height: 56px;
float: left;
font-family: Microsoft YaHei;
font-size: 14px;
color: #fff;
}
.keytext a {
margin: 0px 8px 0px 0px;
color: #5f5f5f;
display: inline-block;
}
.keytext a:hover {
color: #30B2EC;
}
.keytext i {
display: inline-block;
font-size: 14px;
color: #fff;
}
.rmgj-n-r {
float: right;
margin-top: 10px;
}
.rmgj-n-r .text {
width: 186px;
padding-left: 10px;
font-size: 14px;
font-family: Montserrat, sans-serif;
height: 30px;
margin-right: 0;
color: #333;
outline: none;
border: 1px solid #30B2EC;
background: #fff;
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;
color: #30B2EC;
}
.submit {
border: 1px solid #30B2EC;
width: 60px;
float: left;
padding: 0;
text-align: center;
height: 30px;
background: #30B2EC;
vertical-align: middle;
cursor: pointer;
color: #fff;
}
/*title*/
.title {
width: 1180px;
margin: 0 auto;
padding-top: 20px;
}
.title .title-1{
display: block;
font:bold 30px/50px "microsoft sans serif";
color: #30B2EC;
text-align: center;
background: url(../images/title-bg.png) no-repeat center 30px;
}
.title span {
display: block;
font: 14px arial;
color: #8c8c8c;
text-align: center;
}
.index-more {
display: block;
font: 14px/26px "microsoft yahei";
width: 96px;
height: 26px;
background: #30B2EC;
text-align: center;
margin: 15px auto 30px;
color: #fff;
}
.index-more:hover {
background: #0086DB;
color: #FFFF00;
}
.title-ab{
width: 1180px;
margin: 0 auto;
padding-top: 20px;
}
.title-ab .title-1{
display: block;
font:bold 30px/50px "microsoft sans serif";
color: #30B2EC;
text-align: center;
background: url(../images/title1-bg.png) no-repeat center 30px;
}
.title-ab span {
display: block;
font: 14px arial;
color: #8c8c8c;
text-align: center;
}
/*cooperation*/
.gd_01 {
position: relative;
width: 1180px;
height: 220px;
margin: auto;
}
.gd_01 em {
position: absolute;
top: 42px;
}
.gd_01 .t_l1 {
left: 0px;
}
.gd_01 .t_r1 {
right: 0px;
}
.gd_01 #simgs {height: 158px;
overflow: hidden;
margin: 0px auto;
}
.gd_01 li {
float: left;
width: 230px;
padding: 0 20px 0 0;
text-align: center;
}
.gd_01 li img {
display: block;
width: 230px;
height: 148px;
padding: 4px;
border: 1px solid #ddd;
}
.gd_01 li a span {
display: block;
height: 40px;
color: #303030;
font-size: 16px;
line-height: 40px;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.gd_01 li:hover span{
color: #30B2EC;
}
/*case*/
.case {
width: 100%;
height: 530px;
background: #f9f9f9;
}
.qimo8{ overflow:hidden; width:1180px; margin: 0 auto;}
.qimo8 .qimo {/*width:99999999px;*/width:8000%; height:310px;}
.qimo8 .qimo div{ float:left;}
.qimo8 .qimo ul{float:left; height:310px; overflow:hidden; zoom:1; }
.qimo8 .qimo ul li{float:left; list-style:none; padding-right: 10px;}
.qimo8 li a b{display: block;width: 231px;height: 256px;overflow: hidden;}
.qimo8 li a b img{display: block;width: 231px;height: 256px;overflow: hidden;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}
.qimo8 li a span{width: 231px;
height: 54px;
font-style: normal;
display: block;
background: #e4e1e1;
font: 16px/54px "microsoft yahei";
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
text-align: center;}
.qimo8 li a:hover img{-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);}
.qimo8 li a:hover span{
background: #0086DB;
color: #fff;
}
/*product*/
.product{
margin: 40px auto;
height: 780px;
}
.product-left{
width: 250px;
height: 780px;
background: #30b2ec;
padding:0 0 10px 0;
}
.product-left-title a{
display: block;
width: 100%;
height: 84px;
background:#0086DB;
text-align: center;
font:30px/45px "microsoft yahei";
color: #fff;
padding-top: 10px;
border-bottom:1px solid #fff ;
}
.product-left-title span{
display: block;
font: 16px "microsoft yahei";
}
.product-left-bg{
width: 226px;
margin: 10px auto 0;
background: #fff;
}
.product .product-left ul{
padding: 2px 0 18px 0;
}
.product-left ul li span a {
text-indent: 10px;
display: block;
margin-top: 10px;
height: 34px;
font: bold 16px/34px "microsoft yahei";
background: #0086db;
color: #fff;
border: 0;
}
.product-left ul li span a:hover {
color: #fff;
}
.product-left ul li a {
text-indent: 10px;
display: block;
padding: 6px 0 6px 5px;
height: 22px;
font: 14px/22px "microsoft yahei";
color: #5f5f5f;
background: url(../images/product-icon.jpg) no-repeat 5px 14px;
border-bottom: 1px dashed #eee;
}
.product-left ul li a:hover {
color: #30B2EC;
}
.product-left ul li span a:hover{
background: #30b2ec;
color: #333;
}
/*product-right*/
.product-right {
width: 916px;
}
.product-tit {
width: 916px;
height: 48px;
background: #0086DB;
}
.product-tit h3 a {
display: block;
width: 144px;
height: 48px;
background:#30b2ec;
text-align: center;
color: #fff;
font: bold 18px/48px "microsoft yahei";
float: left;
}
.pr-more{
float: right;
padding: 15px 10px 0 0;
font: 14px "microsoft yahei";
color: #fff;
}
.product-right ul{
padding-top: 15px;
}
.product-right ul li{
width: 221px;
float: left;
margin: 10px 4px 0 ;
}
.pro-box{
width: 221px;
height: 182px;
overflow: hidden;
border: 1px solid #f4f4f4;
}
.product-right ul li img{
display: block;
width: 223px;
height: 182px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
}
.product-right ul li:hover img{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.product-more{
display: block;
width: 223px;
height: 45px;
background: #f4f4f4;
text-align: center;
font: 16px/45px "microsoft yahei";
color: #333;
}
.product-right ul li:hover .product-more{
background: #0086DB;
color: #fff;
}
/*honor*/
.honor{
width: 100%;
height: 398px;
background: url(../images/rongyu.jpg) no-repeat center;
}
.quality-left h3 a img{
width: 452px;
height: 35px;
}
.quality-text{
font: 16px/30px "microsoft yahei";
color: #fff;
padding-top: 40px;
}
.honor-right{
width: 590px;
overflow: hidden;
}
.honor-title{
width: 416px;
height: 35px;
margin: 0 auto;
}
/*.marqueeleft{height:160px;width:590px;overflow:hidden;margin:50px auto;}\
.marqueeleft div{width:8000px;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 5px;display:inline;width:191px;height:160px;overflow:hidden;}
.marqueeleft li .pic{display:block;border:#ccc 1px solid;width:135px;height:160px;padding:2px;overflow:hidden;}
.marqueeleft li span{text-align:center;height:23px;line-height:23px; font:16px/32px "microsoft yahei";
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
display: block; color: #fff;}
.marqueeleft li a img{
width: 191px;
height: 131px;
overflow: hidden;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
}
.marqueeleft li:hover img{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.marqueeleft li:hover span{
color: #30B2EC;
}*/
.marquee {
width: 590px;
height: 170px;
overflow: hidden;
margin-top: 50px;
}
.marquee li {
display: inline;
float: left;
padding-right: 5px;
}
.marquee li a {
width: 191px;
height: 170px;
display: block;
float: left;
text-align: center;
font-size: 14px;
}
.marquee li a:hover {
text-decoration: none;
}
.marquee li img {
width: 191px;
height: 131px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
}
.marquee li:hover img{
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
}
.marquee li em {
font-style: normal;
height: 24px;
line-height: 24px;
display: block;
margin-top: 8px;
color: #fff;
}
.marquee li:hover em {
color: #30B2EC;
}
/*min-banner1*/
.min-banner1{
margin: 40px auto;
width: 1180px;
height: 225px;
background: url(../images/min-banner1.png) no-repeat center;
}
.min-b1 img{
width: 712px;
height: 125px;
padding: 46px 0 0 30px;
}
.min-b1-tel{
padding: 60px 0 30px;
width: 300px;
background: url(../images/min-banner-tel.png) no-repeat left 60px;
}
.min-b1-tel span{
display: block;
font: 16px "microsoft yahei";
color: #333;
padding-left: 40px;
}
.min-b1-tel p{
padding-left: 40px;
color: #fff;
font: 30px/36px "microsoft yahei";
}
.min-banner1-more{
display: block;
width: 138px;
height: 40px;
background: #30B2EC;
margin: 30px 60px 0;
text-align: center;
font: 16px/40px "microsoft yahei";
color: #fff;
}
.min-b1-tel .min-banner1-more:hover{
background: #1B6DAD;
}
/*annoyance*/
.annoyance-left{
width: 527px;
height: 353px;
}
.annoyance-left img{
display: block;
width: 527px;
height: 353px;
overflow: hidden;
}
.annoyance-right{
width: 620px;
}
.annoyance-right h3{
font:bold 21px/36px "microsoft yahei" ;
}
.annoyance-right h3 span{
color:#30B2EC;
}
.annoyance-right ul{
height: 200px;
padding-top: 20px;
}
.annoyance-right ul li{
padding-top:10px;
}
.annoyance-right ul li span:before{
display: inline-block;
content: "";
width: 6px;
height: 6px;
padding-right: 10px;
background: url(../images/icon-1.png) no-repeat no-repeat;
}
.annoyance-right ul li span{
display: block;
font: 16px/36px "microsoft yahei";
}
.annoyance-right ul li p{
font: 14px/20px "microsoft yahei";
color: #5f5f5f;
padding-left: 16px;
}
.ann-tel{
margin-top: 30px;
}
.ann-tel span{
display: inline-block;
font: bold 16px "microsoft yahei";
color: #fff;
padding-left: 16px;
}
.ann-tel a{
display: inline-block;
width: 125px;
height: 45px;
background: url(../images/ann-more.png) no-repeat no-repeat;
vertical-align: middle;
margin-left: 30px;
font: 16px/45px "microsoft yahei";
text-align: center;
color: #fff;
box-shadow:2px 3px 14px rgba(0,0,0,0.3);
}
.adv{
width: 100%;
padding: 30px 0;
height: auto;
background: #fcfcfc;
}
.adv-title h3{
text-align: center;
font: bold 30px/36px "microsoft yahei";
background: url(../images/adv-line.png) no-repeat center;
color: #30B2EC;
}
.adv-title span{
display:block;
text-align: center;
font: 16px/32px "microsoft yahei";
color: #5f5f5f;
}
.adv-content{
width: 1180px;
height: 713px;
margin: 0 auto;
position: relative;
background: url(../images/adv-xiaobiao.png) no-repeat center;
padding-top: 130px;
}
.adv-text-left{
width: 74px;
height: 110px;
background: url(../images/adv-text-img.png) no-repeat;
font: 36px/110px "microsoft yahei";
color: #fff;
text-align: center;
}
.adv-text-right{
width: 386px;
padding-left: 30px;
}
.adv-text-right h4{
width: 270px;
height: 44px;
background: #f2f2f2;
padding-left: 10px;
overflow: hidden;
font:bold 26px/44px "microsoft yahei";
color: #000000;
}
.adv-text-right p{
padding-top: 10px;
font: 16px/24px "microsoft yahei";
color: #333;
}
.position{
position: absolute;
}
.adv-img1{
top: 0;
right: 0;
}
.adv-img2{
bottom: 0;
left: 60px;
}
.adv-text1{
top: 100px;
left: 0;
}
.adv-text2{
top: 280px;
left: 0;
}
.adv-text3{
top: 510px;
right: 0;
}
.adv-text4{
top: 680px;
right: 0;
}
.evaluate ul{
width: 1180px;
margin: 0 auto;
padding: 30px 0;
}
.evaluate ul li{
width: 577px;
height: 164px;
float: left;
margin: 13px 0 0 13px;
background: #f1f1f1;
}
.evaluate-left{
width: 223px;
height: 164px;
overflow: hidden;
}
.evaluate-left img{
width: 223px;
height: 164px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
}
.evaluate ul li:hover img{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.evaluate-right{
width: 354px;
background: #f1f1f1;
}
.evaluate-right h4{
padding: 10px 10px 0;
font:bold 16px/32px "microsoft yahei";
}
.evaluate-right p{
padding: 0px 10px 0;
font: 14px/24px "microsoft yahei";
text-indent: 2em;
height: 67px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
color: #5F5F5F;
}
.eva-more{
display: block;
width: 92px;
height: 28px;
background: #30B2EC;
text-align: center;
font: 14px/28px "microsoft yahei";
color: #fff;
margin:20px 10px 0;
}
.evaluate ul li:hover .eva-more{
background: #0086DB;
color: #FFFF00;
}
/*min-banner2*/
.min-banner2{
width: 100%;
height: 247px;
background: url(../images/min-banner2.png) no-repeat center;
}
.min-banner2-left{
width: 850px;
padding-top: 60px;
font:bold 28px/60px "microsoft yahei";
color: #fff;
}
.min-banner2-right{
width: 250px;
height: 200px;
background: #30B2EC;
}
.min-banner2-rbox{
width: 230px;
margin: 0 auto;
}
.min-banner2-rbox h4{
padding-top: 40px;
font:bold 16px "microsoft yahei";
}
.min-banner2-rbox span{
display: inline-block;
padding-top: 10px;
font: 30px "microsoft yahei";
color: #fff;
}
.min-banner2-rbox a{
display: block;
width: 142px;
height: 34px;
font: 14px/34px "microsoft yahei";
color: #fff;
background: #1b6dad;
margin-top: 20px;
text-align: center;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
}
.min-banner2-rbox a:hover{
background: #0086DB;
color: #FFFF00;
}
.about-left{
width: 344px;
height: 474px;
overflow: hidden;
}
.about-left img{
width: 344px;
height: 474px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
}
.about-left:hover img{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.about-text{
width: 768px;
height: 174px;
overflow: hidden;
}
.about-text p{
font: 16px/30px "microsoft yahei";
text-indent: 2em;
}
.about-text p.over{
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.tab-box{ width:768px; margin:50px auto 0;}
.tab-top{width: 680px; background: url(../images/about-tabline.png) no-repeat center; margin: 0 auto;}
.tab-hd { overflow:hidden; zoom:1; width: 453px;margin: 0 auto; background: url(../images/about-tabline.png) no-repeat center;}
.tab-hd li{ float:left; width:131px; height: 34px; color:#fff; text-align:center; cursor:pointer;background: #30B2EC; margin: 0 10px;}
.tab-hd li.active{ background:#1d73b9;}
.tab-bd{ width: 768px;
height: 226px;
overflow: hidden;}
.tab-bd li{display:none; font-size:24px;}
.tab-bd li.thisclass{ display:list-item; }
.tab-hd li a{font: 16px/34px "microsoft yahei";color: #fff; }
.tab-bd li a{ display: inline-block;padding: 32px 0 0;position: relative;width: 248px; height: 185px;}
.tab-bd li a img{width: 248px;height: 185px;}
.tab-bd-text{
width: 248px;
height: 30px;
background: #0086DB;
background: rgba(0,134,219,.5);
position: absolute;
left: 0;
bottom: 0;
font: 15px/30px "microsoft yahei";
text-align: center;
color: #fff;
filter:alpha(opacity=50);
}
.tab-bd li a:hover .tab-bd-text{
background: #0086DB;
}
/*news*/
.news {
width:1180px;
margin: 30px auto;
}
.box {
width: 732px;
background: #fff;
border: 1px solid #d3d3d3;
}
.tabox {
width: 800px;
}
.tabox .hd {
overflow: hidden;
background: #FC9002;
}
.tabox .hd li {
position: relative;
height: 50px;
text-align: center;
width: 400px;
float: left;
border-top: 0;
background: #1d73b9;
font: bold 16px/50px "Microsoft YaHei";
_font-weight: bold;
cursor: default;
color: #fff;
}
.tabox .hd li.on {
width: 400px;
background: #36befc;
color: #fff;
}
.tabox .bd {
padding-bottom: 20px; height: 426px;
overflow: hidden;
}
.tabox .lh {
overflow: hidden;
background: #fbfbfb;
height: 446px;
}
.tabox .lh li {
width: 380px;
float: left;
padding-top: 10px;
}
.tab_box {
height: 409px;
padding: 20px;
}
.tab-max {
padding: 20px;
}
.tab_box li {
overflow: hidden;
}
.tab_box .hide {
display: none;
}
.news-img{
width: 258px;
height: 171px;
border: 1px solid #D1D1D1;
}
.news-img img {
width: 238px;
height: 151px;
padding-top: 10px;
display: block;
margin: 0 auto;
}
.news-text {
width: 478px;
}
.news-text h4 {
font: 16px/34px "微软雅黑";
color: #1198d7;
padding-top: 10px;
}
.news-text p {
height:7em;
font: 14px/24px "微软雅黑";
color: #5f5f5f;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.news-text span {
display: inline-block;
padding-top: 10px;
color: #1198d7;
}
.news-text a:hover {
color: #FC9002;
}
.bd ul li {
width: 346px;
float: left;
margin-top: 5px;
}
.bd ul li i:before {
display: inline-block;
content-1: ">>";
font: 12px/18px "microsoft yahei";
vertical-align: super;
padding-right: 10px;
}
.bd ul li a b {
display: inline-block;
width: 18em;
font: 12px "microsoft yahei";
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: sub;
}
.bd ul li a span {
display: inline-block;
font: 12px "microsoft yahei";
padding-left: 10px;
vertical-align: text-top;
}
.bd ul li a:hover b,
.bd ul li a:hover span {
color: #1198d7;
}
.bd ul li a:hover i:before {
color:#1198d7 ;
}
.news-right {
width: 315px;
height: 495px;
background: #fbfbfb;
}
.news-right-title {
width: 100%;
height: 43px;
}
.news-right-title h3 {
display: inline-block;
}
.news-right-title h3 a {
display: inline-block;
font: bold 18px/44px "microsoft yahei";
color: #23A73B;
padding-left: 10px;
}
.news-right-title a {
display: inline-block;
font: 12px/44px "microsoft yahei";
color: #5f5f5f;
padding-left: 95px;
}
.news-right-title a:hover {
color: #23A73B;
}
.news-right ul li {
margin: 30px 10px;
}
.pt3 {
padding-top: 15px;
}
.pt3 li a i,
.pt3 li a b {
float: left;
}
.pt3 li a:after {
display: block;
content-1: "";
clear: both;
}
.pt3 li a span {
float: right;
padding: 0 15px 0 5px;
}
.tabox .hd li.on a,
.tabox .hd li a {
display: block;
color: #fff;
}
.news-right-title {
width: 100%;
height: 43px;
background:#30B2EC;
}
.news-right-title h3 {
display: inline-block;
}
.news-right-title h3 a {
display: inline-block;
font: bold 18px/44px "microsoft yahei";
color: #fff;
padding-left: 10px;
}
.news-right-title a {
display: inline-block;
font: 12px/44px "microsoft yahei";
color: #fbfbfb;
padding-left: 95px;
}
.news-right-title a:hover {
color: #FFFF00;
}
.news-right ul li {
margin: 30px 10px;
}
.scrolltop{
overflow: hidden;
position: relative;
height: 414px;
margin-top: 20px;
}
.wen i {
display: inline-block;
width: 23px;
height: 23px;
background: #1d73b9;
color: #fff;
font: bold 16px/23px "microsoft yahei";
text-align: center;
}
.wen span {
display: inline-block;
font: 16px/24px "microsoft yahei";
padding-left: 5px;
width: 16em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: text-bottom;
color: #3b3939;
}
.da {
padding-top: 15px;
}
.da i {
display: inline-block;
width: 23px;
height: 23px;
background: #30B2EC;
color: #fff;
font: bold 16px/23px "microsoft yahei";
text-align: center;
}
.da span {
font: 13px/23px "microsoft yahei";
padding-left: 5px;
width: 20em;
display: -webkit-inline-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
vertical-align: top;
color: #3b3939;
}
.news-right ul li {
padding-bottom: 20px;
border-bottom: 1px dashed #c8c8c8;
}
/*links*/
.links{
width: 1180px;
height: 70px;
background: url(../images/links.png) no-repeat center;
margin: 20px auto;
}
.links-right{
padding-left: 20px;
}
.links h3{
display: inline-block;
width: 164px;
}
.links h3 a{
display: block;
font:bold 36px/70px arial;
color: #fff;
text-align: center;
}
.links a{
display: inline-block;
font: 14px/70px arial;
vertical-align: bottom;padding:0 10px;
}
.links span{
display: inline-block;
font: 14px/70px arial;
vertical-align: bottom;
}
.links a:hover{
color: #30B2EC;
}