﻿article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
html {-webkit-text-size-adjust: none;font-size:16px;}
@media (max-width:480px){
html{font-size:14px;}
}
*{list-style:none;margin:0;padding:0}
img{border:none}
a{text-decoration: none;color:#000;}
a:hover{}
.clear,.cl{ clear:both;height:0;line-height:0;font-size:0;overflow:hidden;}.hide{display:none;}
body{margin-top:65px;font-size:100%;font-family:"microsoft yahei";color:#333;}
.mouse{cursor:pointer;}.posi{position:relative;}.ab{position:absolute;}.over{transition: 0.3s linear all;}
.mt10{margin-top:10px;}.mt20{margin-top:1rem;}.mt30{margin-top:30px;}.mt50{margin-top:50px;}
.font12{font-size:12px;}.font14{font-size:14px;}.font16{font-size:16px;}.font18{font-size:18px;}.font20{font-size:20px;}.font24{font-size:24px;}.font28{font-size:28px;}.font36{font-size:36px;}
.en{font-family:Arial, Helvetica, sans-serif;}.daxie{text-transform:uppercase;}.daxie_{text-transform:capitalize;}
.bold{font-weight:bold;}.red{color:#e60012;}.yel{color:#ff0;}.yel2{color: #f2b936;}.fff{color:#fff;}
.co333{color:#333;}.co666{color:#666;}.co999{color:#999;}.blue{color:#1d2088;}.cocur{color: #4e181b;}.green{color:#1ecaa1;}
.cen{text-align:center;}.txtl{text-align:left;}.txtr{text-align:right;}.vtop{vertical-align:top;}.inblock{display:inline-block;}
.fl{float:left}.fr{float:right;}.ov{overflow:hidden;}.lh{line-height:1.8;}
.y{-webkit-border-radius:50%;border-radius:50%;}

.wrap{width:100%;max-width:640px;margin:0 auto;}.wrapin{width:95%;max-width:640px;margin:0 auto;}.w{width:100%;}.h100{height:100%;}.baibg{background:#fff;}.huibg{background:#fff;}
*.wrapin{width:92%;max-width:inherit;}
.pad10{padding:10px 0;}.pad20{padding:1rem 0;}.pad30{padding:1.5rem 0;}.pad50{padding:2.5rem 0;}

.navs{position:fixed;top:0;left:0;z-index:10;}
.navs .wrap{height:65px;background:#fff;box-shadow: 0 3px 3px rgba(0,0,0,.1);}

.logo{z-index:10;height:50px;left:10px;top:10px;;}

.drop{padding:9px 10px 0;top:12px;width:22px;height:33px;margin:0 10px;background:#f6f6f6;}
.drop i{display:block;width:100%;height:3px;background:#666;position:relative;margin-top:4px;transition: 0.1s linear all;}
.drop i:nth-child(1){}
.drop.on i:nth-child(2){opacity: 0;}
.drop.on i:nth-child(1){-webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
    transform: translateY(7px) rotate(-45deg);}
.drop.on i:nth-child(3){-webkit-transform: translateY(-12px) rotate(45deg);
    -ms-transform: translateY(-12px) rotate(45deg);
    transform: translateY(-7px) rotate(45deg);}
.subnav{display:none;position:absolute;right:0;top:65px;z-index:9;border-top:1px solid #ddd;background:#fff;/*box-shadow: 0 10px 20px #ccc;*/}
.subnav dt{float:left;width:100%;height:2.5rem;line-height:2.5rem;border-bottom:1px solid #ddd;background:rgba(255,255,255,1);}
.subnav dt a{display:block;padding-left:2%;color:#333;}
.subnav dt i{padding:0.8rem 2%;}
.subnav dt.on i{transform: rotateZ(180deg);
    transform-origin: 50% 50%;
	-ms-transform:rotate(180deg); 	/* IE 9 */
-moz-transform:rotate(180deg); 	/* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg);}
.subnav dd{display:none;float:left;width:100%;height:auto;background:#f5f5f5;}
.subnav dd li{float:left;width:100%;height:35px;line-height:35px;border-bottom:1px solid #ddd;}
.subnav dd li a{display:block;padding-left:4%;color:#333;}

.lang{top:12px;width:42px;height:42px;margin-right:10px;background:#f6f6f6;}

.sear_btn{top:12px;width:42px;height:42px;background:#f6f6f6;}
.sear{display:none;position:absolute;top:65px;right:0;z-index:8;padding:10px 0;background:#f5f5f5;}
.sear .ipt{width:280px;height:30px;line-height:30px;padding-left:10px;border:none;outline:none;}
.sear button{padding:0 10px;border:none;background:none;cursor:pointer;}

/*banner*/
#banner abbr{top:0;left:0;}
#banner .pic{/*height: 100vh;*/ background-position: center;background-repeat: no-repeat;background-size: cover;}
#banner .swiper-slide video{
    /*position: absolute;
    left: 0;
    top: 0;*/
    width: 100%;/*height: 100vh;*/
    background-color: #000;
  }

#banner .txt{left:5%;bottom:2rem;z-index:5;}
#banner .line{width: 2.5rem;height: 2px;margin: 0 0.5rem;background-color:rgba(255,255,255,.5);top: -4px;}
#banner .line:after {position: absolute;top: 0;left: 0;width: 0%;content: "";background-color: #2a8dfd;height: 2px;animation: dash1 5.5s linear infinite;}
@keyframes dash1 {
    0% {width: 0;}
    100% {width: 100%;}
}
#banner .jt{right:5%;top:0;z-index:5;}
#banner .btn{width:40px;height:40px;border:1px solid rgba(255,255,255,1);-webkit-border-radius:50%;border-radius:50%;}
#banner .prev{background:url(../images/bannerprev.png) center no-repeat;}
#banner .next{background:url(../images/bannernext.png) center no-repeat;}

#banner .down{left:0;bottom:1rem;z-index:5;}
#banner .down img{animation: arrow2 1s infinite linear;}
@keyframes arrow2 {
    0% {
        transform: translate(-50%, -50%);
    }

    50% {
        transform: translate(-50%, -70%);
    }

    100% {
        transform: translate(-50%, -50%);
    }
}


.justify{text-align:justify;}
.justify:after{content:"";height:0;width:100%;display:inline-block;overflow:hidden;}
.flex{display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;align-items:center;-webkit-align-items: center;justify-content:center;}

.hover li:hover img,.hover .li:hover img,.hover2 li:hover .pic,.hover2 .li:hover .pic{-webkit-transform:scale(1.1);-moz-transform:scale(1.1); transform:scale(1.1);}
.maxpic img{max-height:100%;max-width:100%;}

.abtl{top:0;left:0;}
.abbl{bottom:0;left:0;}

.icona{background:url(../images/icona.jpg) center no-repeat;background-size:auto 100%;}
.icona dt .j{bottom:15px;padding:0 5px;}
.icona dt li{width:33%;height:80px;}

.vshow{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;background:rgba(0,0,0,0.6);}
.vshow ul{width:90%;max-width:36rem;padding:5px;background:#000;}
.vshow ul abbr{right:-1rem;top:-3rem;padding:1rem;}

.more{z-index:3;width:180px;height:40px;line-height:40px;border:1px solid #1ecba1;background:#1ecba1;-webkit-border-radius:23px;border-radius:23px;box-shadow: 0 2px 5px rgba(0,0,0,0.3);}

.iconb{background:#f5f7fa;}
.iconb dt ul{width:38%;padding:0 5%;height:3rem;margin-top:1rem;transition: 0.3s linear all;}
.iconb dt img{height:1.5rem;}
.iconb dt .w1{width:10%;}
.iconb dt .w2{width:80%;}
.iconb dt .cur{color:#fff;background:url(../images/btn_bg.jpg) no-repeat;background-size:100% 100%;}
.iconb dt .cur .p2{display:block;}
.iconb dt .cur .p1{display:none;}

.iconb dd img{/*height: 100vh;*/}
.iconb dd abbr{left:5%;bottom:1rem;width:90%;}
.iconb dd .more{right:0;top:0;height:35px;line-height:35px;-webkit-border-radius:18px;border-radius:18px;}


.iconc{background:url(../images/iconc.jpg) right center no-repeat;background-size:auto 100%;}

.iconc2 li{width:30%;}
.iconc2 li .pic{height:66px;}
.iconc2 li.cur{color:#1d2088;}
.iconc2 li.cur .p2{display:inline-block;}
.iconc2 li.cur .p1{display:none;}

.iconc3 li{width:44%;height:15rem;margin:15px 0 0 4%;}
.iconc3 li img{max-width:95%;max-height:95%;}
.iconc3 li abbr{left:0;bottom:0;}
.iconc3 li abbr p{padding:0 1rem;}
.iconc3 li:hover a,.iconc3 li:hover a .co999{color:#fff;}
.iconc3 li:hover abbr{height:4rem;background:rgba(29,32,136,.7);}

.icond{padding:6rem 0;background:url(../images/icond.jpg) center no-repeat;background-size:cover;}
.icond dd{margin-top:8rem;}
.icond dd li{width:12rem;}
.icond dd li .pic{height:11rem;}

.icone{background:url(../images/icone.jpg) center top no-repeat;background-size:cover;}
.icone dd ol{width:48%;}
.icone dd .d{font-size:2.5rem;margin-right:10px;}
.icone dd .t{height:50px;border-bottom:1px solid #ccc;}
.icone dd .h{height:35px;}
.icone dd .swiper-slide:hover{background:rgba(29,32,136,1);}
.icone dd .swiper-slide:hover a,.icone dd .swiper-slide:hover .co666,.icone dd .swiper-slide:hover .co999,.icone dd .swiper-slide:hover .blue{color:#fff;}
.pge{top:-5px;margin:0 1rem;}
.pge .swiper-pagination-bullet{width:12px;height:12px;margin:0 1rem;background:#ccc;opacity:1;}
.pge .swiper-pagination-bullet-active{position:relative;top:2px;width:18px;height:18px;background:#1d2088;}

.iconf{background:url(../images/iconf.jpg) center bottom no-repeat;}
.iconf .a li .t2{margin-left:10px;padding:0 10px;line-height:30px;background:#dde6f5;-webkit-border-radius:15px;border-radius:15px;}

.iconf .b{width:16%;}
.iconf .b ul{height:4rem;transition: 0.3s linear all;}
.iconf .b ul .w1{width:30%;padding-left:3%;}
.iconf .b ul .w2{width:60%;line-height:4rem;}
.iconf .b ul.cur{color:#fff;background:url(../images/btn_bg2.png) no-repeat;background-size:cover;}
.iconf .b ul.cur .p2{display:inline-block;}
.iconf .b ul.cur .p1{display:none;}

.iconf .c{width:79%;height:21rem;padding:0.5rem 2%;}
.iconf .c li{width:16.6%;height:7rem;}

.icong{padding:3rem 0;background:url(../images/icong.jpg) center bottom no-repeat;background-size:cover;}
.icong .tel{top:-10px;}
.icong .more{height:40px;line-height:40px;}
.icong .more:hover{background:none;}

.foot{background:#282e3c;}

.line{height:1px;background:rgba(255,255,255,.1);}

.wx span{padding:0 10px;}
.wx span img{width:100px;}

.gotop{position:fixed;bottom:10px;right:10px;width:40px;height:40px;background-color: #02a2aa;-webkit-border-radius: 50%;border-radius: 50%;}

/**---**/
.footscon{height:3.8rem;}
.foots{position:fixed;bottom:0;z-index:3;}
.foots .wrap{border-top:1px solid #ddd;background:#fff/*00aef3*/;}
.foots li{float:left;width:24.5%;padding:0.3rem 0;border-left:1px solid #ddd;}
.foots li a{display:block;color:#00aef3;}
.foots li img{height:1.75rem;}
.foots li abbr{display:none;bottom:3rem;padding:3px;}
.foots li abbr img{height:6rem;}
.foots li:hover abbr{display:block;}

.about1{background:url(../images/about1.jpg) center top no-repeat;}
.about1 .v{-webkit-border-radius:10px;border-radius:10px;}
.about1 video::-webkit-media-controls-enclosure{display:none;}
.about1 li{height:80px;}
.about1 li .j{bottom:15px;padding:0 5px;}
.about1 li .blue{color:#fff;}

.tit p{padding-left:40px;}
.tit .abtl{top:5px;}

.about1s{padding:3rem 0;background:#f7f7f7;}
.about1s li{width:48%;height:15rem;margin-top:10px;border:1px solid #ccc;background:url(../images/about1-1.png) center bottom no-repeat;-webkit-border-radius:10px;border-radius:10px;}
.about1s li .a{top:1rem;left:0;}
.about1s li .b{bottom:1rem;left:0;}
.about1s li p{padding:0 1rem;}
.about1s li:hover{color:#fff;background:url(../images/about1-2.jpg) no-repeat;background-size:cover;}


.about2{background:url(../images/about2.jpg) center bottom no-repeat;}
.about2 .gallery-top ul.fl{width:48%;}
.about2 .gallery-top ul.fr{width:44%;}
.about2 .gallery-top .t{font-size:7rem;}
.about2 .gallery-thumbs{width:95%;margin:7rem auto 0;}
.about2 .gallery-thumbs .pic{height:40px;background:url(../images/dot.png) center no-repeat;}
.about2 .gallery-thumbs .swiper-slide-thumb-active .pic{background:url(../images/dot_on.png) center no-repeat;}

.about2 .btn{bottom:10px;}
.about2 .prev1{left:1%;}
.about2 .next1{right:1%;}
@media (max-width:1200px){
.about2 .gallery-top ul.fl{display:none;}
.about2 .gallery-top ul.fr{width:100%;}
.about2 .gallery-top .t{font-size:3rem;}
.about2 .gallery-thumbs{margin-top:2rem;}
}

.about3{height:40rem;background:url(../images/about3.jpg) center bottom no-repeat;}
.about3 .li{background:#f2f2f2;}
.about3 .li .h1{height:13rem;}
.about3 .li .h2{height:2.5rem;}
.about3 .li img{max-width:90%;max-height:80%;}
.about3 .pg3 .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px;background:#ccc;opacity:1;}
.about3 .pg3 .swiper-pagination-bullet-active{background:#1d2088;}

.about4 .b{width:20%;} 
.about4 .c{width:75%;} 
.about4 .c li{width:20%;}

.serv1 ul{line-height:2.2;}

.serv2 ul{width:100%;margin-top:1rem;padding-bottom:1rem;background:#edf0f5;-webkit-border-radius:10px;border-radius:10px;}
.serv2 ul p{padding:0 1rem;}
.serv2 ul p.t{padding:1rem;}
.serv2 ul p.t:before{content:"";position:absolute;bottom:3px;left:1rem;width:22px;height:1px;background:#000;}
.serv2 .l{float:left;width:100%;}
.serv2 .r{display:none;width:45%;}
.serv2 .ab{position:static;bottom:1rem;line-height:1.6;}
.serv2 ul:hover{color:#fff;background:#1d2084;}
.serv2 ul:hover p.t:before{background:#fff;}

.serv3{background:url(../images/serv3.jpg) center no-repeat;background-size:auto 100%;}

.serv4{background:#f7f8fa;}
.serv4 ul{width:100%;padding:2rem 0;background:#edf0f5;-webkit-border-radius:10px;border-radius:10px;}
.serv4 ul p{padding:0 1rem;}
.serv4 ul .h{height:65px;}
.serv4 ul:hover{color:#fff;background:#1d2084;}
.serv4 ul:hover .p1{display:none;}
.serv4 ul:hover .p2{display:block;}

.serv5 ul{width:22%;height:15rem;box-shadow: 0px 0 15px rgba(0,0,0,.1);-webkit-border-radius:10px;border-radius:10px;}
.serv5 ul .h{height:4.5rem;}
.serv5 ul .m{line-height:45px;padding:0 1rem;box-shadow: 0px 0 15px rgba(0,0,0,.08);-webkit-border-radius:22px;border-radius:22px;}
.serv5 ul .m img{margin-left:5px;}

.keji1 ul{width:100%;}
.keji1 ul .pic{-webkit-border-radius:15px;border-radius:15px;}

.keji2:before{z-index:1;content:"";position:absolute;top:0;left:0;width:100%;height:10rem;background:#063A98;}
.kj1{z-index:3;padding:1rem 0;}
.kj1 li{line-height:3rem;margin-right:2rem;opacity:0.5;}
.kj1 li.cur{border-bottom:2px solid #00dca7;opacity:1;}

.kj2{z-index:3;}
.kj2 dt li{background:#fff;-webkit-border-radius:10px;border-radius:10px;box-shadow: 0px 0 15px rgba(0,0,0,.1);}
.kj2 dt li p{padding:0 1rem;}

.kj2 dd abbr span{width:75%;}
.kj2 dd .pl{padding-left:45px;}
.kj2 dd .ico1{background:url(../images/icon6.svg) 0 3px no-repeat;}
.kj2 dd .ico2{background:url(../images/icon7.svg) 0 3px no-repeat;}
.kj2 dd .ico3{background:url(../images/icon8.svg) 0 3px no-repeat;}
.kj2 dd .ico4{background:url(../images/icon9.svg) 0 3px no-repeat;}

.zoom-image {
        width: 140px; /* 初始宽度 */
        height: auto; /* 保持图片比例 */
        transition: transform 0.5s ease; /* 平滑过渡效果 */
    }
    .zoom-image:hover {
        transform: scale(1.3); /* 鼠标悬停时放大1.3倍 */
    }

.explosion-icon {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: relative;
  animation: explode 3s infinite;
}
 
@keyframes explode {
  0% { transform: scale(1); }
  50% { transform: scale(1.5); }
  100% { transform: scale(1); }
}

.banner dt a{padding:0 10px;height:30px;line-height:30px;margin:5px 0;border:1px solid #ddd;}
.banner dd a{padding:0 10px;color:#666;}
.banner dd a:first-child{padding-left:0;}

.newslist li{width:48%;margin:10px 0;}
.newslist li abbr{bottom:0;left:0;padding:5px 0;background:rgba(24,113,78,.7);}
.newslist li .h{height:20px;padding:0 10px;}

.vlist li{width:48%;margin:10px 0;}
.vlist li abbr{left:0;bottom:0;background:rgba(24,113,78,.7);}
.vlist li abbr p{padding:0 10px;}
.vlist li abbr .h{height:22px;}
.vlist li i{top:35%;left:50%;margin-left:-21px;}

.vshow{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;background:rgba(0,0,0,0.6);}
.vshow ul{width:90%;max-width:36rem;padding:5px;background:#18714e;}
.vshow ul abbr{right:-1rem;top:-3rem;padding:1rem;}

.lx1 li{width:48%;min-height:150px;background:#f5f5f5;}
.lx1 li p{padding:0 10px;word-break:break-all;}/*
.lx1 li p.t:before{content:"";position:absolute;top:10px;left:20px;width:16px;height:1px;background:#f50;}*/

.lx2{background:url(../images/lx2.jpg) center no-repeat;background-size:auto 100%;}
.lx2 li .ipt{width:96%;height:50px;line-height:50px;padding:0 2%;border:1px solid #ddd;background:#fff;}
.lx2 li textarea{width:96%;height:120px;padding:10px 2%;border:1px solid #ddd;background:#f9f9f9;}
.lx2 li .btn{height:50px;line-height:50px;border:none;background:#18714e;cursor:pointer;}

.map{height:20rem;}

.prolist li{width:48%;margin:10px 0;background:#f7f7f7;}
.prolist li .pic{height:320px;}
.prolist li .zi{height:60px;}
.prolist li p{padding:8px;}

.zhzh1 a{width:35%;padding:5px 0;margin:0 5%;border-bottom:1px solid #ccc;}
.zhzh1 a:nth-child(-n+2){}

.zhzh2 li{margin:10px 0;}
.zhzh2 li abbr{bottom:0;left:0;background:rgba(24,113,78,.7);}
.zhzh2 li .h{height:20px;padding:0 10px;}

#slide0{/*background:#18714e;*/}



.acon{line-height:2;}
.acon .heng{height:40px;line-height:40px;margin:10px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;}
#pic img{max-width:100%;}
.prenext{padding:5px 0;border-top:1px dotted #ccc;}
.acon .shop img{width:45%;max-width:10rem;}

.pror{width:94%;padding:1rem 3%;border:1px solid #fff;box-shadow: 0 0px 10px rgba(0,0,0,.2);}
.pror p{min-height:20px;}
.pror .pl{padding-left:75px;}
.pror .pl abbr{left:0;top:10px;}
.pror .btn a{display:inline-block;padding:0 10px;height:40px;line-height:20px;background;-webkit-border-radius:5px;border-radius:5px;}
.pror .btn a.bg2{margin:0 10px;background;}
.pror .btn a.bg3{background;}

.xing a{float:left;;width:45%;line-height:30px;margin:5px 0px;text-align:center;color:#666;border:1px solid #ccc;background:#fff;-webkit-border-radius:5px;border-radius:5px;}
.xing a.cur{color:#fff;background:#18714e;}
.xing a:nth-child(2n){float:right;}

.canshu ol{display:block;width:50%;}
.canshu li{float:left;width:100%;height:30px;line-height:30px;border-bottom: 1px solid #eee;background:#fff;}
.canshu li:nth-child(2n){background:#eee;}
.canshu li span{display:inline-block;width:100%;color:#000;font-weight:bold;background:#fbebc7;}
.canshu li:nth-child(1){background:none;}
.canshu .b li:nth-child(1) span{color:#fff;background:#666;}
.canshu .cur li:nth-child(1) span{background:#00b9fe;}
.canshu .cur li:nth-child(2n){background:#ccc;}

/*
.prolist li{float:left;width:100%;overflow:hidden;position:relative;}
.prolist li abbr{position:absolute;top:50%;left:50%;margin:-3rem 0 0 -30%;;width:60%;height:6rem;line-height:6rem;background:rgba(255,255,255,.8);}
.prolist li td{height:6rem;border:1px solid #ddd;overflow:hidden;}
.prolist li td img{max-width:90%;max-height:6rem;}*/

.piclist li{display:inline-block;width:48%;margin:0.5rem 0; text-align:center; vertical-align:top;overflow:hidden;}
.piclist li a{display:block;}
.piclist li img{width:100%;}

.caselist li{width:48%;margin:15px 0;-webkit-border-radius:10px;border-radius:10px;}
.caselist li .pic{height:330px;}
.caselist li p{padding:0 20px;}
.caselist li abbr{padding:15px 0;bottom:0px;left:0;background-image: linear-gradient(to top, #0c8ebf, rgba(255, 0, 0, 0));}
.caselist li abbr.bg{padding:8px 0;color:#333;background:rgba(255, 255, 255, 0.7);}
.caselist li:nth-child(2n){float:right;}
.caselist li:hover abbr{color:#fff;background:#0c8ebf;}
.caselist li:hover abbr.bg .p1{display:none;}
.caselist li:hover abbr.bg .p2{display:block;}


.abanner .pic{z-index:1;height:20rem;}
.abanner abbr{z-index:2;left:0;top:0;}
.abanner .en{height:2.5rem;}
.abanner .en:before{content:"";position:absolute;bottom:0px;left:50%;margin-left:-40px;width:80px;height:1px;background:#fff;}
.abanner abbr ul.wrapin{margin-top:2rem;}
.abanner .font30{font-size:1.5rem;}
.abanner abbr ul.wrapin{margin-top:1rem;}







.bt{padding-bottom:10px;border-bottom:1px solid #ddd;}


.sorts ul{display:none;padding:10px 0;background:url(../images/sorts.png) repeat-x;}
.sorts a{display:inline-block;width:20%;height:30px;line-height:30px;margin:5px 2.1%;text-align:center;border:1px solid #ddd;overflow:hidden;}
.sorts a:hover, .sorts a.cur{color:#fff;background:#00a2ea;border-color:#00a2ea;}

.where{width:96%;line-height:36px;padding:0 2%;margin:10px 0;border-top:1px solid #E4E4E4;border-bottom:1px solid #E4E4E4;background:#EBEBEB;overflow:hidden;}
.where a{padding:0 5px;}

.topnav .wrap{line-height:40px;margin-bottom:30px;border-bottom:1px solid #ddd;position:relative;}
.tsubnav{display:none;z-index:2;position:absolute;top:41px;right:0;width:100%;max-width:640px;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.tsubnav dt{float:left;width:100%;height:40px;line-height:40px;border-bottom:1px solid #ddd;background:#fff;}
.tsubnav dt a{display:block;}
.tsubnav dt i{padding-right:20px;margin-top:15px;}
.tsubnav dd{display:none;float:left;width:100%;background:#f3f3f3;}
.tsubnav dd li{float:left;width:100%;height:30px;line-height:30px;border-bottom:1px solid #ddd;}
.tsubnav dd li a{display:block;}
.topnav p{padding:0 10px;}

.join{padding:50px 0 100px;background:url(../images/join.jpg) center top no-repeat;background-size:cover;}
.join .kong{height:330px;}
.join1 li{float:left;width:100%;margin:20px 0;}
.join1 li .ipt,.join1 li .sel{width:85%;height:30px;line-height:30px;margin:0 10px;color:#999;border:0;border-bottom:1px solid #555;background:none; outline:none;position:relative;top:-10px;}
.join1 li .sel{appearance: none;-moz-appearance: none;-webkit-appearance: none;background: url(../images/select.png) no-repeat scroll 95% center transparent;}
.join1 li .btn{width: 170px;height: 40px;line-height: 40px;padding: 0 40px 0 0;border: none;background: url(../images/pop-btn.png) no-repeat right center;}
.join1 li .btn:hover{background: url(../images/pop-btn_hover.png) no-repeat right center;}


/* 栏目页分页 */
.pages a{display:inline-block;width:50px;line-height:50px;margin:0 10px;color:#333;background:#f3f3f3;-webkit-border-radius:50%;border-radius:50%;}
.pages a:hover, .pages a.page-num-current{color:#fff;background:#18714e;}
.pages a i{top:4px;}

.faqbox {margin:20px 0 0 30px;background: url(../images/img/bdbg.jpg) right top no-repeat;}
.faqbox li{float:left;width:100%;line-height:40px;}
.faqbox li span{float:left;width:80px;height:40px;}
.faqbox li select{height:25px;line-height:25px;border:1px solid #ccc;}
.faqbox li .ipt{width:160px;height:25px;line-height:25px;padding:0 5px;border:1px solid #ccc;background:url(../images/ipt.gif) repeat-x;}
.faqbox li  textarea {width:60%;height:80px;border:1px solid #ccc;background:url(../images/ipt.gif) repeat-x;}
.faqbox li .btn{width:100px;height:32px;line-height:32px;color:#fff;border:0;background:#00a2ea;cursor:pointer;}
.wenda{}
.wenda li{float:left;width:100%;padding:10px 0;overflow:hidden;}
.wenda li p{float:left;width:97%;padding:0 1%;word-break:break-all;word-wrap:break-word;}
.wenda li p.t{background-color:#ddd;}
.wenda li p span{float:right;}
.wenda li p.hf{border:1px dashed #00a2ea;color:#00a2ea}
.wenda li p.hf a{color:#00a2ea;}


.vid-wrap{
    width:100%;background: #000;
    position:relative;
    padding-bottom:56.25%;    /*需要用padding来维持16:9比例,也就是9除以16*/
    height: 0;
}
.vid-wrap video{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%
}

.t11{overflow: hidden;font-family: Impact;background-image: linear-gradient(to right,#fff, #1ecba1, #008C6E,#005A78,#1ecba1,#1ecba1,#fff,#1ecba1, #1d2088,#005A78,#1d2088,#1ecba1,#fff); -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-background-size: 200% 100%;
    animation: bgp 6s infinite alternate linear;text-transform: uppercase;
background-position: -100% 0%}
@keyframes bgp {
	0% {background-position: -100% 0%; }
    100% {background-position: 0 0; }
  }