body {
    color: #525252;
    font-size: 12px;
    margin: 0 auto;
    background: #fff;
    font-family: "微软雅黑";
}

a {
    color: #525252;
    text-decoration: none;
}

a:hover {
    color: #018E42;
    text-decoration: none;
}

div,
ul,
li,
span,
p,
img,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px;
    padding: 0px;
    list-style: none;
    border: 0px;
}

img {
    vertical-align: middle;
}

.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

#top,
#sou,
#head,
#nav,
#sou,
#nprod_more,
#company,
#prod,
#news,
#foot,
#link,
#bott_nav {
    width: 1100px;
    height: auto;
    margin: 0 auto;
}

.main {
    width: 1100px;
    height: auto;
    margin: 0 auto;
    margin-top: 5px;
}

/*top*/
.top_bj {
    background: #F8F8F8;
    height: 29px;
    border-bottom: 1px solid #DBDBDB;
    width: 100%;
    margin: 0 auto;
    line-height: 29px;
    color: #6A6A6A;
}

.head_bj {
    background: url(../images/xbb_03.jpg) repeat-x top center;
    width: 100%;
    margin: 0 auto;
}

.logo {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    height: 100px;
}

.logo img {
    display: block;
    margin: 0 auto;
    max-height: 100px;
}

.tel {}

.top_l {}

/*nav*/
.nav_bj {
    background: url(../images/xb_13.jpg) repeat-x top left;
    height: 40px;
    line-height: 40px;
    width: 100%;
    margin: 0 auto;
}

.a {
    float: left;
    background: url(../images/xb_11.jpg) no-repeat top left;
    padding: 0px 26px;
    font-size: 15px;
    font-weight: bold;
}

#nav li a {
    color: #fff;
}

#nav li a:hover {
    color: #ffff00;
}

.no {
    float: left;
    padding: 0px 26px;
    font-size: 15px;
    font-weight: bold;
    background: #01652F;
}

.a:hover {
    background: #01652F;
}

.a:hover>.b {
    display: block;
}

.b {
    display: none;
    position: absolute;
    margin-left: -26px;
    width: 112px;
}

.b li {
    position: relative;
    font-size: 15px;
    font-weight: bold;
    z-index: 111;
    text-align: center;
    background-color: #009343;
}

.b li:hover {
    background-color: #01652F;
}

/*sou*/
.sou_bj {
    background: #01652F;
    height: 34px;
    line-height: 34px;
    color: #fff;
}

#sou li {
    float: left;
    padding: 0px 10px;
}

#sou a {
    color: #fff;
}

#sou a:hover {
    text-decoration: underline;
}

.banner_yin {
    background: url(../images/xb_18.jpg) no-repeat top center;
    height: 45px;
}

/*banner*/
.fullwidthbanner-container {
    width: 1100px !important;
    position: relative;
    padding: 0;
    height: 450px !important;
    margin: 0 auto;
    overflow: hidden;
}

.fullwidthbanner-container .fullwidthbanner ul li img {
    width: 1100px;
    height: 450px;
    margin: 0 auto;
    object-fit: cover;
    overflow: hidden;
}

.fullwidthbanner-container1 {
    width: 1100px;
    margin: 0 auto;
    position: relative;
    padding: 0;
    max-height: 240;
    overflow: hidden;
    margin-top: 3px;
}

.fullwidthbanner-container1 img {
    display: block;
    width: 1100px;
    margin: 0 auto;
    max-height: 240;
}

.banner_yin1 {
    background: url(../images/xb_19.png) no-repeat top center;
    height: 45px;
    width: 1100px;
    margin: 0 auto;
    overflow: hidden;
}

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {
    background: #e1472f !important;
}

.tp-leftarrow:hover,
.tp-rightarrow:hover {
    background-color: #e1472f !important;
}

