body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
body { background:#fff; color:#555; font-size:0.2rem; font-family:'Microsoft YaHei' }
td,th,caption { font-size:0.2rem; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a{text-decoration:none; color:#000;}
A:link{text-decoration:none; color:#000;}
A:visited{text-decoration:none; color:#000;}
A:hover{text-decoration:none; color:#000;}
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:0.2rem Verdana,Helvetica,Arial,sans-serif; }

/**
 * =============================================================================
 * ************   Drawer 抽屉栏导航   ************
 * =============================================================================
 */

/* header */
.header{position:fixed;top:0;height:60px;background: rgba(0,0,0,0.7);width: 100%;z-index: 100;}

.header .logo{display:block;width:170px;height:50px;padding:10px 0 0 10px;position: relative;z-index: 1000}
.header .logo img{display:block;width:100%;}
.header .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}

@media (min-width:641px){body{width:640px;margin:auto;}}



#banner{width: 100%;height: 350px;background: url('/template/wap/images/index-mo-ban.png');background-size: 100%;position: relative;overflow: hidden}
#banner .title{font-size: 28px;text-align: center;color: #fff;padding-top: 150px;font-weight: bold}
#banner p{text-align: center;color: #fff;line-height: 60px;font-size: 16px}
.liuyan{display: block;
    text-align: center;
    border-radius: 28px;

    width: 160px;
    line-height: 35px;
    background-color: #296bef;
    color: #fff!important;
    font-size: 15px;
    padding: 0;
    border: none;
    margin: 0 auto;

}

.wap-title{text-align: center;padding: 30px;box-sizing: border-box}
.wap-title h3{font-size: 28px;line-height: 70px}
.wap-title p{font-size: 14px;}

.swiper-container {width: 100%;height: 300px;margin-left: auto;margin-right: auto;}
.swiper-slide {background-size: cover;background-position: center;}
.gallery-top {height: 80%;width: 100%;}
.gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 0;}
.gallery-thumbs .swiper-slide {height: 100%;opacity: 0.4;}
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}


.gallery-thumbs{height: 80px;padding-bottom: 10px!important;}
.swiper-slide{text-align: center}
.gallery-thumbs .swiper-slide {opacity: 1;}
.gallery-thumbs .swiper-slide-thumb-active {border-bottom: 2px solid #296bef;}
.box{border-radius: 10px;width: 92%;height: 300px;margin: 10px auto;background: #fff;text-align: left;box-shadow: 0 0 5px 0 #e3e3e3;}
.box h2{font-size: 20px;letter-spacing: 2px;
    font-weight: bold;
    padding: 20px;}
.box .des{padding:0 20px 20px 20px;
    font-size: 14px;line-height: 30px;}
.box .count{border-top: 1px solid #ccc;display: flex;padding-top: 20px}
.box .item{flex: 1;text-align: center}
.box .item .lab{font-size: 18px;line-height: 30px;font-weight: bold}
.box .item:nth-child(1){border-right: 1px solid #ccc}



.box1{border-radius: 10px;width: 92%;height: 300px;margin: 10px auto;background: #fff;text-align: left;box-shadow: 0 0 5px 0 #e3e3e3;overflow: hidden}
.box1 .box1-img{height: 160px;overflow: hidden;position: relative}
.box1 .box1-img h1{position: absolute;left: 15px;bottom:15px;color: #fff;font-size: 25px}
.box1 .box1-img img{width: 100%;margin-top: -20px;}
.box1 h2{line-height: 55px;
    font-size: 15px;
    text-align: center;}
.box1 .count{border-top: 1px solid #e9e9e9;display: flex;padding-top: 20px}
.box1 .item{flex: 1;text-align: center}
.box1 .item .lab{font-size: 18px;line-height: 30px;font-weight: bold}
.box1 .item .lab small{font-weight: 300}
.box1 .item:nth-child(1){border-right: 1px solid #ccc}


#guestbook{background: linear-gradient(360deg,#f2f7ff 0,#ecf4ff 100%);padding: 20px;}
#guestbook .layui-btn{background: #296bef;border-radius: 30px;
    width: 100%;
    line-height: 50px;
    height: 50px;}

#footer{background: rgba(0,0,0,0.7);margin-bottom: 60px}
#footer .lr{height: 80px;padding: 15px;color: #fff}
#footer .lr-1{float: left;width: 42%;}
#footer .lr-1 h3{font-weight: bold}
#footer .lr-1 p{margin-top: 10px;font-size: 13px}
#footer .lr-1 p a{color: #ddd;border:1px solid #ddd;padding: 2px 10px;border-radius: 22px;}
#footer .footer{color: #ddd;text-align: center;line-height: 30px}
#footer .footer a{color: #ddd;}

#footer-fiex{position: fixed;bottom: 0;width: 100%;height: 50px;background: #fff;z-index: 10000;padding: 0 15px;box-sizing: border-box;box-shadow: 0 0 3px 0 #ddd}
#footer-fiex a{width: 46%;display: inline-block;text-align: center;font-size: 16px;background: #8ed2ff;line-height: 35px;color: #fff;border-radius: 20px;margin-top: 5px}
#footer-fiex a i{
    background-image: url(/template/wap/images/fiex.png);
    background-size: 48px auto;
    height: 24px;
    width: 24px;
    vertical-align: middle;}


/*公共页面*/

.platform_advantage_bg_z {
    position: relative;
    bottom: 0;
    left: 0;
    width: 65%;

}


.platform_advantage_bg_z li {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, .15);
    bottom: -150px;
    -webkit-animation: square_z 22s infinite;
    animation: square_z 22s infinite;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.platform_advantage_bg li:nth-child(1), .platform_advantage_bg_z li:nth-child(1) {
    left: 10%
}

.platform_advantage_bg li:nth-child(2), .platform_advantage_bg_z li:nth-child(2) {
    left: 20%;
    width: 80px;
    height: 80px;
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms;
    -webkit-animation-duration: 17s;
    animation-duration: 17s
}

.platform_advantage_bg li:nth-child(3), .platform_advantage_bg_z li:nth-child(3) {
    left: 25%;
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms
}

.platform_advantage_bg li:nth-child(4), .platform_advantage_bg_z li:nth-child(4) {
    left: 40%;
    width: 60px;
    height: 60px;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    background-color: rgba(255, 255, 255, .25)
}

.platform_advantage_bg li:nth-child(5), .platform_advantage_bg_z li:nth-child(5) {
    left: 70%
}

.platform_advantage_bg li:nth-child(6), .platform_advantage_bg_z li:nth-child(6) {
    left: 80%;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    background-color: rgba(255, 255, 255, .2)
}

.platform_advantage_bg li:nth-child(7), .platform_advantage_bg_z li:nth-child(7) {
    left: 32%;
    width: 100px;
    height: 100px;
    -webkit-animation-delay: 7s;
    animation-delay: 7s
}

.platform_advantage_bg li:nth-child(8), .platform_advantage_bg_z li:nth-child(8) {
    left: 55%;
    width: 20px;
    height: 20px;
    -webkit-animation-delay: 15s;
    animation-delay: 15s;
    -webkit-animation-duration: 40s;
    animation-duration: 40s
}

.platform_advantage_bg li:nth-child(9), .platform_advantage_bg_z li:nth-child(9) {
    left: 25%;
    width: 10px;
    height: 10px;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-duration: 40s;
    animation-duration: 40s;
    background-color: rgba(255, 255, 255, .3)
}

.platform_advantage_bg li:nth-child(10), .platform_advantage_bg_z li:nth-child(9) {
    left: 90%;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 11s;
    animation-delay: 11s
}

@-webkit-keyframes square {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(-1700px) rotate(600deg);
        transform: translateY(-1700px) rotate(600deg)
    }
}

@keyframes square {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(-1700px) rotate(600deg);
        transform: translateY(-1700px) rotate(600deg)
    }
}

@-webkit-keyframes square_z {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(-700px) rotate(500deg);
        transform: translateY(-700px) rotate(500deg)
    }
}

@keyframes square_z {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(-700px) rotate(500deg);
        transform: translateY(-700px) rotate(500deg)
    }
}


/*公共联系*/
#lianxi .bg_newstit {
    background: url(../images/lianxi_tit.jpg) no-repeat left bottom;

    border-bottom: none;
    border-bottom: 1px solid #e0e0e0;
    box-sizing: border-box;
    padding: 1% 5%;
    padding-bottom: 2%;
}

#lianxi .con_tit span {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #191919;
    text-align: center;
    padding-bottom: 1%;
    line-height: 41px;
}
#lianxi .xinjiang {width: 100%;height: auto;border: 1px dashed #ccc;position: relative;padding: 50px 10px 50px 10px;margin-top: 0px;display: table;box-sizing: border-box;}
#lianxi .xinjiang h2 {width: 85%;padding: 3px 20px;background: #33a1d4;color: #fff;font-size: 18px;letter-spacing: 2px;line-height: 45px;display: table;position: absolute;top: -25px;left: 30px;text-align: center;box-sizing: border-box;}
#lianxi .xinjiang i {width: 32px;height: 47px;display: table;position: absolute;top: -11px;left: -12px;}
#lianxi .lleft {height: 195px;float: left;margin-left: 20px;text-align: left}
#lianxi .lleft p {line-height: 32px;color: #666;font-size: 16px;margin: 5px 0}
#lianxi .lleft h3 {color: #f00;font-size: 25px;letter-spacing: 3px;font-weight: bold;margin-bottom: 15px}


/*公共 新闻列表*/
.news_1 ul li {
    border-left: 5px solid #3c9af2;
    display: table;
    margin-bottom: 10px;
    padding: 10px 0;
    /* border-bottom: 5px solid #b5d1eb; */
    box-shadow: 5px 5px 5px #ccc;
    border-bottom-right-radius: 2px;
}
.news_1 ul li img {
    width: 100px;
    margin-left: 2%;
    height: 85px;
    padding: 2%;
    border: 2px solid #ccc;
    border-radius: 3px;
    float: left;
}
.new {
    width: 63%;
    height: 100px;
    float: right;
}
.news_1 ul li h2 {
    height: 60px;
    font-size: 14px;
    margin-top: 5px;
    overflow: hidden;
    color: #666;
    text-shadow: none;
    font-weight: 400;
    line-height: 30px;
}
.new p {
    margin: 0px;
    font-size: 13px;
}
.new p a {
    float: right;
    background: #3c9af2;
    border-radius: 8px;
    padding: 3px 10px;
    color: #fff;
    font-size: 13px;
    margin-right: 5px;
}