li{
    list-style: none;
}
a{
    text-decoration: none;
    color: #333333;
}

body{
    color: #333333;
}

.clearbox:after{
    content: '';
    display: block;
    clear: both;
}

/*导航栏*/
.hearder{
    background: #ffffff;
    position: relative;
    z-index: 100;
}
.hearder .logo{
    margin-top: 20px;
    display: inline-block;
}
.hearder ul{
    float: right;
}
.hearder ul li{
    float: left;
    position: relative;
}
.hearder ul li>a{
    display: block;
    font-size: 16px;
    padding: 30px;
    position: relative;
    z-index: 100;
    background: #ffffff;
}
.hearder ul li:hover>a,
.hearder ul li.cur>a{
    color: #1f73d5;
}
.hearder ul li .ycpcnav{
    position: absolute;
    top: 80px;
    min-height: 330px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 99;
    padding: 15px 0;
    transform: translateY(-140%);
    opacity: 0;
    visibility: hidden;
    transition: ease .8s;
}
.hearder ul li:hover .ycpcnav{
    background: #008dce;
}
.hearder ul li .ycpcnav a{
    display: block;
    color: #ffffff;
    padding: 15px 0;
}
.hearder ul li .ycpcnav a:hover{
    text-decoration: underline;
}
.hearder img.ssk{
    cursor: pointer;
    margin-top: 33px;
}
.bjban{
    position: fixed;
    top: 81px;
    left: 0;
    width: 100%;
    background: #055ec4;
    z-index: 98;
    height: 330px;
    transform: translateY(-140%);
    opacity: 0;
    visibility: hidden;
    transition: ease .8s;
}
.bjban .container{
    height: 100%;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
}
.bjbanwz{
    color: #ffffff;
}
.bjbanwz div{
    font-size: 32px;
    margin-bottom: 10px;
}
.bjbanwz p{
    font-size: 18px;
}