.tp-leftarrow.large {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: #393939 url(../images/slider-left-arrow.png) no-Repeat;
    width: 42px;
    height: 43px;
    margin-left: 0px;
    margin-top: -21px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

.tp-rightarrow.large {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: #393939 url(../images/slider-right-arrow.png) no-Repeat 0 0;
    width: 42px;
    height: 43px;
    margin-left: 0;
    margin-top: -21px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

/*newprod*/
#newpord {
    width: 1156px;
    margin: 0 auto;
}

.newprod_tit {
    width: 100%;
    margin: 0 auto;
}

.newprod_tit h2 {
    text-align: center;
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    color: #007F31;
}

.nprod_b {
    padding: 26px 0px;
}

.nprod_b .anniu {
    padding-top: 160px;
}

.nprod_bq {
    width: 1100px;
}

.nprod_bq ul {
    overflow: hidden;
}

.nprod_bq li {
    float: left;
    width: 245px;
    margin: 0px 14px;
    border: 1px solid #D6D6D6;
}

.nprod_bq li .tu {
    width: 100%;
}

.nprod_bq li .tu img {
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 4;
    object-fit: cover;
}

.nprod_bq li .wz {
    background: #242424;
    line-height: 25px;
    text-align: center;
    font-size: 13px;
    color: #ff3300;
    padding: 10px 0px;
    width: 245px;
    height: 60px;
}

.nprod_bq li .wz a {
    color: #D6D6D6;
    font-size: 16px;
}

.jiage {
    color: #ff3300;
}

.nprod_more {
    background: url(../images/xb_36.jpg) no-repeat top center;
    width: 100%;
    margin: 0 auto;
    height: 27px;
    margin-top: 10px;
    margin-bottom: 40px;
}

.nprod_more .morebtn {
    display: block;
    width: 100px;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    color: #A7CEB6;
    padding: 5px 15px;
    background-color: #007F31;
    border: 1px solid #009343;
    border-radius: 10px;
}

.bj_hover {
    width: 222px;
    height: 292px;
    background: rgba(18, 21, 44, 0.7);
    left: 0px;
    bottom: 0px;
    padding: 0 12px;
}

/*company*/
.com_bj {
    background: url(../images/xbb_42.jpg) no-repeat top center;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 30px;
    height: 327px;
}

.com_video {
    width: 40%;
    border: 3px #fff solid;
    margin: 0 auto;
}

.com_wz {
    width: 42%;
    padding: 20px 70px 20px 20px;
}

.com_wz h3 {
    font-size: 22px;
    padding: 15px 0;
    margin-left: -115px;
    color: #87c208;
}

.com_wz .desc {
    font-size: 16px;
    line-height: 26px;
    color: #020f16;
}

.more {
    margin-top: 15px;
}

.more .morebtn {
    display: block;
    width: 100px;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    color: #a12052;
    padding: 5px 15px;
    background-color: #87c208;
    border: 1px solid #87c208;
    border-radius: 10px;
}

/*prod*/
.left {
    width: 211px;
}

.left_tit {
    height: 55px;
    line-height: 55px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    background: #00893D;
}

.left_t {
    background: url(../images/xb_47.jpg) no-repeat top center;
    padding-top: 20px;
    font-size: 16px;
    padding-left: 50px;
    line-height: 29px;
}

left_list ul {
    overflow: hidden;
}

.left_list li {
    background: url(../images/xb_56.jpg) no-repeat top center;
    height: 48px;
    line-height: 48px;
    padding-left: 50px;
    font-size: 14px;
}

.left_list li a {
    color: #E58700;
}

.left_b {
    background: url(../images/xb_60.jpg) no-repeat top center;
    height: 48px;
}

.right {
    width: 860px;
}

.right_tit {
    color: #018E42;
    height: 38px;
    line-height: 38px;
    border-bottom: 1px solid #B2DBC4;
}

.right_l {
    font-size: 18px;
    border-bottom: 5px solid #00893D;
    height: 36px;
    line-height: 30px;
}

.right_b {
    margin-top: 10px;
}

.right_b li {
    float: left;
    overflow: hidden;
    width: 260px;
    margin-right: 10px;
    margin-left: 8px;
    margin-top: 8px;
}

.prod_tu {
    background: url(../images/xb_50.jpg) no-repeat;
    padding-left: 5px;
    padding-top: 4px;
    background-size: 260px 300px;
    width: 260px;
    height: 300px;
}

.prod_tu img {
    display: block;
    width: 250px;
    height: 290px;
    object-fit: cover;
}

.prod_wz {
    text-align: center;
    padding: 10px 0 20px;
    font-size: 16px;
    line-height: 20px;
    height: 42px;
}

.prod_xian {
    background: url(../images/xb_63.jpg) no-repeat top center;
    margin: 30px auto;
    height: 9px;
}

/*youshi*/
.youshi_t {
    background: url(../images/xb_66.jpg) no-repeat top center;
    width: 100%;
    margin: 0 auto;
    height: 27px;
}

.youshi_bj1 {
    background: url(../images/xbb_76.jpg) no-repeat top center;
    width: 100%;
    margin: 0 auto;
    height: 225px;
}

.youshi_bj2 {
    background: url(../images/xbb_77.jpg) no-repeat top center;
    width: 100%;
    margin: 0 auto;
    height: 225px;
}

.youshi_bj3 {
    background: url(../images/xbb_78.jpg) no-repeat top center;
    width: 100%;
    margin: 0 auto;
    height: 272px;
}

/*anli*/
#anli {
    width: 1154px;
    margin: 0 auto;
}

