body {
overflow-x: hidden;
}
html,
body,
div,
span,
applet,
object,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
font-weight: normal;
vertical-align: baseline;
font-family: '微软雅黑';
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
ol,
ul,
li {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th,
td {
vertical-align: middle;
}
/* custom */
a {
outline: none;
color: #333;
text-decoration: none;
-webkit-backface-visibility: hidden;
}
a:focus {
outline: none;
}
input:focus,
select:focus,
textarea:focus {
outline: -webkit-focus-ring-color auto 0;
}
.clearfix {
zoom: 1
}
.clearfix:after {
display: block;
height: 0;
content: "";
clear: both;
visibility: hidden;
}
.fl {
float: left !important;
}
.fr {
float: right !important;
}
.block {
display: block !important;
}
.inline-block {
display: inline-block !important;
}
.vertical-middle {
vertical-align: middle !important;
}
.overflow-hidden {
overflow: hidden;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.w1200 {
width: 1200px;
margin: 0 auto;
position: relative;
}
.bg {
background-repeat: repeat;
}
.bg-white {
background: #fff !important;
}
.color-them {
color: #0a8511 !important;
}
.color-white {
color: #fff !important;
}
.bg-them {
background-color: #0a8511 !important;
}
.bg-gray {
background-color: #575757;
}
.common-title {
text-align: center;
margin: 0 auto;
padding-top: 50px;
padding-bottom: 50px;
position: relative;
}
.common-title .text-e {
font-size: 40px;
line-height: 1;
color: rgba(10, 133, 17, 0.1);
font-weight: 700;
}
.common-title .text-c {
margin-top: -17px;
}
.common-title .text-c .icon {
display: inline-block;
width: 29px;
height: 25px;
background-image: url('../images/common-title-icon.png');
background-size: 100% 100%;
background-repeat: no-repeat;
margin-right: 30px;
vertical-align: middle;
}
.common-title .text-c span {
display: inline-block;
font-size: 30px;
line-height: 1;
color: #0a8511;
font-weight: 700;
vertical-align: middle;
}
.header-container {
height: 130px;
background: #fff;
}
.header-container .header-left {
margin-top: 15px;
width: 460px;
}
.header-container .header-right {
margin-top: 25px;
width: 740px;
}
.header-container .header-right .tel-icon {
width: 66px;
height: 66px;
background-image: url('../images/icon-tel.png');
background-repeat: no-repeat;
background-position: center center;
margin-right: 20px;
}
.header-container .header-right .text-top {
font-size: 22px;
color: #000;
}
.header-container .header-right .text-bottom {
font-size: 30px;
color: #f18000;
font-weight: 700;
margin-top: 5px;
}
.nav-container {
background: #0a8511;
}
.nav-container ul li {
float: left;
width: 14.285%;
text-align: center;
height: 50px;
line-height: 50px;
}
.nav-container ul li a {
color: #fff;
display: block;
height: 100%;
font-size: 16px;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
position: relative;
}
/* .nav-container ul li a.active,
.nav-container ul li a:hover {
background: #f18000;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
} */
.banner-container {
overflow: hidden;
position: relative;
border-bottom: 1px solid #0a8511;
}
.banner-container .swiper-wrapper .swiper-slide {
height: 600px;
}
.banner-container .swiper-wrapper .swiper-slide .banner-inner {
height: 100%;
text-align: center;
}
.banner-container .swiper-wrapper .swiper-slide .banner01-inner01 {
background-image: url('../images/banner01-inner01.png');
background-repeat: no-repeat;
background-size: 100% 100%;
width: 487px;
height: 389px;
position: absolute;
top: 100px;
left: 130px;
}
.banner-container .swiper-wrapper .swiper-slide .banner02-inner01 {
/* position: absolute;
top: 45px;
left: 30px; */
max-height: calc(100% - 90px);
max-width: calc(100% - 60px);
margin: 45px 30px;
}
.banner-container .swiper-wrapper .swiper-slide .banner03-inner01 {
/* position: absolute;
top: 50px;
left: 0; */
max-height: calc(100% - 100px);
max-width: 100%;
margin: 50px 0;
}
.banner-container .swiper-wrapper .swiper-slide .banner01-inner02 {
position: absolute;
top: 120px;
right: 0;
}
.banner-container .swiper-wrapper .swiper-slide a {
display: block;
height: 600px;
}
.banner-bullet-active {
background: #0a8511;
opacity: 1;
}
.banner-bullet-active {
background: #0a8511;
opacity: 1;
}
@media screen and (max-width:1440px) {
.banner-container .swiper-wrapper .swiper-slide {
height: 450px;
}
.banner-container .swiper-wrapper .swiper-slide .banner01-inner01 {
background-image: url('../images/banner01-inner01.png');
background-repeat: no-repeat;
background-size: 100% 100%;
width: 400px;
height: 300px;
position: absolute;
top: 100px;
left: 200px;
}
.banner-container .swiper-wrapper .swiper-slide a {
display: block;
height: 450px;
}
}
.swiper-button-next,
.swiper-button-prev {
color: #0a8511;
}
.yyxn-container {
height: 2507px;
background-image: url('../images/bg.jpg');
background-repeat: no-repeat;
background-size: 100% 100%;
}
.yuanyin-container .text-list .item {
float: left;
width: 280px;
height: 238px;
border: 2px solid #0a8511;
border-radius: 10px;
margin-right: 26px;
padding: 20px 25px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
.yuanyin-container .text-list .item:last-child {
margin-right: 0;
}
.yuanyin-container .text-list .item h6 {
height: 34px;
line-height: 34px;
color: #fff;
font-size: 20px;
background-color: #0a8511;
border-radius: 17px;
}
.yuanyin-container .text-list .item .icon {
width: 21px;
height: 18px;
background-image: url('../images/common-title-icon.png');
background-size: 100% 100%;
background-repeat: no-repeat;
margin: 10px auto;
}
.yuanyin-container .text-list .item ul li {
height: 34px;
line-height: 34px;
color: #fff;
font-size: 20px;
background-color: #0a8511;
border-radius: 17px;
margin-bottom: 10px;
}
.yuanyin-container .img-list {
margin-top: 35px;
}
.yuanyin-container .img-list .item {
height: 300px;
position: relative;
margin-bottom: 20px;
}
.yuanyin-container .img-list .item .img-box {
background-color: #d0e5d1;
border-radius: 10px;
position: absolute;
width: 950px;
height: 100%;
}
.yuanyin-container .img-list .item .imgbox {
position: absolute;
}
.yuanyin-container .img-list .item01 .imgbox01 {
top: 20px;
left: 26px;
}
.yuanyin-container .img-list .item01 .imgbox02 {
top: 20px;
left: 286px;
}
.yuanyin-container .img-list .item01 .imgbox03 {
top: 157px;
left: 286px;
}
.yuanyin-container .img-list .item01 .imgbox04 {
top: 20px;
left: 537px;
}
.yuanyin-container .img-list .item .desc-box {
width: 380px;
height: 200px;
border-radius: 10px;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
position: absolute;
top: 50px;
background-color: #fff;
padding: 35px 45px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.yuanyin-container .img-list .item .desc-box h6 {
font-size: 26px;
color: #0a8511;
line-height: 1;
margin-bottom: 24px;
}
.yuanyin-container .img-list .item01 .desc-box {
right: 0;
}
.yuanyin-container .img-list .item01 .desc-box ul li {
float: left;
width: 50%;
margin-bottom: 30px;
}
.yuanyin-container .img-list .item01 .desc-box ul li .icon {
display: inline-block;
width: 13px;
height: 13px;
border-radius: 2px;
background-color: #0a8511;
margin-right: 20px;
}
.yuanyin-container .img-list .item .desc-box ul li span {
font-size: 18px;
}
.yuanyin-container .img-list .item02 .img-box {
right: 0;
}
.yuanyin-container .img-list .item02 .imgbox01 {
top: 20px;
left: 173px;
}
.yuanyin-container .img-list .item02 .imgbox02 {
top: 20px;
left: 556px;
}
.yuanyin-container .img-list .item02 .imgbox03 {
top: 170px;
left: 173px;
}
.yuanyin-container .img-list .item02 .imgbox04 {
top: 170px;
left: 427px;
}
.yuanyin-container .img-list .item02 .imgbox05 {
top: 170px;
left: 680px;
}
.yuanyin-container .img-list .item02 .desc-box ul li {
margin-bottom: 15px;
}
.yuanyin-container .img-list .item03 .imgbox01 {
top: 25px;
left: 37px;
}
.yuanyin-container .img-list .item03 .imgbox02 {
top: 122px;
left: 321px;
}
.yuanyin-container .img-list .item03 .imgbox03 {
top: 25px;
left: 417px;
}
.yuanyin-container .img-list .item03 .desc-box ul li {
line-height: 36px;
}
.yuanyin-container .img-list .item03 .desc-box {
right: 0;
}
.yuanyin-container .img-list .item04 .img-box {
right: 0;
}
.yuanyin-container .img-list .item04 .img-box .ulbox {
margin-left: 150px;
width: 782px;
}
.yuanyin-container .img-list .item04 .img-box .ul-top {
margin-top: 95px;
}
.yuanyin-container .img-list .item04 .img-box .ul-top li {
float: left;
}
.yuanyin-container .img-list .item04 .img-box .ul-top li .text {
display: inline-block;
width: 106px;
height: 26px;
border: 2px solid #333333;
text-align: center;
line-height: 26px;
font-size: 14px;
color: #333;
border-radius: 10px;
}
.yuanyin-container .img-list .item04 .img-box .ul-top li .text:hover,
.yuanyin-container .img-list .item04 .img-box .ul-top li .text.active {
color: #fff;
background-color: #0a8511;
}
.yuanyin-container .img-list .item04 .img-box .ul-top li .icon {
display: inline-block;
width: 53px;
height: 30px;
background-image: url('../images/icon-yuanyin-right.png');
background-size: 22px 16px;
background-position: center center;
background-repeat: no-repeat;
vertical-align: middle;
}
.yuanyin-container .img-list .item04 .img-box .ul-center {
margin-top: 30px;
}
.yuanyin-container .img-list .item04 .img-box .ul-center li {
float: left;
}
.yuanyin-container .img-list .item04 .img-box .ul-center li {
width: 760px;
height: 10px;
background-color: #0a8511;
margin-top: 5px;
position: relative;
margin-left: 19px;
}
.yuanyin-container .img-list .item04 .img-box .ul-center li::before {
content: "";
width: 19px;
height: 21px;
background-image: url('../images/common-title-icon03.png');
background-size: 19px 21px;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
top: -5px;
left: -19px;
}
.yuanyin-container .img-list .item04 .img-box .ul-bottom {
margin-top: -10px;
padding: 0 50px;
}
.yuanyin-container .img-list .item04 .img-box .ul-bottom li {
float: left;
width: 25%;
}
.yuanyin-container .img-list .item04 .img-box .ul-bottom li .icon {
display: block;
margin: 0 auto;
width: 15px;
height: 13px;
background-image: url('../images/common-title-icon02.png');
background-size: 15px 13px;
background-position: center center;
background-repeat: no-repeat;
}
.yuanyin-container .img-list .item04 .img-box .ul-bottom li .text {
display: block;
width: 58px;
height: 25px;
line-height: 25px;
text-align: center;
font-size: 16px;
color: #333;
border: 1px solid transparent;
border-radius: 3px;
margin: 15px auto;
}
.yuanyin-container .img-list .item04 .img-box .ul-bottom li.active .text {
border: 1px solid #333;
}
.xingneng-container .xingneng-content {
height: 595px;
background-image: url('../images/xingneng-bg.png');
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat;
}
.xingneng-container .xingneng-content .xn-content-top .xn-content-top-imgbox {
margin-left: 50px;
margin-top: 10px;
}
.xingneng-container .xingneng-content .xn-content-top .xn-content-top-desc {
margin-top: 50px;
}
.xingneng-container .xingneng-content .xn-content-top .xn-content-top-desc h3 {
font-size: 22px;
color: #0a8511;
font-weight: 700;
margin-bottom: 25px;
}
.xingneng-container .xingneng-content .xn-content-top .xn-content-top-desc .tel-icon {
width: 66px;
height: 66px;
background-image: url(../images/icon-tel.png);
background-repeat: no-repeat;
background-position: center center;
margin-right: 20px;
}
.xingneng-container .xingneng-content .xn-content-top .xn-content-top-desc .text-top {
font-size: 20px;
color: #000;
}
.xingneng-container .xingneng-content .xn-content-top .xn-content-top-desc .text-bottom {
font-size: 30px;
color: #0a8511;
font-weight: 700;
margin-top: 5px;
}
.xingneng-container .xingneng-content .xn-content-list {
margin-top: 24px;
}
.xingneng-container .xingneng-content .xn-content-list ul li {
float: left;
width: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 168px;
}
.xingneng-container .xingneng-content .xn-content-list ul li:nth-child(2n+1) {
padding-left: 60px;
padding-right: 40px;
}
.xingneng-container .xingneng-content .xn-content-list ul li:nth-child(2n) {
padding-right: 60px;
}
.xingneng-container .xingneng-content .xn-content-list ul li h6 {
margin-top: 20px;
margin-bottom: 15px;
}
.xingneng-container .xingneng-content .xn-content-list ul li h6 .icon {
display: inline-block;
width: 38px;
height: 33px;
background-repeat: no-repeat;
background-position: center center;
vertical-align: middle;
}
.xingneng-container .xingneng-content .xn-content-list ul li:nth-child(1) h6 .icon {
background-image: url(../images/xingneng-number_01.png);
}
.xingneng-container .xingneng-content .xn-content-list ul li:nth-child(2) h6 .icon {
background-image: url(../images/xingneng-number_02.png);
}
.xingneng-container .xingneng-content .xn-content-list ul li:nth-child(3) h6 .icon {
background-image: url(../images/xingneng-number_03.png);
}
.xingneng-container .xingneng-content .xn-content-list ul li:nth-child(4) h6 .icon {
background-image: url(../images/xingneng-number_04.png);
}
.xingneng-container .xingneng-content .xn-content-list ul li h6 .text {
font-size: 24px;
color: #0a8511;
vertical-align: middle;
margin-left: 10px;
}
.xingneng-container .xingneng-content .xn-content-list ul li p {
font-size: 16px;
line-height: 24px;
}
.product-container {
background-image: url('../images/product-bg.jpg');
background-repeat: no-repeat;
background-size: 100% 100%;
overflow: hidden;
padding-bottom: 60px;
}
.product-container .cate-list ul {
text-align: center;
}
.product-container .cate-list ul li {
float: left;
width: 224px;
height: 46px;
text-align: center;
line-height: 46px;
text-overflow: ellipsis;
overflow: hidden;
margin-right: 15px;
margin-bottom: 15px;
border: 2px solid #0a8511;
}
.product-container .cate-list ul li:nth-child(5n) {
margin-right: 0;
}
.product-container .cate-list ul li a {
display: block;
height: 100%;
color: #333;
background: transparent;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.product-container .cate-list ul li a:hover,
.product-container .cate-list ul li.active a {
color: #fff;
background: #0a8511;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.product-list-container {
margin-top: 50px;
}
.product-list-container ul {
display: none;
}
.product-list-container ul:first-child {
display: block;
}
.product-list-container ul li {
float: left;
margin-right: 26px;
margin-bottom: 26px;
text-align: center;
width: 280px;
}
.product-list-container ul li .imgbox {
border: 2px solid #0a8511;
}
.product-list-container ul li .text {
height: 100px;
}
.product-list-container ul li .text h3 {
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-top: 15px;
}
.product-list-container ul li .text h3 a {
line-height: 1;
font-size: 20px;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
color: #333333;
}
.product-list-container ul li .text a:hover {
color: #30353b;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.product-list-container ul li .text p {
line-height: 24px;
margin-top: 10px;
text-align: left;
font-size: 14px;
text-align: center;
}
.product-list-container ul li .text a:hover {
color: #0a8511;
}
.product-list-container ul li .morebtn {
display: block;
height: 30px;
line-height: 30px;
background: #0a8511;
color: #fff;
font-size: 14px;
}
.product-list-container ul li:nth-child(4n) {
margin-right: 0;
}
.product-list-container ul li .img {
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
display: block;
}
.product-list-container ul li .img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity: 0.7;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.youshi-container {
background: #e9e9e9;
}
.youshi-container .youshi-list {
position: relative;
}
.youshi-container .youshi-list ul li {
width: 375px;
height: 150px;
margin-top: 10px;
}
.youshi-container .youshi-list ul li.fl {
padding-right: 225px;
text-align: right;
}
.youshi-container .youshi-list ul li.fr {
padding-left: 225px;
text-align: left;
}
.youshi-container .youshi-list ul li:nth-child(3),
.youshi-container .youshi-list ul li:nth-child(4) {
width: 330px;
height: 130px;
margin-top: 20px;
}
.youshi-container .youshi-list ul li:nth-child(3) {
padding-right: 270px;
}
.youshi-container .youshi-list ul li:nth-child(4) {
padding-left: 270px;
}
.youshi-container .youshi-list ul li h6 {
font-size: 18px;
color: #0a8511;
font-weight: 700;
line-height: 1;
margin-bottom: 10px;
}
.youshi-container .youshi-list ul li p {
font-size: 14px;
line-height: 24px;
color: #333;
}
.youshi-container .youshi-list .youshi-center {
position: absolute;
top: 0;
left: 50%;
margin-left: -245px;
}
.fangan-container {
height: 929px;
background-image: url('../images/fangan-bg.jpg');
background-repeat: no-repeat;
background-size: 100% 100%;
overflow: hidden;
position: relative;
}
.fangan-container .fangan-list {
position: relative;
}
.fangan-container .fangan-list ul li {
width: 850px;
height: 100px;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
border-radius: 20px;
margin-bottom: 20px;
position: relative;
background: #fff;
}
.fangan-container .fangan-list ul li span {
float: left;
width: 186px;
height: 70px;
background-image: url('../images/fangan-number-bg.png');
background-size: 100% 100%;
background-repeat: no-repeat;
margin-left: -15px;
margin-top: 20px;
line-height: 60px;
color: #fff;
font-size: 24px;
font-weight: 700;
padding-left: 15px;
}
.fangan-container .fangan-list ul li p {
font-size: 20px;
color: #333;
padding-left: 200px;
line-height: 100px;
}
.fangan-container .fangan-list ul li:nth-child(2) {
margin-left: 70px;
}
.fangan-container .fangan-list ul li:nth-child(3) {
margin-left: 140px;
}
.fangan-container .fangan-list ul li:nth-child(4) {
margin-left: 210px;
}
.fangan-container .fangan-list ul li:nth-child(5) {
margin-left: 280px;
}
.fangan-container .fangan-list ul li:nth-child(6) {
margin-left: 350px;
}
.fangan-container .fangan-list .fangan-product {
position: absolute;
bottom: 0;
left: -280px;
}
.hezuoyoushi-container {
height: 600px;
background-image: url('../images/youshi-bg.jpg');
background-repeat: no-repeat;
background-size: 100% 100%;
overflow: hidden;
position: relative;
}
/* .hezuoyoushi-container .common-title .text-e{
color: #b5bfb6;
} */
.hezuoyoushi-container .hezuoyoushi-list ul li {
float: left;
width: 586px;
height: 76px;
border: 2px solid #0a8511;
background-color: #fff;
margin-bottom: 20px;
margin-right: 20px;
}
.hezuoyoushi-container .hezuoyoushi-list ul li:nth-child(2n) {
margin-right: 0;
}
.hezuoyoushi-container .hezuoyoushi-list ul li span {
float: left;
width: 203px;
height: 76px;
line-height: 76px;
background-image: url(../images/youshi-number-bg.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
color: #fff;
font-size: 26px;
padding-left: 22px;
}
.hezuoyoushi-container .hezuoyoushi-list ul li p {
font-size: 18px;
line-height: 30px;
color: #333;
padding: 8px 28px 8px 240px;
}
.case-container {
padding-bottom: 50px;
}
.case-swiper .swiper-slide {
text-align: center;
transition: 300ms;
transform: scale(0.8);
}
.case-swiper {
overflow: hidden;
}
.case-swiper .swiper-slide .imgbox {
height: 298px;
border: 1px solid #9d9d9d;
overflow: hidden;
}
.case-swiper .swiper-slide .imgbox img {
width: 100%;
height: 100%;
transition: all 0.3s linear;
}
.case-swiper .swiper-slide .imgbox img:hover {
transform: scale(1.1);
transition: all 0.3s linear;
}
.case-swiper .swiper-slide-active,
.case-swiper .swiper-slide-duplicate-active {
transform: scale(1);
}
.case-swiper .swiper-slide h6 {
font-size: 16px;
margin: 15px 0;
}
.case-swiper .swiper-slide .line {
height: 10px;
background: #d7d7d7;
border-radius: 5px;
}
.case-swiper .swiper-slide-active .line,
.case-swiper .swiper-slide-duplicate-active .line {
background: #0a8511;
}
.news-container {
height: 599px;
background-image: url('../images/news-bg.jpg');
background-repeat: no-repeat;
background-size: 100% 100%;
overflow: hidden;
position: relative;
}
.news-container .news-list ul li {
float: left;
width: 520px;
height: 140px;
margin-right: 40px;
margin-bottom: 20px;
background-color: #fff;
padding: 30px;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
}
.news-container .news-list ul li:nth-child(2n) {
margin-right: 0;
}
.news-container .news-list ul li .datetext {
font-size: 14px;
}
.news-container .news-list ul li .line {
width: 30px;
height: 4px;
background: #0a8511;
margin-top: 20px;
}
.news-container .news-list ul li h6 {
font-size: 18px;
margin-top: 20px;
}
.news-container .news-list ul li h6:hover {
color: #0a8511;
}
.news-container .news-list ul li p {
font-size: 14px;
line-height: 24px;
margin-top: 20px;
color: #787878;
}
.footer-container {
background: #0a8511;
color: #fff;
overflow: hidden;
}
.footer-container .footer-list {
padding: 40px 0;
}
.footer-container .footer-list .item {
float: left;
}
.footer-container .footer-list .item01 {
width: 200px;
}
.footer-container .footer-list .title {
font-size: 18px;
}
.footer-container .footer-list .line {
width: 30px;
height: 4px;
background: #fff;
margin-top: 20px;
}
.footer-container .footer-list ul {
margin-top: 20px;
}
.footer-container .footer-list ul li {
margin-bottom: 15px;
}
.footer-container .footer-list ul li a {
color: #fff;
}
.footer-container .footer-list .item02 {
width: 430px;
}
.footer-container .footer-list .item03 {
width: 570px;
}
.footer-container .footer-list .item03 .text {
margin-top: 20px;
}
.footer-container .footer-list .item03 .jiamengform {
margin-top: 40px;
}
.footer-container .footer-list .item03 .jiamengform .form-item input {
border: none;
outline: none;
border-bottom: 1px solid #fff;
background: transparent;
color: #fff;
}
.footer-container .footer-list .item03 .jiamengform .form-item.form-name {
width: 250px;
}
.footer-container .footer-list .item03 .jiamengform .form-item.form-name input {
width: 180px;
}
.footer-container .footer-list .item03 .jiamengform .form-item.form-tel {
width: 280px;
}
.footer-container .footer-list .item03 .jiamengform .form-item.form-tel input {
width: 180px;
}
.footer-container .footer-list .item03 .submitbtn {
display: block;
width: 100%;
height: 40px;
line-height: 40px;
color: #0a8511;
border: none;
outline: none;
text-align: center;
font-size: 22px;
font-weight: 700;
border-radius: 20px;
margin-top: 50px;
cursor: pointer;
}
.copyright {
text-align: center;
height: 150px;
line-height: 57px;
border-top: 1px solid #85c288;
}
.copyright a {
color: #fff;
}
.content,
.container {
margin-left: auto;
margin-right: auto;
width: 1200px
}
.wrap-header {
height: 51px;
border-bottom: 1px solid #e6e6e6;
position: relative;
z-index: 9
}
.wrap-header p {
height: 51px;
line-height: 51px
}
.wrap-header ul {
padding-top: 17px
}
.wrap-header ul li {
float: left;
height: 19px;
line-height: 19px;
padding-left: 24px;
margin-left: 24px;
border-left: 1px solid #d2d2d2;
position: relative
}
.wrap-header ul li:first-child {
border-left: none
}
.wrap-header ul li a:hover {
color: #0a8511
}
.wrap-header ul li span {
display: none;
width: 120px;
height: 120px;
position: absolute;
left: -5px;
top: 18px;
padding-top: 16px
}
.wrap-header ul li img {
display: block;
width: 120px;
height: 120px
}
.wrap-header ul li:hover span {
display: block
}
.Nav {
height: 60px;
width: 100%;
z-index: 1;
background: #0a8511
}
.Nav .navUl {
width: 102%
}
.Nav .navUl>li {
font-size: 15px;
float: left;
height: 60px;
position: relative
}
.Nav .navUl>li>a {
display: block;
color: #666;
height: 60px;
line-height: 60px;
text-decoration: none;
position: relative;
border-left: 1px solid #61b112;
color: #fff;
font-size: 16px;
padding: 0 44px
}
.Nav .navUl>li:first-child>a {
border-left: none
}
.Nav .navUl>li:hover,
.Nav .navUl>li.cur {}
.Nav .navUl>li:hover>a,
.Nav .navUl>li.cur>a {
background: #0a8511;
color: #fff
}
.wrap-footer {
background: #242424
}
.wrap-footer .fTop {
padding: 25px 0 30px;
border-bottom: 1px solid #797979
}
.wrap-footer .ful1 {
float: left;
margin-left: 100px
}
.wrap-footer .ful1:first-child {
margin-left: 0
}
.wrap-footer .ful1 li {
margin-bottom: 16px
}
.wrap-footer .ful1 li a {
color: #fff
}
.wrap-footer .ful1 li a:hover {
color: #73a146
}
.wrap-footer .ful1 li:first-child {
margin-bottom: 20px;
font-weight: 700;
font-size: 18px
}
.wrap-footer dl {
float: left;
text-align: center;
color: #fff;
margin-left: 120px
}
.wrap-footer dl dt {
overflow: hidden;
margin-bottom: 10px
}
.wrap-footer .ful2 {
float: right;
margin-right: 80px
}
.wrap-footer .ful2 li.li1 {
font-size: 16px;
margin-bottom: 15px;
color: #fff
}
.wrap-footer .ful2 li.li2 {
font-size: 16px;
margin-bottom: 15px;
color: #fff
}
.wrap-footer .ful2 li.li3 {
font-size: 28px;
margin-bottom: 15px;
color: #0a8511;
font-weight: 700
}
.wrap-footer .ful2 li.li4 a {
display: block;
height: 45px;
width: 186px;
line-height: 45px;
text-align: center;
font-size: 14px;
font-weight: 700;
color: #0a8511;
background: #fff;
border-radius: 5px
}
.wrap-footer .ful2 li.li4 a:hover {
background: #73a146;
color: #fff
}
.wrap-footer .ficp {
height: 53px;
line-height: 53px;
text-align: center;
color: #fff
}
.wrap-footer .ficp a {
color: #fff
}
.wrap-footer .ficp a:hover {
color: #73a146
}
.header {
width: 100%;
overflow: hidden;
background-color: #fff
}
.header .header_nav {
overflow: hidden;
width: 100%;
height: 60px;
position: relative
}
.header .header_nav b {
display: block;
width: 458px;
height: 3px;
background-color: #ff5b00;
position: absolute;
left: 0;
top: 0
}
.header .header_nav p {
width: 0;
height: 3px;
background-color: #ff5b00
}
.header .header_nav ul {
overflow: hidden;
height: 57px
}
.header .header_nav li {
float: left;
line-height: 57px;
font-size: 14px;
padding: 0 10px
}
.header .header_nav li a {
color: #fff;
text-decoration: none;
display: block
}
.header .header_nav .first {
background: 0 0
}
.header .header_nav .cur a,
.header .header_nav li:hover a {
color: #ff5b00;
font-weight: 700
}
.retop ul {
overflow: hidden
}
.retop li {
float: left;
margin-left: 10px
}
.retop li img {
display: block
}
.rtTop {
width: 43px;
height: 43px;
overflow: hidden;
position: fixed;
top: 80%;
right: 46%;
margin-right: -615px;
cursor: pointer;
display: none
}
.rtTop h4 {
width: 43px;
height: 43px;
overflow: hidden;
position: relative
}
.rtTop img {
display: block;
position: absolute;
top: 0;
left: 0
}
#nodata {
padding: 80px;
padding-left: 150px;
border: solid 1px #eee;
margin: 10px 0;
background: url(../images/nodata.gif) no-repeat 20px 20px
}
.mub01InpageBannerr {
width: 100%;
height: 300px
}
.mub01InpageBannerr a {
display: block;
margin: 0 auto;
height: 300px
}
.mub01MainContent {
width: 100%;
background: #f4f4f4;
padding-bottom: 30px
}
#paging ul {
width: 898px
}
#paging .paging {
margin-top: 20px
}
.InpageSearch {
width: 100%
}
.InpageSearch .top {
padding-top: 52px;
height: 108px;
background: #e5e5e5
}
.InpageSearch .Input {
width: 608px;
height: 57px;
position: relative;
margin: 0 auto
}
.InpageSearch .Input input {
width: 520px;
height: 57px;
line-height: 57px;
padding: 0 60px 0 28px;
font-size: 16px;
color: #333;
border: none;
background: url(../images/inpagesearchbg01.png) no-repeat center;
outline: none
}
.InpageSearch .Input a {
display: block;
width: 47px;
height: 47px;
position: absolute;
right: 4px;
top: 4px
}
.InpageSearch .mainCon {
padding: 30px;
background: #fff
}
.InpageSearch .mainCon .conBox .searchTitle {
margin-bottom: 20px;
font-size: 24px;
color: #333;
font-weight: 400
}
.InpageSearch .mainCon .conBox .box {
width: 100%
}
.InpageSearch .mainCon .conBox .box li {
padding: 20px 0 1px;
border-bottom: 1px solid #e5e5e5
}
.InpageSearch .mainCon .conBox .box li:first-child {
border-top: 1px solid #e5e5e5
}
.InpageSearch .mainCon .conBox .box li h3 {
font-size: 16px;
color: #333;
font-weight: 400
}
.InpageSearch .mainCon .conBox .box li h3 a {
color: #333;
text-decoration: none
}
.InpageSearch .mainCon .conBox .box li p.p1 {
font-size: 14px;
color: #666;
line-height: 20px;
margin-top: 18px
}
.InpageSearch .mainCon .conBox .box li p.p1 a {
color: #666;
text-decoration: none
}
.InpageSearch .mainCon .conBox .box li p.p2 {
overflow: hidden;
height: 16px;
line-height: 16px;
margin-top: 30px
}
.InpageSearch .mainCon .conBox .box li p.p2 span {
display: block;
float: left;
font-size: 14px;
color: #666
}
.InpageSearch .mainCon .conBox .box li p.p2 a {
display: block;
float: left;
font-size: 14px;
color: #666;
font-family: arial;
margin-left: 32px;
background: url(../images/inpagesearch_icon02.png) no-repeat left center;
padding-left: 24px
}
.InpageSearch .mainCon .conBox .box li:hover h3 a {
color: #0a8511
}
.InpageSearch .mainCon .conBox .box li.cpsosu {
float: left
}
.InpageSearch .mainCon .conBox .box li.cpsosu .Pic {
display: block;
width: 300px;
height: 282px;
overflow: hidden;
float: left
}
.InpageSearch .mainCon .conBox .box li.cpsosu .Pic img {
display: block;
transform: scale(1);
transition: all 2s ease-out;
width: 300px;
height: 252px
}
.InpageSearch .mainCon .conBox .box li.cpsosu:hover .Pic img {
transform: scale(1.2)
}
.InpageSearch .mainCon .conBox .box li.cpsosu .intro {
padding: 0 32px 0;
width: 776px;
float: left
}
.map_main {
overflow: hidden;
border: solid 5px #f0f0f0;
margin: 20px 0;
padding-bottom: 30px;
background: #fff
}
.sitemap_con {
width: 1120px;
margin: 0 auto;
color: #666
}
.sitemap_con .map_top {
border-bottom: solid 1px #d7d7d7
}
.sitemap_con .map_top img {
float: left
}
.site_r_link {
width: 136px;
margin-top: 20px;
border: 1px solid #cdcdcd;
background: #f8f8f8;
padding: 5px 10px;
float: right
}
.site_plc {
background: url(../images/ico27.gif) no-repeat 0 11px;
padding: 5px 0;
text-indent: 10px
}
.sitemap_con h4 {
line-height: 30px;
margin: 10px 0;
margin-right: 10px;
width: 100%
}
.sitemap_con h4 a {
color: #000;
font-size: 18px
}
.b4 {
border: 1px dashed #efefef;
padding: 10px 5px
}
.b4 ul {
padding: 0 11px
}
.b4 li {
float: left;
line-height: 25px;
height: 25px;
text-overflow: ellipsis;
white-space: nowrap;
width: 342px;
overflow: hidden;
margin: 0 10px
}
.b4 li a {
color: #000
}
.b4 li a:hover {
color: #0a8511
}
.qcfd {
float: none
}
.mub02Title {
width: 870px;
text-align: center;
margin: 0 auto
}
.mub02Title h2 {
font-size: 20px;
color: #0a8511;
font-weight: 400
}
.mub02Title h2 a {
color: #0a8511;
text-decoration: none;
font-weight: 700
}
.mub02Title i {
display: block;
width: 870px;
height: 3px;
margin-top: 26px
}
.mub02Title i img {
display: block;
width: 870px;
height: 3px
}
.mub02Top {
width: 870px;
margin: 0 auto;
padding-top: 20px
}
.mub02Top h2 {
font-size: 18px;
color: #0a8511;
font-weight: 400;
height: 40px;
border-bottom: 1px solid #e4e4e4
}
.mub02Top2 {
width: 100%;
height: 83px;
background: url(../images/mub02top2bg.jpg) no-repeat center top
}
.mub02Top2 h3 {
float: left;
height: 80px;
line-height: 80px;
font-size: 20px;
color: #0a8511
}
.mub02Top2 h3 em {
font-weight: 700
}
.mub02Top2 a.more {
display: block;
font-size: 13px;
color: #999;
line-height: 80px;
float: right
}
.mub02Top2 i img {
display: block
}
.mub02Top2 i {
display: block
}
.InpageSidebar01 {
width: 270px;
float: left
}
.InpageSidebar01 .top {
width: 100%;
height: 80px;
background: #0a8511
}
.InpageSidebar01 .top h2 {
height: 80px;
text-indent: 28px;
background: url(../images/inpagesidebar01_icon01.png) no-repeat 218px center;
line-height: 80px;
font-size: 24px;
color: #fff;
font-weight: 400
}
.InpageSidebar01 .top h2 a {
color: #fff;
text-decoration: none;
font-weight: 700
}
.InpageSidebar01 .classify .box {
border: 1px solid #e4e4e4;
border-top: none;
position: relative
}
.InpageSidebar01 .classify .box:first-child {
border-top: 1px solid #e4e4e4
}
.InpageSidebar01 .classify dl {
padding: 14px 19px 18px 30px
}
.InpageSidebar01 .classify dt {
font-size: 20px;
color: #333;
background: url(../images/mub02_jt03.png) no-repeat 194px 6px;
margin-bottom: 14px
}
.InpageSidebar01 .classify dt a {
color: #333
}
.InpageSidebar01 .classify dd p {
border-left: 1px solid #e4e4e4;
height: 35px;
line-height: 35px
}
.InpageSidebar01 .classify dd p a {
font-size: 15px;
color: #333;
display: block;
text-indent: 16px;
text-decoration: none
}
.InpageSidebar01 .classify .box i {
display: none;
width: 3px;
height: 100%;
position: absolute;
left: -1px;
top: 0;
background: #0a8511
}
.InpageSidebar01 .classify .box:hover {
background: #f5f5f5
}
.InpageSidebar01 .classify .box:hover i {
display: block
}
.InpageSidebar01 .classify .box dt.cur {
background: url(../images/mub02_jt04.png) no-repeat 194px 6px;
font-weight: 700
}
.InpageSidebar01 .classify .box:hover dt a,
.InpageSidebar01 .classify .box dt.cur a {
color: #0a8511;
display: block;
text-decoration: none
}
.InpageSidebar01 .classify .box:hover dt {
background: url(../images/mub02_jt04.png) no-repeat 194px 6px;
font-weight: 700
}
.InpageSidebar01 .classify dd p:hover a,
.InpageSidebar01 .classify dd p.cur a {
color: #fff
}
.InpageSidebar01 .classify dd p:hover,
.InpageSidebar01 .classify dd p.cur {
background: url(../images/mub02_jt02.png) no-repeat 194px center #0a8511
}
.InpageSidebar01 .sidebarLinkUs {
border: 1px solid #e4e4e4;
margin-top: 20px;
padding: 0 19px 20px;
margin-bottom: 20px
}
.InpageSidebar01 .sidebarLinkUs h3 {
font-size: 18px;
color: #0a8511;
font-weight: 400;
height: 59px;
line-height: 59px;
border-bottom: 1px solid #e4e4e4;
margin-bottom: 18px;
text-indent: 10px
}
.InpageSidebar01 .sidebarLinkUs p {
font-size: 14px;
color: #333;
margin-bottom: 12px;
line-height: 20px;
padding: 0 10px
}
.InpageSidebar01 .sidebarLinkUs .zxzx {
display: block;
width: 160px;
height: 50px;
overflow: hidden;
background: #0a8511;
text-decoration: none;
margin-top: 20px
}
.InpageSidebar01 .sidebarLinkUs .zxzx span {
display: block;
width: 50px;
height: 50px;
float: left;
border-right: 1px solid #fff;
background: url(../images/zxzx_icon01.png) no-repeat center
}
.InpageSidebar01 .sidebarLinkUs .zxzx em {
display: block;
width: 109px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 16px;
color: #fff;
float: left
}
.InpageSidebar01 .sidebarLinkUs .zxzx em img {
display: inline-block;
*display: inline-block;
position: relative;
top: 2px;
margin-left: 8px
}
.InpageSidebar02 .classify {
border: 1px solid #e4e4e4;
border-top: none;
position: relative
}
.InpageSidebar02 .classify li {
height: 58px;
border-top: 1px solid #e4e4e4;
text-indent: 28px;
font-size: 15px;
color: #333;
line-height: 58px;
background: url(../images/mub02_jt03.png) no-repeat 224px center
}
.InpageSidebar02 .classify li a {
color: #333;
display: block;
text-decoration: none
}
.InpageSidebar02 .classify li:hover,
.InpageSidebar02 .classify li.cur {
background: url(../images/mub02_jt04.png) no-repeat 224px center #f5f5f5
}
.InpageSidebar02 .classify li:hover a,
.InpageSidebar02 .classify li.cur a {
color: #0a8511;
font-weight: 700
}
.InpageSidebar02 .classify i {
display: block;
width: 3px;
background: #0a8511;
position: absolute;
left: -1px;
top: 0;
z-index: 9
}
.InpageSidebar02 .xgzx {
border: 1px solid #e4e4e4;
margin-top: 20px;
padding: 0 19px 16px
}
.InpageSidebar02 .xgzx h3 {
font-size: 18px;
color: #0a8511;
font-weight: 400;
height: 59px;
line-height: 59px;
border-bottom: 1px solid #e4e4e4;
margin-bottom: 18px;
text-indent: 10px
}
.InpageSidebar02 .xgzx p {
font-size: 14px;
color: #333;
margin-bottom: 10px;
padding: 0 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.InpageSidebar02 .xgzx p a {
color: #333
}
.InpageSidebar02 .xgzx p:hover a {
color: #0a8511
}
.mub02address {
width: 100%;
border-bottom: 1px solid #e4e4e4;
margin-bottom: 20px
}
.mub02address .con {
width: 100%;
height: 43px
}
.mub02address .homePage {
display: block;
width: 43px;
height: 43px;
background: url(../images/mub02address_homepage.png) no-repeat center;
float: left;
border-left: 1px solid #eaeaea;
border-right: 1px solid #eaeaea
}
.mub02address p {
height: 43px;
width: 84%;
line-height: 43px;
font-size: 13px;
color: #999;
float: left;
margin-left: 18px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.mub02address p a {
color: #999;
padding: 0 4px
}
.mub02address .backList {
display: block;
width: 117px;
height: 43px;
line-height: 43px;
text-align: center;
border-left: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
float: right;
font-size: 13px;
color: #999;
text-decoration: none;
cursor: pointer
}
.mub02address .backList img {
display: inline-block;
*display: inline-block;
margin-right: 10px;
position: relative;
top: 2px
}
.mub02tjcp {
border: 1px solid #e4e4e4;
padding: 0 19px 20px;
margin-top: 20px
}
.mub02tjcp .conBox {
width: 100%;
margin-top: 20px
}
.mub02tjcp .conBox li {
width: 280px;
float: left;
margin-left: 14px;
text-align: center
}
.mub02tjcp .conBox li:first-child {
margin-left: 0
}
.mub02tjcp .conBox li span {
display: block;
width: 278px;
height: 233px;
overflow: hidden;
border: 1px solid #e4e4e4
}
.mub02tjcp .conBox li img {
display: block;
transform: scale(1);
transition: all 1s ease-out;
width: 278px;
height: 233px
}
.mub02tjcp .conBox li:hover img {
transform: scale(1.2)
}
.mub02tjcp .conBox li em {
display: block;
font-size: 14px;
color: #333;
margin-top: 10px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.mub02tjcp .conBox li a {
display: block;
text-decoration: none
}
.mub02xgyd {
border: 1px solid #e4e4e4;
padding: 0 19px 10px;
margin-top: 20px
}
.mub02xgyd .conBox {
width: 100%;
margin-top: 22px;
overflow: hidden
}
.mub02xgyd .conBox ul {
width: 106%
}
.mub02xgyd .conBox li {
width: 416px;
overflow: hidden;
margin-right: 38px;
float: left;
margin-bottom: 13px
}
.mub02xgyd .conBox li a {
display: block;
font-size: 14px;
color: #333;
float: left;
width: 302px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.mub02xgyd .conBox li a:hover {
color: #0a8511
}
.mub02xgyd .conBox li span {
display: block;
font-size: 14px;
color: #999;
font-family: arial;
float: right
}
.mub02Ad {
background: #f5f5f5;
border: 1px solid #e4e4e4;
position: relative;
height: 228px;
margin-top: 20px;
margin-bottom: 20px
}
.mub02Ad .figure {
width: 165px;
height: 213px;
position: absolute;
left: 70px;
bottom: 0
}
.mub02Ad .figure img {
display: block;
width: 165px;
height: 213px
}
.mub02Ad .conBox {
margin-left: 308px;
padding-top: 48px;
margin-right: 24px
}
.mub02Ad .conBox h3 {
font-size: 22px;
color: #0a8511;
font-weight: 400
}
.mub02Ad .conBox p {
font-size: 15px;
color: #333;
margin-top: 6px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
height: 40px
}
.mub02Ad .conBox .box {
margin-top: 20px
}
.mub02Ad .conBox .box .zxzx {
display: block;
width: 160px;
height: 50px;
overflow: hidden;
background: #0a8511;
text-decoration: none;
float: left
}
.mub02Ad .conBox .box .zxzx span {
display: block;
width: 50px;
height: 50px;
float: left;
border-right: 1px solid #fff;
background: url(../images/zxzx_icon01.png) no-repeat center
}
.mub02Ad .conBox .box .zxzx em {
display: block;
width: 109px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 16px;
color: #fff;
float: left
}
.mub02Ad .conBox .box .zxzx em img {
display: inline-block;
*display: inline-block;
position: relative;
top: 2px;
margin-left: 8px
}
.mub02Ad .conBox .box .phone {
float: left;
margin-left: 56px;
background: url(../images/mub02ad_phone.png) no-repeat left center;
padding-left: 44px;
margin-top: 4px
}
.mub02Ad .conBox .box .phone span {
display: block;
font-size: 13px;
color: #666
}
.mub02Ad .conBox .box .phone em {
display: block;
font-size: 24px;
color: #0a8511;
font-family: arial
}
.InpageSearch .mainCon .paging {
border: 1px solid #e4e4e4
}
.paging {
border-top: 1px solid #e4e4e4;
height: 59px;
text-align: center
}
.paging ul {
padding-top: 15px
}
.paging ul li {
display: inline-block;
border: 1px solid #ccc;
padding: 4px 12px;
margin: 0 1px;
line-height: 24px;
background: #fff;
color: #999
}
.paging ul li:hover {
background: #0a8511;
color: #fff;
border: 1px solid #0a8511
}
.paging ul li:hover a {
color: #fff
}
.paging ul li.thisclass {
display: inline-block;
border: 1px solid #0a8511;
padding: 4px 12px;
margin: 0 1px;
background: #0a8511;
color: #fff
}
.paging ul li.thisclass a {
color: #fff
}
.paging ul li a {
display: block;
color: #999
}
.paging ul li a:hover {
color: #fff
}
.proDetails {
width: 100%
}
.proDetailsSection {
width: 910px;
float: right
}
.proDetailsSection .mainCon {
border: 1px solid #e4e4e4;
padding-bottom: 0
}
.proDetailsIntro {
width: 100%;
height: 384px;
border-bottom: 1px solid #e4e4e4
}
.proDetailsIntro .conL {
width: 458px;
float: left;
position: relative;
height: 384px;
border-right: 1px solid #e4e4e4
}
.proDetailsIntro .conL i {
display: block;
width: 44px;
height: 44px;
position: absolute;
z-index: 9;
cursor: pointer;
overflow: hidden;
top: 50%;
margin-top: -22px
}
.proDetailsIntro .conL i.prev {
left: -1px
}
.proDetailsIntro .conL i.next {
right: -1px
}
.proDetailsIntro .conL .btnList {
width: 100%;
height: 10px;
text-align: center;
position: absolute;
bottom: 18px
}
.proDetailsIntro .conL .btnList span {
display: inline-block;
width: 9px;
height: 9px;
overflow: hidden;
position: relative;
background: url(../images/prodetailsintro_icon01.png) no-repeat left top;
margin-left: 14px;
cursor: pointer
}
.proDetailsIntro .conL .btnList span.cur {
background-position: left bottom
}
.proDetailsIntro .conL .btnList span:first-child {
margin-left: 0
}
.proDetailsIntro .conL .conBox {
width: 458px;
height: 384px;
position: relative;
overflow: hidden
}
.proDetailsIntro .conL .conBox ul {
position: absolute;
top: 0;
left: 0
}
.proDetailsIntro .conL .conBox li {
float: left;
width: 458px
}
.proDetailsIntro .conL .conBox li img {
display: block;
width: 458px;
height: 383.95px
}
.proDetailsIntro .conR {
float: right;
padding-top: 40px;
width: 391px;
height: 350px;
position: relative;
margin-right: 20px
}
.proDetailsIntro .conR h3 {
font-size: 20px;
color: #333;
font-weight: 700;
height: 23px;
overflow: hidden
}
.proDetailsIntro .conR h1 {
font-size: 20px;
color: #333;
font-weight: 700;
height: 23px;
overflow: hidden
}
.proDetailsIntro .conR i {
display: block;
height: 1px;
margin: 15px 0 18px;
background: #e4e4e4
}
.proDetailsIntro .conR p {
font-size: 14px;
color: #666;
line-height: 22px;
height: 176px;
display: inline-block;
overflow: hidden
}
.proDetailsIntro .conR .box {
width: 100%;
position: absolute;
bottom: 34px;
left: 0
}
.proDetailsIntro .conR .box .zx {
display: block;
width: 172px;
height: 53px;
float: left;
font-size: 20px;
color: #fff;
line-height: 53px;
background: url(../images/prodetailsintrobg01.png) no-repeat center;
text-align: center;
text-decoration: none
}
.proDetailsIntro .conR .box .zx img {
position: relative;
top: 4px;
margin-left: 12px
}
.proDetailsIntro .conR .box .phone {
float: left;
padding-left: 42px;
background: url(../images/prodetailsintro_phone.png) no-repeat left center;
margin-left: 18px;
margin-top: 6px
}
.proDetailsIntro .conR .box .phone span {
display: block;
font-size: 13px;
color: #666
}
.proDetailsIntro .conR .box .phone em {
display: block;
font-size: 24px;
color: #0a8511;
font-family: arial
}
.proDetailsCanS {
width: 870px;
margin: 20px auto 0
}
.proDetailsCanS .menu {
width: 100%;
height: 54px;
margin-bottom: 20px;
border-bottom: 1px solid #e4e4e4
}
.proDetailsCanS .menu li {
float: left;
width: 148px;
border: 1px solid #e4e4e4;
height: 53px;
line-height: 53px;
text-align: center;
font-size: 14px;
color: #000;
border-left: none;
border-bottom: none;
cursor: pointer
}
.proDetailsCanS .menu li:first-child {
border-left: 1px solid #e4e4e4
}
.proDetailsCanS .menu li.status_on {
background: #0a8511;
border-color: #0a8511;
color: #fff
}
.proDetailsCanS .conBox {
width: 100%;
background: #fff;
line-height: 22px
}
.proDetailsCanS .conBox .box {
width: 100%;
height: 100%;
background: #fff
}
.proDetailsCanS .conBox .box p,
.proDetailsCanS .conBox .box div {
padding-top: 7px;
line-height: 27px
}
.proDetailsCanS .conBox .box img {
margin: 0 auto;
display: block
}
.proDetailsLy {
width: 870px;
margin: 30px auto 0
}
.proDetailsLy .conBox .box1 {
width: 100%;
margin-top: 33px
}
.proDetailsLy .conBox .box1 .Input {
width: 427px;
height: 58px;
border: 1px solid #e4e4e4;
float: left;
margin-bottom: 10px;
margin-left: 12px
}
.proDetailsLy .conBox .box1 input {
width: 354px;
padding-left: 22px;
padding-right: 51px;
font-size: 16px;
color: #999;
line-height: 58px;
outline: none;
border: none
}
.proDetailsLy .conBox .box1 .Input1 {
margin-left: 0
}
.proDetailsLy .conBox .box1 .Input1 input {
background: url(../images/prodetailsly_icon01.png) no-repeat 386px center
}
.proDetailsLy .conBox .box1 .Input2 input {
background: url(../images/prodetailsly_icon02.png) no-repeat 386px center
}
.proDetailsLy .conBox .box1 textarea {
padding-left: 22px;
width: 795px;
height: 150px;
border: 1px solid #e0e0e0;
padding-top: 18px;
font-size: 16px;
color: #999;
outline: none;
resize: none;
background: url(../images/prodetailsly_icon03.png) no-repeat 828px 18px;
padding-right: 51px
}
.proDetailsLy .conBox .box1 .yzmtj {
margin-top: 20px
}
.proDetailsLy .conBox .box1 .yzmtj img {
margin: 10px 0 15px 15px
}
.proDetailsLy .conBox .box1 .yzmtj .sr {
width: 250px;
float: left;
border: 1px solid #e0e0e0
}
.proDetailsLy .conBox .box1 .yzmtj .sr span {
display: block;
font-size: 16px;
color: #999;
display: block;
height: 58px;
line-height: 58px;
float: left;
border-right: 1px solid #e0e0e0;
width: 100px;
text-align: center
}
.proDetailsLy .conBox .box1 .yzmtj .sr input {
padding: 0 10px;
width: 127px;
float: left;
display: block;
border: none;
line-height: 58px;
font-size: 16px;
color: #999;
height: 58px;
outline: none
}
.proDetailsLy .conBox .box1 .yzmtj #spVerCode img {
display: block;
margin-top: 14px;
margin-left: 10px;
float: left;
width: 105px;
height: 38px
}
.proDetailsLy .conBox .box1 .yzmtj a.p {
line-height: 86px;
margin-left: 10px
}
.proDetailsLy .conBox .box1 .yzmtj .tj {
display: block;
width: 410px;
height: 60px;
line-height: 60px;
font-size: 22px;
color: #fff;
text-decoration: none;
text-align: center;
background: #0a8511;
float: left
}
.proList {
width: 100%
}
.proListSection {
width: 910px;
float: right
}
.proListSection .mainCon {
border: 1px solid #e4e4e4;
padding-top: 28px;
width: 908px
}
.proListSection .mainCon .conBox {
width: 870px;
margin: 20px auto 0;
padding-bottom: 30px
}
.proListSection .mainCon .conBox ul {
width: 104%
}
.proListSection .mainCon .conBox li {
float: left;
width: 280px;
margin-right: 15px;
margin-bottom: 20px
}
.proListSection .mainCon .conBox li.noMl {
margin-right: 0
}
.proListSection .mainCon .conBox li .Pic {
width: 278px;
height: 233.05px;
border: 1px solid #e4e4e4;
overflow: hidden;
display: block
}
.proListSection .mainCon .conBox li .Pic img {
display: block;
width: 278px;
height: 233.05px;
transform: scale(1);
transition: all 1s ease-out
}
.proListSection .mainCon .conBox li .intro {
width: 280px;
height: 140px;
text-align: center;
padding-top: 14px;
position: relative
}
.proListSection .mainCon .conBox li .intro h3 {
font-size: 16px;
color: #333;
font-weight: 700;
margin-bottom: 12px;
width: 280px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.proListSection .mainCon .conBox li .intro h3 a {
color: #333;
text-decoration: none
}
.proListSection .mainCon .conBox li .intro p {
line-height: 20px;
color: #666;
font-size: 14px;
margin-top: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
height: 62px
}
.proListSection .mainCon .conBox li .intro .btn {
overflow: hidden;
width: 241px;
height: 42px;
background: url(../images/prolistbg01.png) no-repeat center;
position: absolute;
bottom: 0;
left: 20px
}
.proListSection .mainCon .conBox li .intro .btn a {
display: block;
width: 120px;
height: 42px;
line-height: 42px;
text-align: center;
float: left;
font-size: 14px;
color: #777;
text-decoration: none
}
.proListSection .mainCon .conBox li .intro .btn a i {
display: inline-block;
width: 7px;
height: 12px;
background: url(../images/mub02_jt03.png) no-repeat center;
margin-left: 8px;
position: relative;
top: 2px
}
.proListSection .mainCon .conBox li .intro .btn a:first-child {
border-right: 1px solid #eaeaea
}
.proListSection .mainCon .conBox li .intro .btn a:hover {
color: #fff
}
.proListSection .mainCon .conBox li .intro h3 a {
color: #0a8511
}
.proListSection .mainCon .conBox li .intro .btn a.more:hover {
background: url(../images/prolistbg02.png) no-repeat center
}
.proListSection .mainCon .conBox li .intro .btn a.more:hover i {
background: url(../images/mub02_jt02.png) no-repeat center
}
.proListSection .mainCon .conBox li .intro .btn a.zx:hover {
background: url(../images/prolistbg03.png) no-repeat center
}
.proListSection .mainCon .conBox li .intro .btn a.zx:hover i {
background: url(../images/mub02_jt02.png) no-repeat center
}
.proListSection .mainCon .conBox li:hover .Pic img {
transform: scale(1.2)
}
.fzlc {
width: 100%
}
.fzlcSection {
width: 910px;
float: right
}
.fzlcSection .mainCon {
border: 1px solid #e4e4e4;
padding-top: 28px;
width: 908px
}
.fzlcSection .mainCon .conBox {
width: 870px;
margin: 62px auto 0;
padding-bottom: 56px
}
.fzlcSection .mainCon .conBox .con {
margin-left: 124px;
border-left: 1px solid #e4e4e4
}
.fzlcSection .mainCon .conBox .fzlcTime {
float: left;
margin-left: -96px;
margin-top: 22px
}
.fzlcSection .mainCon .conBox .fzlcTime span {
font-size: 32px;
color: #0a8511;
font-weight: 700;
font-family: arial
}
.fzlcSection .mainCon .conBox .fzlcTime i {
display: inline-block;
*display: inline-block;
width: 30px;
height: 1px;
background: #0a8511;
position: relative;
top: -10px;
margin-left: 10px
}
.fzlcSection .mainCon .conBox .box {
margin-top: 50px
}
.fzlcSection .mainCon .conBox .box:first-child {
margin-top: 0
}
.fzlcSection .mainCon .conBox dl {
float: left;
margin-left: 32px;
width: 690px
}
.fzlcSection .mainCon .conBox dt {
float: left;
margin-right: 20px
}
.fzlcSection .mainCon .conBox dt img {
display: block;
width: 250px;
height: 190px
}
.fzlcSection .mainCon .conBox dd {
float: left;
width: 420px
}
.fzlcSection .mainCon .conBox dd p {
font-size: 14px;
color: #333;
line-height: 24px
}
.about {
width: 100%
}
.aboutSection {
width: 910px;
float: right
}
.aboutSection .mainCon {
border: 1px solid #e4e4e4;
padding-top: 28px;
width: 908px;
padding-bottom: 0
}
.aboutSection .mainCon .conBox {
width: 870px;
margin: 20px auto 0;
padding-bottom: 20px;
background: #fff;
line-height: 24px
}
.aboutSection .mainCon .conBox p {
padding-top: 10px;
line-height: 34px
}
.linkUs {
width: 100%
}
.linkUsSection {
width: 910px;
float: right
}
.linkUsSection .mainCon {
border: 1px solid #e4e4e4;
padding-top: 28px;
width: 908px;
padding-bottom: 0
}
.linkUsSection .mainCon .conBox {
width: 870px;
margin: 20px auto 0;
padding-bottom: 20px;
background: #fff;
line-height: 24px
}
.linkUsSection .mainCon .conBox p {
font-size: 14px
}
.linkUsSection .mainCon .linkUsIntro {
width: 870px;
margin: 40px auto 0;
padding-bottom: 40px
}
.linkUsSection .mainCon .linkUsIntro ul li {
float: left;
float: left
}
.linkUsSection .mainCon .linkUsIntro ul li img {
display: block;
width: 440px;
height: 280px;
float: left;
margin-right: 20px
}
.linkUsSection .mainCon .linkUsIntro ul li h3 {
font-size: 20px;
color: #333;
font-weight: 400
}
.linkUsSection .mainCon .linkUsIntro ul li p {
font-size: 14px;
color: #333;
line-height: 24px;
margin-top: 22px
}
.linkUsSection .mainCon .linkUsIntro .zxzx {
display: block;
width: 160px;
height: 50px;
overflow: hidden;
background: #0a8511;
text-decoration: none;
left: 0;
bottom: 0
}
.linkUsSection .mainCon .linkUsIntro .zxzx span {
display: block;
width: 50px;
height: 50px;
float: left;
border-right: 1px solid #e56100;
background: url(../images/zxzx_icon01.png) no-repeat center
}
.linkUsSection .mainCon .linkUsIntro .zxzx em {
display: block;
width: 109px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 16px;
color: #fff;
float: left
}
.linkUsSection .mainCon .linkUsIntro .zxzx em img {
display: inline-block;
*display: inline-block;
position: relative;
top: 2px;
margin-left: 8px
}
.linkUsSection .linkUsAddress {
width: 870px;
margin: 0 auto
}
.linkUsSection .linkUsAddress ul {
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4
}
.linkUsSection .linkUsAddress li {
width: 290px;
padding-top: 48px;
height: 282px;
background: url(../images/linkusaddressbg01.png) repeat-y;
text-align: center;
float: left
}
.linkUsSection .linkUsAddress li img {
display: block;
margin: 0 auto
}
.linkUsSection .linkUsAddress li h3 {
margin: 12px 0 42px;
font-size: 16px;
color: #0a8511;
font-weight: 400
}
.linkUsSection .linkUsAddress li p {
font-size: 14px;
color: #333;
margin-bottom: 6px;
line-height: 22px
}
.linkUsSection .LinkUsMap {
width: 870px;
margin: 20px auto 0
}
.linkUsSection .LinkUsMap img {
display: block;
width: 870px;
height: 380px
}
.proDetailsCanS .conBox .box .linkUsIntro {
width: 870px;
margin: 40px auto 0;
padding-bottom: 40px
}
.proDetailsCanS .conBox .box .linkUsIntro ul li {
float: left
}
.proDetailsCanS .conBox .box .linkUsIntro ul li img {
display: block;
width: 440px;
height: 280px;
float: left;
margin-right: 20px
}
.proDetailsCanS .conBox .box .linkUsIntro ul li h3 {
font-size: 20px;
color: #333;
font-weight: 400
}
.proDetailsCanS .conBox .box .linkUsIntro ul li p {
font-size: 14px;
color: #333;
line-height: 24px;
margin-top: 22px
}
.proDetailsCanS .conBox .box .linkUsAddress {
width: 870px;
margin: 0 auto
}
.proDetailsCanS .conBox .box .linkUsAddress ul {
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4
}
.proDetailsCanS .conBox .box .linkUsAddress li {
width: 290px;
padding-top: 48px;
height: 282px;
background: url(../images/linkusaddressbg01.png) repeat-y;
text-align: center;
float: left
}
.proDetailsCanS .conBox .box .linkUsAddress li img {
display: block;
margin: 0 auto
}
.proDetailsCanS .conBox .box .linkUsAddress li h3 {
margin: 12px 0 42px;
font-size: 16px;
color: #0a8511;
font-weight: 400
}
.proDetailsCanS .conBox .box .linkUsAddress li p {
font-size: 14px;
color: #333;
margin-bottom: 6px;
line-height: 22px
}
.proDetailsCanS .conBox .box .linkUsAddress .LinkUsMap {
width: 100%;
margin-top: 20px
}
.proDetailsCanS .conBox .box .linkUsAddress .LinkUsMap img {
display: block;
width: 870px;
height: 380px
}
.proDetailsCanS .conBox .box .LinkUsMap {
width: 100%;
margin-top: 20px
}
.proDetailsCanS .conBox .box .LinkUsMap img {
display: block;
width: 870px;
height: 380px
}
.news_ul {
width: 106%
}
.news_ul li {
width: 416px;
overflow: hidden;
margin-right: 38px;
float: left;
margin-bottom: 13px
}
.news_ul li a {
display: block;
font-size: 14px;
color: #333;
float: left;
width: 302px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.news_ul li a:hover {
color: #0a8511
}
.news_ul li span {
display: block;
font-size: 14px;
color: #999;
font-family: arial;
float: right
}
.inf_lc li {
padding: 7px 20px 0 0;
border: 1px solid #fff;
border-radius: 8px;
height: 130px;
overflow: hidden;
margin: 0 0 30px;
background: #f9f9f9
}
.inf_lc li:hover {
border-color: #0a8511;
border-radius: 4px
}
.inf_lc li em {
padding: 36px 5px 0 0;
text-align: center;
float: left;
width: 64px;
overflow: hidden
}
.inf_lc li em b {
font-weight: 100;
display: block;
line-height: 36px;
height: 36px;
overflow: hidden;
font-size: 36px;
font-family: Arial;
text-transform: uppercase
}
.inf_lc li em span {
font-weight: 100;
display: block;
line-height: 16px;
height: 16px;
overflow: hidden;
font-size: 12px;
font-family: Arial;
text-transform: uppercase;
color: #343434
}
.inf_lc li p {
padding: 0 0 0 14px;
line-height: 26px;
width: 670px;
overflow: hidden;
font-size: 14px;
float: left;
color: #666
}
.inf_lc li p b {
display: block;
font-weight: 100;
color: #0a8511;
line-height: 30px;
height: 30px;
margin: 5px 0;
font-size: 15px
}
.inf_lc li p b a,
.inf_lc li p b a:hover {
color: #0a8511;
font-weight: 700
}
.inf_lc li p b a:hover {
color: #0a8511
}
.inf_lc li .fr {
margin: 50px 0 0;
width: 70px;
height: 25px;
line-height: 25px;
text-align: center;
color: #fff;
background-color: #999
}
.inf_lc li .fr:hover {
background: #0a8511
}
.qyfc {
width: 100%
}
.qyfcSection {
width: 910px;
float: right
}
.qyfcSection .mainCon {
border: 1px solid #e4e4e4;
padding-top: 28px;
width: 908px
}
.qyfcSection .mainCon .qyfcIntro {
width: 870px;
margin: 20px auto 0;
padding-bottom: 20px;
overflow: hidden
}
.qyfcSection .mainCon .qyfcIntro dt {
float: left;
width: 600px;
height: 474px;
float: left
}
.qyfcSection .mainCon .qyfcIntro dt img {
display: block;
width: 600px;
height: 474px
}
.qyfcSection .mainCon .qyfcIntro dd {
width: 222px;
float: right;
position: relative;
height: 394px;
background: #0a8511;
padding-top: 80px;
padding-left: 48px
}
.qyfcSection .mainCon .qyfcIntro dd h4 {
font-size: 15px;
color: #fff
}
.qyfcSection .mainCon .qyfcIntro dd h3 {
font-size: 24px;
color: #fff
}
.qyfcSection .mainCon .qyfcIntro dd span {
display: block;
margin-top: 28px;
font-size: 12px;
color: #fff;
font-family: arial
}
.qyfcSection .mainCon .qyfcIntro dd i {
display: block;
width: 54px;
height: 2px;
background: #fff;
margin-top: 208px
}
.qyfcSection .mainCon .qyfcIntro dd em {
display: block;
margin-top: 18px;
color: #fff;
font-size: 14px
}
.qyfcSection .mainCon .qyfcIntro dd p {
font-size: 24px;
color: #fff;
font-family: arial
}
.qyfcSection .mainCon .qyfcIntro ul {
margin-top: 19px;
width: 102%
}
.qyfcSection .mainCon .qyfcIntro li {
width: 280px;
float: left;
margin-right: 15px;
text-align: center;
margin-bottom: 26px
}
.qyfcSection .mainCon .qyfcIntro li span {
display: block;
width: 278px;
height: 185px;
border: 1px solid #e4e4e4;
overflow: hidden
}
.qyfcSection .mainCon .qyfcIntro li img {
display: block;
width: 278px;
height: 220px;
transform: scale(1);
transition: all 1s ease-out
}
.qyfcSection .mainCon .qyfcIntro li:hover img {
transform: scale(1.2)
}
.qyfcSection .mainCon .qyfcIntro li a {
display: block;
text-decoration: none
}
.qyfcSection .mainCon .qyfcIntro li em {
display: block;
margin-top: 14px;
font-size: 16px;
color: #333
}
.honor {
width: 100%
}
.honorSection {
width: 910px;
float: right
}
.honorSection .mainCon {
border: 1px solid #e4e4e4;
padding-top: 28px;
width: 908px
}
.honorSection .mainCon .honorShow {
width: 870px;
margin: 20px auto 0;
padding-bottom: 17px;
overflow: hidden
}
.honorSection .mainCon .honorShow .box {
height: 295px;
margin-bottom: 24px
}
.honorSection .mainCon .honorShow .box ul {
height: 368px
}
.honorSection .mainCon .honorShow .box li {
width: 270px;
float: left;
margin-left: 25px;
text-align: center
}
.honorSection .mainCon .honorShow .box li:nth-child(1),
.honorSection .mainCon .honorShow .box li:nth-child(4) {
margin-left: 0
}
.honorSection .mainCon .honorShow .box li span {
display: block;
width: 268px;
height: 195.91px;
border: 1px solid #e4e4e4;
overflow: hidden
}
.honorSection .mainCon .honorShow .box li img {
display: block;
width: 268px;
height: 196px;
transform: scale(1);
transition: all 1s ease-out
}
.honorSection .mainCon .honorShow .box li:hover img {
transform: scale(1.2)
}
.honorSection .mainCon .honorShow .box li em {
display: block;
margin-top: 10px;
font-size: 16px;
color: #333;
height: 40px;
line-height: 25px;
overflow: hidden;
width: 270px;
white-space: nowrap;
text-overflow: ellipsis
}
.honorSection .mainCon .honorShow .box li a {
text-decoration: none;
display: block
}
dl.dl_2 {
width: 280px;
float: left;
margin: 0 5px;
text-align: center;
margin-bottom: 26px
}
dl.dl_2 dt {
display: block;
width: 278px;
height: 185px;
border: 1px solid #e4e4e4;
overflow: hidden
}
dl.dl_2 dt img {
display: block;
width: 278px;
height: 185px;
transform: scale(1);
transition: all 1s ease-out
}
dl.dl_2:hover dt img {
transform: scale(1.2)
}
dl.dl_2 dd {
float: left;
width: 280px;
margin: 8px 0;
height: 24px;
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
dl.dl_2 dd {
color: #333;
font-size: 14px;
line-height: 24px;
-webkit-transition: all .2s ease-out 0s;
-moz-transition: all .2s ease-out 0s;
-o-transition: all .2s ease-out 0s;
transition: all .2s ease-out 0s
}
dl.dl_2:hover dt img {
background: #0a8511
}
dl.dl_2:hover dd {
color: #0a8511;
text-decoration: none
}
dl.dl_2:hover dd a {
color: #0a8511;
text-decoration: none
}
dl.dl_42 {
width: 280px;
height: 350px;
margin-right: 15px;
float: left;
margin-bottom: 20px
}
dl.dl_42.noMl {
margin-right: 0
}
dl.dl_42 dt {
display: block;
width: 280px;
height: 214.75px;
overflow: hidden
}
dl.dl_42 dt .Pic {
width: 278px;
height: 214.75px;
border: 1px solid #e4e4e4;
overflow: hidden;
display: block
}
dl.dl_42 dt img {
display: block;
transform: scale(1);
transition: all 2s ease-out;
width: 278px;
height: 212px
}
dl.dl_42 dt:hover img {
transform: scale(1.2)
}
dl.dl_42 dd {
padding: 13px 2px 0;
height: 118px;
background: #fff;
position: relative
}
dl.dl_42 dd h4 {
font-size: 16px;
color: #333;
font-weight: 400;
width: 280px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
dl.dl_42 dd h4 a {
color: #333;
text-decoration: none;
font-weight: 700
}
dl.dl_42 dd p {
line-height: 22px;
color: #666;
font-size: 14px;
margin-top: 14px
}
dl.dl_42 dd .btn {
overflow: hidden;
width: 241px;
height: 42px;
background: url(../images/prolistbg01.png) no-repeat center;
position: absolute;
bottom: 0;
left: 20px
}
dl.dl_42 dd .btn a {
display: block;
width: 120px;
height: 42px;
line-height: 42px;
text-align: center;
float: left;
font-size: 14px;
color: #777;
text-decoration: none
}
dl.dl_42 dd .btn a i {
display: inline-block;
width: 7px;
height: 12px;
background: url(../images/mub02_jt03.png) no-repeat center;
margin-left: 8px;
position: relative;
top: 2px
}
dl.dl_42 dd .btn a:first-child {
border-right: 1px solid #eaeaea
}
dl.dl_42 dd .btn a:hover {
color: #fff
}
dl.dl_42 dd:hover h4 a {
color: #0a8511
}
dl.dl_42 dd .btn a.more:hover {
background: url(../images/prolistbg02.png) no-repeat center
}
dl.dl_42 dd .btn a.more:hover i {
background: url(../images/mub02_jt02.png) no-repeat center
}
dl.dl_42 dd .btn a.zx:hover {
background: url(../images/prolistbg03.png) no-repeat center
}
dl.dl_42 dd .btn a.zx:hover i {
background: url(../images/mub02_jt02.png) no-repeat center
}
dl.dl_yy {
width: 280px;
height: 390px;
margin-right: 15px;
float: left;
margin-bottom: 20px
}
dl.dl_yy.noMl {
margin-right: 0
}
dl.dl_yy dt {
display: block;
width: 280px;
height: 214.75px;
overflow: hidden
}
dl.dl_yy dt .Pic {
width: 278px;
height: 214.75px;
border: 1px solid #e4e4e4;
overflow: hidden;
display: block
}
dl.dl_yy dt img {
display: block;
transform: scale(1);
transition: all 2s ease-out;
width: 278px;
height: 215px
}
dl.dl_yy dt:hover img {
transform: scale(1.2)
}
dl.dl_yy dd {
padding: 13px 2px 0;
height: 160px;
background: #fff;
position: relative
}
dl.dl_yy dd h4 {
font-size: 16px;
color: #333;
font-weight: 400;
width: 280px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
dl.dl_yy dd h4 a {
color: #333;
text-decoration: none;
font-weight: 700
}
dl.dl_yy dd p {
line-height: 22px;
color: #666;
font-size: 14px;
margin-top: 14px
}
dl.dl_yy dd .btn {
overflow: hidden;
width: 241px;
height: 42px;
background: url(../images/prolistbg01.png) no-repeat center;
position: absolute;
bottom: 0;
left: 20px
}
dl.dl_yy dd .btn a {
display: block;
width: 120px;
height: 42px;
line-height: 42px;
text-align: center;
float: left;
font-size: 14px;
color: #777;
text-decoration: none
}
dl.dl_yy dd .btn a i {
display: inline-block;
width: 7px;
height: 12px;
background: url(../images/mub02_jt03.png) no-repeat center;
margin-left: 8px;
position: relative;
top: 2px
}
dl.dl_yy dd .btn a:first-child {
border-right: 1px solid #eaeaea
}
dl.dl_yy dd .btn a:hover {
color: #fff
}
dl.dl_yy dd:hover h4 a {
color: #0a8511
}
dl.dl_yy dd .btn a.more:hover {
background: url(../images/prolistbg02.png) no-repeat center
}
dl.dl_yy dd .btn a.more:hover i {
background: url(../images/mub02_jt02.png) no-repeat center
}
dl.dl_yy dd .btn a.zx:hover {
background: url(../images/prolistbg03.png) no-repeat center
}
dl.dl_yy dd .btn a.zx:hover i {
background: url(../images/mub02_jt02.png) no-repeat center
}
dl.dl_2s {
float: left;
width: 205px;
margin-bottom: 16px;
margin-right: 16px
}
dl.dl_2s.noMl {
margin-right: 0
}
dl.dl_2s dt img {
width: 205px;
height: 201px;
background: #eee;
display: block;
overflow: hidden;
padding: 2px;
transition: background .5s ease;
-o-transition: background .5s ease;
-moz-transition: background .5s ease;
-webkit-transition: background .5s ease
}
dl.dl_2s dd {
float: left;
width: 205px;
margin: 8px 0;
height: 24px;
text-align: center
}
dl.dl_2s dd {
color: #333;
font-size: 14px;
line-height: 24px;
-webkit-transition: all .2s ease-out 0s;
-moz-transition: all .2s ease-out 0s;
-o-transition: all .2s ease-out 0s;
transition: all .2s ease-out 0s
}
dl.dl_2s dd h4 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
dl.dl_2s:hover dt img {
background: #0a8511
}
dl.dl_2s:hover dd {
color: #0a8511;
text-decoration: none
}
dl.dl_2s:hover dd a {
color: #0a8511;
text-decoration: none
}
dl.dl_yl {
width: 280px;
float: left;
margin: 0 5px;
text-align: center;
margin-bottom: 26px
}
dl.dl_yl dt {
display: block;
width: 278px;
height: 185px;
border: 1px solid #e4e4e4;
overflow: hidden
}
dl.dl_yl dt img {
display: block;
width: 278px;
height: 185px;
transform: scale(1);
transition: all 1s ease-out
}
dl.dl_yl:hover dt img {
transform: scale(1.2)
}
dl.dl_yl dd {
float: left;
width: 280px;
margin: 8px 0;
height: 24px;
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
dl.dl_yl dd {
color: #333;
font-size: 14px;
line-height: 24px;
-webkit-transition: all .2s ease-out 0s;
-moz-transition: all .2s ease-out 0s;
-o-transition: all .2s ease-out 0s;
transition: all .2s ease-out 0s
}
dl.dl_yl:hover dt img {
background: #0a8511
}
dl.dl_yl:hover dd {
color: #0a8511;
text-decoration: none
}
dl.dl_yl:hover dd a {
color: #0a8511;
text-decoration: none
}
.newsList {
width: 100%
}
.newsListSection {
width: 910px;
float: right
}
.newsListSection .mainCon {
border: 1px solid #e4e4e4;
padding-top: 28px;
width: 908px
}
.newsListSection .newsListIntro {
width: 870px;
margin: 40px auto 0
}
.newsListSection .newsListIntro .box1 {
padding-bottom: 20px
}
.newsListSection .newsListIntro .box1 dt {
float: left;
width: 290px;
height: 190px;
float: left;
overflow: hidden
}
.newsListSection .newsListIntro .box1 dt img {
display: block;
width: 290px
}
.newsListSection .newsListIntro .box1 dd {
width: 552px;
float: right;
position: relative;
height: 153px;
position: relative;
position: relative
}
.newsListSection .newsListIntro .box1 dd h3 {
font-size: 16px;
color: #333;
font-weight: 700;
width: 550px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.newsListSection .newsListIntro .box1 dd h3 a {
color: #333;
text-decoration: none
}
.newsListSection .newsListIntro .box1 dd p {
font-size: 14px;
color: #666;
line-height: 24px;
margin-top: 18px
}
.newsListSection .newsListIntro .box1 dd a.more {
font-size: 13px;
color: #999;
text-decoration: none;
text-align: center;
width: 110px;
height: 40px;
line-height: 40px;
display: block;
position: absolute;
left: 0;
bottom: 0;
border: 1px solid #e4e4e4
}
.newsListSection .newsListIntro .box1 dd a.more:hover {
background: #0a8511;
color: #fff;
border-color: #0a8511
}
.newsListSection .newsListIntro .box1 dd:hover h3 a {
color: #0a8511
}
.newsListSection .newsListIntro .box2 dl {
padding: 18px 0;
border-top: 1px solid #e4e4e4
}
.newsListSection .newsListIntro .box2 dt {
width: 170px;
height: 104px;
background: #f5f5f5;
text-align: center;
padding-top: 32px;
float: left
}
.newsListSection .newsListIntro .box2 dt span {
display: block;
font-size: 42px;
color: #666;
font-weight: 700;
font-family: arial
}
.newsListSection .newsListIntro .box2 dt em {
font-size: 16px;
color: #666;
display: block;
font-family: arial
}
.newsListSection .newsListIntro .box2 dd {
width: 682px;
height: 136px;
position: relative;
float: right
}
.newsListSection .newsListIntro .box2 dd h3 {
font-size: 16px;
color: #333;
font-weight: 700;
width: 628px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.newsListSection .newsListIntro .box2 dd h3 a {
color: #333;
text-decoration: none
}
.newsListSection .newsListIntro .box2 dd p {
line-height: 24px;
margin-top: 14px;
font-size: 14px;
color: #666;
width: 628px
}
.newsListSection .newsListIntro .box2 dd p a {
color: #666;
text-decoration: none
}
.newsListSection .newsListIntro .box2 dd span {
display: block;
padding-left: 25px;
position: absolute;
left: 0;
bottom: 0;
background: url(../images/label.png) no-repeat left center;
line-height: 18px
}
.newsListSection .newsListIntro .box2 dd span a {
color: #999;
font-size: 12px
}
.newsListSection .newsListIntro .box2 dd a.more {
display: block;
width: 37px;
height: 37px;
position: absolute;
right: 0;
top: 50%;
margin-top: -18px;
overflow: hidden
}
.newsListSection .newsListIntro .box2 dd a.more img {
display: block;
position: relative
}
.newsListSection .newsListIntro .box2 dl:hover dt {
background: #0a8511
}
.newsListSection .newsListIntro .box2 dl:hover dt span,
.newsListSection .newsListIntro .box2 dl:hover dt em {
color: #fff
}
.newsListSection .newsListIntro .box2 dl:hover dd h3 a {
color: #0a8511
}
.newsListSection .newsListIntro .box2 dl:hover dd a.more img {
top: -37px
}
.newsCenter {
width: 100%
}
.newsCenterSection {
width: 910px;
float: right
}
.newsCenterSection .mainCon {
border: 1px solid #e4e4e4;
width: 908px
}
.newsCenterSection .newsCenterIntro {
width: 870px;
margin: 0 auto
}
.newsCenterSection .newsCenterIntro .box {
padding-bottom: 16px
}
.newsCenterSection .newsCenterIntro .box:first-child .mub02Top2 {
background-image: none
}
.newsCenterSection .newsCenterIntro .box dl {
margin-top: 30px
}
.newsCenterSection .newsCenterIntro .box dt {
float: left;
width: 290px;
height: 190px;
float: left
}
.newsCenterSection .newsCenterIntro .box dt img {
display: block;
width: 290px;
height: 151px
}
.newsCenterSection .newsCenterIntro .box dd {
width: 552px;
float: right;
position: relative;
height: 153px;
position: relative;
position: relative
}
.newsCenterSection .newsCenterIntro .box dd h3 {
font-size: 16px;
color: #333;
font-weight: 400;
width: 550px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.newsCenterSection .newsCenterIntro .box dd h3 a {
color: #333;
text-decoration: none
}
.newsCenterSection .newsCenterIntro .box dd p {
font-size: 14px;
color: #666;
line-height: 24px;
margin-top: 12px
}
.newsCenterSection .newsCenterIntro .box dd a.more {
font-size: 13px;
color: #999;
text-decoration: none;
text-align: center;
width: 110px;
height: 40px;
line-height: 40px;
display: block;
position: absolute;
left: 0;
bottom: 0;
border: 1px solid #e4e4e4
}
.newsCenterSection .newsCenterIntro .box dd a.more:hover {
background: #0a8511;
color: #fff;
border-color: #0a8511
}
.newsCenterSection .newsCenterIntro .box dd:hover h3 a {
color: #0a8511
}
.newsCenterSection .newsCenterIntro .box ul {
width: 106%;
margin-top: 1px
}
.newsCenterSection .newsCenterIntro .box li {
width: 416px;
overflow: hidden;
margin-right: 38px;
float: left;
margin-bottom: 13px
}
.newsCenterSection .newsCenterIntro .box li a {
display: block;
font-size: 14px;
color: #333;
float: left;
width: 302px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.newsCenterSection .newsCenterIntro .box li a:hover {
color: #0a8511
}
.newsCenterSection .newsCenterIntro .box li span {
display: block;
font-size: 14px;
color: #999;
font-family: arial;
float: right
}
.newsDetails {
width: 100%
}
.newsDetails .InpageSidebar01 {
float: right
}
.newsDetailsSection {
width: 910px;
float: left;
position: relative
}
.newsDetailsSection .article {
border: 1px solid #e4e4e4;
width: 908px;
position: relative
}
.newsDetailsSection .article .conBox {
padding: 20px 19px 0
}
.newsDetailsSection .article .title h1 {
font-size: 22px;
color: #333;
font-weight: 400;
margin-bottom: 20px
}
.newsDetailsSection .article .title .share {
width: 100%;
height: 24px
}
.newsDetailsSection .article .title .share p {
float: left;
overflow: hidden
}
.newsDetailsSection .article .title .share p span {
display: block;
font-size: 12px;
color: #999;
float: left;
padding: 0 8px;
border-left: 1px dotted #b6b6b6;
float: left
}
.newsDetailsSection .article .title .share p span:first-child {
padding-left: 0;
border-left: none
}
.newsDetailsSection .article .title .share p span #cntrHits {
float: right
}
.newsDetailsSection .article .title .share ul {
float: right
}
.newsDetailsSection .article .title .share li {
margin-left: 7px;
width: 24px;
height: 24px;
float: left
}
.newsDetailsSection .article .title .share li img {
display: block
}
.newsDetailsSection .article .title i {
width: 100%;
display: block;
height: 3px;
background: #e7e7e7;
margin-top: 12px;
background: url(../images/mub02top2_xian.png) no-repeat center
}
.newsDetailsSection .article .title p.label {
font-size: 12px;
color: #999;
display: block;
padding-left: 26px;
background: url(../images/label.png) no-repeat left center;
line-height: 16px;
margin-top: 20px
}
.newsDetailsSection .article .con {
margin-top: 20px;
padding-bottom: 20px;
overflow: hidden
}
.newsDetialsArticle .article .con img {
max-width: 100%
}
.newsDetailsSection .article .con p {
line-height: 30px;
font-size: 14px;
color: #333
}
.newsDetailsSection .article .con p a {
color: #0a8511
}
.newsDetailsSection .article .context {
width: 100%;
border-top: 1px solid #e7e7e7;
background: #fff;
height: 60px
}
.newsDetailsSection .article .context p {
width: 454px;
float: left;
height: 60px;
line-height: 60px
}
.newsDetailsSection .article .context p a {
font-size: 13px;
color: #666;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.newsDetailsSection .article .context p.prevNews a {
margin-left: 20px;
padding-left: 20px;
background: url(../images/mub02_jt01.png) no-repeat left center
}
.newsDetailsSection .article .context p.NextNews a {
margin-right: 20px;
padding-right: 20px;
text-align: right;
background: url(../images/mub02_jt03.png) no-repeat right center
}
.newsDetailsSection .article .context p.prevNews a:hover {
background: url(../images/mub02_jt05.png) no-repeat left center;
color: #0a8511
}
.newsDetailsSection .article .context p.NextNews a:hover {
background: url(../images/mub02_jt04.png) no-repeat right center;
color: #0a8511
}
.newsDetailsSection .article .context p.NextNews {
border-left: 1px solid #e7e7e7;
width: 444px
}
.newsDetailsSection .backNewsList {
width: 58px;
height: 101px;
display: block;
position: absolute;
left: -58px;
top: 0;
cursor: pointer
}
.HelpDetails {
width: 100%
}
.HelpDetailsSection {
width: 910px;
float: right;
position: relative
}
.HelpDetailsSection .article {
border: 1px solid #e4e4e4;
width: 908px;
position: relative
}
.HelpDetailsSection .article .conBox {
padding: 34px 19px 0
}
.HelpDetailsSection .article .title h1 {
font-size: 24px;
color: #333;
font-weight: 400;
margin-bottom: 30px
}
.HelpDetailsSection .article .title .share {
width: 100%;
height: 24px
}
.HelpDetailsSection .article .title .share p {
float: left;
overflow: hidden
}
.HelpDetailsSection .article .title .share p span {
display: block;
font-size: 12px;
color: #999;
float: left;
padding: 0 8px;
border-left: 1px dotted #b6b6b6;
float: left
}
.HelpDetailsSection .article .title .share p span:first-child {
padding-left: 0;
border-left: none
}
.HelpDetailsSection .article .title .share p span #cntrHits {
float: right
}
.HelpDetailsSection .article .title .share ul {
float: right
}
.HelpDetailsSection .article .title .share li {
margin-left: 7px;
width: 24px;
height: 24px;
float: left
}
.HelpDetailsSection .article .title .share li img {
display: block
}
.HelpDetailsSection .article .title i {
width: 100%;
display: block;
height: 3px;
background: #e7e7e7;
margin-top: 18px;
background: url(../images/mub02top2_xian.png) no-repeat center
}
.HelpDetailsSection .article .title p.label {
font-size: 12px;
color: #999;
display: block;
padding-left: 26px;
background: url(../images/label.png) no-repeat left center;
line-height: 16px;
margin-top: 24px
}
.HelpDetailsSection .article .con {
margin-top: 40px;
padding-bottom: 40px;
overflow: hidden
}
.HelpDetailsSection .article .con p {
line-height: 30px;
font-size: 14px;
color: #333
}
.HelpDetailsSection .article .context {
width: 100%;
border-top: 1px solid #e7e7e7;
background: #fff;
height: 60px
}
.HelpDetailsSection .article .context p {
width: 454px;
float: left;
height: 60px;
line-height: 60px
}
.HelpDetailsSection .article .context p a {
font-size: 13px;
color: #666;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.HelpDetailsSection .article .context p.prevNews a {
margin-left: 20px;
padding-left: 20px;
background: url(../images/mub02_jt01.png) no-repeat left center
}
.HelpDetailsSection .article .context p.NextNews a {
margin-right: 20px;
padding-right: 20px;
text-align: right;
background: url(../images/mub02_jt03.png) no-repeat right center
}
.HelpDetailsSection .article .context p.prevNews a:hover {
background: url(../images/mub02_jt05.png) no-repeat left center;
color: #0a8511
}
.HelpDetailsSection .article .context p.NextNews a:hover {
background: url(../images/mub02_jt04.png) no-repeat right center;
color: #0a8511
}
.HelpDetailsSection .article .context p.NextNews {
border-left: 1px solid #e7e7e7;
width: 444px
}
.HelpDetailsSection .backNewsList {
width: 59px;
height: 59px;
display: block;
position: absolute;
left: -59px;
top: 0;
cursor: pointer
}
.proListSecCon {
width: 100%;
background: #f5f5f5;
padding-top: 6px;
padding-bottom: 20px
}
.proListSecCon .proListSecItem {}
.proListSecCon .proListSecItem dl {
margin-bottom: 15px
}
.proListSecCon .proListSecItem dt {
background: #fff;
width: 144px;
height: 40px;
line-height: 40px;
text-align: center;
float: left
}
.proListSecCon .proListSecItem dd {
float: left;
margin-left: 5px;
padding-top: 9px;
width: 960px
}
.proListSecCon .proListSecItem dd a {
display: block;
font-size: 15px;
color: #666;
float: left;
margin-right: 14px;
text-decoration: none;
line-height: 24px;
font-family: arial;
border-radius: 10%;
padding: 2px 10px
}
.proListSecCon .proListSecItem dd a:hover {
color: #0a8511
}
.proListSecCon .proListSecItem dd a.cur {
color: #fff;
background: #0a8511
}
.proListSecCon .proListSelect {
padding-top: 12px;
width: 1130px;
border-top: 1px solid #0a8511;
padding-bottom: 14px
}
.proListSecCon .proListSelect span {
display: block;
font-size: 14px;
color: #333;
font-weight: 700;
float: left;
line-height: 30px;
margin-right: 10px
}
.proListSecCon .proListSelect span.nyxz {
width: 144px;
height: 40px;
line-height: 40px;
text-align: center;
float: left
}
.proListSecCon .proListSelect p {
width: 950px;
float: left
}
.proListSecCon .proListSelect a {
display: inline-block;
*display: inline-block;
height: 30px;
line-height: 30px;
border: 1px solid #e4e4e4;
padding: 0 12px;
margin-right: 5px;
text-decoration: none
}
.proListSecCon .proListSelect a em {
font-size: 14px;
color: #333;
margin-right: 6px
}
.proListSecCon .proListSelect a i {
display: inline-block;
*display: inline-block;
width: 15px;
height: 15px;
background: url(../images/prolistselect_icon01.png) no-repeat center;
position: relative;
top: 3px
}
.proListSecCon .proListSelect a:hover {
border-color: #0a8511
}
.proListSecCon .proListSelect a:hover em {
color: #0a8511
}
.proListSecCon .proListSelect a:hover i {}
.proListSecCon .proListSelect .pro_result span {
display: inline-block;
*display: inline-block;
height: 40px;
line-height: 40px;
border: 1px solid #e4e4e4;
padding: 0 12px;
margin-right: 5px;
text-decoration: none;
cursor: pointer
}
.proListSecCon .proListSelect .pro_result span em {
font-size: 14px;
color: #333;
margin-right: 6px
}
.proListSecCon .proListSelect .pro_result span i {
display: inline-block;
*display: inline-block;
width: 15px;
height: 15px;
background: url(../images/prolistselect_icon01.png) no-repeat center;
position: relative;
top: 3px
}
.proListSecCon .proListSelect .pro_result span:hover {
border-color: #0a8511
}
.proListSecCon .proListSelect .pro_result span:hover em {
color: #0a8511
}
.proListSecCon .proListSelect .pro_result span:hover i {
background: url(../images/prolistselect_icon02.png) no-repeat center #0a8511
}
.module_form_content {
width: 85%;
padding-top: 40px
}
.module_form_content .btn-area {
padding-left: 130px !important
}
.module_form_content .btn-area .btn-submit {
margin-right: 0 !important
}
.module_field {
overflow: hidden;
zoom: 1;
padding: 5px 0;
clear: both
}
.module_field:after {
content: "";
display: table;
clear: both
}
.module_field .c_left {
float: left;
width: 100px;
padding-right: 30px;
color: #333;
font-size: 14px;
line-height: 46px;
text-align: right
}
.module_field .middle {
display: block;
overflow: hidden;
zoom: 1
}
.module_field .middle .input {
float: none !important;
width: 90%;
padding: 10px 16px;
font-size: 14px;
transition: all .3s linear;
vertical-align: top;
box-sizing: border-box
}
.module_field .middle .input[name=code1] {
float: left !important;
width: 50% !important;
padding: 10px 16px !important
}
.module_field .middle textarea.input {
min-height: 166px
}
.btn-area .btn-submit,
.btn-area .reset {
color: #fff
}
.btn-area .reset {
color: #999
}
.btn-area .btn-submit {
background: #52bb9d;
margin-right: 10px
}
.btn-area .btn-submit:hover {
background: #f6aa26
}
.btn-area .reset {
background: #122922;
color: #fff
}
.btn-area .reset:hover {
background: #000f16
}
.btn-area {
padding: 20px 0 !important
}
.btn-area .btn-submit,
.btn-area .reset {
display: inline-block;
width: 49%;
height: 44px;
border: 0;
font-size: 18px;
line-height: 44px;
transition: all .3s linear;
z-index: 1;
vertical-align: top
}
.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
}
.selectbox {
width: 430px;
}
.selectbox .select {
border: 0;
outline: 0;
color: #fff;
background: #0a8511;
width: 32%;
border-bottom: 1px solid #fff;
font-size: 16px;
}
/*网分页样式*/
.pageno{clear: both;margin:40px auto 20px auto; overflow: hidden; text-align: center;font-size:14px;}
.page-numbar .page-num {
border: 1px solid #ccc;
padding: 6px 15px;
margin: 0 1px;
line-height: 24px;
background: #fff;
color: #999;
border-radius: 2px;
}
.page-numbar a{
display: inline-block;
}
.page-numbar .page-num:hover{background:#333;color:#fff;border: 1px solid #0e75c8}
.page-numbar .page-num:hover a{color:#fff;}
.pageno .page-num-current{display: inline-block;border: 1px solid #0e75c8;padding:6px 15px;margin: 0 1px;background: #333;color: #fff;}
.pageno .page-num-current {
color: #FFFFFF;
}
.pageno .page-index,.pageno .page-status,.pageno .page-last{display: inline-block;border: 1px solid #ccc;padding: 6px 15px;margin: 0 1px;line-height:24px;background: #fff;color:#ccc;border-radius:2px}
.pageno .page-index a,.pageno .page-next a,.pageno .page-last a{
color:#999;
}
.pageno .page-index:hover{background:#333;color:#fff;border: 1px solid #0e75c8}
.pageno .page-pre:hover{background:#333;color:#fff;border: 1px solid #0e75c8}
.pageno .page-next:hover{background:#333;color:#fff;border: 1px solid #0e75c8}
.pageno .page-last:hover{background:#333;color:#fff;border: 1px solid #0e75c8}
.pageno .page-index:hover a{color:#fff;}
.pageno .page-pre:hover a{color:#fff;}
.pageno .page-next:hover a{color:#fff;}
.pageno .page-last:hover a{color:#fff;}
.page-numbar>span,.page-next,.page-pre{
display: none;
}