/* 模板：www.adminbuy.cn */
/* QQ:9490489 */
b,
blockquote,
body,
button,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
img,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    padding: 0;
    margin: 0;
    border: 0 none
}

img,
input {
    border: 0;
    vertical-align: middle
}

li,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

form {
    padding: 0;
    margin: 0
}

td {
    FONT-SIZE: 12px
}

img {
    border: 0
}

@media screen and (min-width:320px) {

    blockquote,
    body,
    button,
    code,
    dd,
    div,
    dl,
    dt,
    fieldset,
    form,
    input,
    legend,
    lipre,
    ol,
    p,
    td,
    textarea,
    th,
    ul {
        font-size: 16px;
        font-family: '微软雅黑'
    }

}

@font-face {
    font-family: DINProb;
    src: url(/font/DINPro-Bold.otf)
}

@font-face {
    font-family: DINCond-Light;
    src: url(/font/DINCond-Light.otf)
}

a {
    COLOR: #666;
    blr: expression(this.onFocus=this.blur());
    text-decoration: none
}

a:focus {
    outline: 0
}

input,
textarea {
    outline: 0
}

a:hover {
    color: #009966;
    text-decoration: none;
    transition: .4s ease-out;
    -moz-transition: .4s ease-out;
    -webkit-transition: .4s ease-out;
    -o-transition: .4s ease-out
}

.content {

    width: 1400px;
    overflow: hidden;
    margin: 0 auto
}

.content_mbx {
    width: 1400px;
    overflow: hidden;
    margin: 0 auto
}

.concom {
    width: 1400px;
    overflow: hidden;
    margin: 0px auto;
    position: relative
}

.con_box {
    width: 1400px;
    overflow: hidden;
    margin: 50px auto
}



.title {
    text-align: center;
    padding: 50px 0 25px;
    overflow: hidden;
    margin: 0px auto;
}

.title h3 {
    font-size: 48px;
    text-align: center;
    color: #000;
    font-weight: 400;
    margin: -50px auto 0
}

.title h3 span {
    color: #333;
}

.title p {
    overflow: hidden;
}

.title b {
    color: #333
}



.title1 {
    text-align: center;
    padding: 50px 0 25px;
    overflow: hidden;
    margin: 0px auto;
}

.title1 h3 {
    font-size: 48px;
    text-align: center;
    color: #000;
    font-weight: 400;
    margin: 0px auto 0
}

.title1 h3 span {
    color: #333;
}

.title1 p {
    overflow: hidden;
}

.title1 b {
    color: #333
}







.top {
    background: #009966;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    ;
}

.top span {
    float: right;
}

.top span a {
    color: #fff;
}

.top span a:after {
    content: "|";
    color: #fff;
    margin: 0 8px;
}

.top span a:last-child:after {
    content: "";
    display: none;
}





.head {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}



.had {
    display: flex;
    align-items: center;
    width: 1400px;
    margin: 0px auto;
    overflow: hidden;
    padding: 20px 0
}







.logo {
    float: left;
    margin-right: auto;
}


.logo img {
    height: 60px
}




.hot {
    float: right;
    background: url(../Images/hot.png) no-repeat center left;
    padding-left: 60px;
}

.hot p {
    font-size: 28px;
    font-family: DINProb;
    line-height: 30px;
    color: #009944
}







.nav {
    margin: 0px auto;
    width: 100%;
    border-top: 1px #ccc solid;
    height: 70px;
    position: relative;
    z-index: 9
}

.nav ul {
    width: 1400px;
    margin: 0px auto;
}

.nav ul li {
    width: 14.2%;
    height: 70px;
    line-height: 70px;
    float: left;
    text-align: center;
    position: relative;
    border-right: 1px #ccc solid
}

.nav ul li a {
    display: block;
    color: #333;
    font-size: 18px;
}

