
@media(max-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:Arial, Helvetica, sans-serif
}
input[type=submit], input[type=reset], input[type=button], button {
-webkit-appearance:none
}
input::-moz-focus-inner {
border:none;
padding:0
}
select, input {
vertical-align:middle;
outline:none
}
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
}
.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 {
max-width:780px;
margin:0 auto
}
.box {
width:96%;
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 {
max-width:800px;
height:auto;
margin:0 auto
}
header:after {
content:"";
display:block;
height:0;
visibility:hidden;
clear:both
}
header .logo {
width:50%;
float:left;
display:block
}
header .tel {
width:50%;
float:right;
display:block
}
header .logo img, header .tel img {
display:block;
width:100%
}
.nav {
width:100%;
height:90px;
background:#02569f
}
.nav ul {
max-width:800px;
height:90px;
margin:0 auto;
background:url(/template/wzbhl/style/images/nav-ul.png) no-repeat center
}
.nav ul li.nLi {
width:25%;
height:45px;
line-height:45px;
text-align:center;
color:#fff;
display:block;
float:left;
font-size:14px;
background:url(/template/wzbhl/style/images/nav-li.png) no-repeat right center
}
.nav ul li.nLi .sub {
display:none
}
.nav ul li.nLi a {
color:#fff;
display:block
}
.nav ul li.nLi:last-child {
background:0 0
}
.nav ul li.nLi:nth-of-type(4) {
background:0 0
}
.fullSlide {
display:none
}
.banner {
display:block;
margin-bottom:800px;
margin:0 auto
}
.banner img {
display:block;
width:100%
}
.banner .swiper-pagination-bullet {
background:rgba(255, 255, 255, .7);
border-radius:50px;
transition:all .5s
}
.banner .swiper-pagination-bullet-active {
width:20px
}
.index_pro {
background:#eee;
padding-top:20px;
padding-bottom:20px
}
.index_pro .lmt {
margin-bottom:25px
}
.index_pro .lmt strong {
display:block;
text-align:center;
color:#333;
font-size:20px
}
.index_pro .lmt p {
text-align:center;
font-size:12px;
color:#666;
margin-top:10px
}
.index_pro .title {
width:100%;
height:35px;
line-height:35px;
border-bottom:2px solid #02569f;
margin-bottom:15px
}
.index_pro .title a {
float:right;
font-size:14px;
color:#666
}
.index_pro .title strong {
display:inline-block;
height:35px;
line-height:35px;
color:#fff;
background:#02569f;
padding:0 15px;
font-size:16px
}
.index_pro .title1 {
border-bottom:2px solid #df3536
}
.index_pro .title1 strong {
background:#df3536
}
.pro_box {
margin-bottom:15px
}
.index_pro .left {
width:100%;
float:none
}
.index_pro .right {
width:100%;
float:none
}
.index_pro .pro_list li {
display:block;
float:left;
width:49%;
margin-right:2%;
background:#fff;
padding:2%;
box-sizing:border-box;
transition:all .5s;
margin-bottom:10px
}
.index_pro .pro_list li:nth-of-type(even) {
margin-right:0
}
.index_pro .pro_list li .pic {
display:block;
width:100%;
position:relative;
padding-top:75%;
overflow:hidden;
margin-bottom:8px
}
.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;
font-size:14px;
color:#666;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden
}
.index_pro .pro_list li .pro_c a {
display:none
}
.index_pro .pro_list li .pro_c p {
display:none
}
.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
}
.youshi {
padding-top:20px;
padding-bottom:20px
}
.youshi .lmt {
position:relative;
height:60px
}
.youshi .lmt i {
display:none
}
.youshi .lmt .t {
position:absolute;
left:0;
right:0;
margin:0 auto;
top:0;
z-index:5
}
.youshi .lmt .t span {
display:none
}
.youshi .lmt .t p {
text-align:center;
color:#333;
font-size:20px;
font-weight:700
}
.youshi .lmt .t p font {
color:#df3536
}
.youshi .lmt .t strong {
text-align:center;
font-size:12px;
color:#666;
margin-top:5px;
font-weight:400;
display:block
}
.youshi .lmt .t .p {
display:none
}
.youshi ul li {
display:block;
float:left;
width:49%;
margin-right:2%;
background:#f1f1f1;
margin-bottom:10px
}
.youshi ul li:nth-of-type(even) {
margin-right:0
}
.youshi ul li:after {
content:"";
display:block;
height:0;
visibility:hidden;
clear:both
}
.youshi ul li .left {
width:100%;
position:relative;
overflow:hidden
}
.youshi ul li .left img {
display:block;
width:100%
}
.youshi ul li .left strong {
display:block;
font-size:18px;
color:#fff;
position:absolute;
right:0;
bottom:0;
width:100%;
height:100%
}
.youshi ul li .left strong span {
display:block;
position:absolute;
left:0;
right:0;
bottom:10px;
margin:0 auto;
z-index:10;
text-align:center
}
.youshi ul li .left strong:after {
content:"";
width:100%;
height:100%;
background:rgba(0, 86, 249, .65);
display:block;
position:absolute;
transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
z-index:5;
-o-transform:rotate(45deg);
left:10%;
top:70%
}
.youshi ul li .right {
width:100%;
padding-top:10px;
padding-bottom:10px
}
.youshi ul li .right strong {
text-align:center;
font-size:18px;
color:#02569f;
display:block
}
.youshi ul li .right p {
text-align:center;
font-size:14px;
color:#333;
width:90%;
height:40px;
margin:0 auto;
margin-top:5px
}
.about {
height:auto;
background:url(../image/about_bg.jpg) no-repeat center;
background-size:cover;
padding-top:25px;
padding-bottom:25px
}
.about .box {
height:auto;
position:relative
}
.about .box .t {
display:none
}
.about .box .left {
display:block;
float:none
}
.about .box .left img {
display:block;
width:100%
}
.about .box .right {
width:100%
}
.about .box .right strong {
font-size:22px;
color:#fff;
display:block;
padding-top:10px
}
.about .box .right .about_tab {
margin-top:15px;
margin-bottom:15px
}
.about .box .right .about_tab a {
display:inline-block;
width:100px;
height:30px;
line-height:30px;
text-align:center;
border:2px solid rgba(255, 255, 255, .7);
color:#fff;
font-size:14px;
margin-right:5px;
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:14px;
color:#fff;
line-height:24px
}
.about .box .right .j p {
margin-bottom:10px
}
.about .box .right a.more {
color:#fff;
display:block;
width:110px;
height:32px;
line-height:32px;
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:20px;
padding-bottom:40px
}
.case .lmt {
position:relative;
margin-bottom:25px
}
.case .lmt b {
display:block;
font-size:22px;
color:#333;
font-weight:100
}
.case .lmt .t {
display:block;
font-size:20px;
color:#000
}
.case .lmt .t span {
display:none;
font-size:12px;
color:#f1f1f1
}
.case ul li {
display:block;
float:left;
width:49%;
margin-right:2%;
margin-bottom:15px;
border-bottom:2px solid #e6e6e6;
position:relative;
transition:all .5s
}
.case ul li:nth-of-type(even) {
margin-right:0
}
.case ul li .pic {
display:block;
width:100%;
position:relative;
padding-top:75%;
overflow:hidden
}
.case ul li img {
display:block;
position:absolute;
width:100%;
min-height:100%;
left:0;
top:0;
transition:all .5s
}
.case ul li a.more {
display:none;
position:absolute;
right:20px;
opacity:1;
bottom:0;
width:24px;
height:45px;
background:url(../image/jiantou.png) no-repeat center
}
.case ul li a.tit {
display:block;
font-size:14px;
color:#414141;
height:40px;
line-height:40px;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden
}
.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:110px;
height:30px;
line-height:30px;
text-align:center;
margin:0 auto;
border:1px solid #ccc;
border-radius:5px;
font-size:12px;
color:#4a4a4a;
margin-top:10px
}
.case .more1:hover {
color:#fff;
background:#02569f;
border:1px solid #02569f
}
.news {
padding-bottom:20px
}
.news .xinwen {
width:100%;
margin-bottom:10px
}
.news .wenti {
width:100%
}
.news .title {
width:100%;
margin-bottom:10px;
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:18px;
color:#000;
height:47px;
line-height:47px;
border-bottom:2px solid #008af8;
display:inline-block;
padding-right:3px
}
.news .title a:hover {
color:#008af8
}
.news .xinwen .left {
display:none
}
.news .xinwen .right {
width:100%
}
.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 {
display:block;
font-size:15px;
color:#000;
font-weight:700;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden
}
.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:35px;
line-height:35px;
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 {
display:block;
font-size:14px;
color:#333;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden
}
.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:5px;
padding-bottom:70px
}
.footer .box {
background:url(../image/footer_box.png) no-repeat 20px center
}
.footer .left {
display:none
}
.footer .right {
width:100%
}
.footer .right .con .t {
display:none;
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 ul {
font-size:14px;
line-height:24px;
color:#ccc;
padding-top:20px
}
.footer .right ul li {
line-height:30px
}
.footer .right ul li:nth-of-type(4) {
display:none
}
.footer .right ul li a {
color:#ccc
}
.footer .right dl {
float:right;
margin-top:15px;
margin-left:20px
}
.footer .right dl img {
display:block;
width:110px;
margin:0 auto
}
.footer .right dl dd {
text-align:center;
font-size:14px;
color:#6f6f6f;
margin-top:10px
}
.links {
display:none
}
.copyright {
display:none
}
#bottom {
display:block
}
.bottom {
width:100%;
height:60px;
background:#02569f;
margin:0 auto;
position:fixed;
bottom:0;
left:0;
z-index:99
}
.bottom ul {
max-width:640px;
height:60px;
margin:0 auto
}
.bottom ul li {
width:25%;
height:60px;
display:block;
float:left;
text-align:center;
background:url(/template/wzbhl/style/images/bottom_li.png) no-repeat right center
}
.bottom ul li a {
color:#fff;
font-size:12px
}
.bottom ul li:nth-of-type(4) {
background-image:none
}
.bottom ul li.f1 i {
display:block;
width:100%;
height:32px;
background:url(/template/wzbhl/style/images/f1.png) no-repeat center;
margin-top:5px
}
.bottom ul li.f2 i {
display:block;
width:100%;
height:32px;
background:url(/template/wzbhl/style/images/f4.png) no-repeat center;
margin-top:5px
}
.bottom ul li.f3 i {
display:block;
width:100%;
height:32px;
background:url(/template/wzbhl/style/images/f2.png) no-repeat center;
margin-top:5px
}
.bottom ul li.f4 i {
display:block;
width:100%;
height:32px;
background:url(/template/wzbhl/style/images/f3.png) no-repeat center;
margin-top:5px
}
.about_r {
background:url(/template/wzbhl/style/images/about_r.jpg) no-repeat center;
background-size:cover;
padding-bottom:30px
}
.about_r .box {
padding-top:34px
}
.about_r .box strong {
display:block;
font-size:22px;
color:#fff;
font-weight:400
}
.about_r .box h1 {
display:block;
font-size:18px;
color:#fff;
font-weight:400;
margin:15px 0
}
.about_r .box p {
font-size:14px;
color:#fff;
line-height:26px;
margin-top:20px;
margin:0 auto
}
.zhuanli {
padding-top:20px
}
.zhuanli .lmt strong {
display:block;
text-align:center;
font-size:22px;
font-weight:400
}
.zhuanli .lmt span {
display:block;
text-align:center;
font-size:14px;
color:#666;
margin-top:10px
}
.honorlist ul {
margin-top:20px
}
.honorlist ul li {
display:block;
float:left;
width:49%;
margin-right:2%
}
.honorlist ul li:nth-of-type(even) {
margin-right:0
}
.honorlist ul li a {
display:block;
width:100%;
box-sizing:border-box;
border:1px solid #e6e6e6;
text-align:center
}
.honorlist ul li a img {
display:inline-block;
width:90%;
margin:0 auto;
vertical-align:middle
}
.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:22px;
font-weight:400
}
.wenhua .lmt span {
display:block;
text-align:center;
font-size:14px;
color:#666;
margin-top:10px
}
.wenhua .left {
width:100%
}
.wenhua .left dl {
width:100%;
background:#f8f8f8
}
.wenhua .left dl:after {
content:"";
display:block;
height:0;
visibility:hidden;
clear:both
}
.wenhua .left dl dt {
display:block;
width:100%
}
.wenhua .left dl dt img {
display:block;
width:100%
}
.wenhua .left dl dd {
width:100%;
padding:20px;
box-sizing:border-box;
float:left
}
.wenhua .left dl dd strong {
display:block;
text-align:center;
font-size:18px;
font-weight:400;
margin-bottom:15px
}
.wenhua .left dl dd p {
font-size:14px;
line-height:25px;
color:#545454
}
.wenhua .right {
width:100%;
background:#f8f8f8
}
.wenhua .right dl img {
display:block;
width:100%
}
.wenhua .right dl dd {
width:100%;
padding:20px;
box-sizing:border-box
}
.wenhua .right dl dd strong {
display:block;
text-align:center;
font-size:18px;
font-weight:400;
margin-bottom:15px
}
.wenhua .right dl dd p {
font-size:15px;
line-height:25px;
color:#545454
}
.neiye {
padding-top:20px;
padding-bottom:30px;
background:#fff!important
}
.neiye .neiye-l {
width:100%;
float:none
}
.neiye .neiye-l .nydh {
background:#fff
}
.neiye .neiye-l .nydh .title {
display:none;
width:100%;
height:35px;
line-height:35px;
border-bottom:2px solid #eee;
margin-bottom:15px
}
.neiye .neiye-l .nydh .title p {
font-size:18px;
color:#333;
font-weight:700;
border-bottom:2px solid #02569f;
display:inline-block;
padding:0 5px
}
.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:100%
}
.neiye .neiye-l .nydh .ul li {
display:block;
width:24%;
height:38px;
line-height:38px;
font-size:12px;
text-align:center;
float:left;
background:#e6e6e6;
margin-right:1.3%;
margin-bottom:5px
}
.neiye .neiye-l .nydh .ul li:nth-of-type(4n+4) {
margin-right:0
}
.neiye .neiye-l .nydh .ul li a {
color:#666;
display:block;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden
}
.neiye .neiye-l .nydh .ul li:hover, .neiye .neiye-l .nydh ul li.on {
background:#02569f
}
.neiye .neiye-l .nydh .ul li:hover a, .neiye .neiye-l .nydh ul li.on a {
color:#fff
}
.neiye .neiye-l .nylx {
display:none
}
.neiye .neiye-r {
float:none;
width:100%
}
.newsnav {
width:100%;
height:38px;
line-height:38px;
border-bottom:1px solid #e5e5e5;
margin-bottom:15px
}
.newsnav .more {
float:right;
font-size:14px;
color:#a0a0a0;
display:none
}
.newsnav .more a {
color:#a0a0a0
}
.newsnav a.more:hover {
color:#0075e3
}
.newsnav .more a:hover {
color:#0075e3
}
.newsnav p {
font-size:18px;
color:#000;
font-weight:700;
border-bottom:2px solid #0075e3;
height:38px;
line-height:38px;
display:inline-block;
position:relative;
padding:0 5px
}
.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:#f5f7fa;
margin-bottom:15px;
padding-right:10px;
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:150px;
height:94px;
margin-right:10px;
-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:16px;
color:#363636;
height:35px;
line-height:35px;
font-weight:700;
overflow:hidden
}
.case_li ul li span {
display:none;
font-size:14px;
color:#8d8d8d
}
.case_li ul li p {
font-size:13px;
line-height:22px;
height:44px;
overflow:hidden;
color:#8d8d8d;
margin-top:5px
}
.case_li ul li a.more {
display:none;
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;
text-align:center
}
.fenye a {
display:inline-block;
padding:0 8px;
text-align:center;
line-height:28px;
font-size:14px;
color:#333;
margin:2px 4px;
border-radius:5px;
background:#eee
}
.fenye b, .fenye a:hover {
display:inline-block;
padding:0 8px;
text-align:center;
line-height:28px;
font-size:14px;
color:#fff;
margin:2px 4px;
background:#02569f;
border-radius:5px
}
.newslist {
margin-top:-10px
}
.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:10px 0;
padding-right:10px
}
.newslist ul li img {
display:block;
float:left;
width:150px;
height:94px;
margin-right:10px
}
.newslist ul li .t {
height:35px;
line-height:35px;
overflow:hidden
}
.newslist ul li .t a {
display:block;
font-size:16px;
color:#303030;
font-weight:700;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden
}
.newslist ul li .t span {
display:none;
float:right;
font-size:14px;
color:#b0b0b0
}
.newslist ul li p {
font-size:13px;
line-height:22px;
height:44px;
overflow:hidden;
color:#8d8d8d;
margin-top:5px;
text-align:justify
}
.newslist ul li a.more {
display:none;
font-size:14px;
color:#e43f14;
margin-top:10px
}
.newslist ul li .t a:hover {
color:#02569f
}
.sideMenu {
display:none
}
.neiye .pro_list {
margin-bottom:0
}
.neiye .pro_list li {
display:block;
float:left;
width:49%;
margin-right:2%;
background:#fff;
box-sizing:border-box;
-webkit-transition:all .4s ease-in-out 0s;
transition:all .4s ease-in-out 0s;
margin-bottom:10px;
border:1px solid #e1e1e1
}
.neiye .pro_list li:nth-of-type(even) {
margin-right:0
}
.neiye .pro_list.ipro li:nth-of-type(3) {
display:none
}
.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;
-webkit-transition:all .4s ease-in-out 0s;
transition:all .4s ease-in-out 0s
}
.neiye .pro_list li a.t {
display:block;
text-align:center;
font-size:14px;
height:36px;
line-height:36px;
color:#666;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden
}
.neiye .pro_list li .pro_c a {
display:none
}
.neiye .pro_list li .pro_c p {
display:none
}
.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
}
.pro-xq .pic {
width:100%
}
.pro-xq .pic img {
width:100%
}
.pro-xq .pro-js {
width:100%
}
.pro-xq .pro-js h1 {
font-size:18px;
color:#000;
height:48px;
line-height:48px;
border-bottom:1px solid #eee
}
.pro-xq .pro-js .pro-xx {
font-size:14px;
color:#5b5b5b;
line-height:23px;
height:auto;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
padding:10px 0
}
.pro-xq .pro-lx {
padding-top:25px;
border-bottom:1px solid #eee;
padding-bottom:20px
}
.pro-xq .pro-lx p {
width:240px;
float:left;
font-size:16px;
color:#0285ff;
margin-bottom:10px
}
.pro-xq .pro-lx p i {
display:block;
float:left;
margin-right:5px;
width:35px;
height:35px;
background:url(../image/ico-tel.png) no-repeat center;
background-size:100%
}
.pro-xq .pro-lx p font {
line-height:15px;
display:block;
font-size:13px;
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:20px;
font-weight:700;
color:#0285ff;
line-height:24px
}
.pro-xq .pro-lx a.zx {
display:inline-block;
float:right;
width:100px;
height:35px;
text-align:center;
line-height:35px;
color:#fff;
font-size:14px;
background:#0154a0;
margin-top:5px
}
.pro-xq .pro-lx a.zx:nth-child(1) {
display:none
}
.pro-xq .pro-lx a.zx1 {
background:#0154a0
}
.pro-xq .pro-lx a.zx:hover {
border-radius:25px
}
.danye {
font-size:14px;
line-height:24px;
color:#434343;
text-align:justify
}
.danye p {
margin-bottom:15px
}
.danye img {
max-width:100%;
height:auto!important
}
.biaoti {
width:100%;
margin:0 auto;
text-align:center;
border-bottom:1px solid #e8e8e8;
padding-bottom:15px;
margin-bottom:25px
}
.biaoti h1 {
font-size:18px;
color:#000;
font-weight:400
}
.biaoti p {
font-size:14px;
color:#ccc;
margin-top:10px
}
.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
}
.xunjia {
padding-bottom:30px;
font-family:microsoft yahei??
}
.xunjia p {
width:100%;
height:40px;
margin-bottom:5px
}
.xunjia p em {
display:inline-block;
width:70px;
text-align:right;
font-size:14px;
color:#717171;
padding-right:10px;
height:40px;
line-height:40px;
font-style:normal
}
.xunjia p em i {
font-style:normal;
color:red
}
.xunjia p input {
display:inline-block;
width:calc(100% - 100px);
padding-left:5px;
height:32px;
line-height:32px;
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;
border-radius:5px
}
.xunjia .miaoshu {
width:100%;
height:110px;
padding-top:6px
}
.xunjia .miaoshu em {
float:left
}
.xunjia .miaoshu textarea {
display:inline-block;
width:calc(100% - 100px);
padding-left:5px;
height:110px;
line-height:26px;
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:110px;
height:35px;
border:none;
background:#02569f;
color:#fff;
font-size:14px;
border-radius:5px;
margin-top:15px;
margin-left:80px;
cursor:pointer;
font-family:microsoft yahei??
}
.xunjia .reset {
background:#bcbcbc;
margin-left:20px
}
.tuijian ul {
margin-top:10px
}
.tuijian ul li {
display:block;
width:100%;
height:35px;
line-height:35px;
border-bottom:1px solid #ebebeb;
padding-left:12px;
background:url(../image/li.png) no-repeat left center;
overflow:hidden;
box-sizing:border-box
}
.tuijian ul li span {
float:right;
font-size:14px;
color:#b4b4b4;
margin-left:15px
}
.tuijian ul li a {
display:block;
color:#333;
font-size:14px;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden
}
.tuijian ul li a: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:15px;
color:#464646;
line-height:35px;
margin-bottom:35px
}
.contact_nr img {
display:block;
margin-top:10px
}
.floating_ck {
display:none
}
#map {
width:100%;
height:200px
}
.nydh_pro {
display:block
}
.nydh_pro li {
display:block;
width:24%;
height:38px;
line-height:38px;
font-size:14px;
text-align:center;
float:left;
background:#e6e6e6;
margin-right:1.3%;
margin-bottom:5px
}
.nydh_pro li:nth-of-type(4n+4) {
margin-right:0
}
.nydh_pro li a {
color:#666;
display:block
}
.nydh_pro li:hover, .nydh_pro li.on {
background:#02569f
}
.nydh_pro li:hover a, .nydh_pro li.on a {
color:#fff
}
.pro-xq .pro-lx {
padding-top:25px;
border-bottom:1px solid #eee;
padding-bottom:20px
}
.pro-xq .pro-lx .z {
display:block;
clear:both;
color:#0285ff;
line-height:26px
}
.toolbar {
display:none
}
}