.anli_tit {
    width: 100%;
    margin: 0 auto;
}

.anli_tit h2 {
    text-align: center;
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    color: #007F31;
    margin-bottom: 30px;
}

.anli_bq {
    width: 1098px;
}

.anli_b .anli_anniu {
    padding-top: 130px;
}

.anli_bq li {
    float: left;
    width: 328px;
    margin: 0px 18px;
    border: 1px solid #D6D6D6;
}

.anli_bq li .anli_tu {
    width: 100%;
}

.anli_bq li .anli_tu img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.anli li .anli_wz {
    text-align: center;
    line-height: 45px;
    border-bottom: 1px solid #D5D5D5;
    margin: 20px;
    margin-top: 0px;
    margin-bottom: 17px;
    font-size: 14px;
}

.anli li .anli_wz a {
    color: #D6D6D6;
    font-size: 16px;
}

/*
.anli_b li {
    border: 1px solid #D5D5D5;
    margin: 0px 18px;
    float: left;
}

.anli_wz {
    text-align: center;
    line-height: 45px;
    border-bottom: 1px solid #D5D5D5;
    margin: 20px;
    margin-top: 0px;
    margin-bottom: 17px;
    font-size: 14px;
}

.anli_b ul {
    overflow: hidden;
}

.anli_anniu {
    margin-top: 80px;
}
*/
/*news*/
#news {
    padding-bottom: 20px;
}

.news_xian {
    background: url(../images/xb_63.jpg) no-repeat top center;
    overflow: hidden;
    margin: 30px auto;
}

.news_xian h2 {
    text-align: center;
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    color: #007F31;
    margin-top: 20px;
}

.news_l {
    width: 680px;
    border: 1px solid #DFDFDF;
    background: #F9F9F9;
}

.news_tit {
    height: 38px;
    line-height: 38px;
    border-bottom: 1px solid #DFDFDF;
}

.newstit_l {
    background: #007F31;
    padding: 0 20px;
    font-size: 16px;
    color: #fff;
}

.newstit_r {
    padding-right: 20px;
}

.news_box {
    padding: 20px;
    height: 150px;
}

.news_tu {
    width: 30%;
    float: left;
}

