@media(min-width:800px) {
* {
margin:0;
padding:0;
font-family:microsoft yahei
}
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {
margin:0;
padding:0
}
fieldset, img {
border:none
}
img {
border:none
}
address, caption, cite, code, dfn, th, var {
font-style:normal;
font-weight:400
}
ul, ol {
list-style:none
}
li {
list-style:none
}
table {
border-collapse:collapse
}
input {
padding-top:0;
padding-bottom:0;
font-family:microsoft yahei
}
input::-moz-focus-inner {
border:none;
padding:0
}
select, input {
vertical-align:middle
}
select, input, textarea {
font-size:13px;
margin:0
}
input[type=text], input[type=password], textarea {
outline-style:none;
-webkit-appearance:none
}
textarea {
resize:none
}
body {
font-family:microsoft yahei;
background:#fff;
overflow-x:hidden;
overflow-y:auto
}
.clearfix:after {
content:"";
display:block;
height:0;
visibility:hidden;
clear:both
}
.clearfix {
zoom:1
}
.clearit {
clear:both;
height:0;
font-size:0;
overflow:hidden;
width:100%
}
.max {
min-width:1200px
}
.box {
width:1200px;
margin:0 auto
}
.box:after {
content:"";
display:block;
height:0;
visibility:hidden;
clear:both
}
ul:after {
content:"";
display:block;
height:0;
visibility:hidden;
clear:both
}
.max:after {
content:"";
display:block;
height:0;
visibility:hidden;
clear:both
}
.left {
float:left
}
.right {
float:right
}
a {
text-decoration:none
}
header {
display:none
}
.header {
padding-top:25px;
padding-bottom:20px
}
.header .logo img {
display:block
}
.header .tel {
width:300px;
margin-top:15px
}
.header .tel img {
display:block;
float:left;
margin-right:5px
}
.header .tel span {
display:block;
font-size:16px;
color:#9b9b9b;
margin-top:-5px
}
.header .tel strong {
display:block;
font-family:times new roman, Times, serif;
font-size:32px;
color:#02569f
}
.nav {
background:#02569f;
line-height:65px
}
.nav ul li.nLi {
display:block;
float:left;
width:12.5%;
text-align:center;
line-height:65px;
position:relative
}
.nav ul li.nLi:after {
content:"|";
position:absolute;
left:0;
top:0;
color:#3378fa
}
.nav ul li.nLi a {
display:block;
color:#fff
}
.nav ul li.nLi:last-child:before {
content:"|";
position:absolute;
right:0;
top:0;
color:#3378fa
}
.nav ul li.nLi a:hover {
background:#0560f9
}
.nav ul li.nLi .sub {
width:100%;
position:absolute;
top:75px;
left:0;
background:rgba(0, 0, 0, .8);
z-index:9999;
opacity:0;
visibility:hidden;
transition:all .6s ease 0s
}
.nav ul li.nLi .sub a {
display:block;
height:50px;
line-height:50px;
text-align:center;
color:#fff;
font-size:15px
}
.nav ul li.nLi:hover .sub {
top:65px;
opacity:1;
visibility:visible
}
.nav ul li.nLi .sub a:hover {
background:#02569f
}
.banner img {
display:block
}
.fullSlide {
min-width:1200px;
position:relative;
z-index:9
}
.fullSlide .bd {
margin:0 auto;
position:relative;
z-index:0;
overflow:hidden
}
.fullSlide .bd ul {
width:100%!important
}
.fullSlide .bd li {
width:100%!important;
overflow:hidden;
text-align:center
}
.fullSlide .bd li a {
display:block
}
.fullSlide .hd {
width:100%;
position:absolute;
z-index:1;
bottom:10px;
left:0;
height:30px;
line-height:30px
}
.fullSlide .hd ul {
display:block;
width:16%;
margin:0 auto;
text-align:center
}
.fullSlide .hd ul li {
cursor:pointer;
display:inline-block;
*display:inline;
zoom:1;
height:12px;
width:12px;
margin:5px;
background:rgba(255, 255, 255, .7);
overflow:hidden;
line-height:9999px;
border-radius:25px;
transition:all .5s
}
.fullSlide .hd ul .on {
width:40px
}
.index_pro {
background:#eee;
padding-top:50px;
padding-bottom:20px
}
.index_pro .lmt {
margin-bottom:45px
}
.index_pro .lmt strong {
display:block;
text-align:center;
font-size:#333;
font-size:30px
}
.index_pro .lmt p {
text-align:center;
font-size:16px;
color:#666;
margin-top:10px
}
.index_pro .title {
width:100%;
height:40px;
line-height:40px;
border-bottom:2px solid #02569f;
margin-bottom:15px
}
.index_pro .title a {
float:right;
font-size:15px;
color:#666
}
.index_pro .title strong {
display:inline-block;
height:40px;
line-height:40px;
color:#fff;
background:#02569f;
padding:0 20px;
font-size:18px
}
.index_pro .title1 {
border-bottom:2px solid #df3536
}
.index_pro .title1 strong {
background:#df3536
}
.pro_box {
margin-bottom:35px
}
.index_pro .pro_list li {
display:block;
float:left;
width:23.5%;
margin-right:1.8%;
background:#fff;
padding:2%;
box-sizing:border-box;
transition:all .5s
}
.index_pro .pro_list li:last-child {
margin-right:0
}
.index_pro .pro_list li .pic {
display:block;
width:100%;
position:relative;
padding-top:75%;
overflow:hidden
}
.index_pro .pro_list li img {
display:block;
position:absolute;
width:100%;
min-height:100%;
left:0;
top:0;
transition:all .5s
}
.index_pro .pro_list li a.t {
display:block;
text-align:center;
height:40px;
line-height:40px;
font-size:16px;
color:#666
}
.index_pro .pro_list li .pro_c a {
display:block;
float:right;
width:52px;
height:28px;
line-height:28px;
text-align:center;
color:#fff;
background:#02569f;
font-size:15px;
border-radius:5px;
margin-top:10px
}
.index_pro .pro_list li .pro_c p {
font-size:14px;
color:#666;
line-height:22px
}
.index_pro .pro_list li:hover {
box-shadow:0 10px 15px rgba(0, 0, 0, .1);
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
.index_pro .pro_list li .pic:hover img {
-webkit-transform:scale(1.12);
transform:scale(1.12)
}
.index_pro .pro_list li a.t:hover {
color:#02569f
}
.index_pro .left {
width:49%
}
.index_pro .right {
width:49%
}
.index_pro .left .pro_list li {
width:48%;
padding:3%;
margin-right:4%
}
.index_pro .left .pro_list li:last-child {
margin-right:0
}
.index_pro .right .pro_list li {
width:48%;
padding:3%;
margin-right:4%
}
.index_pro .right .pro_list li:last-child {
margin-right:0
}
.youshi {
padding-top:50px;
padding-bottom:70px
}
.youshi .lmt {
position:relative;
margin-bottom:50px;
height:160px
}
.youshi .lmt i {
display:block;
font-size:100px;
font-family:??????;
color:#ededed;
text-align:center;
position:absolute;
left:0;
top:0;
right:0;
margin:0 auto;
z-index:2
}
.youshi .lmt .t {
position:absolute;
left:244px;
top:20px;
z-index:5
}
.youshi .lmt .t span {
display:block;
font-size:18px;
color:#333;
line-height:24px
}
.youshi .lmt .t p {
font-size:24px;
color:#02569f
}
.youshi .lmt .t strong {
display:block;
font-size:36px;
color:#02569f
}
.youshi .lmt .t .p {
width:650px;
margin:0 auto;
height:30px;
line-height:30px;
text-align:center;
color:#fff;
background:#02569f;
margin-top:10px;
position:relative
}
.youshi .lmt .t .p:after {
content:"";
width:0;
height:0;
border-right:10px solid transparent;
border-left:10px solid transparent;
border-top:10px solid #02569f;
position:absolute;
left:0;
right:0;
margin:0 auto;
bottom:-10px
}
.youshi ul li {
display:block;
float:left;
width:50%;
background:#f1f1f1;
margin-bottom:1px
}
.youshi ul li:after {
content:"";
display:block;
height:0;
visibility:hidden;
clear:both
}
.youshi ul li .left {
width:265px;
position:relative;
overflow:hidden
}
.youshi ul li .left strong {
display:block;
font-size:28px;
color:#fff;
position:absolute;
right:0;
bottom:0;
width:265px;
height:189px
}
.youshi ul li .left strong span {
display:block;
position:absolute;
right:15px;
bottom:15px;
z-index:10
}
.youshi ul li .left strong:after {
content:"";
width:200px;
height:156px;
background:rgba(0, 86, 249, .65);
display:block;
position:absolute;
transform:rotate(7deg);
-ms-transform:rotate(43deg);
-moz-transform:rotate(43deg);
-webkit-transform:rotate(43deg);
z-index:5;
-o-transform:rotate(43deg);
left:120px;
top:120px
}
.youshi ul li .left img {
display:block;
width:100%
}
.youshi ul li .right {
width:calc(100% - 265px)
}
.youshi ul li .right strong {
text-align:center;
font-size:24px;
color:#02569f;
display:block;
padding-top:55px
}
.youshi ul li .right p {
text-align:center;
font-size:18px;
color:#333;
margin-top:15px
}
.about {
height:618px;
background:url(../image/about_bg.jpg) no-repeat center
}
.about .box {
height:618px;
position:relative
}
.about .box:after {
content:"";
width:1171px;
height:512px;
background:url(../image/about_box.png) no-repeat center;
position:absolute;
left:60px;
top:50px;
visibility:visible
}
.about .box .t {
display:block;
font-size:32px;
color:rgba(255, 255, 255, .5);
position:absolute;
right:55px;
top:30px;
font-weight:700
}
.about .box .left {
display:block;
margin-top:98px;
position:relative;
z-index:99;
width:550px;
height:420px
}
.about .box .left img {
width:100%;
height:100%
}
.about .box .right {
position:absolute;
width:623px;
top:111px;
right:0;
z-index:99
}
.about .box .right strong {
font-size:32px;
color:#fff;
display:block
}
.about .box .right .about_tab {
margin-top:25px;
margin-bottom:30px
}
.about .box .right .about_tab a {
display:inline-block;
width:119px;
height:33px;
line-height:33px;
text-align:center;
border:2px solid rgba(255, 255, 255, .7);
color:#fff;
font-size:16px;
margin-right:15px;
border-radius:7px
}
.about .box .right .about_tab a:hover, .about .box .right .about_tab a.on {
background:#fff;
color:#02569f
}
.about .box .right .j {
font-size:15px;
color:#fff;
line-height:27px
}
.about .box .right .j p {
margin-bottom:20px;
text-align:justify
}
.about .box .right a.more {
color:#fff;
display:block;
width:120px;
height:35px;
line-height:35px;
border:2px solid rgba(255, 255, 255, .7);
text-align:center;
border-radius:25px
}
.about .box .right a.more:hover {
background:#fff;
color:#02569f
}
.case {
padding-top:30px;
padding-bottom:40px
}
.case .lmt {
position:relative;
height:87px;
margin-bottom:25px
}
.case .lmt b {
display:block;
font-size:100px;
font-family:??????;
color:#f4f4f4;
font-weight:100;
position:absolute;
left:0;
top:-20px
}
.case .lmt .t {
display:block;
font-size:24px;
color:#000;
position:absolute;
left:0;
top:65px
}
.case .lmt .t span {
display:inline-block;
font-size:12px;
color:#f1f1f1
}
.case ul {
width:1235px
}
.case ul li {
display:block;
float:left;
width:380px;
margin-right:30px;
margin-bottom:25px;
border-bottom:2px solid #e6e6e6;
position:relative;
transition:all .5s
}
.case ul li .pic {
display:block;
width:100%;
position:relative;
padding-top:75%;
overflow:hidden
}
.case ul li .pic img {
display:block;
position:absolute;
width:100%;
min-height:100%;
left:0;
top:0;
transition:all .5s
}
.case ul li a.more {
display:block;
position:absolute;
right:20px;
opacity:0;
bottom:0;
width:24px;
height:52px;
background:url(../image/jiantou.png) no-repeat center
}
.case ul li a.tit {
display:inline-block;
font-size:15px;
color:#414141;
height:52px;
line-height:52px
}
.case ul li:hover {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
.case ul li:hover a.more {
opacity:1;
right:0
}
.case ul li:hover a.tit {
color:#02569f
}
.case ul li:hover img {
opacity:.9
}
.case .more1 {
display:block;
width:180px;
height:45px;
line-height:45px;
text-align:center;
margin:0 auto;
border:1px solid #ccc;
border-radius:5px;
font-size:15px;
color:#4a4a4a;
margin-top:10px
}
.case .more1:hover {
color:#fff;
background:#02569f;
border:1px solid #02569f
}
.news {
padding-bottom:30px
}
.news .xinwen {
width:780px
}
.news .wenti {
width:385px
}
.news .title {
width:100%;
margin-bottom:20px;
height:48px;
line-height:48px;
border-bottom:1px solid #ececec
}
.news .title a {
float:right;
font-size:14px;
color:#a4a4a4
}
.news .title p {
font-size:22px;
color:#000;
padding-left:33px;
height:47px;
line-height:47px;
border-bottom:2px solid #008af8;
display:inline-block;
padding-right:3px
}
.news .title a:hover {
color:#008af8
}
.news .xinwen .title p {
background:url(../image/news-ico1.png) no-repeat left center
}
.news .wenti .title p {
background:url(../image/news-ico2.png) no-repeat left center
}
.news .xinwen .left {
width:270px
}
.news .xinwen .left img {
display:block;
width:270px;
height:330px
}
.news .xinwen .right {
width:490px
}
.news .xinwen .right .tj {
border-bottom:1px dashed #dcdcdc;
padding-bottom:8px;
margin-bottom:5px
}
.news .xinwen .right .tj p span {
float:right;
font-size:14px;
height:40px;
line-height:40px;
color:#b4b4b4;
margin-left:15px
}
.news .xinwen .right .tj p {
height:37px;
line-height:37px;
overflow:hidden
}
.news .xinwen .right .tj p a {
font-size:15px;
color:#333;
font-weight:700
}
.news .xinwen .right .tj p a:hover {
color:#008af8
}
.news .xinwen .right .tj span {
display:block;
font-size:14px;
color:#959595;
line-height:26px;
height:52px;
overflow:hidden
}
.news .xinwen .right ul li {
height:38px;
line-height:38px;
background:url(../image/li.png) no-repeat left center;
overflow:hidden;
padding-left:12px
}
.news .xinwen .right ul li span {
float:right;
font-size:14px;
color:#c3c3c3;
margin-left:15px
}
.news .xinwen .right ul li a {
font-size:14px;
color:#333
}
.news .xinwen .right ul li a:hover {
color:#008af8
}
.news .wenti dl {
margin-bottom:10px
}
.news .wenti dl dt {
height:39px;
line-height:39px;
background:#f2f2f2;
cursor:pointer;
font-size:14px;
color:#373737;
padding-right:15px;
box-sizing:border-box;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden
}
.news .wenti dl dt i {
display:inline-block;
width:39px;
text-align:center;
font-style:normal;
color:#fff;
background:#008af8;
margin-right:10px
}
.news .wenti dl dd {
font-size:14px;
padding-top:8px;
color:#616161;
margin-top:10px;
line-height:25px;
height:75px;
overflow:hidden;
position:relative;
padding-left:49px
}
.news .wenti dl dd a {
color:#616161
}
.news .wenti dl dd i {
display:block;
width:39px;
height:39px;
line-height:39px;
text-align:center;
color:#fff;
font-size:14px;
background:#00c643;
position:absolute;
left:0;
top:0;
font-style:normal
}
.news .wenti dl dd a:hover {
color:#008af8
}
.footer {
background:#252525;
padding-top:45px;
padding-bottom:20px
}
.footer .box {
background:url(../image/footer_box.png) no-repeat 20px center
}
.footer .left {
width:657px
}
.footer .left dl {
display:block;
float:left;
width:100px;
margin-right:30px
}
.footer .left dl dt {
display:block;
font-size:15px;
color:#fff;
font-weight:700;
position:relative;
border-bottom:1px solid rgba(255, 255, 255, .15);
padding-bottom:13px;
margin-bottom:8px
}
.footer .left dl dt a {
display:block;
color:#fff
}
.footer .left dl dt:after {
content:"";
width:7px;
height:1px;
background:#fff;
position:absolute;
left:0;
bottom:0
}
.footer .left dl dd {
display:block;
font-size:14px;
color:#6f6f6f;
line-height:30px;
height:30px;
overflow:hidden
}
.footer .left dl dd a {
color:#6f6f6f
}
.footer .left dl dd a:hover {
color:#fff
}
.footer .left dl.fo_p {
width:360px
}
.footer .left dl.fo_p dd {
display:block;
float:left;
width:50%
}
.footer .right {
width:542px
}
.footer .right .con .t {
display:block;
font-size:15px;
color:#cbcbcb;
width:80px;
height:26px;
line-height:26px;
text-align:center;
background:#3c3c3c;
font-weight:700;
margin-bottom:20px
}
.footer .right .con ul li {
font-size:14px;
color:#8c8c8c;
line-height:32px;
margin-bottom:12px;
padding-left:40px
}
.footer .right .con ul li a {
color:#8c8c8c
}
.footer .right .con ul li:nth-of-type(1) {
background:url(../image/ft.png) no-repeat left top
}
.footer .right .con ul li:nth-of-type(2) {
background:url(../image/ft.png) no-repeat left -43px
}
.footer .right .con ul li:nth-of-type(3) {
background:url(../image/ft.png) no-repeat left -89px
}
.footer .right .con ul li:nth-of-type(4) {
background:url(../image/ft.png) no-repeat left -133px
}
.footer .right .con ul li:nth-of-type(5) {
background:url(../image/ft.png) no-repeat left -177px
}
.footer .right dl {
float:right;
margin-top:15px
}
.footer .right dl img {
display:block;
width:168px
}
.footer .right dl dd {
text-align:center;
font-size:14px;
color:#6f6f6f;
margin-top:10px
}
.links {
margin-top:20px;
font-size:14px;
color:#8c8c8c;
padding-bottom:15px
}
.links span {
color:#333;
font-size:18px;
font-weight:700
}
.links a {
display:inline-block;
color:#8c8c8c;
margin-right:15px
}
.copyright {
text-align:center;
height:60px;
line-height:60px;
background:#1a1a1a;
font-size:14px;
color:#a6a6a6
}
.copyright a {
color:#a6a6a6
}
#bottom {
display:none
}
.neiye {
padding-top:20px;
padding-bottom:30px;
background:0 0
}
.neiye .neiye-l {
width:240px
}
.neiye .neiye-l .nydh {
background:#fff
}
.neiye .neiye-l .nydh .title {
width:240px;
height:72px;
background:#02569f;
text-align:center;
padding-top:20px
}
.neiye .neiye-l .nydh .title p {
font-size:24px;
color:#fff;
font-weight:700
}
.neiye .neiye-l .nydh .title span {
display:block;
font-size:12px;
color:rgba(255, 255, 255, .3);
margin-top:5px
}
.neiye .neiye-l .nydh .ul {
width:238px;
border:1px solid #e9e9e9;
border-top:none
}
.neiye .neiye-l .nydh .ul li {
display:block;
width:192px;
height:58px;
line-height:58px;
border-top:1px solid #e9e9e9;
background:url(../image/nydh-li.png) no-repeat 20px center;
padding-left:46px;
font-size:15px;
transition:all .5s
}
.neiye .neiye-l .nydh .ul li a {
color:#575757;
display:block
}
.neiye .neiye-l .nydh .ul li:hover, .neiye .neiye-l .nydh ul li.on {
background:url(../image/nydh-li-on.png) no-repeat 20px center
}
.neiye .neiye-l .nydh .ul li:hover a, .neiye .neiye-l .nydh ul li.on a {
color:#02569f
}
.neiye .neiye-l .nydh .sideMenu {
width:238px;
border:1px solid #e9e9e9;
border-top:none
}
.neiye .neiye-l .nydh .sideMenu .dh {
margin:0 auto;
background:#fff
}
.neiye .neiye-l .nydh .sideMenu .dh p {
height:58px;
line-height:58px;
background:url(../image/nydh-li.png) no-repeat 17px center #efefff;
padding-left:37px;
font-size:16px;
color:#575757;
cursor:pointer;
border-top:1px solid #e9e9e9
}
.neiye .neiye-l .nydh .sideMenu .dh p a {
color:#575757;
display:block
}
.neiye .neiye-l .nydh .sideMenu .dh p a:hover {
color:#02569f
}
.neiye .neiye-l .nydh .sideMenu .dh ul {
background:#fff
}
.neiye .neiye-l .nydh .sideMenu .dh ul li {
height:47px;
line-height:47px;
padding-left:39px;
font-size:14px;
color:#585858;
background:url(../image/s_li.png) no-repeat 26px center;
border-bottom:1px solid #e9e9e9
}
.neiye .neiye-l .nydh .sideMenu .dh ul li:last-child {
border-bottom:0
}
.neiye .neiye-l .nydh .sideMenu .dh ul li a {
color:#585858
}
.neiye .neiye-l .nydh .sideMenu .dh ul li a:hover {
color:#0749a3
}
.neiye .neiye-l .nydh .sideMenu .dh p.on {
background:url(../image/nydh-li-on.png) no-repeat 17px center #efefff
}
.nylx {
width:100%;
margin-top:16px;
background:#fff
}
.nylx .title {
width:100%;
height:50px;
background:#02569f;
padding-left:24px;
color:#fff;
font-size:17px;
font-weight:700;
line-height:50px;
box-sizing:border-box;
position:relative
}
.nylx .title:after {
content:"";
width:5px;
height:15px;
background:#fff;
border-radius:5px;
position:absolute;
left:12px;
top:17px
}
.nylx .title span {
display:inline-block;
font-size:12px;
color:rgba(255, 255, 255, .2);
margin-left:5px;
font-weight:400
}
.nylx .contact {
width:100%;
border:1px solid #e9e9e9;
border-top:none;
padding-top:15px;
box-sizing:border-box
}
.nylx .contact .tel {
width:230px;
margin:0 auto;
border-bottom:1px solid #e9e9e9;
padding-bottom:15px
}
.nylx .contact .tel img {
display:block;
margin:0 auto;
margin-bottom:15px
}
.nylx .contact .tel span {
display:block;
text-align:center;
font-size:14px;
color:#aeaeae
}
.nylx .contact .tel b {
display:block;
text-align:center;
margin-top:5px;
font-size:26px;
color:#02569f
}
.nylx .dizhi {
width:225px;
margin:0 auto;
font-size:14px;
color:#5d5d5d;
line-height:29px;
padding-left:5px;
padding-bottom:10px
}
.neiye .neiye-r {
width:930px
}
.newsnav {
width:100%;
height:58px;
line-height:58px;
border-bottom:1px solid #e5e5e5;
margin-bottom:15px
}
.newsnav .more {
float:right;
font-size:15px;
color:#999
}
.newsnav .more a {
color:#999
}
.newsnav a.more:hover {
color:#0075e3
}
.newsnav .more a:hover {
color:#0075e3
}
.newsnav p {
font-size:22px;
color:#000;
padding-left:13px;
border-bottom:2px solid #0075e3;
height:57px;
line-height:57px;
display:inline-block;
position:relative
}
.newsnav p:after {
content:"";
width:5px;
height:18px;
background:#02569f;
position:absolute;
left:0;
top:20px
}
.newsnav span {
display:inline-block;
font-size:13px;
color:#c2c2c2;
margin-left:5px
}
.case_li ul li:after {
content:"";
display:block;
height:0;
visibility:hidden;
clear:both
}
.case_li ul li {
background:#fff;
margin-bottom:15px;
padding-right:30px;
box-sizing:border-box;
position:relative;
-webkit-transition:all .4s ease-in-out 0s;
transition:all .4s ease-in-out 0s
}
.case_li ul li img {
display:block;
float:left;
width:300px;
height:188px;
margin-right:22px;
-webkit-transition:all .4s ease-in-out 0s;
transition:all .4s ease-in-out 0s
}
.case_li ul li a.tit {
display:block;
font-size:17px;
color:#363636;
height:40px;
line-height:40px;
font-weight:700;
padding-top:10px
}
.case_li ul li span {
display:block;
font-size:14px;
color:#8d8d8d
}
.case_li ul li p {
font-size:14px;
line-height:26px;
color:#8d8d8d;
margin-top:10px
}
.case_li ul li a.more {
display:block;
width:23px;
height:13px;
background:url(/template/wzbhl/style/images/t.png) no-repeat center;
position:absolute;
right:30px;
bottom:20px
}
.case_li ul li a.tit:hover {
color:#02569f
}
.case_li ul li img:hover {
opacity:.8
}
.case_li ul li:hover {
-webkit-transform:translate3d(5px, 0px, 0);
transform:translate3d(5px, 0px, 0);
box-shadow:5px 5px 15px rgba(0, 0, 0, .1)
}
.case_li ul li a.more:hover {
-webkit-transform:translate3d(5px, 0px, 0);
transform:translate3d(5px, 0px, 0)
}
.fenye {
width:100%;
margin:0 auto;
margin-top:25px;
padding-bottom:30px;
text-align:center
}
.fenye a {
display:inline-block;
padding:0 13px;
text-align:center;
line-height:35px;
font-size:14px;
color:#333;
margin:2px 4px;
border-radius:5px;
background:#eee
}
.fenye b, .fenye a:hover {
display:inline-block;
padding:0 13px;
text-align:center;
line-height:35px;
font-size:14px;
color:#fff;
margin:2px 4px;
background:#02569f;
border-radius:5px
}
.newslist {
margin-top:-15px
}
.newslist ul li:after {
content:"";
display:block;
height:0;
visibility:hidden;
clear:both
}
.newslist ul li {
border-bottom:1px dashed #d8d8d8;
-webkit-transition:all .4s ease-in-out 0s;
transition:all .4s ease-in-out 0s;
padding:15px 0
}
.newslist ul li img {
display:block;
float:left;
width:197px;
height:124px;
margin-right:15px
}
.newslist ul li .t {
height:40px;
line-height:40px;
overflow:hidden
}
.newslist ul li .t a {
font-size:16px;
color:#303030;
font-weight:700
}
.newslist ul li .t span {
float:right;
font-size:14px;
color:#b0b0b0
}
.newslist ul li p {
font-size:14px;
color:#939393;
line-height:22px;
text-align:justify
}
.newslist ul li a.more {
font-size:14px;
color:#02569f;
display:inline-block;
margin-top:10px
}
.newslist ul li .t a:hover {
color:#02569f
}
.danye {
font-size:15px;
line-height:28px;
color:#434343;
text-align:justify
}
.danye p {
margin-bottom:15px
}
.danye img {
max-width:100%
}
.biaoti {
width:100%;
margin:0 auto;
text-align:center;
border-bottom:1px solid #e8e8e8;
padding-bottom:15px;
margin-bottom:25px
}
.biaoti h1 {
font-size:24px;
color:#000;
font-weight:400
}
.biaoti p {
font-size:14px;
color:#ccc;
margin-top:15px
}
.fn {
width:100%;
margin:0 auto;
margin-top:30px;
border-top:1px solid #e8e8e8;
padding-top:10px;
padding-bottom:30px
}
.fn p {
font-size:14px;
line-height:30px;
color:#565656
}
.fn p a {
color:#565656
}
.fn p a:hover {
color:#02569f
}
.tuijian ul {
width:980px;
margin-top:10px
}
.tuijian ul li {
display:block;
float:left;
width:435px;
margin-right:36px;
height:38px;
line-height:38px;
border-bottom:1px solid #ebebeb;
padding-left:12px;
background:url(../image/li.png) no-repeat left center;
overflow:hidden
}
.tuijian ul li span {
float:right;
font-size:14px;
color:#b4b4b4;
margin-left:15px
}
.tuijian ul li a {
color:#333;
font-size:14px
}
.tuijian ul li a:hover {
color:#02569f
}
.xunjia {
padding-bottom:30px
}
.xunjia p {
width:455px;
height:48px;
float:left;
margin-bottom:10px
}
.xunjia p em {
display:inline-block;
width:70px;
text-align:right;
font-size:15px;
color:#717171;
height:40px;
line-height:40px;
font-style:normal
}
.xunjia p em i {
font-style:normal;
color:red
}
.xunjia p input {
display:inline-block;
width:368px;
padding-left:5px;
height:40px;
line-height:40px;
border:1px solid #ddd;
color:#666
}
.xunjia p select {
display:inline-block;
width:280px;
padding-left:10px;
height:40px;
line-height:40px;
border:1px solid #ddd
}
.xunjia .miaoshu {
width:932px;
height:260px
}
.xunjia .miaoshu em {
float:left
}
.xunjia .miaoshu textarea {
display:inline-block;
width:843px;
padding-left:5px;
height:260px;
line-height:24px;
border:1px solid #ddd;
color:#666
}
.xunjia .zy {
font-size:15px;
color:#717171;
height:40px;
line-height:40px;
display:block;
padding-left:30px
}
.xunjia .zy i {
font-style:normal;
color:red
}
.xunjia .submit {
display:inline-block;
width:181px;
height:45px;
border:none;
background:#02569f;
color:#fff;
font-size:15px;
border-radius:5px;
margin-top:15px;
margin-left:100px;
cursor:pointer
}
.xunjia .reset {
background:#bcbcbc;
margin-left:20px
}
.pro-xq .pic {
float:left;
width:483px;
height:362px;
margin-right:20px
}
.pro-xq .pic img {

height:362px
}
.pro-xq .pro-js {
width:400px;
float:left
}
.pro-xq .pro-js h1 {
font-size:26px;
color:#000;
height:68px;
line-height:68px;
border-bottom:1px solid #eee
}
.pro-xq .pro-js .pro-xx {
font-size:14px;
color:#5b5b5b;
line-height:23px;
height:123px;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
padding:20px 0;
overflow-y:auto
}
.pro-xq .pro-js .pro-xx::-webkit-scrollbar {
width:5px;
height:10px
}
.pro-xq .pro-js .pro-xx::-webkit-scrollbar-thumb {
background:#ddd;
border-radius:4px
}
.pro-xq .pro-lx {
padding-top:15px;
border-bottom:1px solid #eee;
padding-bottom:10px
}
.pro-xq .pro-lx .z {
display:block;
clear:both;
color:#0154a0;
line-height:30px
}
.pro-xq .pro-lx p {
width:260px;
float:left;
font-size:16px;
color:#0154a0;
height:50px
}
.pro-xq .pro-lx p i {
display:block;
float:left;
margin-right:5px;
width:40px;
height:40px;
background:url(../image/ico-tel.png) no-repeat center
}
.pro-xq .pro-lx p font {
line-height:15px;
display:block;
margin-bottom:3px
}
.pro-xq .pro-lx:after {
content:" ";
display:block;
height:0;
visibility:hidden;
clear:both
}
.pro-xq .pro-lx p span {
display:block;
font-size:24px;
font-weight:700;
color:#0154a0;
line-height:24px
}
.pro-xq .pro-lx a.zx {
display:inline-block;
float:right;
width:120px;
height:38px;
text-align:center;
line-height:38px;
color:#fff;
font-size:14px;
background:#0154a0;
margin-top:5px
}
.pro-xq .pro-lx a.zx:nth-child(2) {
display:none
}
.pro-xq .pro-lx a.zx1 {
background:#3bb3ff
}
.pro-xq .pro-lx a.zx:hover {
border-radius:25px
}
.neiye .pro_list {
width:960px
}
.neiye .pro_list li {
display:block;
float:left;
width:296px;
margin-right:20px;
background:#fff;
box-sizing:border-box;
transition:all .5s;
border:1px solid #e1e1e1;
margin-bottom:15px
}
.neiye .pro_list li:last-child {
margin-right:0
}
.neiye .pro_list li .pic {
display:block;
width:100%;
position:relative;
padding-top:75%;
overflow:hidden
}
.neiye .pro_list li img {
display:block;
position:absolute;
width:100%;
min-height:100%;
left:0;
top:0;
transition:all .5s
}
.neiye .pro_list li a.t {
display:block;
text-align:center;
height:46px;
line-height:46px;
font-size:14px;
color:#666
}
.neiye .pro_list li:hover {
box-shadow:0 10px 15px rgba(0, 0, 0, .1);
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
.neiye .pro_list li .pic:hover img {
-webkit-transform:scale(1.12);
transform:scale(1.12)
}
.neiye .pro_list li a.t:hover {
color:#02569f
}
.contit {
font-size:18px;
font-weight:700;
position:relative;
padding-bottom:15px;
margin-top:15px;
margin-bottom:15px
}
.contit:after {
content:"";
width:30px;
height:3px;
background:#02569f;
position:absolute;
left:0;
bottom:0
}
.contact_nr {
font-size:16px;
color:#464646;
line-height:38px;
margin-bottom:15px
}
.contact_nr img {
display:block;
float:right;
margin-top:10px
}
#map {
width:100%;
height:300px
}
.about_r {
height:350px;
background:url(/template/wzbhl/style/images/about_r.jpg) no-repeat center;
background-size:cover
}
.about_r .box {
padding-top:114px
}
.about_r .box strong {
display:block;
font-size:50px;
color:#fff;
font-weight:400
}
.about_r .box h1 {
display:block;
font-size:35px;
color:#fff;
font-weight:400;
margin:15px 0
}
.about_r .box p {
font-size:16px;
color:#fff;
line-height:36px;
margin-top:20px;
width:888px
}
.zhuanli {
padding-top:30px
}
.zhuanli .lmt strong {
display:block;
text-align:center;
font-size:38px;
font-weight:400
}
.zhuanli .lmt span {
display:block;
text-align:center;
font-size:16px;
color:#666;
margin-top:10px
}
.honorlist ul {
width:1220px;
margin-top:20px
}
.honorlist ul li {
display:block;
float:left;
width:219px;
margin-right:17px;
margin-bottom:10px
}
.honorlist ul li a {
display:block;
width:219px;
height:310px;
line-height:310px;
border:1px solid #e6e6e6;
text-align:center
}
.honorlist ul li a img {
display:inline-block;
vertical-align:middle;
width:94%
}
.honorlist ul li p {
font-size:14px;
line-height:22px;
text-align:center;
margin:0 auto;
height:44px;
margin-top:8px
}
.honorlist ul li:hover a {
border:1px solid #2555e0
}
.wenhua {
padding-top:30px;
padding-bottom:60px
}
.wenhua .lmt {
margin-bottom:25px
}
.wenhua .lmt strong {
display:block;
text-align:center;
font-size:38px;
font-weight:400
}
.wenhua .lmt span {
display:block;
text-align:center;
font-size:16px;
color:#666;
margin-top:10px
}
.wenhua .left {
width:800px
}
.wenhua .left dl {
width:800px;
background:#f8f8f8
}
.wenhua .left dl:after {
content:"";
display:block;
height:0;
visibility:hidden;
clear:both
}
.wenhua .left dl dt {
display:block;
float:left;
width:400px
}
.wenhua .left dl dt img {
display:block
}
.wenhua .left dl dd {
width:400px;
padding:30px;
box-sizing:border-box;
float:left
}
.wenhua .left dl dd strong {
display:block;
text-align:center;
font-size:28px;
font-weight:400;
margin-bottom:15px
}
.wenhua .left dl dd p {
font-size:16px;
line-height:30px;
color:#545454
}
.wenhua .right {
width:400px;
background:#f8f8f8
}
.wenhua .right dl dd {
width:400px;
height:260px;
padding:30px;
box-sizing:border-box;
float:left
}
.wenhua .right dl dd strong {
display:block;
text-align:center;
font-size:28px;
font-weight:400;
margin-bottom:15px
}
.wenhua .right dl dd p {
font-size:16px;
line-height:30px;
color:#545454
}
.nydh_pro {
display:none
}
.floating_ck {
position:fixed;
top:50%;
right:0;
margin-top:-178px;
z-index:999
}
.floating_ck dl dd {
position:relative;
background-color:#02569f;
margin-bottom:3px;
text-align:center;
cursor:pointer
}
.floating_ck dl dd a, .floating_ck dl dd p {
width:100%;
position:relative
}
.floating_ck dl dd img {
margin:0 auto;
text-align:center
}
.floating_ck dl dd p {
text-align:center
}
.floating_ck dl dd:hover .floating_left {
right:0
}
.quote, .qrcord {
padding:8px 0 4px
}
.floating_ck dl dd a, .floating_ck dl dd p {
color:#fff;
display:block
}
.floating_ck dl dd a img {
display:inline-block;
text-align:center;
margin:0 auto
}
.floating_left {
position:absolute;
right:-300px;
top:0;
width:300px;
z-index:999;
height:75px;
line-height:75px;
background:#02569f;
transition:all ease .4s
}
.floating_left a {
color:#fff
}
.floating_ewm p {
color:#fff
}
.floating_ewm .qrcord_p01 {
font-size:12px;
line-height:20px
}
.floating_ewm .qrcord_p02 {
font-size:20px
}
.submian .subright .conBox .ArticleTencont img {
max-width:100%
}
.toolbar {
position:fixed;
top:50%;
right:1%;
margin-top:-163px;
z-index:100;
width:80px
}
.toolbar dd {
position:relative;
float:left;
width:80px;
height:80px;
background:#02569f;
margin-top:2px;
border-radius:5px;
color:#fff;
font-size:14px;
line-height:21px;
text-align:center;
cursor:pointer;
transition:all .5s
}
.toolbar dd:first-child {
margin-top:0
}
.toolbar dd i {
width:100%;
height:30px;
display:block;
margin-top:13px;
background:url(../image/toolbar.png) no-repeat center 0
}
.toolbar dd.qq i {
background-position-y:0
}
.toolbar dd.tel i {
background-position-y:-30px
}
.toolbar dd.code i {
background-position-y:-60px
}
.toolbar dd.top i {
background-position-y:-90px
}
.toolbar dd span {
display:block;
color:#fff
}
.toolbar dd.tel .box {
position:absolute;
top:0;
width:190px;
right:-200px;
height:100%;
margin-right:10px;
border-radius:5px;
background:#02569f;
opacity:0;
transition:all .5s
}
.toolbar dd.tel .box p {
font-size:14px;
margin:15px auto 7px
}
.toolbar dd.tel .box h3 {
font-size:18px;
font-weight:700
}
.toolbar dd.tel .box:after {
display:block;
content:" ";
border-style:solid dashed dashed dashed;
border-color:transparent transparent transparent #02569f;
border-width:9px;
width:0;
height:0;
position:absolute;
top:50%;
margin-top:-9px;
right:-18px;
margin-left:-12px
}
.toolbar dd.code .box {
position:absolute;
top:0;
width:162px;
right:-172px;
height:162px;
margin-right:10px;
border-radius:5px;
background:#02569f;
opacity:0;
transition:all .5s
}
.toolbar dd.code .box img {
width:140px;
height:140px;
padding:11px
}
.toolbar dd.code .box:after {
display:block;
content:" ";
border-style:solid dashed dashed dashed;
border-color:transparent transparent transparent #02569f;
border-width:9px;
width:0;
height:0;
position:absolute;
top:30px;
right:-18px;
margin-left:-12px
}
.toolbar dd:hover {
background:#333
}
.toolbar dd.tel:hover .box {
opacity:1;
right:80px
}
.toolbar dd.code:hover .box {
opacity:1;
right:80px
}
.subright .searchList {
border-top:1px solid #ddd
}
.subright .searchList li {
padding-top:20px;
padding-bottom:20px;
border-bottom:1px solid #ddd
}
.subright .searchList li:first-child {
border-top:none
}
.subright .searchList li:hover a h2 {
color:#16a1b3;
font-weight:700
}
}
@media screen and (max-width:768px) {
.maximg img {
max-width:100%!important;
height:auto!important
}
}
.dede_pages {
	padding:20px 0;
	font-size:14px;
	text-align:center;
	overflow:hidden
}
.dede_pages ul {
	display:inline-block;
	margin:0 auto;
	padding:0
}
.dede_pages ul li {
	float:left;
	font-family:microsoft yahei;
	margin:0 2px;
	line-height:25px;
	background:#fff;
	border:1px solid #d8dadf
}
.dede_pages ul li:nth-child(1) {
padding:0 10px
}
.dede_pages ul li:nth-child(1) a {
padding:0
}
.dede_pages ul li a {
	color:#555;
	display:block;
	padding:0 10px
}
.dede_pages ul li:hover {
	text-decoration:none;
	color:#fff;
	border:1px #333 solid;
	background-color:#333
}
.dede_pages ul li:hover a {
	color:#fff
}
.dede_pages ul li:hover a:hover {
	color:#fff;
	text-decoration:none
}
.dede_pages ul li.thisclass {
	background-color:#333;
	color:#fff;
	border:1px #333 solid;
	padding:0 10px
}
.dede_pages ul li:last-child {
	padding:0 10px
}
.dede_pages ul li:last-child a {
	padding:0
}
.dede_pages ul li.thisclass a {
	color:#fff;
	padding:0
}
.dede_pages .pageinfo {
	line-height:30px;
	padding-left:5px
}
.dede_pages strong {
	font-weight:400
}
#maximg img {
	max-width:100%!important;
	height:auto!important
}