.Nav .bjban,
.Nav .hearder ul li .ycpcnav {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.z_masks{
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: ease 1s;
    background: rgba(0,0,0,.8);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2;
}
.z_masks.on{
    opacity: 1;
    visibility: visible;
}

.ssbox{
    background: #f5f5f5;
    padding: 20px 0;
    text-align: center;
    position: fixed;
    left: 0;
    width: 100%;
    top: 61px;
    z-index: 999;
    display: none;
}
.ssbox form{
    border-bottom: 1px solid #cccccc;
    padding: 0 10px;
    padding-bottom: 10px;
    display: inline-block;
    width: 60%;
    text-align: left;
}
.ssbox form input{
    border: 0;
    width: 200px;
    background: none;
    margin-left: 10px;

}
.ssbox img.gbss{
    cursor: pointer;
    width: 20px;
    transition: transform 0.4s ease,color 0.4s ease;
    margin-left: 20px;
}
.ssbox img.gbss:hover{
    transform: rotate(180deg);
}

/*手机导航栏*/
.mhearder{
    background: #ffffff;
    display: none;
    z-index: 12;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    box-shadow: 0 1px 1px #ccc;
}
.mhearder .logo{
    margin-left: 10px;
    margin-top: 10px;
    display: inline-block;
}
.dhbox{
    float: right;
    width: 100px;
    transition: all .6s;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 50px;
    cursor: pointer;
    position: relative;
}
.dhbox:after{
    content: '';
    position: absolute;
    width: 1px;
    height: 50%;
    top:25%;
    left: -1px;
    background: #dedede;
}
.dhbox.on{
    background: #1f73d5;
    color: #fff;
}
.mobile_btn {
    cursor: pointer;
    margin-right: 15px;
    z-index: 4;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.mobile_btn span {
    display: block;
    width: 18px;
    height: 1px;
    background: #666666;
    transition: all .45s;
}
.mobile_btn .line2 {
    margin: 5px 0;
    width: 12px;
}
.mobile_btn.on .line1 {
    transform: rotate(45deg);
    transform-origin: 5% 50%;
}
.mobile_btn.on .line2 {
    width: 0;
}
.mobile_btn.on .line3 {
    transform: rotate(-45deg);
    transform-origin: 5% 50%;
}
.dhbox.on .mobile_btn span {
    background: #fff;
}
.z_mask {
    width: 0%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.5);
    transition: all .8s;
    z-index: 10;
}
.z_mask.active {
    width: 100%;
}
.slide_box {
    width: 60%;
    height: 100%;
    position: fixed;
    right: 0;
    top: 50px;
    padding: 0px 0;
    background: #fff;
    transition: all .6s;
    z-index: 101;
    transform: translateX(100%);
    box-sizing: border-box;
}
.slide_box.active {
    transform: translateX(0);
}

.slide_nav li>a {
    display: block;
    width: 100%;
    position: relative;
    line-height: 50px;
    border-bottom: 1px solid #dedede;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 16px;
}
.slide_nav li>a.on:before {
    content: "+";
    display: block;
    height: 100%;
    position: absolute;
    right: 10px;
    top: 0;
}
.slide_nav .nav_down {
    display: none;
    border-bottom: 1px solid #dedede;
    margin-top: 5px;
}
.slide_nav .nav_down a {
    display: block;
    line-height: 35px;
    padding: 0 10px;
    box-sizing: border-box;
    color: #888;
    margin-right: 20px;
    position: relative;
}

/*关于我们*/
.bjbanner{
    height: 400px;
    overflow: hidden;
    position: relative;
}
.bjbanners{
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 100%;
    animation:myfirst 1s forwards;
    -moz-animation:myfirst 1s forwards; /* Firefox */
    -webkit-animation:myfirst 1s forwards; /* Safari and Chrome */
    -o-animation:myfirst 1s forwards; /* Opera */
}

@keyframes myfirst
{
    from {transform: scale(1.1);}
    to {transform: scale(1);}
}

@-moz-keyframes myfirst /* Firefox */
{
    from {transform: scale(1.1);}
    to {transform: scale(1);}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
    from {transform: scale(1.1);}
    to {transform: scale(1);}
}

@-o-keyframes myfirst /* Opera */
{
    from {transform: scale(1.1);}
    to {transform: scale(1);}
}


.bjbanners>.container{
    height: 100%;
}
.bjbanner .bjwz{
    height: 100%;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    color: #fbfbfd;
}
.bjbanner .bjwz p{
    font-size: 24px;
}
.bjbanner .bjwz span{
    font-size: 16px;
    display: block;
    margin-top: 25px;
    margin-bottom: 50px;
}
.bjbanner .bjwz em{
    display: block;
    width: 56px;
    height: 7px;
    background-image: linear-gradient(to right, #f381b6 , #f9b872);
}

.bannul{
    width: 100%;
    background: #1f73d5;
}
.bannul.on{
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background: rgba(31,115,213,0.8);
}
.bannul .swiper-slide{
    width: auto;
}
.bannul .swiper-slide a{
    display: inline-block;
    color: #ffffff;
    padding: 25px 20px;
    font-size: 16px;
    transition: all 0.5s;
}
.bannul .swiper-slide a:hover,
.bannul .swiper-slide a.cur{
    background: #10aaaa;
}
.bannul .swiper-container{
    float: left;
}
.dwbox{
    float: right;
    color: rgba(251,251,253,0.6);
    font-size: 14px;
    padding-top: 25px;
}
.dwbox img{
    margin-right: 5px;
}
.dwbox a{
    color: rgba(251,251,253,0.6);
}
.dsjjj{
    padding: 60px 0 100px 0;
}
.dsjjj>div{
    height: 680px;

}
.dsjjj .gydsh{
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}
.dsjjj .gydsh a{
    display: block;
    height: 100%;
}
.dsjjj .gydsh a:hover .flimg{
    transform: scale(1.1);
}
.gyjianjie{
    position: absolute;
    width: 100%;
    bottom: 0;
    padding-left: 30px;
    padding-top: 50px;
    padding-bottom: 20px;
    color: #fbfbfd;
    font-size: 20px;
    background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
}
.gygsjj{
    padding-left: 20px;
}
.gygsjj .gyjjwz{
    height: 45%;
    background: #11aaa7;
    padding: 25px 30px;
    color: #fbfbfd;
    overflow: hidden;
}
.gygsjj .gyjjwz div{
    font-size: 22px;
}
.gygsjj .gyjjwz span{
    font-size: 18px;
    display: block;
    margin: 10px 0;
}
.gygsjj .gyjjwz p{
    font-size: 16px;
    line-height: 32px;
}
.gygsjj .gyjjimg{
    height: 55%;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}
.gygsjj .gyjjimg:hover .flimg{
    transform: scale(1.1);
}
.nfqk{
    position: relative;
    color: #efefef;
    font-size: 8.5em;
    text-align: center;
}
.nfqk span{
    position: absolute;
    font-size: 22px;
    color: #212121;
    width: 100%;
    left: 0;
    top: 50%;
}
.ywfbqk p{
    font-size: 16px;
    color: #4c4c4c;
    line-height: 32px;
    text-align: center;
}
.ywfbqk img{
    display: block;
    margin: 40px auto;
    animation:sxmy 0.5s infinite alternate;
    -moz-animation:sxmy 0.5s infinite alternate; /* Firefox */
    -webkit-animation:sxmy 0.5s infinite alternate; /* Safari and Chrome */
    -o-animation:sxmy 0.5s infinite alternate; /* Opera */
}
@keyframes sxmy
{
    from {
        transform: translateY(10px);
    }
    to {
        transform: translateY(0);
    }
}

@-moz-keyframes sxmy /* Firefox */
{
    from {
        transform: translateY(10px);
    }
    to {
        transform: translateY(0);
    }
}

@-webkit-keyframes sxmy /* Safari and Chrome */
{
    from {
        transform: translateY(10px);
    }
    to {
        transform: translateY(0);
    }
}

@-o-keyframes sxmy /* Opera */
{
    from {
        transform: translateY(10px);
    }
    to {
        transform: translateY(0);
    }
}

.gycplx{
    height: 400px;
    background-position: top center;
    background-size: 100%;
    background-attachment: fixed;
    color: #ffffff;
    text-align: center;
}
.gycplx .container{
    height: 100%;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.gycplx h2{
    padding-bottom: 40px;
}
.gycplx p{
    line-height: 32px;
}
.sgbtnr{
    padding: 60px 0;
}
.sgbtnr a{
    display: block;
    height: 100%;
}
.sgbtnr .container>div{
    height: 440px;
    overflow: hidden;
}
.sgbtnr .btjj{
    height: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
    transition: all 2s;
}
.sgbtnr .btjj:hover{
    transform: scale(1.1);
}
.gybtnr{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 30px;
    color: #fbfbfd;
    padding-left: 30px;
}
.gybtnr p{
    font-size: 22px;
}
.gybtnr p span{
    font-size: 16px;
    padding-left: 20px;
}
.lgnr{
    position: relative;
}
.lgnr .pzjk{
   float: left;
    width: 20%;
    height: 100%;
    background: #11aaa7;
    text-align: center;
    padding-top: 50px;
    transition: all 1.1s;
}
.lgnr .pzjk:hover{
    background: #fbfbfd;
}
.lgnr .pzjk a{
    color: #fbfbfd;
    transition: all 1.1s;
}
.lgnr .pzjk a:hover{
    color: #333333;
}
.lgnr .pzjk p,
.lgnr .pzjk span{
    display: inline-block;
    margin: 0 auto;
    writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/
    writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
vertical-align: top;
}
.lgnr .pzjk p{
    font-size: 22px;
    padding-left: 10px;
}
.lgnr .pzjk span{
    font-size: 16px;
}
.lgnr .pzjk img{
    display: block;
    margin: auto;
    margin-top: 80px;
}
.fzln{
    float: left;
    width: 80%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.fzln a{
    background-position: left;
    background-size: cover;
    transition: all 2s;
}

.fzln a:hover{
    transform: scale(1.1);
}
footer{
    background: #282828;
    padding-top: 80px;
}
.wbnavul{
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255,255,255,0.26);
}
.wbnavul ul{
    float: left;
}
.wbnavul ul li{
    float: left;
    margin-right: 60px;
}
.wbnavul ul li:last-child{
    margin-right: 0;
}
.wbnavul ul li p{
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 30px;
}
.wbnavul ul li a{
    display: block;
    color: #b2b2b2;
    margin-bottom: 10px;
}
.lxfsewm{
    float: right;
    color: #ffffff;
}
.lxfsewm .lxfs{
    display: inline-block;
    text-align: right;
    padding-right: 30px;
    border-right: 1px solid rgba(255,255,255,0.26);
}
.lxfsewm .lxfs h4{
    font-weight: bold;
    padding-bottom: 30px;
}
.lxfsewm .lxfs p{
    line-height: 32px;
}
.lxfsewm .wbewm{
    display: inline-block;
    text-align: center;
    padding-left: 30px;
    color: #ffffff;
}
.lxfsewm .wbewm img{
    width: 103px;
    margin-bottom: 20px;
}
.bahbox{
    padding: 20px 0;
    color: #666666;
}
.bahbox a{
    color: #666666;
    margin-left: 50px;
}
.bahbox a img{
    margin-right: 10px;
}

.fiexdbox{
    position: fixed;
    right: 10px;
    top: 80%;
    z-index: 999;
    cursor: pointer;
}
.fiexdbox .sz{
    width: 60px;
    height: 60px;
    background: rgba(255,255,255,0.8);
    border: 1px solid #cccccc;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    border-radius: 100%;
}
.fiexdbox .sz img{
    width: auto;

}

/*企业资质*/
.qyzzbox {
    overflow:hidden;
}
.whflbox {
    text-align:center;
    padding:50px 0;
}
    .whflbox a {
        display:inline-block;
        min-width:212px;
           margin:0 40px;
           text-align:left;
          
    }
    .whflbox em {
        display:block;
        width:100%;
        height:4px;
        border-radius:2px;
        background:#c9ddf4;
        margin-bottom:10px;
    }
    .whflbox p {
        font-size:22px;
    }
        .whflbox p span {
        font-size:18px;
        color:#4c4c4c;
        padding-left:5px;
        }
    .whflbox a.cur em {
        background:#1f73d5;
    }

.qyzzbox ul {
    margin:0 -25px;
}
.qyzzbox li {
    padding:25px;
}
    .qyzzbox li .zzimg {
        height:260px;
        overflow:hidden;
        border:1px solid #cccccc;
         display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-bottom:20px;
    cursor: zoom-in;
    }
    .qyzzbox li .zzimg img{
        max-height:100%;
        transition: 0.6s;
    -webkit-transition: 0.6s;
    }
    .qyzzbox li p {
    text-align:center;
    height:50px;
    }
    .qyzzbox li .zzimg:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    }


.ycboximg {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5);
    display:none;
    z-index:999999;
}
    .ycboximg .ycimgbox {
        height:100%;
         display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    overflow:auto;
    }
        .ycboximg .ycimgbox .container div{
            position:relative;
            overflow:auto;
            text-align:center;
        }
        .ycboximg .ycimgbox .container img#ycimgid {
            max-width:100%;
            min-width:500px;
        }
        .ycboximg .ycimgbox .container img.guan {
            position:absolute;
            right:10px;
            top:10px;
            width:30px;
            cursor:pointer;
        }


/*公司简介*/
.gywmnr{
    padding: 30px 0;
    overflow: hidden;
}
.gywmnr h2{
    padding: 40px 0;
}
.gywmnr p{
    color: #4c4c4c;
    font-size: 16px;
    line-height: 32px;
    padding-bottom: 30px;
}
.gywmnr img{
    display: block;
    margin: 20px auto;
    width: auto;
    max-width: 100%;
}