.nav ul li a:hover {
    background: #009966;
    background-image: linear-gradient(to right, #14973e, #d18508);
    color: #fff;
}



.nav ul li ul {
    position: absolute;
    width: 100%;
    z-index: 999;
    display: none;
}

.nav ul li ul li {
    width: 100%;
    height: 45px;
    line-height: 45px;
    margin-bottom: 1px;
    text-align: center;
    float: none;
    background: #009966;
}

.nav ul li:hover ul {
    display: block;
}



.nav ul li ul li a {
    color: #fff;
    font-size: 15px;
}

.nav ul li ul li a:hover {
    background: #0ed794;
    border-radius: 0px;
}



.banner {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.banner img {
    width: 100%
}

.banner .swiper-pagination-bullet {
    width: 20px;
    height: 6px;
    border-radius: 6px
}

.banner .swiper-pagination-bullet-active {
    background: #009944
}



.zizhi {
    width: 100%;
    overflow: hidden;
    position: relative;
    position: relative
}



.caidan {
    float: right;
    display: none;
    margin-top: 8px;
}



/*搜索*/

.sousuo {
    width: 100%;
    height: 60px;
    border-bottom: 1px #ccc solid;
    border-top: 1px #ccc solid;
    background: #f0f0f0;
    margin: 0px auto;
    max-width: 1920px;
}

.sousuocon {
    width: 1400px;
    margin: 0px auto;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
}

.sousuocon a:after {
    content: "|";
    margin: 0 10px;
}

.sousuocon a:last-child:after {
    content: "";
    display: nonbe;
}

.sousuocon_m {
    width: 1400px;
    background: none;
    height: 48px;
    line-height: 48px;
    margin: 0px auto;
    padding: 0 10px;
}

.sousuocon ul {
    width: 1400px;
    overflow: hidden;
    margin: 0 auto;
}







.pic_content {
    overflow: hidden;
    margin: 15px auto 0
}

.pic_content ul {
    overflow: hidden;
    margin: 0 auto
}

.pic_content ul li {
    width: 387px;
    float: left;
    overflow: hidden;
    margin-right: 19px;
    margin-bottom: 16px;
    margin-top: 6px;
    ;
    position: relative
}

.pic_content ul li div {
    width: 100%;
    overflow: hidden;
    position: relative
}

.pic_content ul li div dl {
    position: absolute;
    width: 100%;
    height: 0%;
    background: rgba(0, 83, 167, 0.6);
    bottom: 0px;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.pic_content ul li div dl dd {
    font-size: 16px;
    color: #fff;
    margin: 100px 20px 30px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pic_content ul li div dl dd:after {
    content: "——";
    color: #fff;
    display: block;
    margin-top: 12px;
}

.pic_content ul li div dl dt {
    border: 1px #fff solid;
    text-align: center;
    height: 36px;
    line-height: 36px;
    width: 150px;
    margin: 0px auto;
    color: #fff;
}

.pic_content ul li p {
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    font-size: 16px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 9;
    background: rgba(0, 83, 167, 0.6);
    -webkit-transition: all .5s;
    transition: all .5s;
}

.pic_content ul li:nth-child(3n) {
    margin-right: 0
}

.pic_content ul li div img {
    -webkit-transition: all .5s;
    transition: all .5s;
    width: 100%;
}

.pic_content ul li div:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.pic_content ul li:hover p {
    bottom: -50px;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.pic_content ul li a p {
    color: #fff
}

.pic_content ul li:hover div dl {
    -webkit-transition: all .5s;
    transition: all .5s;
    height: 100%;
}



.pic_cont {
    overflow: hidden;
    margin: 15px auto 0
}

.pic_cont ul {
    overflow: hidden;
    margin: 0 auto
}

.pic_cont ul li {
    width: 387px;
    float: left;
    overflow: hidden;
    margin-right: 19px;
    margin-bottom: 16px;
    margin-top: 6px;
    ;
    position: relative
}

.pic_cont ul li div {
    width: 100%;
    overflow: hidden;
    position: relative
}

.pic_cont ul li div dl {
    position: absolute;
    width: 100%;
    height: 0%;
    background: rgba(0, 83, 167, 0.6);
    bottom: 0px;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.pic_cont ul li div dl dd {
    font-size: 16px;
    color: #fff;
    margin: 100px 20px 30px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pic_cont ul li div dl dd:after {
    content: "——";
    color: #fff;
    display: block;
    margin-top: 12px;
}

.pic_cont ul li div dl dt {
    border: 1px #fff solid;
    text-align: center;
    height: 36px;
    line-height: 36px;
    width: 150px;
    margin: 0px auto;
    color: #fff;
}

.pic_cont ul li p {
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    font-size: 16px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 9;
    background: rgba(0, 83, 167, 0.6);
    -webkit-transition: all .5s;
    transition: all .5s;
}



.pic_cont ul li:nth-child(3n) {
    margin-right: 0
}

.pic_cont ul li div img {
    -webkit-transition: all .5s;
    transition: all .5s;
    width: 100%;
}

.pic_cont ul li div:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.pic_cont ul li:hover p {
    bottom: -50px;
}

.pic_cont ul li a p {
    color: #fff
}

.pic_cont ul li:hover div dl {
    -webkit-transition: all .5s;
    transition: all .5s;
    height: 100%;
}



.tell {
    display: none;
}





.pic_con {
    overflow: hidden;
    margin: 15px auto 0
}

.pic_con ul {
    overflow: hidden;
    margin: 0 auto
}

.pic_con ul li {
    width: 50%;
    float: left;
    overflow: hidden;
    border: 8px #fff solid;
    box-sizing: border-box;
    position: relative;
}

.pic_con ul li div {
    overflow: hidden;
    border-bottom: 1px #ccc solid
}

.pic_con ul li p {
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    font-weight: bold;
    margin: 0 10px;
    padding-right: 35px;
    position: relative
}

.pic_con ul li p:after {
    content: url(/images/pic_img.png);
    position: absolute;
    right: 0px;
    top: 20px;
}

.pic_con ul li a {
    border: 1px #ccc solid;
    display: block;
}

.pic_con ul li div img {
    -webkit-transition: all .5s;
    transition: all .5s;
    width: 100%;
}

.pic_con ul li div:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.pic_con ul li a:hover {
    color: #fff;
    border: 1px #009966 solid;
}

.pic_con ul li:hover {
    background: #009944
}

.pic_con ul li:hover p:after {
    content: url(/images/pic_img.png);
    float: right;
}



.gengduo {
    width: 200px;
    height: 50px;
    text-align: center;
    margin: 30px auto;
    line-height: 50px;
    border-radius: 30px;
    background: #f08200
}

.gengduo a {
    color: #fff;
}

.gengduo:hover {
    background: #009944;
    color: #fff;
}

.gengduo:hover a {
    color: #fff;
}



.pic_nav {
    overflow: hidden;
    text-align: center;
    margin: 20px auto 20px;
}

.pic_nav h3 {
    width: 220px;
    background: url(../Images/pic_nav.png) no-repeat center center;
    color: #fff;
    padding: 50px 0;
    font-size: 28px;
    font-weight: 400;
    float: left;
}

.pic_nav h3 p {
    font-size: 12px;
    text-transform: uppercase;
}

.pic_nav h3 p:before {
    content: "——";
    letter-spacing: -2px;
    color: #fff;
    display: block;
    line-height: 40px;
}

.pic_nav ul {
    overflow: hidden;
}

.pic_nav ul li {
    overflow: hidden;
    display: block;
    float: left;
    text-align: center;
    font-size: 15px;
    width: 15.9%;
    margin: 10px 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 35px;
}

.pic_nav ul li:hover {
    color: #fff;
    background: #009966
}

.pic_nav ul li:hover a {
    color: #fff;
}

.pic_nav ul li a {
    border: 1px #ccc solid;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}











.news_nav {
    overflow: hidden;
    line-height: 50px;
    text-align: center;
    margin: 20px auto;
}

.news_nav a {
    overflow: hidden;
    background: #fff;
    border-radius: 30px;
    text-align: center;
    font-size: 20px;
    width: 250px;
    display: inline-block;
    ;
    margin: 0 5px;
    border-radius: 6px;
    border: 1px #ccc solid;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news_nav a:hover {
    color: #fff;
    background: #009966
}













.ysbg {
    background: url(/images/ysbg.jpg)center no-repeat;
    padding: 50px 0;
    overflow: hidden;
    background-size: cover;
    margin: 30px auto 0;
}



.ysbg-r {
    width: 580px;
    float: right;
}



.ysbg-r .title h3 {
    text-align: center;
    background: none;
    margin-bottom: 0px;
    padding-bottom: 10px;
    color: #009966;
}



.ysbg-r .title p {

    padding: 0px;

    text-align: center;

    color: #666;

    font: 500 18px/18px "Microsoft YaHei";

}



.a2_list1 {
    overflow: hidden;
    padding: 10px;
}



.ys-item {

    float: left;

    width: 50%;

    height: 190px;



    background: #ffffff;

    margin-bottom: 15px;

    text-align: center;
    padding-top: 20px;

}



.ys-item img {

    display: block;

    margin: 0 auto;

}



.ys-item img:last-child {
    display: none;
}

.ys-item:hover img:last-child {
    display: block;
}

.ys-item:hover img:first-child {
    display: none;
}









.ys-item h3 {

    padding: 20px 0;

    color: #333;

    font: 400 20px/20px "Microsoft YaHei";

}



.ys-item p {

    color: #666;
    padding: 0 20px;

    font: 400 12px/20px "Microsoft YaHei";

}



.ys-item:hover {

    box-shadow: 0px 0px 10px #6f9fd9;
    position: relative;
    z-index: 22;

}





.ys-item:hover h3 {

    color: #009966;

    font: 700 20px/20px "Microsoft YaHei";

}

















.x_banner {
    width: 100%;
    position: relative;
    height: 180px;
    margin: 50px auto 0;
    max-width: 1920px;
    min-width: 1400px;
    overflow: hidden;
}

.x_banner img {
    position: absolute;
    left: 50%;
    margin-left: -960px;
}

.x_banner img:last-child {
    display: none
}

.lc_box {
    width: 100%;
    position: absolute;
    z-index: 99;
    height: 100%
}

.lc_box ul {
    overflow: hidden;
    width: 1267px;
    margin: 0px auto;
}

.lc_box ul li {

    float: right;

    overflow: hidden;

    padding: 18px 25px 19px;

    background: #ce0202;

    margin: 40px 5px 0;

    border-radius: 16px;
    -webkit-transition: all .1s;
    transition: all .1s;

}

.lc_box ul li p {
    color: #fff;
}

.lc_box ul li img {
    position: relative;
    left: inherit;
    margin-left: inherit;
}

.lc_box ul li:hover {
    transform: translate(0, -20px);
    -moz-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    -o-transform: translate(0, -20px);
    -webkit-transform: translate(0, -20px);
    -webkit-transition: all .5s;
    transition: all .5s;
}



.links {
    margin: 0 auto 0;
    height: auto;
    overflow: hidden;
    border-top: 1px #f6f6f6 solid
}

.links .tit {
    width: 112px;
    float: left;
    border-right: 1px #f6f6f6 solid;
    border-left: 1px #f6f6f6 solid;
    margin-right: 20px;
    padding: 20px
}

.links ul {
    height: auto;
    overflow: hidden;
    margin-top: 10px
}

.links ul a {
    line-height: 25px;
    color: #666;
    margin: 5px;
    white-space: nowrap
}

.links ul a:hover {
    text-decoration: underline;
    color: #1bb1cc
}

.m_banner {
    width: 100%;
    overflow: hidden;
    display: none;
}

.m_banner img {
    width: 100%;
    overflow: hidden;
}



.fll {
    overflow: hidden;
    padding: 40px 0 0px
}

/*

.ys{width:100%;max-width:1920px;margin:20px auto 0; background:#f5f5f5; padding:30px 0;}

.youshi{ width:1400px; overflow:hidden; margin:0px auto; margin:0px auto; background:#fff;}

.youshi .d_item{padding-bottom:60px;position:relative;padding-top:64px; overflow:hidden; padding-left:50px;}

.youshi .d_item .tit{width:96px;position:relative;}

.youshi .d_item .tit img{width:75px;height:75px;;display:block}

.youshi .d_item .tit h3{font-size:18px;text-transform:uppercase;position:absolute;left:134px;top:34px}

.youshi .d_item .txt{padding-top:13px;width:460px;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-ms-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s ; text-align:left;}

.youshi .d_item .txt h2{font-size:30px;font-weight:700;color:#009966;line-height:32px}

.youshi .d_item .txt h4{display:block;line-height:34px; color:#999; font-weight:400; font-size:14px; border-bottom:2px #009966 solid;}

.youshi .d_item .txt .desc{padding-top:20px;line-height: 29px;}

.youshi .d_item .txt  dl  dd{  padding-left:10px; margin-bottom:8px; color:#666;}

.youshi .d_item .txt .cha{font-size:18px;width:200px;height:54px;line-height:54px;display:block;border:2px solid #009966;text-align:center;color:#009966;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin-top:34px}



.youshi .d_item .txt .desc span{color:#f00}

.youshi .d_item .txt .cha:hover{background:#009966;color:#fff}

.youshi .d_item .img{position:absolute;right:0px; top:0px}

.youshi .d_item .img img{max-width:666px;display:block}

.youshi .d_item.it2{padding-left:727px}

.youshi .d_item.it2 .img{right:auto;left:0}

.youshi .d_item:hover .txt{-webkit-transform:translate3d(0,-6px,0);transform:translate3d(0,-6px,0)}







.ys2{ margin-top:20px}

.ys4{ margin-top:20px;}

*/





.ys {
    width: 100%;
    max-width: 1920px;
    margin: 0px auto 0;
    ;
    background: url(../Images/ysbj.jpg) no-repeat center top;
    padding: 30px 0 40px;
}

.youshi {
    width: 1400px;
    overflow: hidden;
    margin: 40px auto 0;
}

.youshi .swiper-slide {
    margin: 0px auto;
    ;
    background: #ffffff
}

.youshi .d_img {
    position: relative;
    text-align: center;
}

.youshi .d_img img {
    /* width: 100% */
}

.youshi .d_img div {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 50%;

    transform: translate(-50%, 50%);
    border-radius: 100%;
    background: #009944
}



.youshi .d_item {
    position: relative;
    overflow: hidden;
    padding: 0 20px;
}

.youshi .d_item h3 {
    font-size: 26px;
    font-weight: 700;
    color: #009944;
    line-height: 32px;
    text-align: center;
    margin: 40px auto 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.youshi .d_item dd {
    color: #666;
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 30px;
    height: 145px;
}









.liucheng {
    width: 100%;
    position: relative;
    height: 187px;
    margin: 0px auto 0;
    max-width: 1920px;
    min-width: 1400px;
    overflow: hidden;
}

.liucheng img {
    position: absolute;
    left: 50%;
    margin-left: -960px;
}



.youshi .swiper-pagination {
    display: none;
}



.youshi .swiper-container {
    padding-bottom: 30px;
}

.fl {
    float: left;
}

.youshi .swiper-pagination-bullet {
    background: #fff;
    opacity: 1
}

.youshi .swiper-pagination-bullet-active {
    background: #f08200
}







#leftsead {
    width: 180px;
    position: fixed;
    top: 258px;
    right: 0px;
    z-index: 999
}

*html #leftsead {
    margin-top: 258px;
    position: absolute;
    top: expression(eval(document.documentElement.scrollTop));
}

#leftsead li {
    width: 180px;
    height: 53px;
    position: relative;
}

#leftsead li img {
    float: right;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

#leftsead li a {
    height: 49px;
    float: right;
    display: block;
    min-width: 47px;
    max-width: 180px;
    background: #333
}

#leftsead li a .shows {
    display: block;
}

#leftsead li a .hides {
    margin-right: -166px;
    cursor: pointer;
    cursor: hand;
}



#leftsead li a.youhui div {
    display: none;
    position: absolute;
    right: 50px;
    bottom: 2px;
}

#leftsead li a:hover {
    background: #009966;
}



#leftsead li a.dhh:hover {
    width: 180px;
}

