html {
    -webkit-text-size-adjust: none;font-size:20px;
}
@media (max-width:640px){
html{font-size:16px;}
}
body{color:#333;font-size:0.7rem;font-family:"microsoft yahei";/*behavior:url("csshover.htc");*/}
.mttop{margin-top:85px;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
*{list-style:none;margin:0;padding:0}
img{border:none}
a{text-decoration: none;color:#333;}a:hover{}.over{transition: 0.3s linear all;}.point,.mouse{cursor:pointer;}
.cl{ clear:both;height:0;line-height:0;font-size:0;overflow:hidden;}
.ov{overflow:hidden;}
.fl{float:left;}.fr{float:right;}.ov{overflow:hidden}.posi{position:relative;}.ab{position:absolute;}.over{transition: 0.2s linear all;}
.bold{font-weight:bold;}.cen{text-align:center;}.txtl{text-align:left;}.txtr{text-align:right;}.vtop{vertical-align:top;}.enbold{font-family:Impact;}
.mt5{margin-top:0.25rem;}.mt10{margin-top:0.5rem;}.mt15{margin-top:0.75rem;}.mt20{margin-top:1rem;}.mt25{margin-top:25px;}.mt30{margin-top:1.5rem;}.mt50{margin-top:2.5rem;}
.font12{font-size:0.6rem;}.font14{font-size:0.7rem;}.font15{font-size:0.75rem;}.font16{font-size:16px;}.font18{font-size:0.9rem;}.font20{font-size:1rem;}.font24{font-size:1.2rem;}
.font30{font-size:1.5rem;}.font36{font-size:1.8rem;}.font48{font-size:2.4rem;}
.block{display:block}.inblock{display:inline-block;}.outline{outline:none;}

@media (max-width:640px){
.font18{font-size:16px;}.font20{font-size:18px;}.font24{font-size:20px;}.font30{font-size:24px;}
}
.co000{color:#000;}.co333{color:#333;}.co666{color:#666;}.co999{color:#999;}.blue{color:#00a2ea;}.yel{color:#ff0;}.fff{color:#fff;}.red{color:#dd2226;}.hop{color:#0079af;}.green{color:#18714e;}.coccc{color:#ccc;}
.daxie{text-transform:uppercase;}.daxie_{text-transform:capitalize;}.lh{line-height:1.8;}.yahei{font-family:"microsoft yahei";}.en{font-family:Georgia, "Times New Roman", Times, serif;}
.hide{ display:none;}
.wrap{width:100%;max-width:1360px;margin:0 auto;}.wrap2{width:80%;margin:0 auto;}.wrapin{width:88%;margin:0 auto;}.w{width:100%;}.h100{height:100%;}
.baibg{background:#fff;}.huibg{background:#f3f3f3;}

.pad10{padding:10px 0;}.pad20{padding:20px 0;}.pad30{padding:30px 0;}.pad50{padding:2.5rem 0;}

.header.scroll{height:60px;background:rgba(0,0,0,.3);}
.header.scroll .drop{padding:12px 0 0 20px;}
.header.scroll .subnav{top:60px;}

.header{z-index:99;position:fixed;top:0;left:0;box-shadow: 0 0 3px background:rgba(255,255,255,.3);;}
.logo{top:8px;left:5%;}
.header dd{height:85px;}


.searbtn{margin:0px 25px 0 0;color:#f2b936;}
.sear{display:none;top:85px;right:0px;z-index:100;width:250px;padding:5px;padding-left:10px;background:#f8f8f8;}
.sear .ipt{width:200px;height:30px;line-height:30px;border:none;background:fff; outline:none;}
.sear button{padding:10px;border:none;background:none;cursor:pointer;}


.nav{margin-right:60px;}
.nav li{float:left;line-height:85px;}
.nav li:nth-child(1) img{top:5px;}
.nav li a{display:block;padding:0 25px;position:relative;}
.nav li a.on,.nav li a.cur,.nav li a:hover{color:#18714e;}
.nav li a.on:before,.nav li a.cur:before,.nav li a:hover:before{content:"";position:absolute;bottom:0px;left:50%;margin-left:-10px;width:20px;height:2px;background:#18714e;}
/*子菜单*/
.nav li ol{display:none;z-index:9;top:85px;left:0;line-height:normal;padding:10px 0;background:#f4f7f5;}
.nav li ol a{display:inline-block;padding:10px 40px;color:#000;}
.nav li ol a:hover{font-weight:bold;color:#000;}
.nav li ol a:before{display:none;}
.nav li ol.pro{padding:0;background:none;}
.nav li .pro ul{background:#f4f7f5;-webkit-border-radius:10px;border-radius:10px;}
.nav li .pro .l{top:0;left:0;width:25%;}
.nav li .pro .m{width:45%;}
.nav li .pro .m .s{width:33%;}
.nav li .pro .m .s a{display:block;padding:0;}
.nav li .pro .m .s a.co666{color:#666;}
.nav li .pro .r{width:23%;}
.nav li .pro .r img{width:160px;border:10px solid #fff;}
@media (max-width:1500px){
.nav li a{padding:0 10px;}
}
@media (max-width:1200px){
.nav{display:none;}
}

.drop{width:20px;padding:32px 0 0 20px;}
.drop i{display:block;width:100%;height:2px;background:#18714e;position:relative;margin-top:5px;transition: 0.1s linear all;}
.drop i:nth-child(1){margin-top:0px;}
.drop.on i:nth-child(2){opacity: 0;}
.drop.on i:nth-child(1){-webkit-transform: translateY(10px) rotate(-45deg);
    -ms-transform: translateY(10px) rotate(-45deg);
    transform: translateY(7px) rotate(-45deg);}
.drop.on i:nth-child(3){-webkit-transform: translateY(-4px) rotate(45deg);
    -ms-transform: translateY(-4px) rotate(45deg);
    transform: translateY(-7px) rotate(45deg);}
.subnav{display:none;position:absolute;right:0;top:85px;z-index:9;border-top:1px solid #eee;background:#fff;box-shadow: 0 10px 10px rgba(0,0,0,.2);}
.subnav a{color:#000;}
.subnav dt{float:left;width:100%;height:40px;line-height:40px;border-top:1px solid #eee;background:rgba(255,255,255,1);}
.subnav dt:first-child{border:none;}
.subnav dt a{display:block;padding:0 10px;}
.subnav dt i{padding:0.8rem 2%;}
.subnav dt.on{background:#e5f0f9;}
.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%;padding:10px 0;}
.subnav dd li{float:left;width:100%;height:35px;line-height:35px;}
.subnav dd li a{display:block;padding-left:30px;}


/*banner*/
#banner abbr{top:0;left:0;}
#banner .swiper-pagination-bullets{left:0px;bottom:30px;}
#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;text-justify:distribute-all-lines; /* for ie */}
.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);}

.icona dt{width:97%;}
.icona dt .li{line-height:50px;}
.icona dt .li.cur{font-weight:bold;color:#18714e;}
.icona dt .li.cur span:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#18714e;}
.icona dt i{right:-30px;top:10px;z-index:9;}
@media (max-width:640px){
.icona dt i{right:-15px;}
}

.icona dd ol{display:none;}
.icona dd li{background:url(../images/bg1.jpg) no-repeat;background-size:100% 100%;}
.icona dd li .pic{max-width:95%;max-height:95%;}
.icona dd li abbr{left:0;bottom:2rem;}
.icona dd li abbr p{padding:0 5%;}
.icona dd .a li{width:49.5%;}
.icona dd .a li:nth-child(2n){float:right;}
.icona dd .a li:nth-child(1){background:url(../images/bg2.jpg) no-repeat;}
.icona dd .a li:nth-child(2){background:url(../images/bg3.jpg) no-repeat;}
.icona dd .b li{width:32.6%;}
.icona dd .b li:nth-child(2){margin:0 1%;}
@media (max-width:1000px){
.icona dd li abbr{left:0;bottom:1rem;}
}

.iconb a{width:7%;}
.iconb ul{width:40px;}
.iconb abbr{top:0;left:0;background-color:rgba(217,232,226,.9);}

.iconb a.w1,.iconb a.w6{margin-top:6rem;}
.iconb a.w2,.iconb a.w5{height:30rem;}
.iconb a.w3{min-height:15rem;margin-top:5rem;}
.iconb a.w4{margin-top:5rem;}

.iconb a.cur{width:60%;height:550px;margin-top:0;text-align:left;color:#fff;}
.iconb a.cur .pic{height:auto;width:100%;}
.iconb a.cur ul{width:90%;}
.iconb a.cur abbr{background:url(../images/bg4.png) no-repeat;}
.iconb a.cur .p1{display:none;}
.iconb a.cur .p2{display:block;}
.iconb a.cur .des{display:block;width:40%;}
.iconb a.cur .font30{font-size:2rem;}
@media (max-width:1400px){
.iconb a.cur .pic{height:100%;width:auto;}
}
@media (max-width:1000px){
.iconb a.cur .des{width:90%;}
}
@media (max-width:800px){
.iconb a,.iconb a.cur{width:100%;text-align:left;color:#fff;}
.iconb a ul{width:90%;}
.iconb a abbr,.iconb a.cur abbr{background:url(../images/bg4.png) no-repeat;background-size:200% auto;}
.iconb a .p1{display:none;}
.iconb a .p2,.iconb a .des{display:block;}
.iconb a .pic{height:auto;width:100%;}

.iconb a.w1,.iconb a.w2,.iconb a.w3,.iconb a.w4,.iconb a.w5,.iconb a.w6{min-height:inherit;height:auto;margin-top:1rem;}
}

.iconc{background:#f4f7f5;}
.iconc .wrapin{width:90%;}
.iconc dt .pic{height:60px;}
.iconc dt i{display:none;top:50%;margin-top:-12px;;z-index:9;}
.iconc dt i.prevc{left:0;}
.iconc dt i.nextc{right:0;}
.iconc dt .green{font-weight:bold;}
.iconc dt .green .p1{display:none;}.iconc dt .green .p2{display:block;}
.iconc dt .jt{left:50%;bottom:-50px;margin-left:-24px;}
.iconc dd abbr{left:0;bottom:0;background:url(../images/bg5.png) no-repeat;background-size:100% 100%;}
.iconc dd p{width:48%;}
@media (max-width:1400px){
.iconc dt i{display:block;}
}
@media (max-width:1000px){
.iconc dd p{width:100%;}
.iconc .wrapin{width:95%;}
.iconc dd abbr{padding:1rem 0;}
}

.icond dt ul{-webkit-border-radius:1.5rem;border-radius:1.5rem;}
.icond dt li{line-height:3rem;padding:0 3rem;webkit-border-radius:1.5rem;border-radius:1.5rem;}
.icond dt li.cur{color:#fff;background:#18714e;}

.icond dd li{width:32.6%;margin:5px 1.1% 0 0;}
.icond dd abbr{left:0;bottom:0;background:rgba(24,113,78,.7);}
.icond dd p{height:22px;padding:0 1rem;}
.icond dd li:nth-child(3n){margin-right:0;}
@media (max-width:1000px){
.icond dt li{padding:0 2rem;}
.icond dd li{width:48%;margin:10px 0 0;}
.icond dd li:nth-child(2n){float:right;}
.icond dd li .font18{font-size:14px;}
.icond dd li:nth-child(n+4){display:none}
}
@media (max-width:640px){
.icond dt li{padding:0 1.5rem;}
.icond dd li{width:100%;}
}

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









/*---*/
.iconf li{float:left;width:98%;height:125px;border:1px solid #eee;}
.iconf li img{max-width:90%;max-height:90%;
 -moz-opacity:0.1; opacity: 0.6;
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.iconf li:hover img{
-moz-opacity:1; opacity:1;
filter:none;
}
.iconf .btn{z-index:9;top:50%;margin-top:-23px;width:45px;height:45px;color:#999;border:1px solid #ddd;-webkit-border-radius:50%;border-radius:50%;}
.iconf .prevf{left:-80px;}
.iconf .nextf{right:-80px;}
.iconf .btn:hover{color:#f30;background:#yel;}

.gotop {display:none;position:fixed;bottom:5px;right:5px;z-index: 9999;width:2.5rem;height:2.5rem;line-height:3rem;background:#fff;-webkit-border-radius:50%;border-radius:50%;}
.gotop:hover{color:#fff;background-color:#c00;}
@media (max-width:640px){
.gotop{/*bottom:65px;*/}
}



.footbg{background:url(../images/foot.jpg) center bottom no-repeat #1b714e;}
.footbg .t{height:2.2rem;}
.footbg .line:before{content:"";position:absolute;bottom:1px;left:0;width:100%;height:1px;background:#328864;}
.footbg .line:after{content:"";position:absolute;bottom:0px;left:0;width:100%;height:1px;background:#32543b;}
.footbg .wx img{width:110px;border:10px solid #fff;}
.footbg .wx abbr{bottom:5px;right:10%;}

.foot1{width:16%;}
.foot2{width:58%;}
.foot3{width:18%;}
@media (max-width:1680px){
.footbg .wx abbr{position:static;display:block;margin-top:10px;}
}
@media (max-width:1400px){
.foot2 {display:none;}
.foot1{width:40%;}
.foot3{width:55%;}
}
@media (max-width:640px){
.foot1 {display:none;}
.foot3{width:100%;text-align:left;}
}




.banner .pic{z-index:1;}
.banner abbr{z-index:2;left:0;top:0;}
.banner .en{height:3.5rem;}
.banner .en:before{content:"";position:absolute;bottom:0px;left:50%;margin-left:-40px;width:80px;height:1px;background:#fff;}
.banner abbr ul.wrapin{margin-top:3rem;}
.banner .font48{font-size:5rem;}
@media (max-width:1200px){
.banner .pic{height:400px;}
.banner .pic img{height:400px;width:auto;}
.banner abbr .mt50{margin-top:1rem;}
.banner abbr ul.wrapin{margin-top:1rem;}
.banner .en{height:2.5rem;}
.banner .font36{font-size:1.5rem;}
.banner .font18{font-size:14px;}
.banner .font48{font-size:2rem;}
}
@media (max-width:800px){
.banner .desc{display:none;}
.banner .font48{font-size:1.5rem;}
}

.banner_zi{z-index:3;bottom:0;left:0;line-height:70px;background:rgba(0,0,0,.6);}
.banner_zi a{padding:0 5px;color:#fff;}

.tnav{z-index:3;bottom:0;left:0;background:rgba(0,0,0,.6);}
.tnav li{line-height:70px;}
.tnav li a{z-index:5;display:block;padding:0 2rem;color:#fff;}
.tnav li.cur:before{z-index:3;content:"";position:absolute;bottom:0;left:0;width:101%;height:76px;background:url(../images/tnav.jpg) no-repeat;background-size:100% 100%;}
.tnav li:after{z-index:2;content:"";position:absolute;top:50%;margin-top:-6px;left:0;width:1px;height:12px;background:#fff;}
.tnav li:first-child:after{display:none;}
@media (max-width:1200px){
.tnav li a{padding:0 1rem;}
}
@media (max-width:800px){
.tnav{display:none;}
}

.caselist li{width:48%;padding-bottom:1rem;margin:20px 0;box-shadow: 0 8px 15px #eee;}
.caselist li img{height:200px;}
.caselist li p{padding:0 20px;}
.caselist li .h{height:20px;}
.caselist li:hover{box-shadow: 0 8px 15px #ccc;}
.caselist li:nth-child(2n){float:right;}
@media (max-width:640px){
.caselist li{width:47%;}
}

.where{height:50px;line-height:50px;border-bottom:1px solid #eee;}
.where a{padding:0 10px;color:#999;;}


.acon .desc{line-height:50px;border-bottom:1px solid #dedede;}
.acon .sp{padding:0 20px;}
.maxpic img{max-width:100%;}

.prenext{padding:1rem 0;border-top:1px dashed #ccc;}

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

.vlist li{width:32.6%;margin:15px 1.1% 0 0;}
.vlist li abbr{left:0;bottom:0;background:rgba(24,113,78,.7);}
.vlist li abbr p{padding:0 1rem;}
.vlist li abbr .h{height:22px;}
.vlist li i{top:35%;left:50%;margin-left:-30px;}
.vlist li:nth-child(3n){margin-right:0;}
@media (max-width:1000px){
.vlist li{width:32%;margin:15px 2% 0 0;}
.vlist abbr{padding:10px 0;}
}
@media (max-width:640px){
.vlist li{width:48%;margin:15px 0 0;}
.vlist li:nth-child(2n){float:right;}
.vlist li .font18{font-size:14px;}
.vlist li i{top:20%;}
}


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

.about2{background:url(../images/about2.jpg) left bottom no-repeat #f9f9f9;}

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




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

}

.lx0 ul.fr li{height:80px;}
.lx0 ul.fr p{padding-left:95px;}
.lx0 ul.fr .ico{background:url(../images/lx0.png) no-repeat;}

.lx1 li{width:23%;min-height:220px;}
.lx1 li p{padding:0 50px;word-break:break-all;}
.lx1 li p.t:before{content:"";position:absolute;top:10px;left:20px;width:16px;height:1px;background:#f50;}
.lx1 li:hover{color:#fff;background:#18714e;}
.lx1 li:hover p.t:before{background:#fff;}
.lx1 li:hover .co999{color:#fff;}
.lx1 li:hover .p1{display:none;}
.lx1 li:hover .p2{display:inline-block;}
@media screen and (max-width:1200px) {
.lx0 ul.fr{display:none;}
.lx1 li{padding:30px 0;}
.lx1 li p{padding:0 30px;}
.lx1 li p.t:before{left:6px;}
.lx1 li p.txtr{text-align:center;}
.lx1 li .font24{font-size:20px;}
}
@media screen and (max-width:800px) {
.lx1 li{width:48%;min-height:200px;margin-bottom:1rem;}
}

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

@media screen and (max-width:1200px) {
.map{height:30rem;}
.map img{width:auto;}
}

.psort{width:15%;background:#f2f2f2;}
.psort .wrapin{width:70%;}
.psort dt .t:before{z-index:0;content:"";position:absolute;bottom:0;left:0;width:80%;height:13px;background:#18714e;}
.psort dd abbr{top:2px;left:0;width:20px;height:20px;background:#18714e;}
.psort dd p{padding-left:30px;}
.psort dd ul{line-height:35px;}
.psort dd a{color:#777;}
.psort dd.cur ul{display:block;}
.psort dd .s p{padding-left:40px;}

.prolist{width:85%;}
.prolist li{width:23%;margin:0 2.6% 20px 0;background:#f7f7f7;}
.prolist li .pic{height:320px;}
.prolist li .zi{height:70px;}
.prolist li img{max-width:95%;max-height:95%;}
.prolist li:nth-child(4n){margin-right:0;}
.prolist li p{padding:8px;}
.prolist li:hover{background:#18714e;}
.prolist li:hover a{color:#fff;}
@media screen and (max-width:1200px) {
.psort{width:25%;background:#f2f2f2;}
.prolist{width:75%;}
}
@media screen and (max-width:800px) {
.psort{width:100%;margin:0;padding:1rem 0;}
.psort .wrapin,.prolist .wrapin{width:90%;}
.prolist{width:100%;margin-top:1rem;}
.prolist li{width:31%;margin:0 3.5% 20px 0;}
.prolist li:nth-child(4n){margin-right:3.5%;}
.prolist li:nth-child(3n){margin-right:0;}
.prolist li .zi{height:50px;}
.prolist li .font16{font-size:14px;}
}

.procon.wrapin{width:85%;}

.prot{line-height:60px;background:#f2f2f2;}
.prot dt a{padding:0 5px;}
.prot dd a{display:inline-block;margin-left:40px;position:relative;}
.prot dd a.cur,.prot dd a:hover{color:#18714e;}
.prot dd a.cur:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#18714e;}

.pro0 a{color:#999;}

.pro1{width:48%;}
.pro1 .gallery-top .swiper-slide{height:25rem;}
.pro1 .gallery-top img{max-width:100%;max-height:100%;}
.pro1 .gallery-thumbs img{width:95%;height:100px;border:2px solid #ddd;-webkit-border-radius:8px;border-radius:8px;}
.pro1 .gallery-thumbs .swiper-slide-thumb-active img{border:2px solid #18714e;}

.pro1 .btn{display:none;z-index:9;position:absolute;bottom:25px;color:#ccc;cursor:pointer;transition: 0.3s linear all;}
.pro1 .prev{left:0px;}
.pro1 .next{right:0px;}
.pro1 .btn.swiper-button-disabled{color:#eee;}


.pro2{width:48%;border:1px solid #fff;box-shadow: 0 0px 10px rgba(0,0,0,.2);}
.pro2 .wrapin{width:90%;}
.pro2 dt{margin:3px 0;border:1px solid #eee;}
.pro2 dt p{padding:0 2rem;}
.pro2 dt .fa-arrow-up,.pro2 dt.cur .fa-arrow-down{display:none;}
.pro2 dt.cur{background:#eee;}
.pro2 dt.cur .b{display:block;}
.pro2 dt.cur .fa-arrow-up{display:block;color:#f30;}
@media screen and (max-width:1000px) {
.pro1,.pro2{width:100%;}
.pro1 .gallery-top .swiper-slide{height:auto;}
}

.xing a{width:23%;line-height:30px;margin:0 1% 10px 0;color:#666;border:1px solid #ccc;-webkit-border-radius:5px;border-radius:5px;}
.xing a:nth-child(4n){margin-right:0;}
.xing a.cur{color:#fff;background:#18714e;}

.canshu ol{display:block;width:200px; margin-bottom:15px;}
.canshu li{float:left;width:100%;height:45px;line-height:45px;margin-bottom:5px;background:#fff;}
.canshu li:nth-child(2n){background:#eee;}
.canshu li span{display:inline-block;width:100%;color:#333;background:#b2e1ce;}
.canshu li:nth-child(1){height:60px;line-height:60px;background:none; font-weight:bold; font-size:18px;}
.canshu .cur li:nth-child(1) span{background:#92d1b7;}
.canshu .cur li:nth-child(2n){background:#ccc;}

.down a{width:50%;height:70px;line-height:70px;background-image: linear-gradient(to right, #18714e, #00d481);}
.down a img{height:35px;margin:20px 10px 0 0;}

.pro3{width:96%;padding:30px 2%;border:1px solid #ddd;}
@media screen and (max-width:800px) {
.pro3 .wap{display:block;}
.pro3 .pc{display:none;}
}


.pro4 li{padding-bottom:20px;background:url(../images/probg.jpg) 0 0 repeat-x #f7f7f7;transition: 0.3s linear all;}
.pro4 li img{height:320px;}
.pro4 li p{padding:0 30px;}
.pro4 .btn{z-index:9;top:50%;margin-top:-23px;width:45px;height:45px;color:#999;border:1px solid #ddd;-webkit-border-radius:50%;border-radius:50%;}
.pro4 .prev4{left:-80px;}
.pro4 .next4{right:-80px;}
.pro4 .btn:hover{color:#f30;background:#yel;}
@media screen and (max-width:1000px) {
.pro4 .prev4{left:-50px;}
.pro4 .next4{right:-50px;}
}

.zhzh{height:880px;}
.zhzh dl{bottom:3rem;left:0;}

.zhzh .pic2{top:0;left:0;}

.zhzh dt{width:46%;}
.zhzh dd{width:50%;color:#ccffcc;}
.zhzh dd li{width:24%;max-width:170px;padding:10px 0;background:url(../images/zhzh_0.jpg) no-repeat;background-size:100% 100%;-webkit-border-radius:10px;border-radius:10px;}
.zhzh dd li p{padding:0 20px;}
.zhzh dd li b{top:0;left:20px;}
.zhzh dd li .h{height:45px;}
@media screen and (max-width:1200px) {
.zhzh{height:auto;}
.zhzh dl{bottom:1rem;left:0;}
.zhzh dt,.zhzh dd{width:100%;margin-top:1rem;}
.zhzh dd li{width:22%;max-width:inherit;margin-top:1rem;}
}

.zhzh2 li{width:49%;-webkit-border-radius:10px;border-radius:10px;}
.zhzh2 li a:before{z-index:2;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image: linear-gradient(to right, rgba(24, 113, 78, 1), rgba(224, 113, 78,0));}
.zhzh2 li abbr{z-index:3;top:0;left:0;}
.zhzh2 li p{padding:0 1rem;}
.zhzh2 li:hover .t{display:none;}
.zhzh2 li:hover .desc{display:block;}
@media screen and (max-width:800px) {
.zhzh2 .font36{font-size:1.5rem;}
}

.zhzh3 dd li{width:12%;height:5rem;margin-left:-1px;border-right:1px solid #eee;}
.zhzh3 dd li img{max-width:95%;max-height:95%;
 -moz-opacity:0.1; opacity: 0.6;
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.zhzh3 dd li:hover img{
-moz-opacity:1; opacity:1;
filter:none;
}
.zhzh3 dd li:nth-child(8n){border:none;}
@media screen and (max-width:1000px) {
.zhzh3 dd li{width:25%;}
.zhzh3 dd li:nth-child(4n){border:none;}
.zhzh3 dd li:nth-child(8n){border-right:1px solid #eee;}
}


.shj1{background:url(../images/shj1.jpg) right center no-repeat;}

.shj2 li{width:31.5%;box-shadow: 0 0 15px #ddd;}
.shj2 li abbr{top:0;left:0;}
.shj2 li p{padding:0 2rem;}
.shj2 li abbr.a{top:-1rem;left:2rem;font-size:8rem;color:#f8f8f8;font-family:}
@media screen and (max-width:1400px) {
.shj2 .wrapin .wrapin{width:100%;}
.shj2 li{padding:1rem 0;}
.shj2 abbr.b{position:relative;}
}
@media screen and (max-width:1000px) {
.shj2 li{width:100%;}
}


.newstop li{width:32%;}
.newstop li p{padding:0 1rem;}
.newstop li abbr{z-index:2;top:0;left:0;width:125px;height:125px;background:#18714e;}
.newstop li .font48{font-size:2.4rem;}
.newstop li:hover{color:#fff;background:#18714e;}
.newstop li:hover a,.newstop li:hover .co666{color:#fff;}
.newstop li:hover abbr{background:#555;}
@media screen and (max-width:1200px) {
.newstop li abbr{width:5rem;height:5rem;}
.newstop li .font48{font-size:1.8rem;}
}
@media screen and (max-width:800px) {
.newstop li{width:100%;}
}

.newslist li{margin-bottom:1rem;}
.newslist li p{padding:0 10rem;}
.newslist li abbr{z-index:2;top:0;left:0;width:9rem;}
.newslist li .font48{font-size:2.4rem;}
.newslist li abbr.r{left:auto;right:0;}
.newslist li abbr.r img{margin-left:10px;}
@media screen and (max-width:1000px) {
.newslist li p{padding-right:1rem;}
.newslist li abbr.r{display:none;}
}
@media screen and (max-width:800px) {
.newstop li .font48{font-size:1.8rem;}
.newslist li p{padding-left:8rem;}
.newslist li abbr{width:7rem;}
}






#certify {position: relative;width: 1600px;margin: 0 auto}
#certify .swiper-container {padding-bottom: 60px;}
#certify  .swiper-slide {width: 550px;height: 400px;background: #fff;box-shadow: 0 8px 30px #ddd;}


.newsl{width:78%;}
.tit2{right:0;width:182px;height:46px;line-height:46px;background:url(../images/tit2.png) no-repeat;}
.tit2.t{top:80px;}
.tit2.f{bottom:80px;}

.fananlist dl{width:48%;height:710px;margin:20px 0;transition: 0.3s linear all;}
.fananlist dt img{height:420px;}
.fananlist dd p{padding:0 60px;}
.fananlist dl:hover{box-shadow: 0 0 15px #ccc;}
.fananlist dl:nth-child(2n){float:right;}
.fananlist dl:nth-child(2n) dt{position:absolute;bottom:0;left:0;}

/*
.foot0{padding:15px 0;border-bottom:1px solid #ddd;}
.foot0 li.fr:hover .sear2{display:block;}
.sear2{display:none;top:15px;right:0;z-index:8;width:350px;padding:5px 5px 5px 10px;background:#f8f8f8;}
.sear2 .ipt{width:300px;height:30px;line-height:30px;border:none;background:fff; outline:none;}
.sear2 button{padding:0 10px;border:none;background:none;cursor:pointer;}
*/


.topnav{line-height:80px;border-bottom:1px solid #dfdfdf;}
.topnav a{display:inline-block;padding:0 5px;margin:0 30px;transition: 0.3s linear all;}
.topnav a:hover,.topnav a.cur{height:78px;color:#00a2ea;border-bottom:2px solid #00a2ea;}
.protop{z-index:2;padding:30px 0;box-shadow: 0 5px 5px #eee;}
.protop a{display:inline-block;line-height:36px;padding:0 25px;margin:0 10px;border:1px solid #dfdfdf;-webkit-border-radius:18px;border-radius:18px;transition: 0.3s linear all;}
.protop a:hover,.protop a.cur{color:#fff;border-color:#00a2ea;background:#00a2ea;}


.qalist dt{width:70%;}
.qalist dt li{float:left;width:100%;padding:40px 0;border-bottom:1px solid #eee;overflow:hidden;}
.qalist dt li img{width:190px;}
.qalist dt li abbr{width:100%;}
.qalist dt li a{display:block;}
.qalist dt li .r{padding-right:20px;}

.qalist dd{width:23%;padding:20px 1.5%;border:1px solid #eee;}
.qalist dd .t{height:40px;border-bottom:1px solid #eee;}
.qalist dd li{float:left;width:100%;padding:20px 0;border-bottom:1px solid #eee;overflow:hidden;}
.qalist dd li img{width:40%;}
.qalist dd li abbr{width:56%;}
.qalist dd l a{display:block;}
.qalist dd li:last-child{border:none;}


.honorcase li{display:inline-block;width:24%;margin:10px 0;text-align:center; vertical-align:top;transition: 0.3s linear all;}
.honorcase li img{height:450px;}
.honorcase li a{display:block;}
.honorcase li a:nth-child(2){margin:10px 0;}
.honorcase li:hover{box-shadow: 0 0 15px #ccc;}

.contact1 li{display:inline-block;padding:0 3%;text-align:center;}
.contact1 li .ico{display:inline-block;width:75px;height:75px;vertical-align:top;border:2px solid #eee;-webkit-border-radius:50%;border-radius:50%;}
.contact1 li i{position:relative;top:16px;}
.contact1 li:nth-child(3) i,.contact1 li:nth-child(4) i{top:22px;}
.contact1 li:hover .ico{color:#fff;border-color:#00a2ea;background:#00a2ea;}
.contact1 li:nth-child(1) p:nth-child(n+3){text-align:left;}

.contact2{width:96%;padding:1rem 2%;border:1px solid #ddd;}
.contact2 li{display:inline-block;width:24%;}
.contact2 p{height:35px;}
.contact2 .ipt{width:95%;height:35px;line-height:35px;padding:0 2%;border:1px solid #ddd;background:#f9f9f9;}
.contact2 textarea{width:98%;height:200px;padding:10px 1%;border:1px solid #ddd;background:#f9f9f9;}
.contact2 .btn{width:220px;height:40px;line-height:40px;border:1px solid #ddd;background:none;cursor:pointer;}
.contact2 img{position:relative;height:35px;cursor:pointer;}

.application li{float:left;width:100%;}
.application li.line{height:1px;margin:20px 0;background:#ddd;}
.application li img{width:330px;}
.application li abbr{width:800px;margin-right:20px;display:inline;}
.application li a{display:block;}
.application li .l{display:inline-block;width:40px;height:1px;background:#00a2ea;}
.application li .m{width:140px;height:35px;line-height:35px;border:1px solid #ddd;}
.application li:hover{box-shadow: 0 0 15px #ccc;transition: 0.3s linear all;}
.application li:hover .m{color:#fff;border-color:#00a2ea;background:#00a2ea;transition: 0.3s linear all;}









/*join no user*/
.join{height:780px;background:url(../images/join.jpg) center top no-repeat;}
.join .kong{height:330px;}
.join1{width:760px;margin:50px auto;}
.join1 li{float:left;margin:20px;}
.join1 li .ipt,.join1 li .sel{width:150px;height:30px;line-height:30px;margin:0 10px;color:#999;border:0;border-bottom:1px solid #555;background:none; outline:none;}
.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;}


.join2 abbr{top:30%;left:0;}
.join2 abbr .l{display:inline-block;width:120px;height:5px;background:#00a2ea;}
.join2 abbr a{display:block;width:170px;line-height:40px;border:1px solid #fff;}
.join2 abbr a:hover{border-color:#00a2ea;background:#00a2ea;}


.contact3{height:640px;background:url(../images/contact2.jpg) center bottom no-repeat;}
.contact3 .kong{height:120px;}
.contact3::before {position: absolute;z-index: 0;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);content: '';}

.contact3 .t::before,.contact3 .t::after {width: 23px;height: 18px;display: inline-block;content: '';vertical-align: text-top;background-image: url(../images/contact_title.png);background-repeat: no-repeat;}
.contact3 .t::before {background-position: left top;margin-right: 20px;}
.contact3 .t::after {background-position: right top;margin-left: 20px;}

.contact4{background-color:#f9f9f9;}
.contact4 ul{width:50%;}
.contact4 ul.fl{height:600px;}
.contact4 ul.fr{margin-top:90px;min-height:420px;background:url(../images/contact4.jpg) 470px 0 no-repeat;}
.contact4 ul.fr li{width:450px;padding:15px 0 0 70px;}

/* 栏目页分页 */
.pages{padding:2rem 0;}
.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;}

/*在线客服*/
.contactusdiyou {position:fixed;right:-230px;bottom:0px;_position:absolute;width:230px;height:100%;background:#00b3d5;z-index:99999999999;_margin-bottom:0px;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));transition:all .5s ease;color:#fff;}
.contactusdiyou a {color:#fff;}
.contactusdiyou a:hover {color:#333;}
.contactusdiyou .hoverbtn {width:50px;height:129px;padding-top:20px;cursor:pointer;position:absolute;top:30%;margin-top:-66px;left:-50px;font-size:20px;color:#fff;background:#00b3d5;-webkit-border-radius:3px 0px 0px 3px;-moz-border-radius:3px 0px 0px 3px;-o-border-radius:3px 0px 0px 3px;border-radius:3px 0px 0px 3px;}
.contactusdiyou .hoverbtn span {width:50px;height:25px;line-height:25px;text-align:center;overflow:hidden;float:left;}
.contactusdiyou .hoverbtn .hoverimg {width:13px;height:9px;margin:10px 0px 0px 17px;float:left;display:inline;background-repeat:no-repeat;}
.contactusdiyou .conter {width:186px;height:700px;margin-left:22px;position:absolute;top:38%;margin-top:-300px;}
.contactusdiyou .conter .con1 dl.ic1 dt {background:url(../images/tel3.png) no-repeat;}
.contactusdiyou .conter .con1 dl.ic2 dt {background:url(../images/zxkfqq.png) no-repeat;}
.contactusdiyou .conter .con1 dl.ic3 dt {background:url(../images/weixin.png) no-repeat;}
.contactusdiyou .conter .con1 {border-bottom:1px solid #fff;padding-bottom:30px;margin-bottom:30px;}
.contactusdiyou .conter .con1 dl dt {background:url(../images/tel3.png) no-repeat;padding-left:40px;height:31px;line-height:31px;font-size:16px;color:#fff;font-weight:bold;padding-bottom:6px;}
.contactusdiyou .conter .con1 dl dd {padding-left:40px;}
.contactusdiyou .conter .con1 dl dd .ph_num {font:18px 'Microsoft yahei';color:#fff;height:25px;}
.diyoumask {position:fixed;left:0;top:0;z-index:100000;width:100%;height:100%;opacity:0.3;filter:alpha(Opacity=30);background:#000;display:none;}

.kefuQQ span.SQ a {background:#333;color:#fff;margin-bottom:5px;}
.kefuQQ span.SQ a:hover {background:#F00;color:#fff;}
.kefuQQ span.QQ a {background:url(../images/kf3.png) 10px center no-repeat #333;}
.kefuQQ span.QQ a:hover {background:url(../images/kf3.png) 10px center no-repeat #F00;}

.wpa-container {text-align:center;display:inline-block;*zoom:1;*display:inline;width:94px;height:28px;line-height:28px;text-decoration:none;border:1px solid #333;border-radius:2px;font-size:14px;font-family:"microsoft yahei";}
.theme-1 {background:#fff;color:#1e2330;}
.theme-1 .iconqqs {background:url("../images/kf2.png") no-repeat;background-size:20px 20px;display:inline-block;*zoom:1;*display:inline;vertical-align:middle;width:20px;height:20px;margin-right:3px;}


.quyucontent{ padding:77px 0; background:#f4f6f5;}
.quyucontent .am-container{ max-width:1236px;}
.quyucontent .qpic{ width:530px; height:344px; }
.quyucontent .qpic img{ width:100%; height:100%; border-radius:6px;}
.quyucontent .txt{ width:500px; padding-top:20px;}
.quyucontent .txt h2{ font-size:24px; margin-bottom:30px;}
.quyucontent .txt .tyi{ font-size:14px; line-height:24px; height:144px; overflow:hidden;}
.quyucontent .wrap:before,.quyucontent .wrap:after{ content:""; display:block; clear:both;}

.ygg_a{ margin-top:30px;}
.ygg_a a{display: inline-block;margin-bottom: 10px;background: #01458e;padding: 12px 45px;border-radius: 25px;font-size: 15px; color:#fff; margin-right:20px;}
.ygg_a a.qql{ background:#d40000;}
.ygg_a a.mobi{padding: 12px 25px;}