body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset, img {
border: 0;
}
ol, ul {
list-style: none;
}
caption, th {
text-align: left;
}
q:before, q:after {
content: '';
}
abbr, acronym {
border: 0;
}
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.l, .col-l, .col_l, .col-c, .col_c {
float: left;
}
.r, .col-r, .col_r, dt span, .ul-txt li span, .ul_txt li span {
float: right;
}
.c {
clear: both;
}
.n, em {
font-weight: normal;
font-style: normal;
}
.b {
font-weight: bold;
}
.i {
font-style: italic;
}
.fa {
font-family: Arial;
}
.fg {
font-family: Georgia;
}
.ft {
font-family: Tahoma;
}
.fl {
font-family: Lucida Console;
}
.fs {
font-family: '宋体';
}
.fw {
font-family: '微软雅黑';
}
.tc {
text-align: center;
}
.tr {
text-align: right;
}
.tl {
text-align: left;
}
.tdu {
text-decoration: underline;
}
.tdn, .tdn:hover, a.tdl:hover {
text-decoration: none;
}
.fc0 {
color: #000000;
}
.fc3 {
color: #333333;
}
.fc6 {
color: #666666;
}
.fc9 {
color: #999999;
}
.fcr {
color: red;
}
.fcw {
color: white;
}
.fcb {
color: blue;
}
.fcg {
color: green;
}
.f0 {
font-size: 0;
}
.f10 {
font-size: 10px;
}
.f12 {
font-size: 12px;
}
.f13 {
font-size: 13px;
}
.f14 {
font-size: 14px;
}
.f16 {
font-size: 16px;
}
.f20 {
font-size: 20px;
}
.f24 {
font-size: 24px;
}
.vm {
vertical-align: middle;
}
.vtb {
vertical-align: text-bottom;
}
.vt {
vertical-align: top;
}
.vn {
vertical-align: -2px;
}
.vimg {
margin-bottom: -3px;
}
.m0 {
margin: 0;
}
.ml0 {
margin-left: 0;
}
.ml5 {
margin-left: 5px;
}
.ml10 {
margin-left: 10px;
}
.ml20 {
margin-left: 20px;
}
.mr0 {
margin-right: 0;
}
.mr5 {
margin-right: 5px;
}
.mr10 {
margin-right: 10px;
}
.mr20 {
margin-right: 20px;
}
.mt5 {
margin-top: 5px;
}
.mt10 {
margin-top: 10px;
}
.mt20 {
margin-top: 20px;
}
.mb5 {
margin-bottom: 5px;
}
.mb10 {
margin-bottom: 10px;
}
.mb20 {
margin-bottom: 20px;
}
.ml-1 {
margin-left: -1px;
}
.mt-1 {
margin-top: -1px;
}
.p1 {
padding: 1px;
}
.pl5 {
padding-left: 5px;
}
.p5 {
padding: 5px;
}
.pt5 {
padding-top: 5px;
}
.pr5 {
padding-right: 5px;
}
.pb5 {
padding-bottom: 5px;
}
.p10 {
padding: 10px;
}
.pl10 {
padding-left: 10px;
}
.pt10 {
padding-top: 10px;
}
.pr10 {
padding-right: 10px;
}
.pb10 {
padding-bottom: 10px;
}
.p20 {
padding: 20px;
}
.pl20 {
padding-left: 20px;
}
.pt20 {
padding-top: 20px;
}
.pr20 {
padding-right: 20px;
}
.pb20 {
padding-bottom: 20px;
}
.rel, .pr {
position: relative;
}
.abs, .pa {
position: absolute;
}
.dn {
display: none;
}
.db {
display: block;
}
.dib {
-moz-inline-stack: inline-block;
display: inline-block;
}
.di {
display: inline;
}
.ovh {
overflow: hidden;
}
.ovs {
overflow: scroll;
}
.vh {
visibility: hidden;
}
.vv {
visibility: visible;
}
.lh14 {
line-height: 14px;
}
.lh16 {
line-height: 16px;
}
.lh18 {
line-height: 18px;
}
.lh20 {
line-height: 20px;
}
.lh22 {
line-height: 22px;
}
.lh24 {
line-height: 24px;
}
.fix {
*zoom:1;
}
.fix:after, .fix:before {
display: block;
content: "clear";
height: 0;
clear: both;
overflow: hidden;
visibility: hidden;
}
.z {
_zoom: 1;
}
.h1 {
height: 1px;
}
.h5 {
height: 5px;
}
.h10, .h {
height: 10px;
}
.h15 {
height: 15px;
}
.h20 {
height: 20px;
}
.h1, .h5, .h10, .h15, .h20, .h {
font-size: 0px;
line-height: 0;
overflow: hidden;
clear: both;
}
body {
font: 12px 宋体, Arial, sans-serif;
}
a {
text-decoration: none;
}
a:hover {
color: #FF6600
}body {
color: #444;
font-size: 12px;
font-family: "Helvetica Neue", Helvetica, Arial, Tahoma, "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}
a {
color: #444;
}
a:hover {
color: #134268;
}
img, .ani {
max-width: 100%;
transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
-o-transition: .3s;
}
input, textarea, select {
font-size: 12px;
color: #444;
font-family: "微软雅黑", "Microsoft Yahei";
}
input[type='submit'], input[type='reset'], input[type='button'], select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
} .wp {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.h50 {
height: 50px;
clear: both;
overflow: hidden;
}
.h100 {
height: 100px;
clear: both;
overflow: hidden;
}* {
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}  .g-tit01 {
text-align: center;
}
.g-tit01 .tit {
font-size: 36px;
margin-bottom: 5px;
color: #ff7f27;
font-weight: 600;
}
.g-tit01 .tit span {
color: #333;
}
.g-tit01 p {
font-size: 20px;
color: #666;
}
.g-tit02 {
color: #999;
font-size: 14px;
font-weight: 400;
padding: 10px 0 10px 14px;
background-image: url(//www.hbbocheng.com/wp-content/themes/hua187/images/icon17.png);
background-repeat: no-repeat;
background-position: left center;
}
.g-txt01 {
padding: 0 50px;
}
.g-txt01 .con {
padding: 28px 0 56px;
}
.g-txt01 .tit {
padding: 36px 0;
color: #333;
}
.g-txt01 .tit .hd {
margin-bottom: 5px;
font-size: 20px;
font-weight: 600;
}
.g-txt01 .tit span {
display: block;
font-size: 18px;
}
.g-txt01 p {
color: #666;
font-size: 14px;
line-height: 24px;
}
.g-tit03 .tit {
margin-bottom: 5px;
font-size: 20px;
color: #333;
font-weight: 600;
}
.g-tit03 span {
display: block;
font-size: 14px;
color: #666;
} .hd-top {
overflow: hidden;
background-color: #3f3f3f;
height: 38px;
line-height: 38px;
color: #fff;
font-size: 14px;
}
.hd-top p {
float: left;
}
.hd-top .lang {
float: right;
}
.hd-top .lang li {
float: left;
position: relative;
padding: 0 10px;
}
.hd-top .lang li.xian {
padding: 0;
color: #ccc;
}
.hd-top .lang li.xian:first-child {
padding: 0;
color:#3f3f3f;
}
.hd-top .lang li a {
color: #ccc;
}
.hd-top .lang li a:hover {
color: #fff;
}
.style-header.fixed .hd-bottom {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 9999;
background-color: #fff;
}
.hd-bottom {
*zoom:1;
}
.hd-bottom:after, .hd-bottom:before {
display: block;
content: "clear";
height: 0;
clear: both;
overflow: hidden;
visibility: hidden;
}
.hd-bottom .logo {
float: left;
height: 90px;
line-height: 90px;
}
.hd-bottom .logo img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
}
.menuBtn {
display: none;
position: relative;
float: right;
margin-top: 4px;
width: 40px;
height: 40px;
padding: 5px;
cursor: pointer;
}
.menuBtn b {
display: block;
width: 100%;
height: 2px;
border-radius: 2px;
background-color: #005ad2;
margin: 5px 0 7px;
transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
-o-transition: .3s;
}
.menuBtn.open b {
position: absolute;
left: 5px;
top: 35%;
display: none;
width: 30px;
}
.menuBtn.open b:first-child {
display: block;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
.menuBtn.open b:last-child {
display: block;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}
.style-nav {
float: right;
}
.style-nav li {
float: left;
position: relative;
}
.style-nav li > a {
position: relative;
display: block;
font-size: 14px;
margin-right: 5px;
padding: 0 20px;
text-align: center;
height: 90px;
line-height: 90px;
color: #333;
transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
-o-transition: .5s;
}
.style-nav li > a:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
margin-top: -17px;
height: 35px;
width: 0;
border-radius: 0;
opacity: 0;
transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
-o-transition: .5s;
z-index: -1;
}
.style-nav li.on > a:after, .style-nav li:hover > a:after {
left: 0;
width: 100%;
border-radius: 20px;
opacity: 1;
background-color: #ff7f27;
}
.style-nav li.on > a, .style-nav li:hover > a {
color: #fff;
}
.style-nav li dl {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
margin: 0 -37px;
padding-top: 10px;
z-index: 999;
}
.style-nav li:hover dl {
display: block;
}
.style-nav li dl:after {
content: '';
position: absolute;
top: 3px;
left: 50%;
margin-left: -10px;
width: 15px;
height: 15px;
background-color: #fff;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
z-index: -1;
}
.style-nav li dl dd a {
display: block;
font-size: 12px;
text-align: center;
height: 40px;
line-height: 40px;
color: #333;
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
-o-transition: .5s;
text-indent: 0;
}
.style-nav dl dd:first-child a {
border-radius: 5px 5px 0 0;
}
.style-nav dl dd:last-child a {
border-radius: 0 0 5px 5px;
}
.style-nav li dl dd a:hover {
text-indent: 1em;
background-color: #f2f2f2;
color: #000;
} .banner {
position: relative;
}
.swiper_dots {
position: absolute;
left: 0;
width: 100%;
height: 0;
bottom: 0;
text-align: center;
z-index: 2;
}
.swiper_dots li {
display: inline-block;
margin: 0 10px;
position: relative;
}
.swiper_dots .pic {
position: absolute;
width: 196px;
height: 80px;
background-color: #fff;
top: -128px;
display: none;
left: -99px;
padding: 4px;
}
.swiper_dots .pic:after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
border-style: solid;
border-width: 10px;
border-color: transparent;
border-top-color: #fff;
z-index: -99;
}
.swiper_dots .pic img {
display: block;
width: 100%;
height: 100%;
}
.swiper-container .swiper-wrapper .swiper-slide .con {
padding-top: 36%;
background-repeat: no-repeat;
background-position: center center;
-o-background-size: cover;
-ms-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
}
.swiper-container .swiper-pagination .swiper-pagination-bullet {
display: inline-block;
width: 16px;
height: 16px;
margin: 0 5px;
border-radius: 8px;
border: 0;
background-color: rgba(0,0,0,0);
position: relative;
opacity: 1;
}
.swiper-container .swiper-pagination-bullet:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
margin: -4px 0 0 -4px;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #fff;
}
.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: rgba(0,0,0,0.21);
} .row-a1 {
overflow: hidden;
}
.m-txt01 {
overflow: hidden;
background-repeat: no-repeat;
background-position: center center;
-o-background-size: cover;
-ms-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
color: #fff;
padding: 24px 0;
}
.m-txt01 .txt {
float: left;
}
.m-txt01 .txt .tit {
font-size: 20px;
font-weight: 400;
margin-bottom: 6px;
}
.m-txt01 .txt p {
font-size: 14px;
color: #d4e6ff;
}
.m-txt01 .tel {
float: right;
padding-left: 52px;
background: url(//www.hbbocheng.com/wp-content/themes/hua187/images/icon16.png) left center no-repeat;
font-size: 38px;
font-family: arial, helvetica, sans-serif;
-o-background-size: auto 42px;
-ms-background-size: auto 42px;
-moz-background-size: auto 42px;
-webkit-background-size: auto 42px;
background-size: auto 42px;
}
.ul-txt01 {
overflow: hidden;
border-left: 1px solid #e3e3e3;
background-color: #fff;
}
.ul-txt01 li {
float: left;
width: 25%;
position: relative;
}
.ul-txt01 li .txt {
text-align: center;
border-right: 1px solid #e3e3e3;
padding: 20px 0;
border-bottom: 4px solid #ff7f27;
}
.ul-txt01 li .txt a.tit {
display: block;
font-size: 18px;
color: #333;
font-weight: 400;
height: 30px;
line-height: 30px;
}
.ul-txt01 li .txt a.desc {
display: block;
font-size: 14px;
color: #666;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.ul-txt01 li .txt1 {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 0;
opacity: 0;
background-color: #fff;
border-bottom: 4px solid #ff7f27;
-webkit-animation: slideInDown .6s ease forwards;
animation: slideInDown .6s ease forwards;
}  .row-a2 {
overflow: hidden;
padding: 80px 0;
background-repeat: no-repeat;
background-position: center center;
-o-background-size: cover;
-ms-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
}
.ul-imgtxt01 {
overflow: hidden;
margin: 0 -18px;
}
.ul-imgtxt01 li {
float: left;
width: 33.33%;
margin-bottom: 36px;
}
.ul-imgtxt01 li a {
overflow: hidden;
display: block;
margin: 0 18px;
padding-bottom: 20px;
background-color: #fff;
transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
-o-transition: .3s;
}
.ul-imgtxt01 li:hover a {
background-color: #ff7f27;
}
.ul-imgtxt01 li .pic {
overflow: hidden;
position: relative;
transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
-o-transition: .3s;
}
.ul-imgtxt01 li:hover .pic {
-webkit-transform: translateY(-7%);
-ms-transform: translateY(-7%);
-o-transform: translateY(-7%);
transform: translateY(-7%);
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.ul-imgtxt01 li .pic img {
display: block;
width: 100%;
object-fit: cover;
overflow: hidden;
height: 280px;
}
@media only screen and (max-width: 479px){.ul-imgtxt01 li .pic img {height: 150px;}}
.ul-imgtxt01 li .tit {
text-align: center;
padding: 20px 0 10px;
font-weight: 400;
font-size: 16px;
color: #333;
transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
-o-transition: .3s;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.ul-imgtxt01 li:hover .tit {
color: #fff;
-webkit-transform: translateY(-25%);
-ms-transform: translateY(-25%);
-o-transform: translateY(-25%);
transform: translateY(-25%);
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.ul-imgtxt01 li .more {
display: block;
font-size: 16px;
width: 20px;
height: 20px;
line-height: 20px;
margin: 0 auto;
border-radius: 50%;
color: #fff;
text-align: center;
background-color: #ff7f27;
transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
-o-transition: .3s;
}
.ul-imgtxt01 li:hover .more {
-webkit-transform: translateY(-60%);
-ms-transform: translateY(-60%);
-o-transform: translateY(-60%);
transform: translateY(-60%);
background-color: #fff;
color: #ff7f27;
} .row-a3 {
overflow: hidden;
}
.row-a3 .g-tit01 {
padding: 60px 0 40px;
}
.m-list01 {
overflow: hidden;
padding: 122px 0 60px;
background-repeat: no-repeat;
background-position: center center;
-o-background-size: cover;
-ms-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
}
.ul-imgtxt02 {
float: right;
width: 56%;
}
.ul-imgtxt02 li {
overflow: hidden;
margin-bottom: 62px;
}
.ul-imgtxt02 li .pic {
float: left;
width: 67px;
height: 67px;
border-radius: 50%;
}
.ul-imgtxt02 li .pic img {
display: block;
width: 100%;
height: 100%;
}
.ul-imgtxt02 li .txt {
overflow: hidden;
padding-left: 40px;
color: #fff;
}
.ul-imgtxt02 li .txt .tit {
font-weight: 400;
font-size: 20px;
margin-bottom: 10px;
}
.ul-imgtxt02 li .txt p {
font-size: 14px;
color: #d4e6ff;
line-height: 1.6;
} .m-list02 {
padding: 80px 0 40px;
overflow: hidden;
}
.m-list02 .g-tit01 {
float: left;
text-align: left;
padding: 23px 0;
}
.m-list02 .g-tit01 span {
font-weight: 400;
}
.m-list02 .btn {
float: right;
margin-top: 10px;
width: 100px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 50px;
background-color: #ff7f27;
font-size: 14px;
color: #fff;
transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
-o-transition: .3s;
}
.m-list02 .btn:hover {
background-color: #e87426;
margin-top: 0;
}
.ul-imgtxt03 {
overflow: hidden;
margin: 0 -15px;
padding-bottom: 50px;
}
.ul-imgtxt03 li {
float: left;
width: 25%;
padding-bottom: 30px;
}
.ul-imgtxt03 li:hover {
background: url(//www.hbbocheng.com/wp-content/themes/hua187/images/icon18.png) 50% 100% no-repeat;
}
.ul-imgtxt03 li .con {
background-color: #005ad2;
border-radius: 10px;
padding: 30px 0;
margin: 0 15px;
}
.ul-imgtxt03 li:hover .con {
background-color: #ff7f27;
}
.ul-imgtxt03 li .pic {
width: 40px;
height: 40px;
margin: 0 auto;
}
.ul-imgtxt03 li .pic img {
max-width: 100%;
max-height: 100%;
display: inline-block;
vertical-align: middle;
}
.ul-imgtxt03 li .txt {
text-align: center;
color: #fff;
padding: 15px 0;
font-size: 14px;
}
.ul-imgtxt03 li .txt .tit {
font-weight: 400;
font-size: 20px;
margin-bottom: 6px;
}
.ul-imgtxt03 li .txt span {
display: block;
}
.ul-imgtxt03 li .txt em {
width: 1px;
height: 25px;
display: block;
margin: 10px auto 15px;
background-color: #fff;
}
.ul-imgtxt03 li .txt p {
margin-bottom: 15px;
}
.m-tit01 {
padding: 12px 0;
font-size: 20px;
color: #333;
font-weight: 600;
}
.ul-imgtxt04 {
overflow: hidden;
padding: 50px 0;
}
.ul-imgtxt04 li {
float: left;
width: 25%;
}
.ul-imgtxt04 li .pic {
float: left;
width: 75px;
height: 75px;
}
.ul-imgtxt04 li .pic img {
display: block;
width: 100%;
height: 100%;
}
.ul-imgtxt04 li .tit {
overflow: hidden;
padding-left: 28px;
color: #333;
font-size: 14px;
font-weight: 400;
height: 75px;
line-height: 75px;
} .row-a5 {
overflow: hidden;
padding: 80px 0;
background-color: #f8f8f8;
}
.row-a5 .col-l {
width: 58%;
}
.row-a5 .col-r {
width: 39%;
}
.m-imgtxt01 {
background-color: #fff;
}
.m-imgtxt01 .pic {
overflow: hidden;
position: relative;
height: 0;
padding-top: 51%;
}
.m-imgtxt01 .pic img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.m-list03 {
background-color: #fff;
border-top: 8px solid #005ad2;
}
.m-list03 .first-txt .con {
border-bottom: 1px solid #e3e3e3;
} .m-list04 {
padding: 74px 0;
overflow: hidden;
background-repeat: no-repeat;
background-position: center center;
}
.m-list04 .g-tit01 {
text-align: left;
float: left;
}
.m-list04 .g-tit01 .tit {
color: #fff;
font-weight: 400;
}
.m-list04 .g-tit01 p {
color: #fff;
font-size: 14px;
}
.m-so {
float: right;
margin-top: 18px;
position: relative;
font-size: 0;
}
.m-so .inp {
float: left;
display: block;
width: 450px;
padding-left: 14px;
background-color: #fff;
border-radius: 20px 0 0 20px;
height: 36px; border: 1px solid #fff;
font-size: 14px;
color: #757575;
} .m-so .sub {
float: left;
width: 50px;
height: 36px;
background-image: url(//www.hbbocheng.com/wp-content/themes/hua187/images/so.png);
background-repeat: no-repeat;
background-position: center center;
background-color: #fff;
-o-background-size: 20px auto;
-ms-background-size: 20px auto;
-moz-background-size: 20px auto;
-webkit-background-size: 20px auto;
background-size: 20px auto; border: 1px solid #fff;
padding: 0;
border-radius: 0 20px 20px 0;
cursor: pointer;
font-size: 0;
}
.m-so .sub:hover {
background-color: #ff7f27;
border: 1px solid #ff7f27;
background-image: url(//www.hbbocheng.com/wp-content/themes/hua187/images/so-h.png);
}
.tips {
width: 148px;
height: 42px;
line-height: 42px;
border: #858585 1px solid;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
position: absolute;
left: 50px;
top: 128%;
padding: 0 15px 0 40px;
background: url(//www.hbbocheng.com/wp-content/themes/hua187/images/tips.jpg) 8px center no-repeat #fff;
display: none;
font-size: 14px;
}
.tips::before {
content: "";
width: 12px;
height: 12px;
border-top: #bababa 1px solid;
border-left: #bababa 1px solid;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
position: absolute;
left: 10px;
top: -7px;
background: #fff;
}
.tips.on {
display: block;
}
.ul-imgtxt05 {
position: relative;
top: -12px;
overflow: hidden;
padding: 0 96px;
border-bottom: 1px solid #e3e3e3;
}
.ul-imgtxt05 li {
float: left;
width: 25%;
padding: 70px 50px;
border-right: 1px solid #e3e3e3;
}
.ul-imgtxt05 li .pic {
float: left;
width: 30px;
height: 30px;
}
.ul-imgtxt05 li .pic img {
display: block;
width: 100%;
height: 100%;
}
.ul-imgtxt05 li .txt {
overflow: hidden;
padding-left: 30px;
}
.ul-imgtxt05 li .txt .tit {
font-size: 20px;
margin-bottom: 15px;
font-weight: 400;
}
.ul-imgtxt05 li .txt p {
font-size: 14px;
color: #666;
} .row-a7 {
overflow: hidden;
padding: 80px 0;
background-color: #f8f8f8;
}
.row-a7 .col-l {
width: 33.33%;
}
.row-a7 .col-r {
width: 63.33%;
}
.m-list05 {
padding: 50px 30px;
background-repeat: no-repeat;
background-position: center center;
-o-background-size: cover;
-ms-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
}
.m-list05 .g-tit03 .tit {
color: #fff;
}
.m-list05 .g-tit03 span {
color: #fff;
}
.m-news01 {
padding-top: 36px;
}
.m-news01 .pic {
overflow: hidden;
position: relative;
height: 0;
padding-top: 67%;
}
.m-news01 .pic img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.m-news01 .txt {
margin-top: 20px;
}
.m-news01 .txt .tit {
margin-bottom: 10px;
font-size: 18px;
color: #333;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-weight: 400;
}
.m-news01:hover .txt .tit {
color: #ff7f27;
}
.m-news01 .txt .time {
display: block;
font-size: 12px;
color: #666;
padding-bottom: 10px;
}
.m-news01 .txt p {
font-size: 12px;
line-height: 22px;
margin-top: 31px;
color: #999;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.m-list06 {
padding: 15px 30px;
background-color: #fff;
margin-bottom: 25px;
}
.m-news02 {
overflow: hidden;
padding: 36px 10px 0 10px;
}
.m-news02 .pic {
float: right;
width: 20%;
}
.m-news02 .pic img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
}
.m-news02 .box {
float: left;
width: 80%;
}
.m-news02 .box .time {
float: left;
}
.m-news02 .box .time span {
display: block;
font-size: 20px;
color: #999;
transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
-o-transition: .3s;
}
.m-news02 .box .time .span2 {
display: none;
}
.m-news02:hover .box .time span {
color: #ff7f27;
}
.m-news02 .box .time em {
display: block;
margin-top: 15px;
width: 35px;
height: 35px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(//www.hbbocheng.com/wp-content/themes/hua187/images/icon19.png);
}
.m-news02:hover .box .time em {
background-image: url(//www.hbbocheng.com/wp-content/themes/hua187/images/icon19-h.png);
}
.m-news02 .box .txt {
padding-left: 25px;
overflow: hidden;
}
.m-news02 .box .txt .tit {
font-size: 18px;
color: #333;
margin-bottom: 14px;
font-weight: 400;
transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
-o-transition: .3s;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.m-news02:hover .box .txt .tit {
color: #ff7f27;
}
.m-news02 .box .txt p {
font-size: 14px;
color: #999;
line-height: 24px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin-right: 90px;
}
.ul-txt02 {
height: 218px;
overflow: hidden;
margin-top: 25px;
}
.ul-txt02 li {
overflow: hidden;
padding: 10px;
overflow: hidden;
font-size: 14px;
font-family: "微软雅黑", "Microsoft YaHei";
color: #333;
}
.ul-txt02 li .tit {
margin-bottom: 20px;
}
.ul-txt02 li .tit .hd {
overflow: hidden;
font-size: 14px;
height: 26px;
line-height: 26px;
font-weight: 400;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
-o-transition: .3s;
}
.ul-txt02 li:hover .tit .hd {
color: #1e88e5;
}
.ul-txt02 li .txt p {
height: 42px;
line-height: 21px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.ul-txt02 li span.letter {
display: block;
margin-right: 16px;
width: 26px;
height: 26px;
line-height: 26px;
text-align: center;
float: left;
border-radius: 50%;
background-color: #1e88e5;
color: #fff;
font-weight: 400;
} .row-link {
background-color: #005ad2;
border-bottom: 1px solid #fff;
}
.m-link1 {
padding: 20px 0;
}
.m-link1 .item {
overflow: hidden;
color: #fff;
}
.m-link1 .item:first-child {
margin-bottom: 40px;
}
.m-link1 .item span {
float: left;
font-size: 16px;
margin-right: 18px;
font-weight: 600;
}
.ul-link1 {
overflow: hidden;
}
.ul-link1 li {
float: left;
}
.ul-link1 li a {
display: block;
margin-right: 20px;
font-size: 14px;
color: #fff;
height: 21px;
line-height: 21px;
}
.ul-link1 li a:hover {
text-decoration: underline;
} .style-footer {
background-color: #333;
}
.fd-nav {
padding-top: 14px;
border-bottom: 1px solid #7f7f7f;
overflow: hidden;
}
.fd-nav ul {
text-align: center
}
.fd-nav li {
width: auto;
padding: 0px 2%;
display: inline-block;
}
.fd-nav li a {
display: block;
height: 70px;
line-height: 70px;
text-align: center;
font-size: 14px;
color: #fff;
}
.fd-nav li a:hover {
color: #ff7f27;
}
.fd-info {
padding: 30px 0 50px;
overflow: hidden;
}
.fd-qr {
float: left;
}
.fd-qr li {
float: left;
margin-right: 30px;
}
.fd-qr li .pic {
width: 130px;
height: 130px;
}
.fd-qr li .pic img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
}
.fd-qr li p {
text-align: center;
font-size: 14px;
font-weight: 400;
color: #d3d3d3;
height: 40px;
line-height: 40px;
}
.fd-txt {
float: left;
padding-left: 30px;
line-height: 35px;
color: #d3d3d3;
font-size: 14px;
}
.fd-txt p strong {
font-family: arial, helvetica, sans-serif;
color: #fff;
font-size: 38px;
}
.fd-logo {
float: right;
margin-top: 65px;
height: 40px;
line-height: 40px;
}
.fd-logo img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
}
.copy {
overflow: hidden;
background-color: #005ad2;
line-height: 50px;
font-size: 14px;
color: #fff;
}
.copy p {
float: left;
}
.copy a {
color: #fff;
}
.copy a:hover {
color: #ff7f27;
} .kf {
width: 208px;
position: fixed; right: -208px;
top: 200px;
z-index: 9;
}
.kt-top {
height: 40px;
line-height: 40px;
background: url(//www.hbbocheng.com/wp-content/themes/hua187/images/kefu.png) 12px center no-repeat #005ad2;
-o-background-size: auto 20px;
-ms-background-size: auto 20px;
-moz-background-size: auto 20px;
-webkit-background-size: auto 20px;
background-size: auto 20px;
padding-left: 46px;
font-size: 14px;
color: #fff;
}
.kt-top span:hover {
transform: rotate(90deg);
}
.kt-top span {
width: 18px;
height: 16px;
float: right;
position: relative;
margin: 10px 10px 0px 0px;
cursor: pointer;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
}
.kt-top span b {
width: 100%;
height: 2px;
background: #fff;
display: block;
position: absolute;
top: 50%;
left: 0;
}
.kt-top span b:first-child {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.kt-top span b:last-child {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}
.kf .con {
overflow: hidden;
background: #fff;
}
.kf .qq li {
height: 36px;
line-height: 36px;
border-bottom: #f5f5f5 solid 1px;
padding-left: 16px;
}
.kf .qq li a {
height: 36px !important;
color: #666;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-decoration: initial;
display: block;
}
.kf .qq li a img {
padding-right: 6px;
}
.kf .con h5 {
height: 26px;
line-height: 26px;
margin-top: 12px;
background: url(//www.hbbocheng.com/wp-content/themes/hua187/images/lianxi.png) 16px center no-repeat;
padding-left: 45px;
color: #666;
font-size: 14px;
}
.kf .contact {
margin-top: 1px;
}
.kf .contact p {
height: 26px;
line-height: 26px;
color: #666;
font-size: 14px;
padding-left: 22px;
}
.kf .contact p:nth-child(2n) {
padding-left: 32px;
}
.kf .con h5.qr-icon {
background: url(//www.hbbocheng.com/wp-content/themes/hua187/images/erweima.png) 16px center no-repeat;
}
.kf .con .qr {
margin-top: 10px;
padding-left: 40px;
}
.kf .con .qr img {
width: 110px;
height: 110px;
}
.kf .backTop {
width: 100%;
height: 40px;
margin-top: 10px;
background: url(//www.hbbocheng.com/wp-content/themes/hua187/images/huidaodingbu.png) center center no-repeat #005ad2;
background-size: 18px auto;
cursor: pointer;
}
.kf-side {
padding: 18px 10px 10px;
background: #005ad2;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
left: -34px;
cursor: pointer;
}
.kf-side b {
display: block;
color: #fff;
line-height: 18px;
font-size: 14px;
font-weight: normal;
}
.kf-side span.arrow {
width: 12px;
height: 12px;
background: url(//www.hbbocheng.com/wp-content/themes/hua187/images/jt-1.png) no-repeat;
-o-background-size: auto 12px;
-ms-background-size: auto 12px;
-moz-background-size: auto 12px;
-webkit-background-size: auto 12px;
background-size: auto 12px;
display: block;
margin-top: 10px;
}
.kf-side span.on {
background: url(//www.hbbocheng.com/wp-content/themes/hua187/images/jt-2.png) no-repeat;
-o-background-size: auto 12px;
-ms-background-size: auto 12px;
-moz-background-size: auto 12px;
-webkit-background-size: auto 12px;
background-size: auto 12px;
} .h50 {
display: none;
}
.style-link {
display: none;
overflow: hidden;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 9;
background-color: #fff;
padding: 4px 0;
box-shadow: 5px 0 10px rgba(0,0,0,.05);
}
.style-link li {
float: left;
width: 25%;
}
.style-link li a {
display: block;
text-align: center;
font-size: 13px;
color: #000;
}
.style-link li.on a, .style-link li:hover a {
color: #005ad2;
}
.style-link li a i {
display: block;
width: 25px;
margin: 0 auto;
height: 25px;
background-repeat: no-repeat;
background-position: center center;
-o-background-size: auto 18px;
-ms-background-size: auto 18px;
-moz-background-size: auto 18px;
-webkit-background-size: auto 18px;
background-size: auto 18px;
}
.style-link li a .i1 {
background-image: url(//www.hbbocheng.com/wp-content/themes/hua187/images/sj-nav1.png);
}
.style-link li.on .i1, .style-link li:hover .i2 {
background-image: url(//www.hbbocheng.com/wp-content/themes/hua187/images/sj-nav1-on.png);
}
.style-link li a .i2 {
background-image: url(//www.hbbocheng.com/wp-content/themes/hua187/images/sj-nav2.png);
}
.style-link li.on .i2, .style-link li:hover .i2 {
background-image: url(//www.hbbocheng.com/wp-content/themes/hua187/images/sj-nav2-on.png);
}
.style-link li a .i3 {
background-image: url(//www.hbbocheng.com/wp-content/themes/hua187/images/sj-nav3.png);
}
.style-link li.on .i3, .style-link li:hover .i3 {
background-image: url(//www.hbbocheng.com/wp-content/themes/hua187/images/sj-nav3-on.png);
}
.style-link li a .i4 {
background-image: url(//www.hbbocheng.com/wp-content/themes/hua187/images/sj-nav4.png);
}
.style-link li.on .i4, .style-link li:hover .i4 {
background-image: url(//www.hbbocheng.com/wp-content/themes/hua187/images/sj-nav4-on.png);
} .g-tit3 {
padding-bottom: 10px;
font-size: 16px;
color: #005ad2;
border-bottom: 1px solid #e4e4e4;
font-weight: 600;
}
.g-tit3 span {
font-weight: 400;
color: #999;
text-transform: uppercase;
}
.g-pages {
text-align: center;
margin: 20px 0;
}
.g-pages li {
display: inline-block;
}
.g-pages li a {
display: block;
margin-right: 10px;
padding: 2px 12px;
border: 1px solid #ccc;
background-color: #fff;
text-decoration: none;
color: #808080;
font-size: 12px;
line-height: 24px;
}
.g-pages li.on a, .g-pages li a:hover {
background-color: #005ad2;
border: 1px solid #005ad2;
color: #fff
} .g-cur {
height: 40px;
line-height: 40px;
background: #f3f3f3;
}
.g-cur .wp {
background: url(//www.hbbocheng.com/wp-content/themes/hua187/images/home.png) left center no-repeat;
padding-left: 20px;
box-sizing: border-box;
}
.g-cur .wp a {
color: #2f2f2f;
}
.g-cur .wp a:hover {
color: #005ad2;
}
.row-b1 {
overflow: hidden;
padding: 20px 0 56px;
}
.row-b1 .col-l {
width: 260px;
}
.row-b1 .col-r {
float: none;
overflow: hidden;
margin-left: 300px;
}
.g-titIns1 {
height: 44px;
line-height: 44px;
font-size: 20px;
color: #545454;
border-bottom: 1px solid #ebebeb;
font-weight: normal;
position: relative;
}
.g-titIns1::after {
content: '';
width: 80px;
height: 1px;
background: #005ad2;
position: absolute;
left: 0;
bottom: -1px;
}
.snv {
padding-top: 12px;
margin-bottom: 30px;
}
.snv li {
line-height: 44px;
background: url(//www.hbbocheng.com/wp-content/themes/hua187/images/jiantou-r.png) 6px 18px no-repeat;
text-indent: 20px;
-o-background-size: auto 10px;
-ms-background-size: auto 10px;
-moz-background-size: auto 10px;
-webkit-background-size: auto 10px;
background-size: auto 10px;
}
.snv li a {
display: block;
color: #000;
font-size: 14px;
border-bottom: 1px solid #f2f2f2;
}
.snv>li.on>a {
color: #005ad2;
}
.snv-sub {
padding-bottom: 10px;
display: none;
}
.snv-sub dd {
background: url(//www.hbbocheng.com/wp-content/themes/hua187/images/jiantou-r.png) 12px 18px no-repeat;
text-indent: 26px;
-o-background-size: auto 10px;
-ms-background-size: auto 10px;
-moz-background-size: auto 10px;
-webkit-background-size: auto 10px;
background-size: auto 10px;
}
.snv-sub dd.on a {
color: #005ad2;
}
.m-info {
padding: 15px 0;
}
.m-info p {
height: 34px;
line-height: 34px;
font-size: 14px;
color: #2F2F22;
} .ban {
height: 359px;
-webkit-background-size: cover;
background-size: cover;
overflow: hidden;
background-repeat: no-repeat;
background-position: center center;
} .g-tabel {
overflow: hidden;
color: #5a5a5a;
border-top: 1px dashed #999;
border-bottom: 1px dashed #999;
font-size: 14px;
}
.g-tabel span {
float: left;
height: 42px;
line-height: 42px;
margin-right: 10px;
}
.g-tabel ul {
overflow: hidden;
}
.g-tabel li {
float: left;
}
.g-tabel li a {
display: block;
margin-right: 10px;
height: 42px;
line-height: 42px;
}
.g-tabel li a:hover {
color: #005ad2;
} .m-chanpin {
overflow: hidden;
margin-bottom: 30px;
}
.m-chanpin .desc {
padding: 10px;
margin-top: 20px;
line-height: 26px;
text-indent: 2em;
font-size: 14px;
border: 1px dotted #e5e5e5;
color: #868686;
background-color: #f5f5f5;
}
.ul-imgtxt-01 {
margin: 0 -10px;
*zoom:1;
}
.ul-imgtxt-01:after, .ul-imgtxt-01:before {
display: block;
content: "clear";
height: 0;
clear: both;
overflow: hidden;
visibility: hidden;
}
.ul-imgtxt-01 li {
width: 25%;
float: left;
margin-top: 20px;
}
.ul-imgtxt-01 li a {
margin: 0 10px;
display: block;
text-align: center;
}
.ul-imgtxt-01 li a .pic {
padding-top: 100%;
height: 0;
position: relative;
overflow: hidden;
}
.ul-imgtxt-01 li a .pic img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
transition: 1s;
-webkit-transition: 1s;
-moz-transition: 1s;
-ms-transition: 1s;
-o-transition: 1s;
}
.ul-imgtxt-01 li a:hover .pic img {
transform: scale(1.08);
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
-ms-transform: scale(1.08);
-o-transform: scale(1.08);
}
.ul-imgtxt-01 li a p {
height: 50px;
line-height: 50px;
text-align: center;
font-size: 15px;
color: #666;
font-weight: 400;
transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
-o-transition: .3s;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.ul-imgtxt-01 li a:hover {
text-decoration: none;
}
.ul-imgtxt-01 li a:hover p {
background-color: #005ad2;
color: #fff;
}
.ul-imgtxt2 {
margin-top: 0;
}
.ul-imgtxt2 li .pic {
padding: 4px;
}
.ul-imgtxt2 li a:hover {
border: 0;
} .m-list1 {
overflow: hidden;
padding: 14px 0 25px;
border-bottom: 1px dotted #a9a9a9;
}
.m-pic1 {
float: left;
width: 380px;
}
.m-txt1 {
overflow: hidden;
padding-left: 38px;
}
.m-txt1 .protit {
font-size: 16px;
padding-bottom: 9px;
margin-bottom: 9px;
border-bottom: 1px dotted #a9a9a9;
font-weight: 600;
}
.m-txt1 .txt {
margin-right: 100px;
}
.m-txt1 .txt p {
line-height: 28px;
margin-bottom: 10px;
font-size: 14px;
color: #2f2f2f;
}
.m-txt1 .btn {
display: block;
width: 98px;
height: 32px;
line-height: 32px;
padding-left: 15px;
background-color: #005ad2;
color: #fff;
}
.m-txt1 .btn:hover {
background-color: #444;
}
.m-txt1 .btn span {
display: block;
padding-left: 15px;
background-repeat: no-repeat;
background-position: left center;
background-image: url(//www.hbbocheng.com/wp-content/themes/hua187/images/btn-r.png);
}
.m-txt2 {
margin-top: 12px;
}
.m-txt2 img {
width: 100%;
height: auto!important
}
.m-txt2 p {
font-size: 14px;
line-height: 26px;
margin-bottom: 10px;
}
.ul-pages1 {
overflow: hidden;
margin: 20px 0;
}
.ul-pages1 li {
float: left;
font-size: 14px;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.ul-pages1 li:last-child {
float: right;
}
.ul-pages1 li a {
color: #337AB7;
transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
-o-transition: .3s;
}
.ul-pages1 li a:hover {
color: #005ad2;
}
.m-list3 {
padding-top: 35px;
}
.ul-link2 {
overflow: hidden;
}
.ul-link2 li {
float: left;
padding-top: 20px;
}
.ul-link2 li a {
display: block;
margin-right: 17px;
font-size: 14px;
}
.ul-link2 li a:hover {
color: #005ad2;
} div.zoomDiv {
z-index: 999;
position: absolute;
top: 0;
left: 0;
background: #ffffff;
border: 1px solid #ddd;
display: none;
text-align: center;
overflow: hidden;
font-size: 0;
}
div.zoomMask {
position: absolute;
background: url(//www.hbbocheng.com/wp-content/themes/hua187/images/mask.png) repeat scroll 0 0 transparent;
cursor: move;
z-index: 1;
}
.style-showcase {
margin-bottom: 30px;
}
.style-showcase-pic {
position: relative;
width: 100%;
overflow: hidden;
float: left;
}
.style-showcase-pic .bd {
font-size: 0;
margin-top: 13px;
overflow: hidden;
}
.style-showcase-pic .bd li {
height: 75px;
line-height: 75px;
cursor: pointer;
display: inline-block;
width: 99px;
border: 1px solid #ddd;
padding: 1px;
margin: 0 5px;
}
.style-showcase-pic .bd li.active {
border-color: #c80003;
}
.style-showcase-pic .prev, .style-showcase-pic .next {
position: absolute;
background: no-repeat 0 0;
width: 14px;
height: 27px;
bottom: 26px;
z-index: 2;
}
.style-showcase-pic .prev {
background-image: url(//www.hbbocheng.com/wp-content/themes/hua187/images/zlztdetailscon1btn01.png);
left: 0;
}
.style-showcase-pic .next {
background-image: url(//www.hbbocheng.com/wp-content/themes/hua187/images/zlztdetailscon1btn02.png);
right: 0;
}
.style-showcase-pic .prev:hover, .style-showcase-pic .next:hover {
background-position: 0 bottom;
}
.style-showcase-pic .cover {
height: 300px;
line-height: 300px;
border: 1px solid #ddd;
padding: 1px;
}
.style-showcase-pic .cover a {
display: block;
width: 100%;
height: 100%;
}
.style-showcase-info {
float: right;
width: 500px;
}
.style-showcase-info h1 {
margin: 0 0 15px;
font-size: 20px;
overflow: hidden;
font-weight: normal;
border-bottom: 1px solid #ddd;
padding-bottom: 15px;
}
.style-showcase-info p {
margin: 0;
color: #666;
line-height: 2;
}
.style-showcase-info .tel {
border-top: 2px solid #e6e6e6;
margin-top: 15px;
padding-top: 15px;
background: url(//www.hbbocheng.com/wp-content/themes/hua187/images/viskins-p1.png) no-repeat 0 15px;
height: 42px;
padding-left: 50px;
line-height: 21px;
}
.style-showcase-info .tel a {
float: right;
line-height: 42px;
padding: 0 15px;
background-color: #c80003;
color: #fff;
}
.style-showcase-info .tel span {
display: block;
color: #c80003;
font-size: 18px;
}
div.zoomDiv {
z-index: 999;
position: absolute;
top: 0;
left: 0;
background: #ffffff;
border: 1px solid #ddd;
display: none;
text-align: center;
overflow: hidden;
font-size: 0;
}
div.zoomDiv img {
max-width: none;
}
div.zoomMask {
position: absolute;
background: url(//www.hbbocheng.com/wp-content/themes/hua187/images/mask.png) repeat scroll 0 0 transparent;
cursor: move;
z-index: 1;
}
.img-center {
text-align: center;
font-size: 0;
}
.img-center img {
display: inline-block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
.m_pic_showpic {
display: none;
}
.m_showpic img {
display: block;
max-width: 100%;
} .pc-slide {
width: 100%;
margin: 0 auto;
}
.m-pic1 .view .swiper-slide {
padding: 0 2px;
}
.view .swiper-slide .imgauto {
width: 100%;
height: 350px;
line-height: 350px;
}
.view .swiper-container {
width: 100%;
}
.preview {
width: 100%;
margin-top: 10px;
position: relative;
}
.preview .swiper-container {
margin: 0 10%;
}
.preview .swiper-slide { width: 101px;
padding: 5px;
}
.preview .swiper-slide .imgauto {
width: 100%;
height: 80px;
line-height: 78px;
border: 1px solid #ddd;
text-align: center;
font-size: 0;
cursor: pointer;
}
.preview .swiper-slide .imgauto img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
padding: 5px;
}
.preview .slide6 {
width: 82px;
}
.preview .arrow-left {
background: url(//www.hbbocheng.com/wp-content/themes/hua187/images/feel3.png) no-repeat left top;
position: absolute;
left: 10px;
top: 50%;
margin-top: -9px;
width: 9px;
height: 18px;
z-index: 10;
}
.preview .arrow-right {
background: url(//www.hbbocheng.com/wp-content/themes/hua187/images/feel4.png) no-repeat left bottom;
position: absolute;
right: 10px;
top: 50%;
margin-top: -9px;
width: 9px;
height: 18px;
z-index: 10;
}
.preview img {
padding: 1px;
}
.preview .active-nav .imgauto {
border: 1px solid #005ad2;
}
.clearfix {
*zoom: 1;
}
.clearfix:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.work_list {
width: 100%;
padding-top: 12px;
margin-bottom: 20px;
}
.work_list .tit {
line-height: 44px;
background: url(//www.hbbocheng.com/wp-content/themes/hua187/images/jiantou-r.png) left center no-repeat;
text-indent: 20px;
background-size: auto 10px;
border-bottom: 1px solid #f2f2f2;
width: 100%;
float: left;
}
.work_list .tit a {
float: left;
line-height: 44px;
color: #666;
font-size: 14px;
text-indent: 0;
padding-left: 15px;
font-weight: normal
}
.work_list .tit.on a {
color: #005ad2;
}
.work_list .tit span {
float: left;
}
.work_list ul {
display: none;
float: left;
width: 100%;
}
.work_list li {
background: url(//www.hbbocheng.com/wp-content/themes/hua187/images/jiantou-r.png) 18px 15px no-repeat;
text-indent: 26px;
display: block;
border-bottom: 1px solid #f2f2f2;
width: 100%;
line-height: 42px;
background-size: 5px;
}
.work_list li a {
display: block;
color: #666;
font-size: 14px;
text-indent: 0;
padding-left: 30px;
}
.work_list li.on a {
color: #005ad2;
} .m-content .txt {
padding: 15px 0;
line-height: 28px;
color: #2F2F2F;
font-size: 14px;
} .ul-newslist {
overflow: hidden;
margin-bottom: 30px;
}
.ul-newslist li {
font-size: 14px;
padding: 20px 0;
border-bottom: #dddddd 1px dotted;
}
.ul-newslist li a {
display: block;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.ul-newslist li .tit {
overflow: hidden;
margin-bottom: 20px;
height: 30px;
line-height: 30px;
}
.ul-newslist li .tit .time {
float: right;
font-size: 14px;
margin-left: 10px;
}
.ul-news1 li .tit .time {
font-size: 12px;
}
.ul-newslist li .tit a {
display: block;
font-size: 16px;
background: url(//www.hbbocheng.com/wp-content/themes/hua187/images/news-r.png) left center no-repeat;
padding-left: 14px;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.ul-newslist li a:hover {
color: #005ad2;
}
.ul-newslist li .txt p {
font-size: 14px;
line-height: 24px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
} .m-news1 {
padding-top: 20px;
}
.m-news1 h1 {
line-height: 34px;
color: #434343;
margin-bottom: 15px;
text-align: center;
font-size: 24px;
}
.m-news1 .desc {
text-align: center;
}
.m-news1 .desc span {
display: inline-block;
font-size: 14px;
margin: 0 10px;
}
.m-news1 .txt {
padding: 15px 0;
line-height: 28px;
color: #2F2F2F;
font-size: 14px;
}
.m-news1 .txt img {
width: 100%;
height: auto!important
}
.m-txt3 {
margin-top: 10px;
}
.m-txt3 .link {
padding-left: 20px;
margin-bottom: 15px;
height: 36px;
line-height: 36px;
color: #868686;
font-size: 14px;
background-color: #f5f5f5;
border: 1px dotted #e5e5e5;
}
.m-txt3 .link a {
color: #868686;
}
.m-txt3 .link a:hover {
color: #005ad2;
}
.ul-news1 li {
float: left;
width: 50%;
}
.ul-news1 li a {
font-weight: 400;
}
.ul-news1 li .tit {
margin: 0 10px;
} #message .m-content .m-message {
width: 90%;
padding: 20px;
}
#message .m-content {
margin-top: 1rem;
}
.m-message label.code span {
float: left;
}
.m-message label.code input {
float: left;
}
.m-message label.code img {
float: left;
}
#message {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 20000;
transform: scale(0);
transition: .3s;
}
.messagebg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.6);
z-index: 10000;
}
#message .m-content {
margin-top: 10%;
}
#message .m-content .m-message {
background: #fff;
width: 580px;
background: #fff;
padding: 50px;
margin: 0 auto;
position: relative;
z-index: 20000;
box-shadow: 1px 1px 50px rgba(0,0,0,.3);
}
.m-message {
width: 494px;
margin: 48px auto 0;
}
.m-message label {
margin-bottom: 15px;
display: block;
font-size: 14px;
}
.m-message label em {
display: block;
float: right;
color: red;
height: 32px;
line-height: 32px;
}
.m-message label span {
width: 70px;
height: 34px;
line-height: 34px;
color: #2F2F2F;
float:left;
font-weight: bold;
text-align: right;
margin-right: 30px;
display: inline-block;
}
.m-message label input.inp, .m-message label textarea, .m-message label.code input {
width: 77%;
overflow: hidden;
height: 32px;
line-height: 32px;
border: #cccccc 1px solid;
border-radius: 3px;
padding: 0 14px;
box-sizing: border-box;
color: #555;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.m-message label input:focus, .m-message label textarea:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);
}
.m-message label textarea {
height: 72px;
line-height: 24px;
padding: 10px 14px;
}
.m-message label.code {
line-height: 34px;
}
.m-message label.code input {
width: 30%;
float: left;
margin-right: 30px;
}
.m-message label.code .pic {
display: inline-block;
vertical-align: top;
width: 80px;
height: 32px;
}
.m-message label.code img {
display: block;
width: 100%;
height: 100%;
}
.btn-1 input {
width: 52px;
height: 32px;
line-height: 32px;
background: #e8e8e8;
border: none;
color: #333;
margin-right: 22px;
cursor: pointer;
transition: 0.3s;
}
.btn-1 {
padding-left: 100px;
}
.btn-1 input.focus {
background: #0d62be;
color: #fff;
}
.btn-1 input.focus:hover {
background: #444;
}
.btn-1 input:hover {
background: #ccc;
} .m-list2 {
margin-top: 30px;
padding: 26px 10px 10px;
border: 1px solid #ddd;
background-color: #f0f0f0;
}
.m-list2 .con {
margin-bottom: 10px;
padding: 15px;
background-color: #fff;
border: 1px solid #ddd;
}
.m-list2 .box {
padding: 26px 20px;
background-color: #fff;
border: 1px solid #ddd;
}
.m-list2 .con .pic {
height: 450px;
line-height: 450px;
overflow: hidden;
text-align: center;
}
.m-list2 .con .pic img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
}
.m-list2 .box .txt {
font-size: 14px;
line-height: 26px;
margin-bottom: 10px;
}
.m-list2 .box .txt img {
width: 100%;
height: auto!important
}
.m-list2 .box .txt .tit {
margin-bottom: 30px;
font-size: 22px;
color: #005ad2;
font-weight: 600;
}
.ul-txt-01 {
overflow: hidden;
padding-left: 23px;
background: url(//www.hbbocheng.com/wp-content/themes/hua187/images/source.gif) left center no-repeat;
}
.ul-txt-01 li {
float: left;
margin-right: 4px;
font-size: 14px;
color: #505050;
font-family: 'microsoft yahei', Verdana, Arial;
}
.ul-txt-01 li a {
font-size: 12px;
}
.ul-txt-01 li a:hover {
color: #005ad2;
}
.dates li {
font-size: 14px;
margin: 20px 0
}
.dates li span {
float: right
}
.pagebar { padding:20px; overflow:hidden}
.pagebar .pagination {
display: flex;
justify-content: center;
margin-top: 10px;
}
.pagination a {
background: #fff;
border: 1px solid #ccc;
color: #333;
font-size: 12px;
padding: 7px 8px;
margin: 0 2px;
border-radius: 3px;
}
.pagination span {
color: #333;
font-size: 12px;
padding: 7px 2px;
margin: 0 2px;
border-radius: 3px;
}
.pagination a:hover {
color: #ccc;
border: 1px solid #ccc;
}
.pagination a.current {
color: #fff;
background: #ccc;
border: 1px solid #ccc;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}
#maximg img{ max-width:100% !important; height:auto !important} .blog-item {
padding: 23px 23px 5px;
transition: 0.7s;
margin-bottom: 30px;
background: #FFFFFF;
box-shadow: -14.14px 14px 92px #E0E0E059;
text-align: center;
}
.blog-item .blog-image {
margin-bottom: 15px;
}
.blog-item .blog-image img{object-fit: cover;height: 180px;}
.blog-item .blog-content h5 {
line-height: 1.45;
margin-bottom: 8px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
color: #3A3064;
transition: 0.7s;
}
.blog-item .blog-content h5 a {
color: #3A3064;
transition: 0.7s;
}
.blog-item .blog-content p{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.error-content {padding:0px 70px 60px 0px;background-color:#fff;border-radius:10px;}
.error-content h1 {margin: 0.5em 0;font-size:80px;color:#f12f3f;margin-bottom:25px;font-weight:800;line-height:80px;}
.error-content h2 {font-size:20px;margin-bottom:10px;color:#081828;font-weight:700;line-height:35px;}
.error-content p {font-weight:400;margin-bottom:40px;color:#888;}
.error-content .theme-btn{z-index:1;color:#FFFFFF;cursor:pointer;min-width:150px;transition:0.7s;text-align:center;padding:12px 30px;position:relative;border-radius:25px;background:#305DC3;display:inline-block;}@media only screen and (max-width: 1530px) {
.ul-imgtxt05 {
padding: 0;
}
} @media only screen and (max-width: 1499px) {
} @media only screen and (max-width: 1365px) {
.wp {
width: 97%;
}
} @media only screen and (max-width: 1199px) {
.wp {
width: 95%;
}
.kf {
display: none;
} .hd-bottom .logo {
height: 80px;
line-height: 80px;
}
.style-nav li > a {
padding: 0 20px;
height: 80px;
line-height: 80px;
}
.style-nav li > a:after {
height: 30px;
margin-top: -15px;
}
.style-nav li dl {
margin: 0 -25px;
} .row-a2 {
padding: 40px 0;
}
.g-tit01 .tit {
font-size: 32px;
}
.m-list01 {
padding: 60px 0 30px;
}
.ul-imgtxt02 li {
margin-bottom: 31px;
}
.m-list02 {
padding: 40px 0;
}
.row-a5 {
padding: 40px 0;
}
.g-txt01 .tit .hd {
font-size: 18px;
}
.g-txt01 .tit span {
font-size: 16px;
}
.m-so .inp {
width: 400px;
}
.ul-imgtxt05 {
top: -10px;
}
.ul-imgtxt05 li {
padding: 50px 30px;
}
.ul-imgtxt05 li .txt {
padding-left: 15px;
}
.row-a7 {
padding: 40px 0;
}
.m-list06 {
padding: 15px;
}
.m-news02 .box .txt p {
margin-right: 20px;
}  .h50 {
display: block;
}
.style-link {
display: block;
} .m-news1 .box h1 {
font-size: 22px;
}
.m-pic1 {
width: 300px;
}
.view .swiper-slide .imgauto {
height: 300px;
line-height: 300px;
}
.m-txt1 .txt {
margin-right: 0;
}
.preview .swiper-slide {
width: 120px;
}
.ul-imgtxt-01 li {
width: 33.33%;
}
} @media only screen and (max-width: 959px) {
body {
padding-top: 50px;
} .hd-top {
display: none;
}
.style-header {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 9999;
background-color: #fff;
box-shadow: 0 5px 10px rgba(0,0,0,.05);
}
.hd-bottom .logo {
height: 50px;
line-height: 50px;
}
.hd-bottom .logo img {
max-width: 80%;
max-height: 35px;
}
.menuBtn {
display: block;
}
.style-nav {
position: fixed;
top: 50px;
left: 0;
right: 0;
width: 100%;
height: 100%;
float: none;
background-color: #005ad2;
display: none;
}
.style-nav > li {
float: none;
}
.style-nav > li > a {
height: 44px;
line-height: 44px;
color: #fff;
border-bottom: 1px solid #fff;
text-align: left;
transition: .0s;
-ms-transition: .0s;
-moz-transition: .0s;
-webkit-transition: .0s;
-o-transition: .0s;
margin-right: 0;
}
.style-nav li > a:after {
display: none;
}
.style-nav > li > a.v1 {
background-repeat: no-repeat;
background-position: 95% center;
background-image: url(//www.hbbocheng.com/wp-content/themes/hua187/images/sj-nav5.png);
-o-background-size: auto 8px;
-ms-background-size: auto 8px;
-moz-background-size: auto 8px;
-webkit-background-size: auto 8px;
background-size: auto 8px;
}
.style-nav > li > a.v1.on {
background-image: url(//www.hbbocheng.com/wp-content/themes/hua187/images/sj-nav6.png);
}
.style-nav > li.ok > a,  .style-nav > li:hover > a {
color: #fff;
}
.style-nav li dl {
position: static;
margin: 0;
padding-top: 0;
}
.style-nav li:hover dl {
display: none;
}
.style-nav li dl:after {
display: none;
}
.style-nav li dl dd a {
text-align: left;
padding: 0 30px;
height: 36px;
line-height: 36px;
font-size: 14px;
color: #fff;
background-color: #005ad2;
}
.style-nav dl dd:first-child a {
border-radius: 0;
}
.style-nav dl dd:last-child a {
border-radius: 0;
}
.style-nav li dl dd a:hover {
color: #fff;
background-color: transparent;
border-bottom: 1px solid #ccc;
} .swiper-pagination {
display: none;
}
.m-txt01 .txt .tit {
font-size: 18px;
}
.m-txt01 .txt p {
font-size: 12px;
}
.m-txt01 .tel {
padding-left: 40px;
font-size: 28px;
-o-background-size: auto 34px;
-ms-background-size: auto 34px;
-moz-background-size: auto 34px;
-webkit-background-size: auto 34px;
background-size: auto 34px;
}
.ul-txt01 li .txt a.tit {
font-size: 16px;
}
.ul-txt01 li .txt a.desc {
font-size: 12px;
}
.row-a2 {
padding: 25px 0;
}
.ul-imgtxt01 {
margin: 0 -9px;
}
.ul-imgtxt01 li {
margin-bottom: 18px;
}
.ul-imgtxt01 li a {
margin: 0 9px;
}
.row-a3 .g-tit01 {
padding: 30px 0;
}
.g-tit01 .tit {
font-size: 28px;
}
.g-tit01 p {
font-size: 18px;
}
.ul-imgtxt02 {
width: 59%;
}
.ul-imgtxt02 li .txt {
padding-left: 20px;
}
.m-list02 {
padding: 25px 0;
}
.ul-imgtxt03 {
padding-bottom: 25px;
}
.ul-imgtxt03 li {
width: 50%;
}
.g-txt01 {
padding: 0 25px;
}
.g-txt01 .con {
padding: 28px 0;
}
.g-txt01 .tit {
padding: 18px 0;
}
.row-a5 {
padding: 25px 0;
}
.m-list04 {
padding: 37px 0;
}
.m-so .inp {
width: 300px;
}
.ul-imgtxt05 {
border-bottom: 0;
top: 0;
}
.ul-imgtxt05 li {
width: 50%;
border-bottom: 1px solid #e3e3e3;
}
.row-a7 {
padding: 25px 0;
}
.m-list06 {
margin-bottom: 15px;
}
.g-tit03 .tit {
font-size: 18px;
}
.m-news01 .txt .tit {
font-size: 16px;
}
.m-news02 {
padding: 18px 0 0 0;
}
.ul-txt02 {
margin-top: 15px;
}
.ul-txt02 {
height: 180px;
}
.ul-txt02 li {
padding: 10px 0;
}
.m-news02 .box .txt {
padding-left: 12px;
}
.m-news02 .box .time span {
font-size: 18px;
}
.m-news02 .box .txt .tit {
font-size: 16px;
}
.m-list05 {
padding: 40px 15px;
} .fd-nav {
padding-top: 0;
}
.fd-qr li {
margin-right: 15px;
}
.fd-txt {
padding-left: 15px;
}
.ul-imgtxt02 li .txt .tit {
font-size: 18px;
}
.ul-imgtxt03 li .txt .tit {
font-size: 18px;
} .m-link1 .item:first-child {
margin-bottom: 10px;
} .ban {
height: 300px;
}
.row-b1 .col-l {
float: none;
width: auto;
}
.row-b1 .col-r {
margin-left: 0;
}
.g-titIns1 {
font-size: 18px;
}
.snv {
margin-bottom: 15px;
}
.ul-news1 {
margin-bottom: 15px;
}
.ul-newslist {
display: none;
}
.m-info {
display: none;
}
.dbn {
display: none;
}
.m-news1 .box h1 {
font-size: 18px;
}
.m-txt3 {
display: none;
}
.g-tabel {
display: none;
}
.m-message {
margin: 20px auto 0;
}
} @media only screen and (max-width: 767px) { .swiper-container .swiper-wrapper .swiper-slide .con {
padding-top: 50%;
}
.m-txt01 {
background-color: #005ad2;
background-image: none !important;
}
.m-txt01 .txt {
float: none;
text-align: center;
}
.m-txt01 .tel {
display: none;
}
.ul-txt01 {
background-color: #005ad2;
border-left: 0;
text-align: center;
font-size: 0;
overflow-x: auto;
white-space: nowrap;
margin: 20px auto 0;
}
.ul-txt01::-webkit-scrollbar {
height: 4px; }
.ul-txt01::-webkit-scrollbar-track {
border-radius: 3px; background-color: #fff; }
.ul-txt01::-webkit-scrollbar-thumb {
border-radius: 3px; background-color: #aeaeae; }
.ul-txt01 li {
display: inline-block;
float: none;
width: 160px;
}
.ul-txt01 li .txt {
border-right: 0;
padding: 0;
}
.ul-txt01 li .txt a.tit {
height: 48px;
line-height: 48px;
color: #fff;
font-size: 14px;
}
.ul-txt01 li .txt a.desc {
display: none;
}
.ul-txt01 li.on .txt1, .ul-txt01 li:hover .txt1 {
display: none;
}
.ul-imgtxt01 li {
width: 50%;
}
.ul-imgtxt01 li:hover .pic {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ul-imgtxt01 li:hover .tit {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ul-imgtxt01 li:hover .more {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.g-tit01 .tit {
font-size: 24px;
}
.g-tit01 .tit span {
display: block;
margin: 5px 0;
}
.m-list02 .g-tit01 span {
display: inline-block;
}
.g-tit01 p {
font-size: 16px;
}
.ul-imgtxt02 {
width: auto;
float: none;
}
.ul-imgtxt02 li {
position: relative;
padding-left: 80px;
}
.ul-imgtxt02 li .pic {
position: absolute;
top: 50%;
left: 0;
margin-top: -40px;
width: 80px;
height: 80px;
}
.m-list01 {
padding: 30px 0 15px;
background-position: center right;
}
.m-list02 .btn {
display: none;
}
.ul-imgtxt03 {
padding-bottom: 0;
margin: 0;
}
.ul-imgtxt03 li {
width: auto;
float: none;
background: url(//www.hbbocheng.com/wp-content/themes/hua187/images/icon18.png) 50% 100% no-repeat;
}
.ul-imgtxt03 li .con {
margin: 0;
background-color: #ff7f27;
padding: 15px 0;
}
.ul-imgtxt03 li .txt p {
margin-bottom: 0;
}
.ul-imgtxt04 {
padding: 25px 0;
}
.ul-imgtxt04 li {
width: 50%;
margin-bottom: 10px;
}
.ul-imgtxt04 li .pic {
float: none;
margin: 0 auto;
}
.ul-imgtxt04 li .tit {
text-align: center;
padding-left: 0;
height: 50px;
line-height: 50px;
}
.row-a5 .col-l,  .row-a5 .col-r {
float: none;
width: auto;
}
.g-txt01 {
padding: 0 15px;
}
.g-txt01 .con {
padding: 15px 0;
}
.m-list04 .g-tit01 {
float: none;
text-align: center;
}
.m-so {
float: none;
}
.m-so .inp {
width: 85%;
}
.m-so .sub {
width: 15%;
}
.ul-imgtxt05 li {
float: none;
width: auto;
border: 0;
padding: 15px;
}
.ul-imgtxt05 li .pic {
width: 25%;
text-align: center;
}
.ul-imgtxt05 li .pic img {
display: inline-block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.ul-imgtxt05 li .txt {
padding-left: 0;
}
.row-a7 .col-l,  .row-a7 .col-r {
float: none;
width: auto;
}
.m-list05 {
padding: 15px;
margin-bottom: 20px;
}
.m-news01 .txt p {
margin-top: 15px;
}
.m-news02 .box .time {
float: none;
width: auto;
margin-bottom: 10px;
}
.m-news02 .box .time em {
display: none;
}
.m-news02 .box .txt {
padding-left: 0;
}
.m-news02 .box .txt p {
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
margin-right: 20px;
}
.ul-txt02 {
height: 218px;
}
.row-a2 {
padding: 10px 0 0 0;
}
.row-a3 .g-tit01 {
padding: 20px 0;
}
.m-list02 {
padding: 15px 0;
}
.m-list02 .g-tit01 {
padding: 10px 0;
}
.g-txt01 .tit {
padding: 10px 0;
}
.row-a7 {
padding: 15px 0;
}
.m-news01 {
padding-top: 18px;
}
.m-news02 .box .time span {
display: inline-block;
}
.m-news02 .box .time .span1 {
display: none;
}
.m-news02 .box .time .span2 {
display: block;
} .fd-nav {
display: none;
}
.fd-info {
display: none;
}
.copy {
background-color: #333;
line-height: normal;
padding: 15px 0;
text-align: center;
}
.copy p {
float: none;
}
.copy a {
display: none;
} .ban {
display: none;
}
.g-cur {
height: 30px;
line-height: 30px;
}
.row-b1 {
padding: 20px 0 36px
}
.row-b1 .col-l {
display: none;
}
.ul-imgtxt-01 li {
width: 50%;
}
.ul-imgtxt-01 li:last-child {
}
.ul-imgtxt2 li:last-child {
display: block;
}
.ul-imgtxt-01 li a p {
height: 30px;
line-height: 30px;
font-size: 14px;
}
.m-news1 .box h1 {
font-size: 16px;
}
.ul-news1 li {
float: none;
width: auto;
}
.ul-news1 li .tit {
margin: 0 !important;
}
.ul-newslist li .txt p {
font-size: 12px;
line-height: normal;
}
.m-message label span {
float: none;
margin-right: 15px;
}
.m-message label.code input {
float: none;
}
.m-message label.mes span {
position: relative;
top: -55px;
z-index: 3;
}
.m-message label.code input {
width: 30%!important;
margin-right: 10px;
}
.m-pic1 {
float: none;
width: auto;
margin: 10px 0;
overflow: hidden;
}
.m-pic1-for .item {
height: auto;
}
.m-txt1 {
padding-left: 0;
margin-top: 20px;
}
.ul-pages1 {
margin-bottom: 10px;
}
.btn-1 {
padding-left: 90px;
}
.preview .swiper-slide {
width: 25%;
}
.ul-pages1 li {
float: none !important;
margin-bottom: 10px;
}
.m-list2 .box .txt .tit {
font-size: 18px;
margin-bottom: 15px;
}
}
@media only screen and (max-width: 600px) {
.m-box01 .wp {
width: auto;
}
} @media only screen and (max-width: 479px) { .m-txt01 {
padding: 15px 0;
}
.ul-imgtxt01 {
margin: 0 -5px;
}
.ul-imgtxt01 li {
margin-bottom: 10px;
}
.ul-imgtxt01 li a {
margin: 0 5px;
padding-bottom: 10px;
}
.ul-imgtxt01 li .tit {
padding-top: 10px;
font-size: 14px;
}
.g-tit01 .tit {
font-size: 20px;
}
.g-tit01 p {
font-size: 14px;
}
.m-tit01 {
font-size: 18px;
}  .row-b1 {
padding: 10px 0 16px
}
.m-chanpin {
margin-bottom: 15px;
}
.ul-imgtxt-01 {
margin: 0 -5px;
}
.ul-imgtxt-01 li {
margin-top: 10px;
}
.ul-imgtxt-01 li a {
margin: 0 5px;
}
.m-list3 {
padding: 10px 0;
}
.m-content .txt {
line-height: 24px;
}
.m-news1 .txt {
line-height: 24px;
}
.ul-newslist li {
padding: 15px 0;
}
.ul-newslist li .tit {
margin-bottom: 15px;
}
.ul-newslist li .tit .time {
font-size: 12px;
}
.ul-newslist li .tit a {
font-size: 14px;
}
#message .m-content .m-message {
width: 90%;
padding: 20px;
overflow-y: auto;
}
.m-message {
margin: 10px auto 0;
}
.m-message label input.inp,  .m-message label textarea,  .m-message label.code input {
width: 66%;
}
.m-message label {
margin-bottom: 10px;
}
.m-txt1 .txt {
padding-bottom: 10px;
}
.m-txt1 .txt p {
margin-bottom: 0;
}
.ul-txt3 li {
margin: 0;
}
.m-list2 {
margin-top: 15px;
padding-top: 13px;
}
.m-list2 .con .pic {
height: auto;
line-height: normal;
}
.m-list2 .con .txt .tit {
margin-bottom: 15px;
font-size: 18px;
}
.m-news1 .box .desc span {
margin: 0;
}
.preview .swiper-slide {
width: 33.33%;
}
}