#leftsead li span {
    float: left;
    position: absolute;
    line-height: 25px;
    top: 11px;
    left: 5px;
    display: block;
    color: #fff;
    font-size: 20px;
    display: none;
}

#leftsead li:hover span {
    display: block;
}

#leftsead li a.youhui:hover div {
    display: block;
}









.buttom,
.fanhui {
    display: none;
}







.anli {
    width: 1400px;
    overflow: hidden;
    margin: 40px auto 0;
}

.anli ul li {
    width: 290px;
    position: relative;
    float: left;
    overflow: hidden;
    margin-right: 17px;
}



.anli ul li div {
    overflow: hidden;
    width: 290px;
    border-bottom: none;
}

.anli ul li div img {
    -webkit-transition: all .5s;
    transition: all .5s;
    width: 100%;
    height: 100%
}

.anli ul li div:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}



.anli ul li p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    text-align: center;
    border-bottom: 1px #ccc solid;
}

.anli ul li a {
    color: #333
}



.anli ul li:hover p {
    color: #009966;
    -webkit-transition: all .5s;
    transition: all .5s;
    border-bottom: 1px #009966 solid
}









.zizhi .swiper-container {
    position: relative;
}

.zz {
    overflow: hidden;
    margin: 10px;
    background: #fff;
    position: relative;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.zz div {
    overflow: hidden;
    margin: 30px 30px 30px;
    background: #fff;
}

.zz div img {
    width: 100%
}

.zz p {
    height: 36px;
    line-height: 36px;
    background: #f0f0f0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    text-align: center;
}

.zz:hover {
    transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -webkit-transition: all .5s;
    transition: all .5s;
}











.gengduo3 {
    width: 88px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    text-align: center;
    margin: 50px auto;
    border-radius: 3px;
}

.gengduo3 a {
    color: #fff;
}

.kao {
    width: 50%;
    bottom: -100px;
    position: absolute;
    height: 207px;
    right: 0px;
}

.kao img {
    width: 100%;
}

.about_box {
    /* background: #f5f5f5; */
    margin: 0 auto 100px;
    padding: 50px 0 0;
    height: 500px;
    position: relative
}



.about {
    width: 1400px;
    margin: 0px auto;
    position: relative;
}



.aabut {
    background: #fff;
    overflow: hidden;
    ;
    margin: 75px auto 40px;
    border-radius: 30px;
    width: 50%;
    float: right
}



.imti {
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 28px;
}

.imti a {
    position: relative;
    display: inline-block;
    height: 34px;
    line-height: 34px;
}

.imti a:after {
    content: attr(data-text);
    position: absolute;
    width: 0%;
    height: 34px;
    line-height: 34px;
    top: 0;
    left: 0;
    font-size: 28px;
    color: #00458e;
    overflow: hidden;
    white-space: nowrap;
    -webkit-transition: width 1s cubic-bezier(0.7, 0, 0.3, 1);
    transition: width 1s cubic-bezier(0.7, 0, 0.3, 1);
}

.imti a:hover:after {
    width: 100%;
}

.imti-en {
    text-align: center;
    font-size: 12px;
    margin-top: 5px;
}

.imti-sub {
    font-size: 16px;
    text-align: center;
    margin-top: 5px;
}

.iabout {
    padding: 75px 0 30px;
}

.iabout .content:after {
    content: '';
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.iabout-video {
    float: right;
    display: block;
    width: 50%;
    position: absolute;
    right: 0px;
    height: 538px;
}

.iabout-video img {
    width: 100%;
    border-radius: 2%
}

/*.iabout-video:before,.iabout-video:after{content:'';position:absolute;width:0;height:0;bottom:-10px;border-style:solid;}

.iabout-video:after{border-width:0 0 95px 60px;border-color:transparent #d1d1d1;right:-70px;}

.iabout-video:before{border-width:0 60px 95px 0;border-color:transparent #d1d1d1;left:-70px;}*/

.iabout-cont {
    float: left;
    width: 46%;
}

.iabout-cont .ti {
    font-size: 28px;
    margin-bottom: 15px;
    color: #009966;
    font-weight: 600;
}

.iabout-cont .ti p {
    color: #333;
    font-weight: 400;
    font-size: 22px;
}

.iabout-cont .ti p:before {
    content: "";
    display: block;
    width: 50px;
    height: 1px;
    background-color: #009966;
    margin: 10px 0 10px;
}



.iabout-cont .line {
    display: block;
    width: 72px;
    height: 1px;
    background-color: #009966;
    margin: 10px 0 20px;
}

.iabout-cont .desc {
    line-height: 32px;
    text-align: center;
    overflow: hidden;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    font-size: 16px;
    color: #333;
    /* text-indent: 2em; */
    /* text-align: justify */
}

.iabout-cont .more {
    color: #fff;
}

.iabout-cont .link {
    margin-top: 30px;
}

.iabout-cont .link a {
    display: inline-block;
    width: 155px;
    height: 58px;
    background: url(/images/iabout_btn.png) no-repeat 0 -58px;
    line-height: 58px;
    font-size: 16px;
    color: #fff;
    text-align: center;
}

.iabout-cont .link a:hover {
    background-position: 0 0;
    transition: 0s ease-out;
    -moz-transition: 0s ease-out;
    -webkit-transition: 0s ease-out;
    -o-transition: 0s ease-out;
}

.iabout-cont dd {
    margin-top: 20px;
    display: block;
    text-align: center;
    width: 200px;
    height: 50px;
    line-height: 50px;
    border-radius: 30px;
    background: #f08200;
}

.iabout-cont a:hover.more {
    color: #fff;
    background: #009966
}







.huanjing {
    overflow: hidden;
    margin: -50px auto 0;
}

.huanjing h3 {
    font-size: 36px;
    color: #009944;
    padding-left: 40px;
}

.huanjing .swiper-container {
    margin: 30px 44px;
}

.huanjing .swiper-slide div {
    overflow: hidden;
    height: 555px;
}

.huanjing .swiper-slide div img {
    -webkit-transition: all .5s;
    transition: all .5s;
    /*width: 100%;*/
    height: 100%;
}

.huanjing .swiper-slide div:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.huanjing .swiper-slide p {
    text-align: center;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 50px;
    line-height: 50px;
}

.huanjing .swiper-slide:hover p {
    text-decoration: underline;
}

.huanjing .swiper-button-next {
    background-image: url(../Images/right.png);
    right: 0px;
    width: 40px;

    height: 80px;
    background-size: 40px 80px;
}

.huanjing .swiper-button-prev {
    background-image: url(../Images/left.png);
    left: 0;
    width: 40px;

    height: 80px;
    background-size: 40px 80px;
}







.shebei {
    width: 1400px;
    margin: 0px auto;
}

.ipro {
    width: 100%;
    overflow: hidden;
    padding: 35px 0px;
    z-index: 1;
    position: relative;
    max-width: 1920px;
    margin: 0px auto;
}

.ipro .bg {
    position: absolute;
    width: 100%;
    height: 175px;
    background: #009966;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.ipro .more {
    display: block;
    float: right;
    height: 50px;
    line-height: 50px;
}

.ipro h2 {
    height: 50px;
    padding-left: 45px;
    line-height: 50px;
    font-size: 24px;
    background: url(/images/ipro_icon.png) no-repeat 0 50%;
    margin: 10px auto 30px
}

.ipro .more:hover,
.ipro h2 a:hover {
    color: #00458e;
}

.ipro-silder {
    width: 1400px;
    margin: 0px auto;
    position: relative;
}

.ipro-silder .btn {
    position: absolute;
    width: 66px;
    height: 66px;
    top: 50%;
    margin-top: -54px;
    background: url(/images/ipro_btn.png);
    cursor: pointer;
    z-index: 3;
}

.ipro-silder .btn.prev {
    left: -80px;
    background-position: 0 0;
}

.ipro-silder .btn.next {
    right: -80px;
    background-position: -66px 0;
}

.ipro-silder .box {
    width: 1400px;
}

.ipro-silder ul {
    overflow: hidden;
}

.ipro-silder li {
    width: 290px;
    float: left;
    margin-right: 13px;
    text-align: center;
    overflow: hidden;
}

.ipro-silder a {
    display: block;
}

.ipro-silder li div {
    width: 284px;
    height: 212px;
    border: 2px solid #fff;
    overflow: hidden;
}

.ipro-silder p {
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
}

.ipro-silder li:hover .pic {
    border-color: #00458e;
}





.ipro-silder li div img {
    -webkit-transition: all .5s;
    transition: all .5s;
}

.ipro-silder li div:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}



.slide {
    width: 100%;
}



.news_box {
    overflow: hidden;
    margin: 20px auto 0;
    background: #dcf5e7;
    padding-bottom: 30px;
}



.news_box {
    width: 100%;
    height: auto;
    overflow: hidden
}

.news_box .focus {
    width: 40%;
    height: auto;
    overflow: hidden;
    background: #ffffff;
    float: left;
    margin-top: 30px;
    padding-bottom: 35px
}

.news_box .focus div {
    overflow: hidden;
    position: relative;
    margin: 20px 20px 0
}

.news_box .focus div img {
    display: block;
    width: 100%
}

.news_box .focus dl {
    margin: 0 20px
}

.news_box .focus h3 {
    font-size: 18px;
    color: #394959;
    height: 60px;
    line-height: 60px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 400
}

.news_box .focus dt {
    font-size: 12px;
    color: #999
}

.news_box .focus:hover h3 {
    color: #009944
}

.news_box .focus dd {
    display: block;
    line-height: 28px;
    color: #666;
    font-size: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.news_box .list {
    width: 58%;
    height: auto;
    overflow: hidden;
    float: right;
    margin-top: 30px
}

.news_box .swiper-slide .sed {
    overflow: hidden;
    background: #ffffff;
    padding: 28px 20px;
    box-sizing: border-box
}

.news_box .swiper-slide .tit {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 15px;
    background: url(../Images/icon03.png) no-repeat right top;
    border-bottom: 1px solid #e6e6e6
}

.news_box .swiper-slide .time b {
    color: #394959;
    font-size: 40px;
    font-weight: 700
}

.news_box .swiper-slide .time p {
    color: #666;
    font-size: 13px;
    margin-top: -3px
}

.news_box .swiper-slide .info {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 20px
}

.news_box .swiper-slide .info h4 {
    color: #394959;
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.news_box .swiper-slide .info p {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 10px;
    overflow: hidden
}

.news_box .swiper-slide:hover a h4 {
    color: #009944;
    text-decoration: underline
}

.news_box .list ul li:hover a .time p,
.news_box .swiper-slide:hover a .time b {
    color: #009944
}

.news_box .swiper-slide:hover .tit {
    background: url(../Images/icon04.png) no-repeat right top
}

.news_box .swiper-container {
    padding-bottom: 50px
}

.news_box .swiper-pagination-bullet {
    width: 25px;
    height: 8px;
    border-radius: 6px;
    background: #999;
    opacity: 1
}

.news_box .swiper-pagination-bullet-active {
    background: #009944
}

.news_box .swiper-pagination {
    display: none
}













.news_left {
    width: 50%;
    overflow: hidden;
    float: left;
}

.news_right {
    width: 46%;
    overflow: hidden;
    float: right;
}

.news_left h3 {
    color: #555555;
    font-size: 22px;
    height: 60px;
    line-height: 60px;
    font-weight: normal;
}

.news_left h3 i {
    color: #666;
    font-size: 14px;
    font-style: normal;
    margin-left: 10px;
}

.news_left h3 span {
    float: right;
    font-size: 14px;
    font-weight: normal;
    margin-top: 15px;
}

.news_left h3 span a {
    color: #009966
}

.news_left ul {
    overflow: hidden;
    border: 1px #ccc solid;
    margin-top: 20px;
    padding: 20px;
}

.news_left ul li {
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.news_left ul li:before {
    content: "□";
    font-size: 12px;
    font-family: "宋体";
    margin: 0 5px;
    color: #009966
}

.news_left ul li span {
    float: right;
    color: #999;
}

.news_left ul li:hover:before {
    content: "■";
    font-size: 12px;
}

.news_left ul li:hover a {
    text-decoration: underline;
}





.news_left .ttt {
    overflow: hidden;
}

.news_left .ttt div {
    width: 240px;
    height: 160px;
    margin-right: 20px;
    overflow: hidden;
    float: left;
}

.news_left .ttt div img {
    width: 100%;
    height: 100%;
}

.news_left .ttt h4 {
    overflow: hidden;
    font-size: 20px;
    overflow: hidden;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news_left .ttt h4 a {
    color: #009966;
}

.news_left .ttt dt {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
}

.news_left .ttt dd {
    font-size: 15px;
    color: #666;
    line-height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.news_left .ttt div img {
    -webkit-transition: all .5s;
    transition: all .5s;
}

.news_left .ttt div:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.news_left .ttt a {
    -webkit-transition: all .5s;
    transition: all .5s;
}

.news_left .ttt a:hover {
    padding-left: 10px;
    color: #009966;
    -webkit-transition: all .5s;
    transition: all .5s;
}



.faq {
    overflow: hidden;
}

.faq h3 {
    color: #555555;
    font-size: 22px;
    height: 60px;
    line-height: 60px;
    font-weight: normal;
}

.faq h3 span {
    float: right;
    font-size: 12px;
    font-weight: normal;
    margin-top: 15px;
}

.faq h3 span a {
    color: #009966
}

.faq h3 i {
    color: #666;
    font-size: 14px;
    font-style: normal;
    margin-left: 10px;
}

.fq {
    overflow: hidden;
    height: 491px
}

.fq ul {
    overflow: hidden;
}

.fq ul li {
    overflow: hidden;
    padding: 15px 15px 15px 50px;
    background: url(/images/faq.png) no-repeat 13px 20px;
    border-bottom: 1px #ccc solid
}

.fq ul li dd {
    height: 36px;
    line-height: 36px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
}

.fq ul li dt {
    height: 50px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 14px;
    color: #666;
}

.fq ul li dd a {
    color: #333;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.fq ul li dd a:hover {
    color: #009966;
    text-decoration: underline;
    -webkit-transition: all .5s;
    transition: all .5s;
}



.fq ul li dd span {
    float: right;
    color: #999;
}





.bottom_nav {
    width: 100%;
    max-width: 1920px;
    min-width: 1400px;
    margin: 10px auto 0;
    background: #0355a8;
}

.bottom_nav ul {
    width: 1400px;
    overflow: hidden;
    margin: 0 auto;
}

.bottom_nav ul li {
    display: inline;
    float: inherit;
    width: inherit;
    text-align: center;
    margin: 0 39px;
    line-height: 60px;
}

.bottom_nav ul li a {
    color: #fff;
}

.bottom_nav ul li a:hover {
    text-decoration: underline;
}













.footer {
    width: 100%;
    background: #555555;
    overflow: hidden;
    max-width: 1920px;
    min-width: 100%;
    padding: 60px 0;
    margin: 0 auto 0;
}

.footer .left {
    height: auto;
    float: left
}

.footer .name {
    margin-bottom: 15px
}

.footer .name img {
    display: block
}

.footer .info {
    width: 440px;
    float: left;
    height: auto;
    overflow: hidden
}

.footer .info p {
    color: #fff;
    font-size: 14px;
    line-height: 29px;
    margin-top: 15px
}

.footer .icon {
    width: 330px;
    float: left
}

.footer .icon ul li {
    float: left;
    width: 83px;
    height: 83px;
    border-radius: 50%;
    margin-right: 25px;
    position: relative
}

.footer .icon ul li img {
    display: block;
    width: 90px;
    height: 90px;
    position: absolute;
    display: none;
    left: 90px;
    z-index: 100;
    top: -10px
}

.footer .cr {
    width: 100%
}

.footer .icon ul li:nth-child(1) {
    background: url(/images/icon02.png) no-repeat left top
}

.footer .icon ul li:nth-child(2) {
    background: url(/images/icon02.png) no-repeat -107px top
}

.footer .icon ul li:nth-child(3) {
    background: url(/images/icon02.png) no-repeat -214px top
}

.footer .icon ul li:hover img {
    display: block
}

.footer .icon ul li a {
    display: inline-block;
    cursor: pointer;
    width: 83px;
    height: 83px
}

.footer .icon ul li {
    float: left;
    width: 83px;
    height: 83px;
    border-radius: 50%;
    margin-right: 25px;
    position: relative
}

.footer .icon ul li img {
    display: block;
    width: 110px;
    position: absolute;
    display: none;
    left: 90px;
    z-index: 100;
    top: -10px
}

.footer .cr {
    width: 100%
}

.footer .info1 {
    color: #fff;
    line-height: 41px;
    font-size: 16px;
    text-align: left;
    float: left
}

.footer .info h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff;
}

.footer .info h3 span {
    font-weight: 400;
    font-size: 13px;
    margin-left: 5px
}

.footer .cr {
    width: 100%;
    height: auto;
    overflow: hidden
}

.footer .cr p {
    color: #fff;
    font-size: 14px
}

.footer .ewm {
    float: right
}

.footer .ewm div {
    float: right;
    width: 450px;
    margin: 0 5px;
}

/* .footer .ewm div img {
    display: block;
    width: 100%
} */

.footer .ewm div p {
    text-align: center;
    color: #fff;
    font-size: 14px;
    margin: 5px 0px;
}

.fiv {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #e13531;
    padding: 10px 0;
    z-index: 999
}

.fiv .tmb {
    width: 1400px;
    overflow: hidden;
    font-size: 24px;
    color: #fff;
    margin: 0 auto;
    font-weight: 700
}

.fiv .tmb span {
    color: #ff11aa550
}

.fiv .tmb em {
    float: right;
    font-style: normal;
    font-weight: 400;
    font-size: 24px
}

.fiv .tmb em b {
    font-size: 24px
}

.fiv .tmb em a.anniu {
    width: 120px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    margin-left: 10px;
    border: 1px #fff solid;
    font-size: 14px
}

.Copyright {
    background: #4a4a4a;
    padding: 20px 0;
    font-size: 15px;
    text-align: center;
    color: #ccc
}



.fanhui {
    background: #eeeeee;
    text-align: center;
    color: #999;
    padding: 2% 0;
    margin: 0 0 0;
    font-size: .25rem;
    display: block;
    font-weight: 700;
    display: none;
}

.fanhui a {
    color: #999
}



.bnav {
    width: 400px;
    float: left;
    overflow: hidden
}

.bnav h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px
}

.bnav ul {
    overflow: hidden
}

.bnav ul li {
    overflow: hidden;
    width: 50%;
    border: 6px #555 solid;
    box-sizing: border-box;
    float: left
}

.bnav ul li a {
    color: #fff;
    display: block;
    border: 1px #fff solid;
    text-align: left;
    text-indent: 1em;
    padding: 5% 0
}

.bnav ul li a:after {
    content: "+";
    float: right;
    margin-right: 10px
}

.bnav ul li a:hover {
    background: #fff;
    color: #009944
}

.bnav ul li a:hover:after {
    color: #009944
}









.side {
    position: fixed;
    width: 78px;
    right: 0;
    top: 50%;
    margin-top: -200px;
    z-index: 10000;
    border: 1px solid #ccc;
    background: #fff;
    border-bottom: 0
}

.side ul li {
    width: 78px;
    height: 78px;
    float: left;
    position: relative;
    border-bottom: 1px solid #e0e0e0;
    color: #333;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    transition: all .3s;
    cursor: pointer;
}

.side ul li a {
    color: #333
}

.side ul li:hover {
    background: #009966;
    color: #fff
}

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

.side ul li i {
    height: 25px;
    margin-bottom: 1px;
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 25px;
    margin-top: 14px;
    transition: all .3s
}

.side ul li i.bgs1 {
    background-image: url(../Images/ios01.png)
}

.side ul li i.bgs2 {
    background-image: url(../Images/ios02.png)
}

.side ul li i.bgs3 {
    background-image: url(../Images/ios03.png)
}



.side ul li i.bgs6 {
    background-image: url(../Images/ios03.png)
}



.side ul li:hover i.bgs1 {
    background-image: url(../Images/icon11.png)
}

.side ul li:hover i.bgs2 {
    background-image: url(../Images/icon22.png)
}

.side ul li:hover i.bgs6 {
    background-image: url(../Images/icon33.png)
}





.side ul li.sideetel:hover .telBox {
    display: block
}

.side ul li.sideewm:hover .ewBox {
    display: block
}

.side ul li .sidebox {
    position: absolute;
    width: 78px;
    height: 78px;
    top: 0;
    right: 0;
    transition: all .3s;
    overflow: hidden
}





.side ul li.sideewm .ewBox {
    width: 130px;

    display: none;

    color: #363636;

    text-align: center;

    padding: 10px;

    position: absolute;

    left: -152px;

    top: -75px;

    background-repeat: no-repeat;

    background-position: center center;

    border: 1px solid #e0e0e0;

    background: #009966;
}

.side ul li.sideetel .telBox {
    width: 240px;
    padding-bottom: 10px;
    min-height: 68px;
    display: none;
    color: #fff;
    text-align: left;
    position: absolute;
    left: -240px;
    top: 0;
    background: #009966
}

.side ul li.sideetel .telBox dd {
    display: block;
    overflow: hidden;
    padding-left: 82px;
    line-height: 24px;
    font-size: 18px;
    padding-top: 14px
}

.side ul li.sideetel .telBox dd span {
    display: block;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    margin-top: 11px;
    font-size: 18px
}

.side ul li.sideetel .telBox dd.bgs1 {
    background: url(/images/right_pic8.png) 28px center no-repeat;
    background-color: #0a8ada
}

.side ul li.sideetel .telBox dd.bgs2 {
    background: url(../Images/icon11.png) 28px 19px no-repeat;
    background-size: 15%
}

.side ul li.sideewm .ewBox img {
    width: 100%
}







.fiv {
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    background: #e13531;
    padding: 10px 0;
    z-index: 999
}

.fiv .tmb {
    width: 1400px;
    overflow: hidden;
    font-size: 24px;
    color: #fff;
    margin: 0px auto;
    font-weight: bold;
}

.fiv .tmb span {
    color: #fff000
}

.fiv .tmb em {
    float: right;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
}

.fiv .tmb em b {
    font-size: 24px;
}

.fiv .tmb em a.anniu {
    width: 120px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    margin-left: 10px;
    border: 1px #fff solid;
    font-size: 14px;
}





.toolbar {
    width: 52px;
    position: fixed;
    right: 1%;
    top: 44%;
    z-index: 999
}

.toolbar dd {
    width: 51px;
    height: 51px;
    margin-bottom: 1px;
    position: relative;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    margin-top: 4px;
    border: #ebebeb solid 1px;
    background-color: #fff;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.toolbar dd i {
    width: 51px;
    height: 51px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    text-align: center;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.toolbar dd i span {
    width: 35px;
    height: 35px;
    display: block;
    margin: 8px 0 0 8px;
    background: url(../Images/rightfixicon.png) no-repeat 0 0
}

.toolbar dd.gottop {
    display: none
}

.toolbar .slide-tel {
    display: block;
    width: 0;
    height: 53px;
    line-height: 53px;
    font-size: 24px;
    font-weight: 700;
    font-family: arial;
    color: #fff;
    position: absolute;
    padding: 0 0 0 53px;
    top: -1px;
    right: -2px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    overflow: hidden
}

.toolbar .pop {
    position: absolute;
    right: 90px;
    top: -65px;
    background: #009966;
    display: none
}

.toolbar .pop-code {
    width: 160px
}

.toolbar .pop-code img {
    width: 120px;
    height: 120px;
    display: block;
    padding: 20px 20px 0
}

.toolbar .pop-code h3 {
    height: 52px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap
}

.toolbar .pop-code h3 b {
    display: block;
    font-size: 14px;
    font-weight: 400
}

.toolbar .qq span {
    background-position: -35px -47px
}

.toolbar .qq a {
    width: 52px;
    height: 52px;
    cursor: pointer;
    display: block
}

.toolbar .qq:hover {
    background-color: #009966;
    border-radius: 100%
}

.toolbar .qq:hover span {
    background-position: 0 -47px
}

.toolbar .tel span {
    background-position: -35px 0
}

.toolbar .tel:hover {
    background: #009966
}

.toolbar .tel:hover span {
    background-position: 0 0
}

.toolbar .code span {
    background-position: -35px -95px
}

.toolbar .code:hover {
    background-color: #009966;
    border-radius: 100%;
    overflow: inherit
}

.toolbar .code:hover span {
    background-position: 0 -95px
}

.toolbar .top span {
    background-position: -36px -142px
}

.toolbar .top:hover {
    background-color: #009966;
    border-radius: 100%
}

.toolbar .top:hover span {
    background-position: 0px -142px
}

.active .animated {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.delay100 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.delay200 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.delay300 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 1
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg)
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 1
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg)
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }

}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

}

.active .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@keyframes down-ico {
    0% {
        top: 0;
        opacity: 1
    }

    35% {
        top: 20%;
        opacity: 0
    }

    65% {
        top: -20%;
        opacity: 0
    }

    100% {
        top: 0;
        opacity: 1
    }

}

@-webkit-keyframes down-ico {
    0% {
        top: 0;
        opacity: 1
    }

    35% {
        top: 20%;
        opacity: 0
    }

    65% {
        top: -20%;
        opacity: 0
    }

    100% {
        top: 0;
        opacity: 1
    }

}

@keyframes scale-three2 {
    0% {
        transform: scale(1);
        opacity: .8
    }

    100% {
        transform: scale(1.3);
        opacity: 0
    }

}

@-webkit-keyframes scale-three2 {
    0% {
        -webkit-transform: scale(1);
        opacity: .7
    }

    100% {
        -webkit-transform: scale(1.3);
        opacity: 0
    }

}

@-moz-keyframes scale-three2 {
    0% {
        -moz-transform: scale(1);
        opacity: .7
    }

    100% {
        -moz-transform: scale(1.3);
        opacity: 0
    }

}

@-o-keyframes scale-three2 {
    0% {
        -o-transform: scale(1);
        opacity: .7
    }

    100% {
        -o-transform: scale(1.3);
        opacity: 0
    }

}







.page {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 15px auto
}

.page ul {
    display: table;
    margin: 0 auto
}

.page ul li {
    border: 1px solid #ccc;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    color: #333;
    float: left;
    margin: 0 5px
}

.page ul li a {
    color: #333
}

.page ul .thisclass {
    background: #009966;
    color: #fff;
    border: 1px solid #009966
}

.page select {
    border: none;
    background: 0 0;
    outline: 0
}

.page ul .thisclass a {
    color: #fff;
}



.mbx {
    width: 100%;
    height: 62px;
    border-bottom: 1px solid #eaeaea;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    z-index: 2
}

.mbx a.home {
    display: block;
    width: 64px;
    height: 62px;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    background: url(../Images/inpageaddress_icon01.png) no-repeat center;
    float: left;
    position: relative;
    z-index: 999
}

.mbx a.home:hover {
    background: url(../Images/inpageaddress_icon03.png) no-repeat center
}

.mbx .p1 {
    line-height: 62px;
    float: left;
    margin-left: 16px;
    position: relative;
    z-index: 9999
}

.mbx .p1 a {
    display: block;
    padding-right: 14px;
    background: url(../Images/inpageaddress_icon02.png) no-repeat right center;
    font-size: 16px;
    float: left;
    margin-left: 10px
}

.mbx .p1 a:first-child {
    margin-left: 0
}

.mbx .p1 a:last-child {
    background-image: none
}



.n_banner {
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
}

.n_banner img {
    width: 100%;
    margin: 0px auto;
}

.n_banner img:first-child {
    display: block;
}

.n_banner img:last-child {
    display: none;
}



.mbanner {
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
    display: none;
}

.mbanner img {
    width: 100%;
    margin: 0px auto;
}

.mbanner .swiper-pagination-bullet {
    width: 20px;
    height: 6px;
    border-radius: 6px
}

.mbanner .swiper-pagination-bullet-active {
    background: #009944
}



.news {
    margin: 20px auto 10px;
    overflow: hidden;
}

.news ul {
    overflow: hidden;
    padding-top: 20px;
}



.news ul li {
    overflow: hidden;
    border: 1px #ccc solid;
    background: #fff;
    padding: 10px;
    margin: 0 2% 15px 0;
    width: 46%;
    float: left;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.news ul li span {
    display: block;
    float: left;
    width: 90px;
    background: #009966;
    text-align: center;
    -webkit-transition: all .5s;
    transition: all .5s;
    margin-right: 22px;
}

.news ul li span b {
    display: block;
    font-size: 0.3rem;
    color: #fff;
    padding: 10px 0;
}

.news ul li span i {
    display: block;
    font-size: 0.16rem;
    color: #fff;
    border-top: 1px #fff dotted;
    padding: 5px 0;
    font-style: normal;
}



.news ul dl {
    overflow: hidden;
    padding-bottom: 3px;
}

.news ul dl h3 {
    font-size: 16px;
    color: #333;
    margin-bottom: 0.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all .5s;
    transition: all .5s;
    font-weight: 600;
}

.news ul dl p {
    font-size: 15px;
    line-height: 0.25rem;
    ;
    color: #666;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}





.news ul li:hover span b,
.news ul li:hover span i {
    color: #fff;
}

.news ul li:hover h3 {
    color: #009966
}



.news_mbt {
    margin: 40px auto 0
}

.news_mbt .swiper-container {
    padding-bottom: 50px;
}

.news_mbt .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}

.news_mbt .swiper-pagination-bullet-active {
    background: #009966;
}



.n_box {
    overflow: hidden;
    margin: 0px auto 0;
    padding: 0 0 15px;
    background: #fff;
    border-radius: 10px;
}

.n_box h3 {
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    position: relative;
    padding: 0 15px;
    margin: 20px auto 0
}

.n_box h3:after {
    content: "";
    width: 5px;
    height: 30px;
    position: absolute;
    left: 0px;
    top: 0px;
    background: #009966
}

.n_box dd {
    font-size: 14px;
    margin: 10px 15px;
    color: #666;
    display: block;
}

.n_box p {
    font-size: 16px;
    color: #666;
    margin: 0 15px 20px;
    line-height: 28px;
    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;
}

.n_box div {
    overflow: hidden;
    margin: 0 15px;
}

.n_box div img {
    width: 100%;
}









.pro-intro {
    overflow: hidden;
    margin-top: 6px;
    padding: 10px 14px 20px
}

.pro-intro .img {
    float: left;
    width: 450px;
    height: auto;
    overflow: hidden
}

.pro-intro .img img {
    display: block;
    width: 450px;
    height: 395px
}

.pro-intro .info {
    float: right;
    width: 428px;
    height: 395px;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid #d2d2d2;
    border-left: none
}

.pro-intro .info p {
    color: #555;
    font-size: 20px;
    border-bottom: 1px solid #d9d9d9;
    height: 45px;
    margin-top: 60px;
    text-indent: 20px
}

.pro-intro .info .tel {
    width: 100%;
    height: 160px;
    border-bottom: 1px solid #d9d9d9
}

.pro-intro .info .tel img {
    display: block;
    margin-top: 25px;
    margin-left: 25px
}

.pro-intro .info .tel b {
    width: 100%;
    display: block;
    color: #1c71c8;
    margin-left: 25px;
    font-size: 36px;
    margin-top: 10px;
    line-height: 36px;
    font-weight: 400
}

.pro-intro .data {
    width: 100%;
    height: auto;
    overflow: hidden
}

.pro-intro .info .btn {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 30px;
    margin-left: 25px
}

.pro-intro .info .btn a {
    display: block;
    width: 165px;
    height: 48px;
    background: #1c71c8;
    color: #fff;
    float: left;
    margin-right: 15px;
    line-height: 48px;
    font-size: 16px;
    text-indent: 30px;
    border-radius: 10px;
    position: relative
}

.pro-intro .info .btn a:after {
    content: url(/images/kf.png);
    position: absolute;
    top: 13px;
    right: 29px
}

.pro-intro h2 {
    font-size: 28px;
    color: #333;
    font-weight: 400;
    margin-bottom: 16px;
    text-align: center;
    margin-top: 20px
}

.pro-intro .share {
    width: 100%;
    height: 46px;
    line-height: 46px;
    border-bottom: 1px #e7e7e7 solid;
    background: #f1f1f1;
    text-align: center
}

.pro-intro .share p span {
    display: inline-block;
    font-size: 12px;
    color: #999;
    padding: 0 8px
}

.pro-intro .info .btn a:last-child {
    background: #595757;
    text-indent: 0;
    text-align: center
}

.pro-intro .info .btn a:last-child::after {
    content: ""
}

.pro-intro .info .btn a:hover {
    background: #25b240
}

.pro-intro .intro {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 40px;
    min-height: 500px
}

.pro-intro .intro .t {
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #d2d2d2
}

.pro-intro .intro .t p {
    color: #fff;
    font-size: 18px;
    background: #1c71c8;
    width: 180px;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.pro-intro .text {
    width: 100%;
    height: auto;
    overflow: hidden;
    color: #666;
    font-size: 16px;
    line-height: 30px;
    margin: 20px 0px 20px;
}

.pro-intro .textxq {
    width: 100%;
    height: auto;
    overflow: hidden;
    color: #666;
    font-size: 16px;
    line-height: 30px;
    margin-top: 20px;
}

.pro-intro .textxq iframe {
    width: 800px;
    height: 600px;
    display: block;
    margin: 0px auto;
}

.pro-intro .textxq img {
    display: block;
    /*width: 100%;*/
    margin: 0 auto
}

.pro-intro .textxq p {
    font-size: 16px;
    line-height: 28px;
    color: #666;
}

.article-detailed {
    overflow: hidden;
    margin-top: 20px
}



.article-detailed {
    margin: 0 auto;
    overflow: hidden;
    margin-top: 20px
}

.article-detailed .tit {
    height: auto;
    overflow: hidden;
    margin-bottom: 15px
}

.article-detailed .tit p {
    color: #333;
    font-size: 18px;
    text-align: center;
    border-bottom: 1px dashed #f1f1f1;
    height: 30px
}

.article-detailed .tit span {
    display: block;
    color: #333;
    margin-top: 5px;
    font-size: 12px;
    text-align: center
}

.article-detailed .intro {
    height: auto;
    overflow: hidden
}

.article-detailed .intro img {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

.article-detailed .intro p {
    color: #333;
    font-size: 16px;
    line-height: 30px;
    text-indent: 2em;
}





.fy {
    height: auto;
    border: 1px solid #d2d2d2;
    overflow: hidden;
    margin-top: 30px
}

.fy p {
    width: 33.3333%;
    height: 60px;
    line-height: 60px;
    float: left;
    color: #666;
    font-size: 16px;
    text-align: center;
    border-right: 1px solid #d2d2d2;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px
}

.fy p:last-child {
    border: none
}

.fy p a {
    color: #666
}

.fy p a:hover {
    color: #006cd8
}









.anli_lb {
    width: 1400px;
    overflow: hidden;
    margin: 20px auto 0;
}

.anli_lb ul {
    overflow: hidden;
}

.anli_lb ul li {
    width: 25%;
    float: left;
    overflow: hidden;
    border: 8px #fff solid;
    box-sizing: border-box;
}

.anli_lb ul li div {
    overflow: hidden;
    /* border: 1px #ccc solid */
}

.anli_lb ul li p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    position: relative
}

.anli_lb ul li a:hover dd {
    color: #009966
}

.anli_lb ul li a {
    color: #333
}

.anli_lb ul li div img {
    -webkit-transition: all .5s;
    transition: all .5s;
    width: 100%;
    height: 100%
}

.anli_lb ul li div:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.anli_lb ul li:hover p {
    color: #009966
}

.anli_lb ul li:nth-child(4n) {
    margin-right: 0px;
}









.news_lb {
    overflow: hidden;
    margin-top: 20px;
}

.news_lb ul {
    overflow: hidden;
    padding: 10px
}

.news_lb ul li {
    padding: 2%;
    margin-bottom: 20px;
    float: left;
    -webkit-transition: all .5s;
    transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    border: 1px #ccc dotted;
    width: 96%
}

.news_lb ul li h3 {
    -webkit-transition: all .5s;
    transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    color: #494949;
    font-size: 18px;
    margin-bottom: 20px;
    display: block;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400
}



.news_lb ul li p {
    color: #7f7f7f;
    font-size: 15px;
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}





.news_lb ul li h3 span {
    float: right;
    color: #999;
}



.news_lb ul li h3:hover {
    padding-left: 10px;
    -webkit-transition: all .5s;
    transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s
}

.news_lb ul li:hover {
    box-shadow: 0 0 6px #ccc;
    -moz-box-shadow: 0 0 6px #ccc;
    -ms-box-shadow: 0 0 6px #ccc;
    -o-box-shadow: 0 0 6px #ccc;
    -box-shadow: 0 0 6px #ccc;
    transform: translate(0, -10px);
    box-shadow: 0 0 10px #ccc;
    -moz-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -webkit-transition: all .5s;
    transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s
}

.map {
    width: 100%;
    height: 400px;
}



.lxwmmt {
    overflow: hidden;
    line-height: 30px;
    font-size: 16px;
    padding: 20px 0
}





.mssg-intro {
    overflow: hidden;
    margin: 0 auto;
    ;
    padding-bottom: 2%;
    margin-bottom: 20px;
    background: url(../Images/z.png) no-repeat;
    width: 1400px;
}

.mssg-intro form {
    margin: 5%;
    background: rgba(255, 255, 255, .8);
    padding: 5%;
    overflow: hidden;
}

.mssg-intro form h3 {
    font-size: 36px;
    text-align: center;
    margin-bottom: 30px;
}

.mssg-intro form ul li {
    width: 100%;
    height: auto;
    overflow: hidden;
    border: 1px solid #d2d2d2;
    margin-bottom: 15px;
    background: #fff;
    border-radius: 5px
}

.mssg-intro form ul li input {
    height: 50px;
    border: none;
    width: 100%;
    outline: 0;
    text-indent: 10px;
    color: #999;
    font-size: 16px;
    background: 0 0;
    font-family: '微软雅黑'
}

.mssg-intro form ul li textarea {
    width: 788px;
    height: 100px;
    border: none;
    outline: 0;
    font-family: '微软雅黑';
    resize: none;
    background: 0 0;
    text-indent: 10px;
    padding-top: 10px;
    color: #999;
    font-size: 16px
}

.mssg-intro form .btn input {
    width: 49%;
    display: block;
    float: left;
    padding: 3% 0;
    background: #009966;
    outline: 0;
    border: none;
    font-size: 16px;
    color: #fff;
    border-radius: 6px;
    font-family: '微软雅黑'
}

.mssg-intro form .btn input:last-child {
    background: #999;
    margin-left: 2%
}





/*mobile*/



.g-adv {
    position: relative;
    width: 100%;
    margin: 0 auto 0 auto;
    z-index: 15;
    display: none;
}

.g-adv .m-box img {
    display: block;
    position: relative;
    width: 100%;
}

.g-adv .m-cnt {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    height: 4px;
}

.g-adv .m-cnt li {
    float: left;
    width: 100%;
    height: 4px;
}

.g-sbox .m-cnt {
    background: #dfdfdf;
    position: relative;
    border-bottom: 1px solid #BDBAB7;
}

.g-sbox .m-cnt li {
    position: relative;
}

.m-cnt li {
    text-align: center;
    width: 32%;
}

.g-adv .m-cnt {
    background: #333;
}

.g-adv .m-cnt .z-on {
    background: #f4821f;
}



.slider {
    display: none;
}

#maximg {
    padding: 20px 0
}

#maximg img {
    /* max-width: 100% !important; */
    /* height: auto !important; */
    display: inline-block;
}

#maximg p span {
    text-wrap: inherit !important;
}

