.banner { height: 441px; position: relative; z-index: 1; overflow: hidden; }
.banner li { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: none; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.banner li a { display: block; width: 100%; height: 100%; }
.banner-wrap { position: absolute; height: 5px; bottom: 30px; /*! margin-left: -600px; */ left: 0; width: 100%; }
.banner .btn { height: 7px; position: absolute; top: 0; left: 50%; width: 960px; margin-left: -400px; bottom: 0; z-index: 10; text-align: center; height: 5px; }
.banner .btn span { display: inline-block; width: 24px; height: 8px;	/*! border-radius: 50%; */ background: #fff; cursor: pointer; margin: 0 5px; opacity: 0.5; line-height: 5px; filter: alpha(opacity=90); }
.banner .btn span.on { opacity: 1; filter: alpha(opacity=100); }
.banner-prev, .banner-next { border-radius: 25px; position: absolute; top: -160px; width: 50px; height: 100px; margin-top: -50px; background: url(../images/prev.png) no-repeat center center transparent; cursor: pointer; z-index: 13; }
.banner-prev:hover, .banner-next:hover { background-color: rgba(166, 206, 57, 0.2); }
.banner-next { right: 20px; background-position: 100% 0; background: url(../images/next.png) no-repeat center center transparent; }
.banner-prev { left: 20px; }

/* rowt */
.rowt { height: 30px; color: #888; font-size: 12px; line-height: 30px; }
.rowt .h1 { height: 100%; font-size: 18px; color: #575757; }
.rowt .h1:before { display: inline-block; content: ''; width: 4px; height: 16px; background: #1684e1; margin-right: 10px; margin-top: 7px; vertical-align: -2px; }

/* serv */
.serv { position: relative; height: 130px; }
.serv:before { content: ''; position: absolute; top: 45px; left: 0; width: 100%; height: 0px; border-top: 1px dashed #ddd; }
.serv .wrap { position: relative; z-index: 2; text-align: center; }
.serv .b { display: inline-block; width: 82px; height: 130px; margin: 0 36px; cursor: pointer; line-height: 30px; color: #333; font-size: 16px; }
.serv .b:hover { color: #1684e1; }
.serv .b .icon-serv-b { width: 82px; height: 90px; text-align: center; padding-top: 23px; background-position: 0 -108px; }
.serv .b:hover .icon-serv-b { background-position: 0 -198px; }
.serv .b .icon-serv-b .icon { display: inline-block; width: 44px; height: 44px; }
.icon.icon-serv0 { background-position: 0 -20px; }
.icon.icon-serv1 { background-position: -44px -20px; }
.icon.icon-serv2 { background-position: -88px -20px; }
.icon.icon-serv3 { background-position: -132px -20px; }
.icon.icon-serv4 { background-position: -176px -20px; }
.icon.icon-serv5 { background-position: -220px -20px; }
.icon.icon-serv6 { background-position: -264px -20px; }
.icon.icon-serv7 { background-position: -308px -20px; }
.icon.icon-serv8 { background-position: -352px -20px; }
.icon.icon-serv9 { background-position: -396px -20px; }
.serv .b:hover .icon.icon-serv0 { background-position: 0 -64px; }
.serv .b:hover .icon.icon-serv1 { background-position: -44px -64px; }
.serv .b:hover .icon.icon-serv2 { background-position: -88px -64px; }
.serv .b:hover .icon.icon-serv3 { background-position: -132px -64px; }
.serv .b:hover .icon.icon-serv4 { background-position: -176px -64px; }
.serv .b:hover .icon.icon-serv5 { background-position: -220px -64px; }
.serv .b:hover .icon.icon-serv6 { background-position: -264px -64px; }
.serv .b:hover .icon.icon-serv7 { background-position: -308px -64px; }
.serv .b:hover .icon.icon-serv8 { background-position: -352px -64px; }
.serv .b:hover .icon.icon-serv9 { background-position: -396px -64px; }

/* news */
.news { width: 100%; padding: 24px 0; background: #f9f9f9; }
.news .zx1 { width: 650px; background: #fff; padding-bottom: 20px; }
.topnews { width: 630px; padding-top: 14px; margin-bottom: 10px; margin: 0 auto 10px auto; }
.topnews .img { width: 198px; height: 140px; padding: 6px; border: 1px solid #d2d2d2; margin-left: 10px; }
.topnews .img span { width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; }
.topnews .img:hover span { background-size: 110% 110%; }
.topnews .txt { position: relative; width: 388px; /*! height: 166px; */ padding-right: 10px; margin-left: 20px; }
.topnews .txt .name, .topnews .txt .jianj { width: 100%; height: 30px; line-height: 30px; font-size: 16px; color: #666; margin-bottom: 10px; font-weight: bold; }
.topnews .txt .jianj { height: 48px; line-height: 24px; font-size: 12px; color: #777; margin-bottom: 10px; overflow: hidden; font-weight: normal; }
.topnews .mlink { font-size: 12px; }
.list { width: 100%; font-size: 14px; line-height: 32px; }
.list li { position: relative; width: 100%; height: 41px; padding-left: 16px; border-bottom: dashed 1px #bbb; line-height: 40px; }
.list li:before { content: ''; position: absolute; left: 0; top: 0; width: 7px; height: 32px; background: url(../images/icon.png) no-repeat; background-position: -62px -74px; }
.list li a { width: 60%; height: 100%; }
.list li .time { width: 30%; height: 100%; text-align: right; color: #888; }
.newsul { padding-top: 10px; /*! border-top: dashed 1px #bbb; */ width: 630px; margin: 0 auto; }
.news .zx2 { width: 528px; }
.zx2 .b { width: 50%; height: 150px; float: left; color: #fff; }
.zx2 .b.b1 { padding: 40px 20px; }
.zx2 .b.b2 { position: relative; }
.zx2 .b .h1 { font-size: 20px; line-height: 18px; margin-bottom: 16px; }
.zx2 .b .h2 { font-size: 14px; line-height: 14px; }
.zx2 .b.b11 { color: #333; text-align: right; }
.zx2 .b .h3 { position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); text-align: center; width: 100%; height: 40px; line-height: 40px; font-size: 16px; }
.zx2 .b:hover{ opacity: .8;filter: opacity(80); }