/*大事记*/
.dsjbox{
    padding: 90px 0 120px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.dsjbox .container>p{
    color: #212121;
    font-size: 22px;
    padding-bottom: 40px;
    text-align: center;
}
.dsjbox .dsjswiper{
    background: #ffffff;
    padding: 0 55px;
    position: relative;
}
.dsjswiper .gallery-thumbs{
    text-align: center;
    color: #212121;
    font-size: 20px;
    padding: 30px 20px;
    border-bottom: 1px solid #e5e5e5;
}
.dsjswiper .swiper-button-next,
.dsjswiper .swiper-button-prev{
    width: 36px;
    height: 36px;
    top: 30px;
    margin-top: 0;
    border-radius: 100%;
}
.dsjswiper .swiper-button-next:after,
.dsjswiper .swiper-button-prev:after{
    display: none;
}
.dsjswiper .swiper-button-next{
    background: url("../images/sjjtl.png") no-repeat center;
    background-size: cover;
    right: 55px;

}
.dsjswiper .swiper-button-prev{
    background: url("../images/sjjtr.png") no-repeat center;
    background-size: cover;
    left: 55px;
}
.dsjswiper .gallery-thumbs .swiper-slide-thumb-active{
    color: #1f73d5;
}
.dsjswiper .gallery-top{
    padding: 30px 0;
}
.dsjswiper .gallery-top li{
    padding-bottom: 30px;
}
.dsjswiper .gallery-top span{
    font-size: 20px;
    color: #212121;
    font-weight: bold;
}
.dsjswiper .gallery-top p{
    color: #4c4c4c;
    font-size: 16px;
    padding-top: 10px;
}
/*品质监控*/
.pzjkimg{}
.pzjkimg:after{
    content: '';
    display: block;
    clear: both;
}
.pzjkimg div{
    float: left;
    width: 50%;
    padding: 0 5px;
    overflow: hidden;
}
.pzjkimg div img{
    transition: all 3s;
    margin: 0;
}
.pzjkimg div img:hover{
    transform: scale(1.1);
}

/*发展理念*/
.fzlnbox{
    padding:100px 0;
}
.fzlnbox li{
    padding:8px;
}
.fzlnbox li .fzli{
    background:rgba(255,255,255,0.75);
    height: 600px;
    padding:0 30px;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center;
}


.fzli p{
     display: block;
    font-size: 22px;
     color: #212121;
}
.fzli strong{
    color: #212121;
   font-weight:100;
   font-size:18px;
   padding-top:35px;
   padding-bottom:15px;
   display:block;
    line-height: 24px;
}
.fzli em{
    display: block;
    height: 2px;
    width: 18px;
    margin-bottom: 30px;
    margin:auto;
}

.fzli span{
    color: #212121;
    font-size: 16px;
    display:block;
    padding-top:35px;
    line-height:24px;
}
.fzlnbox li:nth-child(1) em {
    background:#10aaaa;
}
.fzlnbox li:nth-child(1) p {
    color:#10aaaa;
}
.fzlnbox li:nth-child(2) em{
    background:#f9b872;
}
.fzlnbox li:nth-child(2) p {
    color:#f9b872;
}
.fzlnbox li:nth-child(3) em{
    background:#1f73d5;
}
.fzlnbox li:nth-child(3) p {
    color:#1f73d5;
}
.fzlnbox li:nth-child(4) em {
    background:#f381b6;
}
.fzlnbox li:nth-child(4) p {
    color:#f381b6;
}




/*新闻动态*/
.news_search {
    display: flex;
    align-items: center;
    padding: 50px 0;
}
.news_search span {
    font-weight: bold;
    font-size: 16px;
    color: #4c4c4c;
}
.news_search select{
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari 和 Chrome */
    border-radius: 0;
}
.news_sel {
    display: inline-block;
    background: url(../images/arr6.png) no-repeat right 10px center;
    box-sizing: border-box;
    width: 250px;
    height: 40px;
    border: 1px solid #b5b5b5;
    padding: 0 10px;
    margin-left: 20px;

}
.news_search .text {
    background: none;
}
.news_search .sou {
    display: inline-block;
    margin-left: 10px;
    width: 80px;
    height: 40px;
    background-image: linear-gradient(to right, #f381b6 , #f9b872);
    color: #fff;
    text-align: center;
    line-height: 40px;
}

.newsul{}
.newsul li{
   margin-bottom: 55px;
    transition: all 1s;
}
.newsul li:hover{
    background: #eef1f5;
}
.newsul .xwimg{
    width: 280px;
    height: 168px;
    overflow: hidden;
    float: left;
    position: relative;
}
.newsul .xwimg img{
    width: 100%;
    transition: all 3s;
}
.newsul li:hover .xwimg img{
    transform: scale(1.1);
}
.newsul .xwimg .xwtime{
    position: absolute;
    background: #0faaa9;
    color: #ffffff;
    top: 10px;
    left: 10px;
    padding: 5px 10px;
    text-align: center;
}
.newsul .xwimg .xwtime div{
    font-size: 36px;
 }
.newsul .xwimg .xwtime p{
    font-size: 16px;
}

.newsul .xwnr{
    float: left;
    width: 70%;
    margin-left: 30px;
}
.newsul .xwnr h4{
    color: #212121;
    padding: 10px 0 20px 0;
}
.newsul .xwnr p{
    font-size: 14px;
    color: #4c4c4c;
    line-height: 24px;
    padding-bottom: 20px;
}
.newsul .xwnr span{
    color: #1f73d5;
}
.page{
    text-align: center;
    font-size: 16px;
    color: #b2b2b2;
    padding: 40px 0;
}
.page a{
    font-size: 14px;
    display: inline-block;
    width: 78px;
    height: 38px;
    background: #1f73d5;
    color: #ffffff;
    line-height: 38px;
    margin: 0 20px;
}
.page span{
    color: #212121;
}

 /*新闻详情*/
.xwxqnr{
    padding-top:50px;
}
.xwxqnr .xwleft{
    float: left;
    width: 410px;
    overflow: hidden;
}

.wxbtbox{
    font-size: 24px;
    color: #212121;
    padding-bottom: 30px;
    border-bottom: 1px solid #dbdbdb;
    line-height: 36px;
}
.fbsj{
    padding: 30px 0;
    border-bottom: 1px solid #dbdbdb;
    color: #808080;
}
.fbsj span{
    padding-right: 50px;
}
.xwleft .bdshare-button-style1-16{
    padding: 30px 0;
}
.xwleft .bdshare-button-style1-16 a.bds_more{
    width: 20px;
    height: 22px;
    background: url("../images/fx.png") no-repeat center;
    padding: 0;
    margin: 0;
}

.xwright{
    width: 687px;
    float: right;
    padding-bottom: 40px;
}
.xwright p{
    color: #444444;
    font-size: 16px;
    line-height: 36px;
}
.xwright img{
    display: block;
    width: auto;
    max-width: 100%;
    margin: 10px auto;
}

.xqfy{
    padding: 30px 0;
    border-top: 1px solid #dbdbdb;
}
.xqfy a{
    color: #444444;
    transition: all 0.5s;
}
.xqfy a i{
    display: inline-block;
    height: 36px;
    width: 36px;
    border-radius: 100%;
    background: #cfcfcf;
    color: #ffffff;
    line-height: 36px;
    text-align: center;
    transition: all 0.5s;
}
.xqfy a.prev{
    float: left;
}
.xqfy a.prev i{
    margin-right: 20px;
}
.xqfy a.next{
    float: right;
}
.xqfy a.next i{
    margin-left: 20px;
}
.xqfy a:hover{
    color: #1f73d5;
}
.xqfy a:hover i{
    background: #1f73d5;
}

/*乐飞视频*/
.lfspbox{
    padding-top: 50px;
    overflow: hidden;
}
.lfspbox ul{
    margin: 0 -30px;
}
.lfspbox li{
    padding:30px;
}
.lfspbox li .spdz{
    text-align: center;
    cursor: pointer;
    font-size: 16px;
}

.spdz .imgbox{
    height: 250px;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
}
.spdz .spimg{
    transition: all 2s;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.spdz .imgbox img{
    width: auto;
    position: absolute;
    left: 40%;
    top: 40%;
}
.lfspbox li .spdz:hover .spimg{
    transform: scale(1.1);
}
.bfspbox{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5);
    display: none;
}
.bfspbox .fbdzbox{
    height: 100%;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.bfspbox .fbdzbox video{
    max-width: 100%;
    margin: auto;
    display: block;
}

/*产品中心*/
.cpboxfl{
    overflow: hidden;
    padding: 50px 10px;
}
.cpboxfl ul{
    margin: 0 -10px;
}
.cpboxfl li{
    padding: 10px;
}
.cpboxfl li .cpimgbox{
    height: 376px;
    overflow: hidden;
}
.cpboxfl li .cpimgbox .cpimg{
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 2s;
}
.cpboxfl li:hover .cpimg{
    transform: scale(1.1);
}
.cpboxfl li p{
    color: #212121;
    font-size: 22px;
    padding: 15px 0;
}
.cpboxfl li span{
    display: block;
    color: #4c4c4c;
    font-size: 16px;
}
.cpboxfl li em{
    display: block;
    width: 140px;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    background-image: linear-gradient(to right, #f381b6 , #f9b872);

    text-align: center;
    color: #ffffff;
    margin: 20px 0;
    cursor: pointer;

}
.cpboxfl li em img{
    vertical-align: middle;
    margin-left: 20px;
    transition: all 0.2s;
}
.cpboxfl li em:hover img{
    transform: translateX(5px);
    -webkit-transform: translateX(5px);
}

/*产品列表*/
.cplist{
    overflow: hidden;
    padding: 30px 0;
}
.cplist .cpafl{
    padding: 30px 0;
}
.cplist .cpafl a{
    float: left;
    padding: 0 20px;
    height: 44px;
    line-height: 44px;
    border-radius: 22px;
    font-size: 16px;
    transition: all 0.3s;
}
.cplist .cpafl a:hover,
.cplist .cpafl a.cur{
    background-image: linear-gradient(to right, #f381b6 , #f9b872);
    color: #ffffff;
}
.cplist ul{
    margin: -30px -5px;
}
.cplist li{
    font-size: 16px;
    padding: 30px 5px;
}
.cplist li .cpflimg{
    height: 200px;
    overflow: hidden;
}
.flimg{
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: all 2s;
}
.cplist li a:hover .flimg{
    transform: scale(1.1);
}
.cplist li p{
    color: #4c4c4c;
    padding: 10px 0;
}
.cplist li span{
    color: #1f73d5;
}

/*产品详情*/
.cpxqbox{
    padding: 30px 0;
}
.cpxqjs{
    position: relative;
    padding-top: 30px;
}
.cpjs{
    width: 60%;
    min-height:285px;
}
.cptu{
    position: absolute;
    width: 400px;
    height: 260px;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.cptu img{
    width: 100%;
}
.cpjs .h2{
    line-height: 36px;
    color: #1f73d5;
    margin-bottom: 30px;
}
.cpjs p{
    line-height: 32px;
    color: #4c4c4c;
    font-size: 16px;
    padding-bottom: 10px;
}
.cpjs a{
    display: block;
    width: 140px;
    height: 50px;
    border-radius: 25px;
    background-image: linear-gradient(to right, #f381b6 , #f9b872);
    color: #ffffff;
    line-height: 50px;
    text-align: center;
    margin: 20px 0;

}
.cpjs a img{
    vertical-align: middle;
    margin-left: 20px;
    transition: all 0.2s;
}
.cpjs a:hover img{
    transform: translateX(5px);
    -webkit-transform: translateX(5px);
}
.cptdbz{

}
.cptdli{
    background: #d8d8d8;
    overflow: hidden;
}
.cptdli li{
    cursor: pointer;
    padding: 20px 30px;
    text-align: center;
    font-size: 16px;
    float: left;
    position: relative;
}
.cptdli li.cur{
    background: #10aaaa;
    color: #ffffff;
}
.cptdli li:after{
    content: '';
    position: absolute;
    width: 24px;
    height: 123%;
    overflow: hidden;
    background: #d8d8d8;
    top: -6px;
    right: -8px;
    transform: rotate(14deg);
    -ms-transform: rotate(14deg);
    -moz-transform: rotate(14deg);
    -webkit-transform: rotate(14deg);
    -o-transform: rotate(14deg);
    z-index: 9;
}
.cptdli li.cur:after{
    background: #10aaaa;
}
.cptdbox{
    padding: 20px 0;
    min-height: 380px;
    display: none;
}
.cptdbox p{
    font-size: 16px;
    line-height: 36px;
}
.cptdbox img{
    display: block;
    width: auto;
    max-width: 100%;
}
.qtcpbox{
    padding-top: 20px;
}
.qtbt{
    font-size: 22px;
}
.qtbt span{
    vertical-align: middle;
    display: inline-block;
    width: 30px;
    height: 5px;
    background: #10aaaa;
    margin-right: 20px;
}

/*服务支持*/
.tmkhwzjs{
    width: 920px;
    margin: auto;
    padding: 70px 0;
}
.wzjs{
    padding: 5px 30px;
    text-align: center;
    font-size: 16px;
    background: url("../images/fwdh.png") no-repeat center;
    background-size: 100% 100%;
}
.wzjs p{
    line-height: 32px;
}
.fwrxbox{
    padding-top: 20px;
    color: #1f73d5;
    font-size: 20px;
    text-align: center;
}
.fwrxbox span{
    font-size: 30px;
    padding-top: 10px;
    display: block;
}
.rxul{
    padding-top: 50px;
}
.rxul li{
    overflow: hidden;
}
.rxli{
    cursor: pointer;
    margin: auto;
    width: 168px;
    height: 168px;
    border-radius: 100%;
    overflow: hidden;
    color: #ffffff;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align: center;
    transition: all 0.5s;
}
.rxli:hover{
    transform: scale(0.9);
}
.rxli span{
    display: block;
    font-size: 30px;
}
.rxli em{
    display: block;
    font-size: 24px;
    padding: 10px 0;
}
.rxli p{
    font-size: 18px;
}
.rxul li:nth-child(1) .rxli{
    background: #10aaa8;
}
.rxul li:nth-child(2) .rxli{
    background: #f381b5;
}
.rxul li:nth-child(3) .rxli{
    background: #1f73d5;
}
.rxul li:nth-child(4) .rxli{
    background: #f9b972;
}

.fwzzbox{
    height: 410px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align: center;
    color: #ffffff;
}
.fwzzbox h2{
    font-size: 22px;
    padding-bottom: 50px;
}
.fwzzbox p{
    font-size: 16px;
    line-height: 36px;
    padding: 0 30px;
}
.qtfwbox{
    overflow: hidden;
    padding: 100px 0;
}
.qtfwbox ul{
    margin: 0 -10px;
}
.qtfwbox li{
    padding: 0 10px;
}
.qtfwbox li .qtfwli{
    height: 320px;
    overflow: hidden;
    position: relative;
}
.qtfwbox li .qticon{
    position: absolute;
    color: #ffffff;
    left: 20px;
    bottom: 20px;
    font-size: 22px;
}
.qtfwbox li .qticon img{
    vertical-align: middle;
    margin-left: 10px;
}
.qtfwbox li a:hover .flimg{
    transform: scale(1.1);
}


/*文件下载*/
.wjxzbox{
    padding: 100px 0;
}
.wjxzleft{
    float: left;
    width: 568px;
    overflow: hidden;
}
.wjxzleft h2{
    font-size: 22px;
    color: #212121;
}
.wjxzleft p{
    font-size: 16px;
    line-height: 32px;
    padding: 25px 0;
}
.wjxzleft img{
    display: block;
    width: auto;
    max-width: 100%;
}
.wjxzright{
    width: 540px;
    float: right;
    overflow: hidden;
}
.wjxzright ul{}
.wjxzright li{
    margin-bottom: 15px;
}
.wjxzright li:nth-child(odd) {
    background: #e0e6ed;
}
.wjxzright li:after{
    content: '';
    display: block;
    clear: both;
}
.wjxzright li a{
    display: block;
    color: #4c4c4c;
    padding: 10px 15px;
}
.wjxzright li a>img{
    vertical-align: middle;
    margin-right: 10px;
}
.wjxzright li span{
    float: right;
    color: #1f73d5;
}
.wjxzright li span img{
    vertical-align: middle;
    margin-left: 10px;
}

/*网络服务*/
.fwwlbox{
    padding: 100px 0;
}
.fwwljs{
    font-size: 16px;
    line-height: 32px;
    color: #4c4c4c;
    text-align: center;
    padding-top: 20px;
}
.wldtbox{
    position: relative;
    margin: 40px 0;
    overflow: hidden;
}
.wldtbox img{
    width: 100%;
}
.dwbd{
    color: #4c4c4c;
    font-size: 12px;
    text-align: center;
    position: absolute;

}

.dwbd span{
    position: relative;
    display: block;
    margin: auto;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #ff0000;
}
.dwbd span:after{
    content: '';

    border-radius: 100%;
    background: rgba(255,0,0,0.31);
    position: absolute;

    animation:mymove 1s infinite;
    -webkit-animation:mymove 1s infinite; /*Safari and Chrome*/
}
@keyframes mymove
{
    from {
        width: 0;
        height: 0;
        left: 50%;
        top: 50%;
    }
    to {
        width: 14px;
        height: 14px;
        left: -4px;
        top: -4px;
    }
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
    from {
        width: 0;
        height: 0;
        left: 50%;
        top: 50%;
    }
    to {
        width: 14px;
        height: 14px;
        left: -4px;
        top: -4px;
    }
}
.dwdb1{
    top: 83px;
    left: 145px;
}
.dwdb2{
    top: 125px;
    left: 185px;
}
.dwdb3{
    bottom: 160px;
    left: 360px;
}
.dwdb4{
    top: 10px;
    left: 440px;
}
.dwdb5{
    top: 51px;
    right: 282px;
}
.dwdb6{
    bottom: 260px;
    right: 516px;
}
.dwdb7{
   bottom: 375px;
    right: 282px;
}

/*党建工作*/
.djgzbox{

}
.djgzbox .newsul .xwimg .xwtime{
    background: #bd0a0a;
}

.djzgtt{
    padding: 50px 0;
}
.djzgtt .xb6{
    height: 380px;
    overflow: hidden;
}
.djttbj{
}
.djzgtt .swiper-slide:hover .flimg{
    transform: scale(1.1);
}
.djttwz{
    background: #f7f7f7;
    padding: 50px;
}
.djttwz p{
    font-size: 16px;
    color: #4c4c4c;
    line-height: 32px;
    padding: 10px 0;
}
.djttwz a{
    display: block;
    margin-top: 10px;
    width: 140px;
    height: 50px;
    text-align: center;
    border-radius: 25px;
    border: 1px solid #000000;
    line-height: 50px;
    transition: all 0.5s;
}
.djttwz a i{
    margin-left: 10px;
}
.djttwz a:hover{
    border: 0;
    color: #ffffff;
    background: #1f73d5;
}
.djzgtt .swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: 10px;
    right: 0;
    left: auto;
    width: 50%;
    text-align: left;
    padding-left: 50px;
}
.djzgtt .swiper-pagination-bullet-active{
    background: #1baef1;
}

/*人力资源*/
.rlzybox{

}
.rlzybox li{
    height: 460px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}
.rlzybox li a,
.rlzybox li .container{
    display: block;
    height: 100%;

}
.rlzybox li a .zybox{
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    height: 100%;
    position: relative;
}
.rlzybox li a .zybox>div{
    display: inline-block;
    width: auto;
    background: rgba(51,170,169,0.8);
    padding: 35px 30px;
    color: #ffffff;
}
.rlzybox li a h2{
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 10px;
}
.rlzybox li a .zybox>div.zyl{
    position: absolute;
    right: 0;
    text-align: right;
}
/*人才培养*/
.rcpy{
    margin: 0 -30px;
}
.rcpy li{
    padding: 10px 30px;
}

.pyimg{
    height: 220px;
    overflow: hidden;
}
.pyimg img{
    width: 100%;
}
.pytext{
    color: #ffffff;
    background: #0faaa9;
    height: 180px;
    padding: 20px 10px 0 10px;
}
.pytext h3{
    padding-bottom: 10px;
}
.pytext p{
    color: #ffffff;
    font-size: 14px;
}

/*联系我们*/
.lxwmbox{
    padding: 50px 0;
}
.lxlg{
    padding-bottom: 20px;
    border-bottom: 3px solid #1f73d5;
}
.lxlg div{
   float: left;
}
.lxlg .lgright{
    float: right;
    text-align: right;
}
.lxlg h2{
    font-size: 22px;
}
.lxlg p{
    font-size: 18px;
    line-height: 36px;
}
.lxwmbox p.lxzy{
    line-height: 32px;
    font-size: 16px;
    color: #4c4c4c;
    text-align: center;
    padding: 30px 0;
}
.lxwmul{

}
.lxwmul li{
    text-align: center;
    color: #1f73d5;
    padding:10px;
}
.lxwmul .ewmimg{
    width: 120px;
    height: 120px;
    overflow: hidden;
    margin: auto;
    position: relative;
}
.lxwmul .ewmimg p{
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}
.lxwmul li img{
    width: auto;
    max-width:100%;
}
.lxwmul li p{
    line-height: 32px;
}
.lxmap{
    padding-top: 50px;
}
.lxmap iframe{
    height: 400px;
}
/*首页*/
.bannerbox{

}
.bannerbox .swiper-slide{
    width: 100%;
    overflow: hidden;
    min-height: 800px;
}
.bannerbox .swiper-slide .bannerbj{
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
}

.bannerbox .swiper-slide .bannerwz{
    position: relative;
    z-index: 2;
    color: #ffffff;
    text-align: center;
    transition: all 1s;
    transform: translateY(100px);
    opacity: 0;
}
.bannerbox .swiper-slide-active .bannerwz{
    transform: translateY(0);
    opacity: 1;
}
.bannerbox .swiper-slide .bannerwz div{
    font-size: 46px;
    padding-bottom: 20px;
}
.bannerbox .swiper-slide .bannerwz p{
    font-size: 22px;
    line-height: 36px;
}
.bannerbox .swiper-slide .bannerwz a{
    display: block;
    width: 140px;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    background-image: linear-gradient(to right, #f381b6 , #f9b872);
    text-align: center;
    color: #ffffff;
    margin: 50px auto auto;
    cursor: pointer;
}
.bannerbox .swiper-slide .bannerwz a img{
    vertical-align: middle;
    margin-left: 20px;
    transition: all 0.2s;
}
.bannerbox .swiper-slide .bannerwz a:hover img {
    transform: translateX(5px);
    -webkit-transform: translateX(5px);
}
.bannerbox .swiper-button-next,
.bannerbox .swiper-button-prev{
    width: 46px;
    height: 46px;
    background: rgba(0,0,0,0.12);
}
.bannerbox .swiper-button-prev:after,
.bannerbox .swiper-container-rtl .swiper-button-next:after,
.bannerbox .swiper-button-next:after,
.bannerbox .swiper-container-rtl .swiper-button-prev:after{
    font-size: 20px;
}
.bannerbox .swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: 20px;
}

.qqrx{
    overflow: hidden;
    padding: 20px 0;
}
.qqrx ul{

}
.qqrx li{
    text-align: center;
    padding: 20px 0;
    border-right: 1px solid #e8e8e8;

}
.qqrx li:last-child{
    border: 0;
}
.qqrx li .qqrximg{
    width: 200px;
    height: 130px;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin: auto;
    overflow: hidden;
    transition: all 0.5s;
}
.qqrx li .qqrximg img{
    width: auto;
    max-width: 100%;

}
.qqrx li:hover .qqrximg{
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
}
.qqrx li p{
    font-size: 22px;
    font-weight: bold;
    color: #52575b;
    line-height: 30px;
    padding: 10px 0;
}
.qqrx li span{
    font-size: 18px;
    color: #52575b;
    line-height: 30px;
}
.sycpbox{}
.sycpbox li{
    height: 450px;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.sycpbox li a{
    display: block;
    height: 100%;
}
.sycpbox li a>div{
    height: 100%;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
}
.sycpbox li a>div.flimg{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all 3s;
}
.sycpbox li a:hover .flimg{
    transform: scale(1.1);
}
.sycpbox li a .cpflsy{
    width: 60%;
    background: rgba(15,170,169,0.7);
    color: #ffffff;
    padding: 20px;
    padding-left: 60px;

}
.sycpbox li a .cpflsy div{
    font-size: 30px;
}
.sycpbox li a .cpflsy p{
    font-size: 16px;
    line-height: 32px;
    padding-top: 20px;
    padding-bottom: 40px;
}
.sycpbox li a .cpflsy em{
    display: block;
    width: 140px;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    border: 1px solid #ffffff;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
}
.sycpbox li a .cpflsy em img{
    vertical-align: middle;
    margin-left: 20px;
    transition: all 0.2s;
}
.sycpbox li a .cpflsy em:hover img{
    transform: translateX(5px);
    -webkit-transform: translateX(5px);
}

.qywhbox{
    padding-top: 50px;
}
.sybt{
    font-size: 24px;
    color: #555555;
    text-align: center;
}

.sybt span{
    font-size: 16px;
    color: #999999;
    padding-left: 20px;

}
.qywh{
    margin-top: 50px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.qywh .xb6{
    height: 540px;
}
.qyswiper{
    width: 455px;
    height: 350px;
    margin: auto;
    background: rgba(255,255,255,0.86);
    text-align: center;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
}

.qyswiper .swjz div{
    font-size: 30px;
    font-weight: bold;
    color: #c4c5c5;
}
.qyswiper h3{
    padding-top: 20px;
}
.qyswiper em{
    display: block;
    margin: 20px auto;
    width: 18px;
    height: 2px;
    background: #0faaa9;
}
.qyswiper p{
    font-size: 16px;
}
.qhlb,
.qhlb .swiper-container{
    height: 100%;
}
.qhlb .swiper-slide{
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    height: 100%;
}

.qhlb .swiper-button-prev{
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); 	/* IE 9 */
    -moz-transform:rotate(90deg); 	/* Firefox */
    -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
    -o-transform:rotate(90deg); 	/* Opera */
    left: auto;
    right:50%;
    top: 25px;
    margin: 0;
}
.qhlb .swiper-button-prev:after{
    font-size: 30px;
}
.qhlb .swiper-button-next{
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); 	/* IE 9 */
    -moz-transform:rotate(90deg); 	/* Firefox */
    -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
    -o-transform:rotate(90deg); 	/* Opera */
    right: 50%;
    top: auto;
    bottom: 25px;
    margin: 0;
}
.qhlb .swiper-button-next:after{
    font-size: 30px;
}
.qyljbox{
    height: 100%;
}
.qyljbox{
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
}
.qylj{
    color: #ffffff;
}
.qylj p{
    font-size: 18px;
}
.qylj div{
    font-size: 26px;
    padding-top: 20px;
    padding-bottom: 40px;
}
.qylj a{
    display: block;
    width: 140px;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    border: 1px solid #ffffff;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
}
.qylj a img{
    vertical-align: middle;
    margin-left: 20px;
    transition: all 0.2s;
}
.qylj a:hover img{
    transform: translateX(5px);
    -webkit-transform: translateX(5px);
}
.xwsybox{
    padding: 80px 0;
}
.xwsybtbox{
        padding-bottom: 20px;
}
.xwsybtbox .sybt{
    float: left;
}
.xwsybtbox ul{
    float: right;
}
.xwsybtbox ul li{
    float: left;
}
.xwsybtbox ul li a{
    display: inline-block;
    color: #666666;
    padding: 10px;
    vertical-align: middle;
}
.xwsybtbox ul li span{
    vertical-align: middle;
    color: #666666;
    padding: 0 5px;
}
.xwsybtbox ul li.cur a{
    background: #0faaa9;
    color: #ffffff;
}
.syxwycbox{
    display: none;
}
.syxwycbox a{
    display: block;
}
.syxwimg{
    height: 280px;
    overflow: hidden;
}
.syxwycbox a:hover .flimg{
    transform: scale(1.1);
}
.syxwycbox p{
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0;
}
.syxwycbox p span{
    color: #666666;
    float: right;
    font-weight: 100;
}
.syxwycbox .syxwjj{
    color: #666666;
    line-height: 26px;
}
.syxwycbox em{
    display: block;
    width: 140px;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    background-image: linear-gradient(to right, #f381b6 , #f9b872);
    text-align: center;
    color: #ffffff;
    margin-top: 20px;
    cursor: pointer;
}
.syxwycbox em img{
    vertical-align: middle;
    margin-left: 20px;
    transition: all 0.2s;
}
.syxwycbox em:hover img{
    transform: translateX(5px);
    -webkit-transform: translateX(5px);
}
.syxwycbox .swiper-container{
    padding-bottom: 80px;
}
.syxwycbox .swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: 0;
}
.syxwycbox .swiper-pagination-bullet{
    width: 12px;
    height: 12px;

}

.sygsbf{
    background-repeat: no-repeat;
    background-size: auto;
    background-position: top center;
    margin-top: 20px;
}
.sygsbf .spdz{
    padding-top: 80px;
    text-align: center;
    color: #ffffff;
    font-size: 28px;
}
.sygsbf .spdz img{
    position: relative;
    z-index: 1;
    cursor: pointer;

}
.sygsbf .spdz .spdzimg{
    margin: 50px 0;
    position: relative;
   display: inline-block;
    /*padding: 20px;*/
}

/*.sygsbf .spdz .spdzimg:after{*/
    /*content: '';*/
    /*position: absolute;*/
    /*background: rgba(255,255,255,0.5);*/
    /*border-radius: 100%;*/
    /*animation:spmy 1s infinite alternate;*/
    /*-webkit-animation:spmy 1s infinite alternate; /!*Safari and Chrome*!/*/
/*}*/
/*@keyframes spmy*/
/*{*/
    /*from { width: 0; height: 0;left: 50%;top: 50%;}*/
    /*to {width: 100%; height: 100%;left: 0;top: 0;}*/
/*}*/

/*@-webkit-keyframes spmy /!*Safari and Chrome*!/*/
/*{*/
    /*from { width: 0; height: 0;left: 50%;top: 50%;}*/
    /*to {width: 100%; height: 100%;left: 0;top: 0;}*/
/*}*/

.syjjljgd .container{
    background: url("../images/splj.png") no-repeat center;
    background-size: cover;
    text-align: center;
    color: #ffffff;
    padding: 30px 20px;
}
.syjjljgd .h1{
    font-weight: bold;
}
.syjjljgd span{
    font-size: 16px;
    display: block;
    padding: 20px 0;
}
.syjjljgd p{
    line-height: 32px;
}
.syjjljgd a{
    display: block;
    width: 140px;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    border: 1px solid #ffffff;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    margin: 30px auto;
}
.syjjljgd a img{
    vertical-align: middle;
    margin-left: 20px;
    transition: all 0.2s;
}
.syjjljgd a:hover img{
    transform: translateX(5px);
    -webkit-transform: translateX(5px);
}



/*人才招聘*/
.rczpbox{
    padding: 80px 0;
}
.zpleft{
    float: left;
    width: 400px;
}
.zpleft img{
    width: auto;
    max-width: 100%;
}
.zpright{
    width: 700px;
    float: right;
}

.zpright li{
    margin-bottom: 10px;
}
.zpright .zpbox{
    background: #e5ecf5;
    font-size: 16px;
    text-align: center;
    padding: 15px 0;
}
.zpright .zpbox .xqzp{
    color: #1f73d5;
}
.zpright .zpnr{
    background: #f1f3f5;
    padding: 20px;
    display: none;
}
.zpnr p{
    color: #4c4c4c;
    line-height: 30px;
}
.zpnr span{
    
   
}
/*媒体查询*/
@media (min-width: 1546px) {
    footer .container{
        width: 1546px;
        margin: auto;
    }
}
@media (min-width: 1720px) {
    .hearder .container,
    .bjban .container{
        width: 1720px;
        margin: auto;
    }
    .syjjljgd .container{
        width: 1720px;
        margin: auto;
        padding: 30px 20px;
    }



}

@media (max-width: 1720px) {
    .hearder ul li>a{
        padding: 30px 20px;
    }

}
@media (max-width: 1300px) {
    .gygsjj .gyjjwz{
        padding: 10px;
    }


}
@media (max-width: 1200px) {
    .hearder ul li>a{
        padding: 30px 10px;
    }
    .wbnavul ul li{
        margin-right: 30px;
    }
    .newsul .xwnr{
        width: 60%;
    }
    .rcpy{
        margin: 0 -10px;
    }
    .rcpy li{
        padding: 10px;
    }
    .bannerbox .swiper-slide .bannerwz div{
        font-size: 30px;
    }
    .bannerbox .swiper-slide .bannerwz p{
        font-size: 18px;
    }
    .bjbanwz div{
        font-size: 18px;
    }
    .bjbanwz p{
        font-size: 14px;
    }
    .sycpbox li a .cpflsy div{
        font-size: 24px;
    }
    .sycpbox li a .cpflsy p{
        font-size: 14px;
        padding: 5px 0;
        line-height: 26px;
    }
    .zpleft{
       display: none;
    }
    .zpright{
        width: 100%;
    }
    .rczpbox{
        padding: 30px 0;
    }
    .fzlnbox {
        padding:50px 0;
    }
    .fzlnbox li .fzli {
        padding:10px 0;
    }
}
@media (max-width: 1199px) {
    .xwxqnr .xwleft{
        width: 100%;
        text-align: center;
    }
    .xwright{
        width: 100%;
    }
    .xwleft .bdshare-button-style1-16{
        display: inline-block;
    }
    .cpjs {
        width: 50%;
    }
    .wjxzleft{
        width: 100%;
    }
    .wjxzright{
        width: 100%;
        padding-top: 10px;
    }
}
@media (max-width: 1000px) {
    .hearder {
        display: none;
    }
    .mhearder{
        display: block;
    }
    .layout{
        padding-top: 50px;
        overflow: hidden;
    }
    .dwbox{
        display: none;
    }
    .bannul.on{
        position: relative;
        z-index: 1;
    }
    .bjbanners{
        background-position: center;
        background-attachment:inherit;
    }
    .gygsjj{
        padding-left: 0;
    }
    .nfqk{
        font-size: 5em;
    }
    .nfqk span {
        font-size: 18px;
        top: 40%;
    }
    .bjbanner{
        height: 300px;
    }
    .wbnavul ul,
    .wbnavul ul li{
        float: none;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .wbnavul ul li a{
        display: inline-block;
        margin-right: 10px;
    }
    .wbnavul ul li p{
        padding-bottom: 15px;
    }
    .lxfsewm{
        float: none;
    }
    .lxfsewm .lxfs{
        text-align: left;
    }
    .dsjbox .dsjswiper{
        padding: 0 10px;
    }
    .dsjswiper .swiper-button-next{
        right: 10px;
    }
    .dsjswiper .swiper-button-prev{
        left: 10px;
    }
    .pzjkimg div{
        float: none;
        padding: 0;
        width: 100%;
    }
    .fzlnbox li>div{
        height: auto;
        padding: 40px 0;
    }
    .fzlnbox li .fzlnli div.lnli{
        width: 100%;
        position: relative;
        text-align: center;
         background: none;
    }
    .fzlnbox li div.lnli em{
        margin: auto auto 10px auto;
    }
   .fzlnbox li div.lnli strong,
    .fzlnbox li div.lnli p,
   .fzlnbox li div.lnli span{
        color: #ffffff;
    }
    .news_search{
        display: block;
    }
    .news_search span {
        display: block;
        margin-bottom: 10px;
    }
    .news_sel,
    .news_search .sou{
        margin-left: 0;
        margin-bottom: 10px;
        width: 49%;
    }
    .xwxqnr{
        padding-top: 20px;
    }
    .wxbtbox {
        font-size: 18px;
        padding-bottom: 20px;
        line-height: 24px;
    }
    .fbsj {
        padding: 10px 0;
    }
    .xwleft .bdshare-button-style1-16 {
        padding: 10px 0;
    }
    .xqfy a span{
        display: none;
    }
    .xqfy {
        padding: 15px 0;
    }
    .djttwz{
        padding: 20px;
    }
    .bannerbox .swiper-slide{
        height: 400px;
        min-height: auto;
    }
    .bannerbox .swiper-container-horizontal>.swiper-pagination-bullets{
        bottom: 0;
    }
    .bannerbox .swiper-slide .bannerwz div{
        font-size: 16px;
    }
    .bannerbox .swiper-slide .bannerwz p{
        font-size: 14px;
    }
    .sycpbox li a .cpflsy{
        width: 90%;
    }
    .sygsbf .spdz{
        padding-top: 30px;
        margin-top: 20px;
        font-size: 16px;
    }
    .sygsbf{
        background-size: cover;
    }
    .sygsbf .spdz img{
        margin: 20px 0;
    }
     .dwbd{
        display: none;
    }
}
@media (max-width: 999px) {
    .newsul .xwnr {
        width: 50%;
    }
    .cpboxfl li .cpimgbox{
        height: 300px;
    }
    .cplist .cpafl a {
        padding: 0 10px;
        font-size: 14px;
    }
    .cptu{
        position: relative;
        margin-bottom: 10px;
    }
    .cpjs{
        width: 100%;
    }
    .tmkhwzjs{
        width: 100%;
    }
    .fwzzbox{
        height: auto;
        padding: 50px 0;
    }
    .fwzzbox h2 {
        font-size: 18px;
        padding-bottom: 30px;
    }
    .fwzzbox p {
        font-size: 14px;
        line-height: 24px;
    }
    .qtfwbox{
        padding: 40px 0;
    }
    .rlzybox li{
        height: 300px;
    }
    .pyimg{
        height: 200px;
    }
    .pytext{
        height: auto;
    }
    .qqrx li p{
        font-size: 16px;
    }
    .qqrx li span{
        font-size: 14px;
    }
}
@media (max-width: 760px) {

    .dsjjj {
        padding: 30px 0 50px 0;
    }
    .dsjjj .gydsh,
    .gygsjj .gyjjimg{
        height: 400px;
    }
    .dsjjj .gygsjj,
    .gygsjj .gyjjwz{
        height: auto;
    }
    .gygsjj .gyjjwz div {
        font-size: 18px;
    }
    .gygsjj .gyjjwz span {
        font-size: 16px;
    }
    .gygsjj .gyjjwz p {
        font-size: 14px;
        line-height: 28px;
    }

    .bannul .swiper-slide a{
        padding: 15px 10px;
    }
    .sgbtnr .container>div{
        height: auto;
    }
    .sgbtnr .btjj{
        height: 300px;
    }
    .lgnr .pzjk{
        width: 100%;
        padding: 20px 0;
    }
    .lgnr .pzjk p, .lgnr .pzjk span{
        display: block;
        writing-mode: inherit;
        margin-bottom: 10px;
    }
    .lgnr .pzjk img{
        margin-top: 10px;
    }
    .fzln{
        width: 100%;
        height: 300px;
    }
    .gywmnr{
        padding: 20px 0;
    }
    .gywmnr h2 {
        padding: 10px 0;
        font-size: 18px;
    }
    .gywmnr p{
        font-size: 14px;
        line-height: 24px;
        padding-bottom: 10px;
    }
    .dsjbox{
        padding: 30px 0;
    }
    .dsjswiper .gallery-thumbs{
        padding: 10px;
    }
    .dsjswiper .swiper-button-next,
    .dsjswiper .swiper-button-prev{
        top: 10px;
    }
    .newsul .xwimg{
        width: 100%;
        height: auto;
    }
    .newsul .xwnr{
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }
    .newsul .xwnr h4{
        font-size: 14px;
        padding: 10px 0;
    }
    .newsul .xwnr p{
        font-size: 12px;
        line-height: 24px;
    }
    .newsul .xwimg .xwtime div {
        font-size: 24px;
    }
    .lfspbox ul{
        margin: 0 -10px;
    }
    .lfspbox li{
        padding: 10px;
    }
    .lfspbox{
        padding-top: 20px;
    }
    .cpboxfl {
        padding: 20px 10px;
    }
    .cplist li .cpflimg {
        height: 360px;
    }
    .tmkhwzjs{
        padding: 20px 0;
    }
    .wzjs {
        padding: 5px 15px;
        font-size: 14px;
    }
    .rxli{
        margin: 10px auto;
    }
    .wzjs{
        background-size: 100%;
    }
    .rxul {
        padding-top: 20px;
    }
    .fwzzbox p{
        padding: 0;
    }
    .qtfwbox li .qtfwli{
        margin-bottom: 20px;
    }
    .wjxzbox{
        padding: 30px 0;
    }
    .wjxzleft p {
        font-size: 14px;
        line-height: 32px;
        padding: 20px 0;
    }
    .wjxzright li a{
        font-size: 12px;
    }
   
    .fwwlbox{
        padding: 30px 0;
    }
    .fwwljs{
        font-size: 14px;
    }
    .djzgtt .xb6.djttwz{
        height: auto;
    }
    .pyimg{
        height: auto;
    }
    .pyimg img{
        margin: 0;
    }
    .lxlg h2{
        font-size: 16px;

    }
    .lxlg p{
        font-size: 14px;
    }
    .lxlg{
        padding-bottom: 5px;
    }
    .lxwmbox{
        padding: 20px 0;
    }
    .lxwmbox p.lxzy{
        font-size: 14px;
        padding: 10px 0;
    }
    .lxmap{
        padding-top: 20px;
    }
    .qqrx li{
        border-right: 0;
    }
    .sycpbox li a .cpflsy div{
        font-size: 18px;
    }
    .sycpbox li a .cpflsy{
        width: 100%;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
    }
    .sycpbox li a .cpflsy em{
        margin: auto;
    }
    .sycpbox li{
        height: auto;
        padding: 30px 0;
    }
    .qywh .xb6{
        height: auto;
        padding: 30px 0;
        text-align: center;
    }
    .qylj{
        width: 100%;
    }
    .qylj a{
        margin: auto;
    }
    .qhlb .swiper-container{
        padding: 40px 0;
    }
    .qhlb .swiper-button-prev{
        top: 0;
    }
    .qhlb .swiper-button-next{
        bottom: 0;
    }
    .xwsybtbox ul{
        width: 100%;
        padding: 20px 0;
    }
    .syxwycbox .swiper-container{
        padding-bottom: 30px;
    }
    .syxwycbox .swiper-pagination-bullet{
        width: 8px;
        height: 8px;
    }
    .xwsybox{
        padding: 30px 0;
    }
    .qyzzbox ul {
        margin:0;
    }
    .qyzzbox li {
        padding:15px 0;
    }
    .fzlnbox {
        padding:20px 0;
    }
    .fzlnbox li .fzli {
        padding:10px 0;
        height:300px;
    }
}

@media (max-width: 640px) {
    .bjbanner {
        height: 200px;
    }
    .bjbanner .bjwz p {
        font-size: 20px;
    }
    .bjbanner .bjwz span {
        font-size: 14px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .ywfbqk p{
        font-size: 14px;
    }
    .gycplx{
        background-size: cover;
        height: auto;
        padding: 40px 0;
    }
    .gycplx h2 {
        padding-bottom: 20px;
    }
    .gycplx p {
        line-height: 24px;
    }
    .sgbtnr {
        padding: 20px 0;
    }
    footer{
        padding: 20px 0;
    }
    .dsjswiper .gallery-top li {
        padding-bottom: 10px;
    }
    .dsjswiper .gallery-top span{
        font-size: 16px;
    }
    .dsjswiper .gallery-top p {
        font-size: 14px;
        padding-top: 5px;
    }
    .xwright p{
        font-size: 14px;
        line-height: 24px;
    }
    .cplist li .cpflimg {
        height: 270px;
    }
    .cplist ul{
        margin: 0;
    }
    .cplist li{
        padding: 10px 0;
    }
    .cplist{
        padding-top: 0;
    }
    .cptdli li {
        padding: 10px 20px;
        font-size: 14px;
    }
    .cptdbox p{
        font-size: 14px;
    }
    .cptdbox {
        min-height: auto;
    }
    .qtbt {
        font-size: 18px;
    }
    .qtbt span {
        width: 20px;
        height: 3px;
        margin-right: 10px;
    }
    .fwrxbox{
        font-size: 14px;
        padding-top: 0;
    }
    .fwrxbox span {
        font-size: 20px;
        padding-top: 0;
        font-weight: bold;
    }
    .rxli{
        width: 120px;
        height: 120px;
    }
    .rxli span{
        font-size: 16px;
    }
    .rxli em {
        font-size: 16px;
        padding: 0;
    }
    .rxli p {
        font-size: 14px;
    }
    .djzgtt .xb6.djttbj{
        height: 250px;
    }
    .djttwz h2{
        font-size: 16px;
    }
    .djttwz p{
        font-size: 14px;
        line-height: 24px;
        padding: 5px 0;
    }
    .djttwz a {
        width: 100px;
        height: 40px;
        border-radius: 20px;
        line-height: 40px;
    }
    .rlzybox li{
        height: auto;
    }
    .rlzybox li a .zybox>div{
        display: block;
        background: none;
        text-align: center;
        width: 100%;
        padding: 35px 0;
    }
    .rlzybox li a .zybox>div.zyl{
        position: relative;
        text-align: center;
    }
    .lxwmul li p{
        font-size: 14px;
    }
    .lxmap iframe{
        height:300px;
    }
    .bannerbox .swiper-slide{
        height: 300px;
    }
    .dfzp{
        display: none;
    }
    .zpright .zpbox .xl6{
        text-align: left;
        padding-left: 20px;
    }
    .mhearder .logo img{
        width: 120px;
        margin-top: 5px;
    }
    .bannerbox .swiper-slide .bannerwz{
        padding: 0 50px;
    }
    .bannerbox .swiper-slide .bannerwz div{
        font-size: 14px;
    }
    .bannerbox .swiper-slide .bannerwz p{
        line-height: 24px;
    }
    .bannerbox .swiper-slide .bannerwz a,
    .sycpbox li a .cpflsy em,
    .syxwycbox em,
    .qylj a,
    .syjjljgd a,
    .cpjs a {
        width: 110px;
        height: 40px;
        line-height: 40px;
        border-radius: 20px;
        margin: 10px auto auto;
        font-size: 12px;
    }
    .bannerbox .swiper-slide .bannerwz a img ,
    .sycpbox li a .cpflsy em img,
    .syxwycbox em img,
    .qylj a img,
    .syjjljgd a img,
    .cpjs a img{
        margin-left: 8px;
        width: 15px;
    }
    .cpjs a {
        margin: 10px 0;
    }
     
    .fiexdbox .sz{
        width: 40px;
        height: 40px;
    }
    .fiexdbox .sz img{
        width: 30px;
    }
    .qylj div {
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 15px;
}
    .qywh .xb6 {
        padding:10px 0;
    }
    .qyswiper {
        height:300px;
    }
        .qyswiper .swjz div {
            font-size:20px;
        }
        .qyswiper h3 {
    padding-top: 10px;
}
        .qyswiper em {
    margin: 10px auto;
}
    .sygsbf .spdz .spdzimg {
        margin: 10px 0;
    }
    .cplist .cpafl a {
        height:35px;
        line-height:35px;
        font-size:12px;
    }
    .wjxzright li a {
        padding:10px;
    }
    .whflbox a {
        min-width:0;
        margin:10px 5px;
    }
    .whflbox p {
        font-size:16px;
    }
        .whflbox p span {
            font-size:14px;
        }
    .whflbox {
        padding:20px 0;
    }
}
@media (max-width: 500px) {
    .nfqk {
        font-size: 16px;
    }
    .nfqk span{
        position: relative;
        display: block;
        font-size: 14px;
    }
    .ywfbqk p {
        line-height: 24px;
        margin-top: 10px;
    }
    .ywfbqk img {
        margin: 20px auto;
    }
    .lxfsewm .lxfs{
        display: block;
        padding-left: 0;
        border: 0;
        padding-bottom: 15px;
    }
    .lxfsewm .lxfs h4{
        padding-bottom: 10px;
    }
    .lxfsewm .wbewm{
        padding-left: 0;
    }
    .bannul .swiper-slide a{
        font-size: 14px;
    }
    .spdz .imgbox{
        height: 170px;
    }
    .lfspbox ul{
        margin: 0 -5px;
    }
    .lfspbox li{
        padding: 10px 5px;
    }
    .spdz .imgbox img{
        width: 40px;
    }
    .cpboxfl li .cpimgbox {
        height: 220px;
    }
    .cplist li .cpflimg {
        height: 200px;
    }
    .cptu{
        width: 100%;
        height: auto;
    }
    .cpjs .h1{
        font-size: 16px;
    }
    .cpjs .h2{
        font-size: 14px;
        margin-bottom: 0;
    }
    .cpjs p {
        line-height: 24px;
        font-size: 12px;
    }
    .cpjs a {
        height: 40px;
        border-radius: 20px;
        line-height: 40px;
        margin: 10px 0;
    }
    .wzjs {
        padding: 5px 0;
        font-size: 14px;
        background-size: cover;
    }
    .qtfwbox li .qtfwli{
        height: 200px;
    }
    .qyswiper{
        width: 100%;
    }
    .ycboximg .ycimgbox .container {
        width:100%;
    }
    .ycboximg .ycimgbox .container img#ycimgid {
        min-width:0;
    }

}
@media (max-width: 414px) {
    .spdz .imgbox {
        height: 120px;
    }
}