.pagebar {
    padding: 20px;
    overflow: hidden;
    clear: both
}

.pagebar .pagination {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.pagination a {
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    font-size: 12px;
    padding: 8px 10px;
    margin: 0 2px;
    border-radius: 3px;
    line-height: 100%
}

.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}

.pagination a:hover {
    color: #333;
    border: 1px solid #333;
}

.pagination a.page-num-current {
    color: #fff;
    background: #333;
    border: 1px solid #333;
}

.pagination .st {
    font-family: 宋体
}

.text-secondary {
    text-align: center;
    padding: 20px 0
}

.desc img {
    height: 300px;
    margin-left: 20px;
}

.product {
    width: 100%;
    background: #f5f5f5;
}

.phone {
    float: right;
    height: 60px;
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.phone small {
    font-size: 28px;
    font-family: DINProb;
    line-height: 30px;
    color: #009944;
    margin-left: 10px;
}

.phone img {
    height: 50px;
}

.app img {
    float: right;
    height: 80px;
    margin-right: 20px;
}

.iconfont {
    width: 80px;
    margin: 30px 0;
}

.ewm div img {
    height: 200px;
    margin-right: 10px;
}

.pro-intro .liu img {
    height: 100vh;
    width: auto;
}
.MonthPageMap{
display: inline-block;
}
 .MonthPageMap ul li {
    float: left !important;
    margin: 5px 15px !important;
    list-style: none;
    width: auto !important;
  }
 .MonthPageMap ul li  a{
    background-color: transparent;
    color: black !important;
    width：auto !important;
}
  /* 清除浮动以防止布局问题 */
  .fMonthPageMap::after {
    content: "";
    clear: both;
    display: table;
  }