.news_tu img {
    display: block;
    width: 200px;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.news_wz {
    width: 65%;
    float: right;
    line-height: 25px;
    border-bottom: 1px solid #E9E9E9;
    padding-bottom: 30px;
}

.news_wz h3 {
    font-size: 16px;
    line-height: 22px;
    color: #009343;
    margin-bottom: 15px;
}

.news_wz span {
    font-size: 14px;
    line-height: 20px;
    color: #0e2e1b;
}

.news_bq {
    margin: 0px 20px 20px 20px;
}

.news_bq li {
    background: url(../images/hl_57.jpg) no-repeat;
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
}

.news_bq li span {
    float: right;
}

/*callus*/
.callus {
    width: 400px;
    border: 1px solid #DFDFDF;
    padding-bottom: 18px;
}

.callus_box {}

.callus_box li {
    width: 48%;
    display: inline-block;
}

.callus_img {
    width: 170px;
    padding: 15px;
    overflow: hidden;
}

.callus_img img {
    display: block;
    width: 100%;
    height: 105px;
    object-fit: cover;
}

.callus_wz {
    padding: 5px 15px;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    border-bottom: 1px dashed #E0E0E0;
}

/*foot*/
.foot_bj {
    background: #007F31;
    width: 100%;
    margin: 0 auto;
    margin-top: 15px;
}

.foot_t {
    background: url(../images/xb_91.jpg) no-repeat top center;
    width: 100%;
    margin: 0 auto;
    height: 36px;
    overflow: hidden;
}

.foot_nav {
    background: #DBFBD0;
    height: 32px;
    line-height: 32px;
    margin-top: 20px;
}

.foot_nav li {
    float: left;
    width: 110px;
    text-align: center;
    color: #219852;
}

.foot_nav li a {
    color: #219852;
}

.foot_l {
    line-height: 30px;
    color: #fff;
    padding: 30px 0px;
    text-align: center;
}

.foot_l a {
    color: #fff;
}

.foot_r {
    padding-top: 30px;
    padding-bottom: 30px;
}

.link_bj {
    background: #00702B;
    color: #fff;
}

.footer365jz {
    width: 100%;
    margin: 15px auto;
}

.footer365jz .linkslist {
    margin-bottom: 15px;
}

.footer365jz .linkslist li {
    display: inline-block;
    margin: 5px 10px;
    color: #d3d3d3;
    font-size: 14px;
    line-height: 18px;
}

.footer365jz .linkslist li a {
    color: #d3d3d3;
}

/*新闻列表*/
.newlist {
    margin-bottom: 20px;
}

.newlist li {
    line-height: 35px;
    overflow: hidden;
    background: url(../images/hl_88.jpg) no-repeat left center;
    padding-left: 18px;
    border-bottom: #999 1px dashed;
}

.newlist li span {
    float: right;
}

/*新闻详情*/
.new_visits {
    text-align: center;
    margin-bottom: 20px;
    border-bottom: #d3d3d3 1px dashed;
    padding-bottom: 5px;
}

.met_page {
    border-top: #d3d3d3 1px dashed;
    padding-top: 5px;
    margin-top: 20px;
    overflow: hidden;
}

.met_page span {
    float: right;
}

/*产品列表*/
.right_b_nei {
    overflow: hidden;
}

.right_b_nei li {
    float: left;
    overflow: hidden;
    width: 260px;
    margin-right: 10px;
    margin-left: 8px;
    margin-top: 8px;
}

.right_cont {
    padding: 20px 0;
    line-height: 30px;
    font-size: 13px;
}

/*产品详情*/
.pro_img img {
    display: block;
    max-width: 60%;
    height: auto;
    margin: 0 auto;
}

.pro_info {
    background: url(../images/dc.jpg) no-repeat top left;
    padding-top: 40px;
    margin-top: 25px;
}

.pro_info img,
.pro img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.prodtit_nei {
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    margin: 10px 0px;
}

.nprod_bq_nei ul {
    overflow: hidden;
}

.nprod_bq_nei li {
    float: left;
    margin: 15px 14px;
    border: 1px solid #D6D6D6;
}

/*相册列表*/
.anli_bq_nei ul {
    overflow: hidden
}

.anli_bq_nei li {
    width: 30%;
    border: 1px solid #D5D5D5;
    float: left;
    margin: 15px 12px;
}

.anli_bq_nei li .anli_tu {
    width: 100%
}

.anli_bq_nei li .anli_tu img {
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

.anli_bq_nei li .anli_wz {
    height: 50px;
    padding: 10px;
    overflow: hidden;
}


/*翻页样式*/
.digg4 {
    padding: 3px;
    margin: 3px;
    text-align: center;
    overflow: hidden;
    margin-bottom: 10px;
}

.digg4 a,
.digg4 span.miy {
    margin: 2px;
    text-decoration: none;
}

.digg4 .disabledfy {
    font-family: Tahoma, Verdana;
}

.metpager_8 a,
.metpager_8 span.miy {
    padding: 2px 5px 2px 5px;
    color: #555;
}

.metpager_8 a {
    border: 1px solid #a0a0a0;
}

.metpager_8 a:hover {
    border: 1px solid #a0a0a0;
}

.metpager_8 span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    color: #fff;
    background-color: #007F31;
    text-decoration: none;
}

.metpager_8 span.nolink {
    border: 1px solid #a9a9a9;
    padding: 2px 5px 2px 5px;
    margin: 2px;
    color: #555;
}

/*按钮*/
.button {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Microsoft Yahei;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.button:hover {
    text-decoration: none;
    color: #fff;
}

.button:active {
    position: relative;
    top: 1px;
}

.orange {
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top, #faa51a, #f47a20);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}

.orange:hover {
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top, #f88e11, #f06015);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}

.orange:active {
    color: #fcd3a5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    background: -moz-linear-gradient(top, #f47a20, #faa51a);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

input.input-text,
input.input-file,
input.code,
textarea {
    padding: 4px;
    font-size: 15px;
    outline: none;
    text-shadow: 0px 1px 0px #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ccc;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    background: #fff url(../images/dt-10.gif) repeat-x left top;
}

input.input-text:focus,
input.input-file:focus,
input.code:focus,
textarea:focus {
    border: 1px solid #fafafa;
    -webkit-box-shadow: 0px 0px 6px #007eff;
    -moz-box-shadow: 0px 0px 5px #007eff;
    box-shadow: 0px 0px 5px #007eff;
}

/*表单*/
td.text {
    width: 20%;
    padding: 6px 5px 6px 0px;
    text-align: right;
    font-size: 14px;
}

td.input {
    padding: 6px 8px;
}

td.input input {
    margin-right: 8px;
}

td.input .info {
    padding-left: 15px;
    color: #f00;
}

td.input img {
    position: relative;
    bottom: 1px;
}

td.submint {
    padding: 10px;
}


.Q_pic1,
.Q_sign1 {
    background: url(../images/kf.png) no-repeat;
}

.sign,
.signa,
.signb,
.signc,
.signd,
.signe,
.signf,
.signg,
.signh,
.signi,
.signj,
.signq {
    background: url(../images/kf.png) no-repeat;
    display: block;
}

.signi {
    background-position: -203px -484px;
    width: 10px;
    height: 30px;
    float: right;
    margin: 3px 10px 0 3px;
}

.signj {
    background-position: -233px -478px;
    width: 10px;
    height: 30px;
    float: right;
    margin: 0 5px 0 3px;
}

.QQ_S {
    width: 90px;
    height: 172px;
    position: fixed;
    right: 10px;
    top: 40%;
    z-index: 99999;
}

.Q_top {
    width: 100%;
    background: #E6E6E6;
    height: 30px;
    line-height: 30px;
    text-align: right;
    cursor: pointer;
}

.Q_botm {
    width: 84px;
    border: 3px solid #E6E6E6;
}

.Q_pic,
.Q_anser,
.Q_sign {
    width: 100%;
    height: 45px;
    border-bottom: 2px solid #E6E6E6;
    background: url(../images/kf.png) no-repeat;
    position: relative;
    overflow: hidden;
    color: white;
    text-align: center;
    cursor: pointer;
    background-color: white;
}

.Q_pic {
    background-position: 20px -458px;
}

.Q_anser {
    background-position: -242px -384px;
}

.Q_sign {
    background-position: -241px -434px;
}

.Q_anser_hide,
.Q_pic_hide,
.Q_sign_hide {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #00893D;
    left: -84px;
    -webkit-transition: left ease-in-out .3s;
    -moz-transition: left ease-in-out .3s;
    transition: left ease-in-out .3s;
}

.hide_pic,
.hide_pic1,
.hide_pic2 {
    width: 100%;
    height: 26px;
    background: url(../images/kf.png) no-repeat;
    display: block;
}

.hide_pic {
    background-position: -242px -348px;
}

.hide_pic1 {
    background-position: -100px -467px;
}

.hide_pic2 {
    background-position: -243px -479px;
}

.Q_pic:hover .Q_pic_hide,
.Q_anser:hover .Q_anser_hide,
.Q_sign:hover .Q_sign_hide,
.Q_pic1:hover .Q_pic1_hide,
.Q_sign1:hover .Q_sign1_hide {
    left: 0px;
}

.Q_pic a,
.Q_anser a,
.Q_sign a,
.Q_pic a:hover,
.Q_anser a:hover,
.Q_sign a:hover,
.Q_pic1 a,
.Q_pic1 a:hover,
.Q_sign1 a,
.Q_sign1 a:hover {
    color: white;
}

a.blank {
    width: 100%;
    height: 100%;
    display: block;
}

.QQ_S1 {
    width: 60px;
    height: 110px;
    position: fixed;
    right: 10px;
    bottom: 0;
    display: none;
    z-index: 111;
}

.Q_top1 {
    width: 100%;
    height: 30px;
    background: #E6E6E6;
    line-height: 30px;
    text-align: right;
    cursor: pointer;
}

.Q_botm1 {
    width: 56px;
    border: 2px solid #E6E6E6;
    height: 70px;
}

.Q_pic1 {
    border-bottom: 2px solid #E6E6E6;
    width: 100%;
    height: 33px;
    background-position: -55px -465px;
    position: relative;
    overflow: hidden;
    color: white;
    text-align: center;
    line-height: 33px;
    cursor: pointer;
    background-color: white;
}

.Q_sign1 {
    width: 100%;
    height: 33px;
    width: 100%;
    line-height: 33px;
    height: 35px;
    background-position: -255px -437px;
    position: relative;
    overflow: hidden;
    color: white;
    text-align: center;
    cursor: pointer;
    background-color: white;
}

.Q_pic1_hide,
.Q_sign1_hide {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #00893D;
    left: -56px;
    -webkit-transition: left ease-in-out .3s;
    -moz-transition: left ease-in-out .3s;
    transition: left ease-in-out .3s;
    cursor: pointer;
}

.Q_sign1_hide a {
    font-size: 12px;
}


.coolbg {
    cursor: pointer;
}


.jz_pages {
    padding: 20px 0;
    font-size: 14px;
    text-align: center;
    overflow: hidden
}

.jz_pages ul {
    display: inline-block;
    margin: 0 auto;
    padding: 0
}

.jz_pages ul li {
    float: left;
    font-family: 'microsoft yahei';
    margin: 0 2px;
    line-height: 25px;
    background: #fff;
    border: 1px solid #d8dadf
}

.jz_pages ul li:nth-child(1) {
    padding: 0 10px
}

.jz_pages ul li:nth-child(1) a {
    padding: 0
}

.jz_pages ul li a {
    color: #555;
    display: block;
    padding: 0 10px;
}

.jz_pages ul li:hover {
    text-decoration: none;
    color: #fff;
    border: 1px #333 solid;
    background-color: #333
}

.jz_pages ul li:hover a {
    color: #fff
}

.jz_pages ul li:hover a:hover {
    color: #fff;
    text-decoration: none
}

.jz_pages ul li.thisclass {
    background-color: #333;
    color: #fff;
    border: 1px #333 solid;
    padding: 0 10px
}

.jz_pages ul li:last-child {
    padding: 0 10px
}

.jz_pages ul li:last-child a {
    padding: 0
}

.jz_pages ul li.thisclass a {
    color: #fff;
    padding: 0
}

.jz_pages .pageinfo {
    line-height: 30px;
    padding-left: 5px
}

.jz_pages strong {
    font-weight: 400
}