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:#f36d17;}.yel2{color: #f2b936;}.fff{color:#fff;}
.co333{color:#333;}.co666{color:#666;}.co999{color:#999;}.blue{color:#18714e;}.cocur{color: #4e181b;}
.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;}

.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:#ececec;}
*.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:0 20px;top:15px;/*width:18px;*/}
.drop i{display:block;width:100%;height:4px;background:#fff;position:relative;margin-top:2px;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(-5px) 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;}

.sear_btn{top:1.3rem;padding:0 0.5rem;cursor:pointer;}
.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 .swiper-pagination-bullets{left:0px;bottom:10px;}
#banner  .swiper-pagination-bullet{width:40px;height:2px;background:#fff;opacity:0.7;-webkit-border-radius:0;border-radius:0;}
#banner  .swiper-pagination-bullet-active{background:#18714e;}
#banner .btn{width:45px;height:45px;border:1px solid rgba(255,255,255,.5);-webkit-border-radius:50%;border-radius:50%;}
#banner .prev0{margin-right:20px;}
#banner .btn:hover{border-color:#43b2c6;background:#43b2c6;}


.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%;}

.slide_btn .pg .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px;background:#000;opacity:1;}
.slide_btn .pg .swiper-pagination-bullet-active{background:#18714e;}
/*
.icona li{width:48%;background:#18714e;}
.icona li abbr{bottom:10px;left:10px;}*/
.icona li{width:46%;margin:10px 1%;box-shadow: -1px 1px 3px #ccc;}
.icona li p{border-top:1px solid #ddd;}

.iconb abbr{bottom:0;left:0;background:#18714e;}

.iconc li abbr{bottom:0;left:0;background:url(../images/bg5.png) no-repeat;background-size:100% 100%;}
.iconc li abbr p{padding:0 10px;}

.foot{background:url(../images/foot.jpg) center bottom no-repeat #1b714e;background-size:auto 100%;}
.foot .t{height:2.2rem;}
.foot .line:before{content:"";position:absolute;bottom:1px;left:0;width:100%;height:1px;background:#328864;}
.foot .line:after{content:"";position:absolute;bottom:0px;left:0;width:100%;height:1px;background:#32543b;}
.foot .co,.foot .co a{color:rgba(255,255,255,.6);}

.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;}

.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;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:20px 0;color:#333;background:#eee;}
.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;}



.about1{background:url(../images/about1.png) left bottom no-repeat;}
.about1 dt{width:55%;}
.about1 dd{width:42%;-webkit-border-radius:10px;border-radius:10px;}
.about1 .line{width:190px;height:2px;background:#18714e;}
@media (max-width:1200px){
.about1 dt,.about1 dd{width:100%;}
.about1 dd{margin-top:1rem;}
}


.g_fadein1 {    -webkit-animation: fadeIn 1s ease both;    animation: fadeIn 1s ease both;    animation-delay: 0.3s;}
.g_atpt4 {    position: relative;    overflow: hidden;}
.g_atpt4botnr {    position: absolute;    top: 0;    left: 0;    transform: translate(0, 0);    width: 100%;    height: 100%;    z-index: 3;}
.g_atpt4top {    position: relative;    width: 100%;    height: 939px;}
.g_atpt4_imgbox {    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);}
.g_atpt4_img {    width: 100%;    height: 100%;}
.g_atpt4_img img {    width: auto;    height: 100%;    position: relative;    top: 0;    left: 50%;    transform: translateX(-50%);}
.g_atpt4bot .g_title1 {    text-align: center;    color: #fff;    position: absolute;    top: 170px;    left: 50%;    transform: translateX(-50%);    z-index: 4;}
.g_atpt4botfl {    width: 25%;    position: relative;    height: 100%;}
.g_line {    width: 100%;    height: 100%;    position: absolute;    z-index: 2;}
.g_line p {    width: 1px;    height: 100%;    background: rgba(255, 255, 255, .3);}
.g_line1 {    left: 25%;    position: absolute;}
.g_line2 {    left: 50%;    position: absolute;}
.g_line3 {    right: 25%;    position: absolute;}
.g_atpt4bot_img {    width: 84px;    transition: all .36s ease;    margin: 0 auto 18px;    opacity: 0;}
.g_atpt4bot_img img {    width: 100%;}
.g_atpt4bot {    position: absolute;    width: 100%;    height: 100%;    z-index: 5;    top: 0;    left: 0;}
.g_atpt4bot_box {    position: absolute;    top: 36%;    left: 50%;    transform: translateX(-50%);    width: 100%;}
.g_atpt4bot_box h3 {    color: #fff;    font-size: 30px;    font-weight: bold;    text-align: center;    line-height: 1.5;    transition: all .36s ease;}
.g_atpt4bot_p {
    margin-top: 17px;    padding: 0 100px;    transition: all .36s ease;    opacity: 0;}
.g_atpt4bot_p p {    color: #fff;    font-size: 18px;    text-align: center;    line-height: 1.75;}
.g_atpt4botfl::before {    content: '';    position: absolute;    top: 50%;    left: 0;    transform: translateY(-50%);    width: 100%;    height: 100%;    background: rgba(0, 0, 0, .0);    z-index: -1;    transition: all .36s ease;}
.g_atpt4botfl.active::before {    /* opacity: 0; */}

@media screen and (max-width: 1280px) {
    .g_title2 {        font-size: 18px;    }
    .g_atpt4botfl .g_atpt4bot_img {        transform: translateY(-18px);        opacity: 1;    }
    .g_atpt4botfl .g_atpt4bot_p {        margin-top: 17px;        opacity: 1;    }
    .g_atpt4bot_img {        width: 44px;margin: 0 auto}
    .g_atpt4bot_box h3 {        font-size: 16px;    }
    .g_atpt4bot_p p {        font-size: 14px;    }
    .g_atpt4bot_p {        max-height: 96px;    padding: 0 40px;    }
    .g_atpt4top {        height: 500px;    }
    .g_atpt6 {        padding: 60px 0 170px;    }
}
@media screen and (min-width: 1200px) {
    .g_atpt4botfl.active .g_atpt4bot_img {        transform: translateY(-18px);        opacity: 1;    }
    .g_atpt4botfl.active .g_atpt4bot_p {        margin-top: 34px;        opacity: 1;    }	
}
@media screen and (max-width: 767px) {
    .g_atpt4botfl {        width: 100%;        position: relative;        height: 23%;        border-bottom: 1px solid rgba(255, 255, 255, 0.6);      margin-top: 27px;    }
    .g_line {        display: none;    }
    .g_atpt4botnr {        padding-top: 50px;    }
    .g_atpt4botnr::before { height: 130%;  }
    .g_atpt4botfl::before {        display: none;    }
    .g_atpt4bot .g_title1 {        top: 30px;    }
    .g_atpt4bot_img {        width: 32px;    }
    .g_atpt4botfl .g_atpt4bot_img {        transform: translateY(-8px);        opacity: 1;    }
    .g_atpt4bot_box h3 {        height: 24px;        overflow: hidden;    }
    .g_atpt4botfl .g_atpt4bot_p {        margin-top: 9px;    }
    .g_atpt4bot_box {        position: static;        top: 36%;        left: 50%;        transform: inherit;    }
    .g_atpt4bot_p p {        display: inline-block;        text-align: center;    }
    .g_atpt4bot_p {        height: 48px;        max-height: inherit;        overflow: hidden;    }
    .g_atpt4bot_p {        text-align: center;    }
    .g_atpt4top {        height: 750px;    }
    .g_atpt4botnr {        height: calc(100% - 98px);    }
}

.about4 {background: url(../images/about4bg.jpg) right bottom no-repeat #f7f7f7; }
.about4 .t{margin-top:3rem;}
.about4 dt{width:40%;}
.about4 dt img{bottom:-5px;}
.about4 dd{width:58%;height:18rem;line-height:2;}
.about4 .con-scroll{margin-top:30px;}
@media screen and (max-width:1000px) {
.about4 dt,.about4 dd{width:100%;}
.about4{padding-bottom:5rem;}
.about4 dt img{height:21rem;}
.about4 dd{height:15rem;}

}


.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%
}