@charset "utf-8";
*{margin:0;padding:0;border:0;outline:none}
@font-face{font-family:"SourceHanSansCN-Regular";src:url(../fonts/SourceHanSansCN-Regular.woff) format('woff');font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:"SourceHanSansCN-Bold";src:url(../fonts/SourceHanSansCN-Bold.woff) format('woff');font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:"swiss721bt";src:url(../fonts/Swiss721BT-BoldCondensed.woff) format('woff');font-weight:normal;font-style:normal;font-display:swap}
body,html{font-family:"SourceHanSansCN-Regular","微软雅黑";height:100%}
body{margin:0 auto;padding:0;background:#ffffff;font-size:14px;color:#000;width:100%;width:expression(document.body.clientWidth <= 360? "360px":"auto");min-width:360px;text-align:left}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}
select,input,img{vertical-align:middle}
ul,ol,li{list-style:none}
table{table-layout:fixed !important;width:100% !important;border-collapse:collapse;border-spacing:0}
table,td,input,select,input,textarea{font-size:15px;padding:0;border-color:#ddd;font-family:"SourceHanSansCN-Regular","微软雅黑"}
input::-moz-focus-inner{border:none;padding:0px}
select,input{vertical-align:middle}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none}
textarea{resize:none}
.clear{display:block;height:0px;visibility:hidden;clear:both}
.clearfix{zoom:1}
.box{max-width:1440px;margin:0 auto;text-align:left;box-sizing:border-box}
.clearfix:after,.max:after{content:"";display:block;height:0px;visibility:hidden;clear:both}
.lf{float:left}
.rg{float:right}
/* 默认链接颜色 */
a{outline-style:none;color:#000;text-decoration:none}
a:hover{color:#81c24e;text-decoration:none}
/*清除链接虚框*/
a,area{blr:expression(this.onFocus=this.blur())}
:focus{-moz-outline-style:none}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#b6b6b6}
input::-moz-input-placeholder,textarea::-moz-input-placeholder{color:#b6b6b6}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#b6b6b6}

.flexa{display:-webkit-flex;-webkit-flex-wrap:wrap;display:flex;flex-wrap:wrap;}
.itema{-webkit-align-items:center;align-items:center;}
.iteme{-webkit-align-items:flex-end;align-items:flex-end;}
.justb{-webkit-justify-content:space-between;justify-content:space-between;}
.justc{-webkit-justify-content:center;justify-content:center;}
.juste{-webkit-justify-content:flex-end;justify-content:flex-end;}

.wbg{background:#ffffff;}
.hbg{background:#f9f9f9;}
.vbg{background:#81c24e;}

/*--Home--*/
.header{width:100%;box-sizing:border-box;position:fixed;left:0;top:0;z-index:90;transition:0.5s;border-bottom:3px solid #81c24e;padding:24px 0}
.header .logo{height:52px}
.header .logo img{display:block;height:100%;max-width:100%}
.header .nav{font-weight:400;font-size:24px;line-height:46px}
.header .nav ul li{position:relative;padding:3px 20px}
.header .nav ul li a{display:block;color:#333;padding:0 25px;border-radius:25px}
.header .nav ul li a:hover{color:#fff;background:#81c24e}
.header .nav ul li i{ display:none}
.header .nav ul li div{width:100%;position:absolute;top:100%;left:0;padding-top:0;display:none;padding-top:24px}
.header .nav ul li div a,.header .nav ul li div a:hover{display:block;font-size:18px;line-height:28px;padding:5px;background:#81c24e;text-align:center;border-radius:0;color:#fff;border-bottom:1px solid #fff}
.header .menu{display:none}
.header.default{background:rgba(255,255,255,1);padding:14px 0}
.header.default .nav ul li div{padding-top:14px}

.swiperb{width:100% !important;height:auto !important;position:relative;overflow:hidden}
.swiperb .swiper-slide img{display:block;width:100%;margin:0 auto}
.swiperb .sbutt{position:absolute;width:48px;height:52px;left:50%;margin-left:-24px;bottom:20px;z-index:2;background:url(../images/sdown.png) no-repeat center center;background-size:100% auto;}
/*
.swiperb .swiper-bdian{position:absolute;bottom:25px;z-index:9;text-align:center}
.swiperb .swiper-bdian span{width:50px;height:5px;background:rgba(255,255,255,1);border-radius:5px}
.swiperb .swiper-bprev,.swiperb .swiper-bnext{position:absolute;top:50%;width:27px;height:57px;margin-top:-20px;z-index:9;cursor:pointer;opacity:.7;border-radius:0}
.swiperb .swiper-bprev{left:0;background:url(../images/h_r1.png) no-repeat center center;background-size:100% 100%}
.swiperb .swiper-bnext{right:0;background:url(../images/h_r2.png) no-repeat center center;background-size:100% 100%}
.swiperb .swiper-bprev:hover,.swiperb .swiper-bnext:hover{opacity:1}
*/

.hbox1{padding-top:90px}
.hbox1 dl{width:25%;position:relative}
.hbox1 dl dt{width:100%;height:827px;overflow:hidden}
.hbox1 dl dt img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.hbox1 dl dd{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;background:rgba(255,255,255,1);transition:0.5s;}
.hbox1 dl dd .tt{font-size:110px;font-family:"SourceHanSansCN-Bold";padding-top:50%}
.hbox1 dl dd .tt span{display:block;width:180px;height:180px;line-height:170px;border:5px solid #aaa;border-radius:50%;text-align:center;color:#aaa}
.hbox1 dl dd .nr{font-size:30px;line-height:36px;color:#333;padding-top:30px}
.hbox1 dl dd .nr span{font-size:18px; display:inline-block; padding-left:15px;}
.hbox1 dl:hover dd{background:rgba(0,0,0,.5)}
.hbox1 dl:hover dd .tt span{color:#fff;background:#81c24e;border-color:#81c24e}
.hbox1 dl:hover dd .nr{color:#fff}

.htit{text-align:center;padding-top:85px}
.htit h2{font-size:48px;color:#333;line-height:1.25;font-family:"SourceHanSansCN-Bold";font-weight:400;letter-spacing:5px}

.hbox2{padding:80px 0 65px}
.hbox2 img{display:block;margin:0 auto;max-width:100%;}

.hbox3{padding:150px 0 160px;position:relative}
.hbox3 .cnt{width:500px;height:500px;border-radius:50%;border:1px dashed #aaaaaa;margin:0 auto}
.hbox3 .cnt span{display:block;width:237px;height:237px;line-height:237px;font-size:46px;background:#81c24e;color:#fff;text-align:center;border-radius:50%}
.hbox3 .lft{border:1px solid #bebebe;border-radius:50%;width:90px;height:90px;padding:30px;position:absolute;overflow:hidden;text-align:center;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;background:#fff}
.hbox3 .lft img{display:block;width:100%;height:100%;margin:0 auto}
.hbox3 .lft span{display:block;width:100%;height:100%;background:rgba(0,0,0,.7);color:#fff;position:absolute;left:0;top:0;font-size:26px;line-height:44px;padding-top:53px;letter-spacing:2px;transition:0.5s;opacity:0;cursor:pointer;box-sizing:border-box}
.hbox3 .lf1{top:5%;left:50%;margin-left:-75px}
.hbox3 .lf2{top:27%;left:26%}
.hbox3 .lf3{top:27%;right:26%}
.hbox3 .lf4{top:67%;left:31.5%}
.hbox3 .lf5{top:67%;right:31.5%}
.hbox3 .lft:hover span{opacity:1}

.fnav{border-top:1px solid #bdbdbd;padding-top:150px;padding-bottom:100px}
.fnav .lft{width:56%}
.fnav .lft dl{width:32%}
.fnav .lft dl dt{font-size:36px;color:#333333;display:block;line-height:56px;padding-bottom:10px}
.fnav .lft dl dd{font-size:30px;display:block;line-height:46px;padding:5px 0}
.fnav .lft dl dd a{color:#aaaaaa; display:block}
.fnav .lft dl dd a:hover{color:#81c24e}
.fnav .lgt{width:30%}
.fnav .lgt dl{max-width:48%;text-align:center}
.fnav .lgt dl dt img{display:block;max-width:100%;margin:0 auto;border:2px solid #81c24e;box-sizing:border-box}
.fnav .lgt dl dd{font-size:24px;color:#333333;line-height:36px;padding-top:10px}

.footer{font-size:24px;line-height:48px;padding:25px 0;color:#fff;text-align:center}
.footer a,.footer a:hover{color:#fff;display:inline-block;padding:0 10px}

.mhide{display:none}

.mtit{padding-top:45px;text-align:center}
.mtit h2{font-size:36px;line-height:1.3;color:#333;letter-spacing:2px}
.mtit h2.tw{color:#fff}

.mbox1{padding:45px 0}
.mbox1 img{display:block;max-width:100%;margin:0 auto}

.mbox2{padding:10px 0 55px}
.mbox2 dl{width:32%;margin-right:2%;margin-top:2%;text-align:center;position:relative;box-shadow:0 0 15px rgba(0,0,0,.08);box-sizing:border-box;padding:15px 10px;background:#fff}
.mbox2 dl:nth-of-type(3),.mbox2 dl:nth-of-type(5){margin-right:0}
.mbox2 dl:nth-of-type(4),.mbox2 dl:nth-of-type(5){width:49%}
.mbox2 dl dt{width:100%}
.mbox2 dl dt img{display:block;width:70px;height:70px;margin:0 auto}
.mbox2 dl dd.a1{padding-top:10px; line-height:1.5}
.mbox2 dl dd.a1 h3{font-size:30px;color:#333;font-weight:400}
.mbox2 dl dd.a1 p{font-size:20px;color:#aaa; padding-top:3px;}

.mtell{text-align:center;padding-top:60px}
.mtell h2{font-size:40px;display:inline-block;background:url(../images/m_r4.png) no-repeat left center;background-size:auto 100%;height:80px;line-height:80px;padding-left:100px;color:#4c4c4c}

.mpic{padding-top:70px;text-align:center}
.mpic dl{max-width:25%}
.mpic dl:nth-of-type(2){margin-left:5%}
.mpic dl dt{width:100%;box-sizing:border-box;border:2px solid #81c24e}
.mpic dl dt img{display:block;margin:0 auto;width:100%}
.mpic dl dd{font-size:24px;color:#333333;line-height:36px;padding-top:10px}

.mcopy{line-height:1.25;color:#333333;text-align:center;padding-top:60px;padding-bottom:35px}
.mcopy .a1{font-size:24px}
.mcopy .a2{font-size:20px;padding-top:30px}






/*----*/
.zhanw{height:103px;line-height:103px}

.nbanner{height:363px}
.nbanner .box{height:100%;color:#333;box-sizing:border-box}
.nbanner .tt{font-size:52px;font-weight:600;display:block;line-height:1.25;padding-bottom:35px;color:#333}

.ncent{margin-top:-35px;border-radius:30px;padding-top:35px}
.nnav{padding:22px 0; border-bottom:1px solid #bdbdbd;}
.nnav ul{width:100%}
.nnav ul li{font-size:18px;color:#454545;line-height:36px;padding:0 25px}
.nnav ul li a{display:block;color:#454545;position:relative}
.nnav ul li a:after{content:"";position:absolute;width:100%;height:5px;left:0;bottom:-22px;background:#81c24e;display:none}
.nnav ul li.on a:after,.nnav ul li:hover a:after{display:block}

.xlist{padding-top:25px}
.xlist dl{width:100%;padding:30px 25px;margin-top:30px;background:#fff;border-radius:20px;box-sizing:border-box}
.xlist dl dt{width:450px;height:276px;overflow:hidden}
.xlist dl dt img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.xlist dl dd{width:calc(100% - 450px);box-sizing:border-box;padding-left:30px;position:relative;font-size:24px;line-height:36px;color:#7e7e7e}
.xlist dl dd a{font-size:32px;color:#333;line-height:46px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; padding-top:10px;}
.xlist dl dd p{padding-top:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.xlist dl dd span{display:block;position:absolute;left:30px;bottom:0}
.xlist dl:hover{box-shadow:0 0 15px rgba(0,0,0,.1)}

.nrtit{padding-top:75px;text-align:center}
.nrtit h1{font-size:46px;line-height:1.3;color:#333}
.nrtxt{font-size:24px;line-height:52px;color:#454545;padding-top:35px;padding-bottom:55px}
.nrtxt img{max-width:100% !important;height:auto !important}
.nrtxt td{padding:15px 5px;border:1px solid #ddd;box-sizing:border-box}

.xgtit{border-bottom:1px solid #bdbdbd;text-align:center;padding-top:35px}
.xgtit h2,.xgtit h1{display:inline-block;font-size:48px;font-weight:400;color:#333;line-height:1.5;position:relative;padding-bottom:10px;letter-spacing:3px}
.xgtit h2:after{content:"";position:absolute;width:100%;height:5px;left:0;bottom:0;background:#81c24e}

.xglist{padding-top:50px;padding-bottom:120px}
.xglist dl{width:23.2%;margin-right:2.4%}
.xglist dl:nth-of-type(4n){margin-right:0}
.xglist dl dt{width:100%;height:0;padding-top:61%;overflow:hidden;position:relative}
.xglist dl dt a{display:block;width:100%;height:100%;position:absolute;left:0;top:0}
.xglist dl dt img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.xglist dl dd{font-size:17px;line-height:35px;padding-top:15px}
.xglist dl dd a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.xvlist{padding-top:50px;padding-bottom:120px}
.xvlist dl{width:23.2%;margin-right:2.4%}
.xvlist dl:nth-of-type(4n){margin-right:0}
.xvlist dl dt{width:100%;height:245px;overflow:hidden;background:#e8e9ee;}
.xvlist dl dt a{ width:100%; height:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.xvlist dl dt img{display:block;max-width:100%;max-height:100%;margin:0 auto}
.xvlist dl dd{font-size:17px;line-height:35px;padding-top:15px}
.xvlist dl dd a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.slist{box-sizing:border-box;padding:45px 5% 0}
.slist dl{width:30%;margin-right:5%;margin-top:3.5%}
.slist dl:nth-of-type(3n){margin-right:0}
.slist dl dt{width:100%;height:420px;overflow:hidden;background:#e8e9ee;}
.slist dl dt a{ width:100%; height:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.slist dl dt img{display:block;max-width:100%;max-height:100%;margin:0 auto}
.slist dl dd{padding:10px 0}
.slist dl dd a{display:block;font-size:17px;color:#333;line-height:31px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.slist dl dd p{font-size:15px;color:#333;line-height:29px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.lxbox{padding:90px 0 110px}
.lxbox .abox{width:49%;box-sizing:border-box;text-align:center}
.lxbox .abox img{display:block;width:110px;height:110px;margin:0 auto;color:#333}
.lxbox .abox h3{font-size:30px;line-height:44px;padding-top:15px}
.lxbox .abox p{font-size:24px;line-height:36px;padding-top:6px}

.mtbox{padding:100px 0 120px}
.mtbox .hbg{padding:50px;width:100%;box-sizing:border-box}
.mtbox dl{width:33.3333%;padding:50px 0;position:relative}
.mtbox dl dt{ width:100%;}
.mtbox dl dt img{display:block;margin:0 auto;width:210px;height:210px;}
.mtbox dl dd{ position:absolute; width:100%; height:100%; left:0; top:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center; display:none}
.mtbox dl dd img{ display:block; width:220px; height:220px; background:#fff;}
.mtbox dl:hover dd{display:flex;}
.mtbox dl:hover dd img{box-shadow:0 0 10px rgba(0,0,0,.1)}

.dtit{padding:70px 0}
.dtit h2{font-size:40px;font-weight:600;color:#333;line-height:1.5;background:url(../images/hr.png) no-repeat left center;padding-left:25px;letter-spacing:1px}

.dwbox{padding-bottom:120px}
.dwbox .hbg{padding:50px;width:100%;box-sizing:border-box}
.dwbox .lft{width:40%}
.dwbox .lft h3{font-size:36px;color:#81c24e;line-height:46px}
.dwbox .lft p{font-size:24px;line-height:36px;padding-top:30px}
.dwbox .rgt{width:50%;text-align:center}
.dwbox .rgt dl{width:46%}
.dwbox .rgt dl dt{width:100%;box-shadow:0 0 15px rgba(0,0,0,.15)}
.dwbox .rgt dl dt img{display:block;margin:0 auto;width:100%}
.dwbox .rgt dl dd{font-size:24px;line-height:36px;padding-top:10px}

.gbox{ padding-bottom:120px;}
.gbox .hbg{padding:35px;width:100%;box-sizing:border-box}
.gbox .lft{width:40%; font-size:24px; color:#333; line-height:36px;}
.gbox .rgt{width:56%; min-height:450px; overflow:hidden;position:relative}
.gbox .rgt video{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;}
.gbox .rgt .VideoBtn{position:absolute;left:50%;top:50%;display:block;width:83px;height:83px;margin-left:-42px;margin-top:-42px;cursor:pointer;z-index:10}
.gbox .rgt .VideoBtn img{display:block;width:100%;height:100%;margin:0 auto}

.lcbox{padding-bottom:120px}
.lcbox img{display:block;width:100%;margin:0 auto}

.ylbox{padding:80px 0;border-bottom:1px solid #bdbdbd;position:relative}
.ylbox img{display:block;width:100%;margin:0 auto}
.ylbox .atxt,.ylbox .btxt{position:absolute;left:0;padding:0 110px;width:100%;box-sizing:border-box}
.ylbox .atxt{top:80px}
.ylbox .btxt{bottom:80px}
.ylbox .txt{width:16.2222%;background:#81c24e;color:#fff;font-size:16px;line-height:30px;box-sizing:border-box;padding:15px 5px;text-align:center;margin:0 0.2222%;opacity:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.ylbox .txt:hover{opacity:1}

.zhbox{padding-top:45px;padding-bottom:125px}
.zhbox dl{width:32%;margin-right:2%;margin-top:2%;text-align:center;position:relative;box-shadow:0 0 15px rgba(0,0,0,.08);box-sizing:border-box;padding:50px 30px}
.zhbox dl:nth-of-type(3),.zhbox dl:nth-of-type(5){margin-right:0}
.zhbox dl:nth-of-type(4),.zhbox dl:nth-of-type(5){width:49%}
.zhbox dl dt{width:100%}
.zhbox dl dt img{display:block;width:110px;height:110px;margin:0 auto}
.zhbox dl dd.a1{padding-top:20px}
.zhbox dl dd.a1 h3{font-size:26px;color:#333;line-height:42px}
.zhbox dl dd.a1 p{font-size:16px;color:#aaaaaa;padding-top:5px}
.zhbox dl dd.a2{font-size:24px;color:#fff;line-height:48px;background:#81c24e;padding:10px;position:absolute;width:100%;height:100%;left:0;top:0;display:none;box-sizing:border-box}
.zhbox dl:hover dd.a2{display:flex}





/*--------分页-------*/
.next_fy{text-align:center;font-size:22px;padding-top:70px;padding-bottom:110px}
.next_fy a{height:44px;line-height:44px;margin:2px 4px;display:inline-block;padding:0 14px;color:#092c47;border:1px solid #ccc;cursor:pointer;border-radius:3px}
.next_fy a:hover,.next_fy a.active{background:#81c24e;border-color:#81c24e;color:#fff}
.next_fp{font-size:28px;line-height:46px;color:#333;padding-bottom:60px}
.next_fp p{width:49%;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:4px 0}
.next_fp p:nth-of-type(2){text-align:right}
.next_fp a{color:#333;font-weight:400}
.next_fp a:hover{color:#81c24e}


@media (max-width:1600px) {
.box{max-width:90%;}
.header .nav{font-size:22px;}
.hbox1{ padding-top:85px;}
.hbox1 dl dd .tt{ font-size:100px;}
.hbox1 dl dd .tt span{ width:166px; height:166px; line-height:156px;}
.fnav{ padding-top:135px; padding-bottom:95px;}
.fnav .lft dl dt{ font-size:34px;}
.fnav .lft dl dd{ font-size:28px;}
.footer{ font-size:22px; line-height:46px;}
.nbanner .tt{ font-size:50px;}
.dtit{ padding-bottom:65px;}
.gbox{ padding-bottom:115px;}
.gbox .lft{ font-size:22px;}
.xlist dl dd{ font-size:22px;}
.xlist dl dd a{ font-size:30px;}
.nrtit h1{ font-size:42px;}
.nrtxt{ font-size:22px; line-height:48px;}
.next_fp{ font-size:24px; line-height:44px; padding-bottom:55px;}
.xgtit h2,.xgtit h1{ font-size:46px;}
.ylbox .txt{ font-size:15px;}


}

@media (max-width:1460px) {
.zhanw{ height:95px; line-height:95px;}
.header{ padding:20px 0}
.header .nav ul li{ padding:3px 15px;}
.header .nav ul li div{ padding-top:20px;}
.swiperb .sbutt{ width:40px; margin-left:-20px;}
.hbox1{ padding-top:80px;}
.hbox1 dl dt{ height:760px;}
.hbox1 dl dd .tt{ padding-top:45%}
.hbox1 dl dd .tt span{ width:156px; height:156px; line-height:146px;}
.hbox1 dl dd .nr{ font-size:26px; padding-top:25px;}
.hbox1 dl dd .nr span{ font-size:17px;}
.hbox3{ padding-bottom:140px;}
.htit{ padding-top:75px;}
.htit h2{ font-size:44px;}
.fnav{ padding-top:105px; padding-bottom:85px;}
.fnav .lft dl dt{ font-size:32px; line-height:52px;}
.fnav .lft dl dd{ font-size:25px; line-height:44px;}
.hbox3 .lf2{left:24%}
.hbox3 .lf3{right:24%}
.hbox3 .lf4{left:29%}
.hbox3 .lf5{right:29%}
.nbanner .tt{ font-size:46px;}
.dtit{ padding:60px 0 55px;}
.dtit h2{ font-size:36px;}
.gbox,.dwbox{ padding-bottom:105px;}
.gbox .hbg{ padding:30px 25px;}
.gbox .lft{ font-size:20px;}
.lcbox{ padding-bottom:100px;}
.lxbox .abox h3{ font-size:28px;}
.lxbox .abox p{ font-size:22px;}
.dwbox .hbg{ padding:50px 35px}
.dwbox .lft h3{ font-size:32px;}
.dwbox .lft p{ font-size:22px; padding-top:25px;}
.xlist dl dt{ width:380px; height:235px;}
.xlist dl dd{ font-size:20px; line-height:32px; width:calc(100% - 380px); padding-left:25px;}
.xlist dl dd a{ font-size:28px; line-height:44px;}
.next_fy{ padding-top:65px; padding-bottom:100px; font-size:20px;}
.mtbox{ padding:85px 0 100px;}
.ylbox{ padding:95px 0}
.ylbox .atxt,.ylbox .btxt{ padding:0 7.5%}
.ylbox .txt{ font-size:14px; line-height:28px;}



}



@media (max-width:1360px) {
.hbox3{ padding-bottom:120px; padding-top:130px;}
.hbox3 .lft{ width:75px; height:75px;}
.hbox3 .lf1{ margin-left:-68px;}
.hbox3 .lf2{left:22%}
.hbox3 .lf3{right:22%}
.hbox3 .lf4{left:27%}
.hbox3 .lf5{right:27%}
.hbox3 .lft span{ padding-top:45px; font-size:24px;}
.hbox3 .cnt span{ font-size:44px;}
.lxbox{ padding:80px 0 100px;}
.lxbox .abox img{ width:100px; height:100px;}
.nrtit h1{ font-size:36px;}
.nrtxt{ font-size:20px; line-height:44px;}
.next_fp{ font-size:22px; line-height:42px; padding-bottom:50px;}
.xgtit h2,.xgtit h1{ font-size:44px;}
.xglist,.xvlist{ padding-bottom:110px;}
.slist{ padding-top:35px;}
.zhbox{ padding-top:40px; padding-bottom:115px;}
.zhbox dl dd.a1 h3{ font-size:24px;}
.zhbox dl dd.a2{ font-size:22px; line-height:46px;}
.ylbox .txt{ font-size:13px; line-height:27px;}


}


@media (max-width:1260px) {
.box{max-width:94%;}
.header .nav{ font-size:20px;}
.header .nav ul li a{ padding:0 20px;}
.header .nav ul li div a,.header .nav ul li div a:hover{ font-size:16px;}
.hbox1{ padding-top:65px;}
.hbox1 dl dt{ height:700px;}
.hbox1 dl dd .tt{ font-size:86px;}
.hbox1 dl dd .tt span{ width:140px; height:140px; line-height:130px;}
.hbox1 dl dd .nr{ font-size:24px; line-height:32px;}
.hbox1 dl dd .nr span{ font-size:16px; padding-left:12px;}
.hbox2{ padding:70px 0 55px;}
.htit{ padding-top:65px;}
.htit h2{ font-size:42px;}
.hbox3{ padding-bottom:100px;}
.hbox3 .lf4,.hbox3 .lf5{top:70%}
.fnav{ padding-top:85px; padding-bottom:70px;}
.fnav .lft dl dt{ font-size:28px; line-height:46px;}
.fnav .lft dl dd{ font-size:22px; line-height:36px;}
.fnav .lgt dl dd{ font-size:20px; line-height:32px;}
.fnav .lgt{ width:32%}
.footer{ font-size:18px; line-height:40px; padding:22px 0}
.nbanner{ height:320px;}
.nbanner .tt{ font-size:42px;}
.nnav{ padding:18px 0}
.nnav ul li a:after{ bottom:-19px;}
.ncent{ padding-top:30px;}
.dtit{ padding:55px 0 40px;}
.gbox,.dwbox{ padding-bottom:90px;}
.lcbox{ padding-bottom:85px;}
.gbox .rgt .VideoBtn{ width:76px; height:76px; margin-left:-38px; margin-top:-38px;}
.xlist{ padding-top:15px;}
.xlist dl{ padding:25px 20px;border-radius:15px;}
.xlist dl dd{ font-size:18px;}
.xlist dl dd a{ font-size:26px;}
.next_fy{ padding-bottom:95px; font-size:18px;}
.nrtit{ padding-top:60px;}
.nrtit h1{ font-size:32px;}
.nrtxt{ font-size:18px; line-height:42px; padding-top:25px; padding-bottom:40px}
.next_fp{ font-size:20px; line-height:38px; padding:0}
.next_fp p{ width:100%;}
.next_fp p:nth-of-type(2){ text-align:left}
.xgtit h2,.xgtit h1{ font-size:40px;}
.xgtit h2:after{ height:4px;}
.xglist,.xvlist{ padding-bottom:90px; padding-top:45px;}
.mtbox{ padding:65px 0 80px;}
.ylbox{ padding:115px 0}



}


@media (max-width:1160px) {
.zhanw{ height:84px; line-height:84px;}
.header{padding:15px 0; border-bottom-width:2px;}
.header .menu{ display:block; background:url(../images/mue2.png) no-repeat center center; background-size:70% auto; width:52px;}
.header .nav{ position:absolute; width:100%; top:calc(100% + 2px); left:0; background:#fff; box-sizing:border-box; padding:10px 15px 15px; font-size:18px; line-height:36px; display:none}
.header .nav ul{ width:100%;}
.header .nav ul li{ width:100%; padding:10px 0; border-bottom:1px solid #eee}
.header .nav ul li a{ padding:0}
.header .nav ul li a:hover{ color:#81c24e; background:none; border-radius:0}
.header .nav ul li i{ display:block; position:absolute; width:36px; height:36px; right:0; top:10px; z-index:2; background:url(../images/nav_02.png) no-repeat center center; background-size:15px auto;transition:.2s;}
.header .nav ul li i.fan{transform:rotate(180deg)}
.header .nav ul li div{ position:static; padding-top:0; padding-top:5px;}
.header .nav ul li div a,.header .nav ul li div a:hover{ display:inline-block; background:none; color:#333; padding:0 10px 0 0; border:none; text-align:left}
.header .nav ul li div a:hover{color:#81c24e;}
.swiperb .sbutt{ width:30px; margin-left:-15px; height:40px;}
.hbox1 dl dt{ height:660px;}
.hbox1 dl dd .tt{ font-size:70px;}
.hbox1 dl dd .tt span{ width:120px; height:120px; line-height:110px;}
.hbox1 dl dd .nr{ font-size:20px;}
.hbox1 dl dd .nr span{ font-size:14px;}
.gbox .lft{ font-size:18px; line-height:32px; width:42%;}
.lxbox{ padding:75px 0 90px;}
.lxbox .abox img{ width:88px; height:88px;}
.lxbox .abox h3{ font-size:25px; line-height:41px;}
.lxbox .abox p{ font-size:20px; line-height:32px;}
.dwbox .hbg{ padding:45px 25px;}
.dwbox .lft h3{ font-size:28px;}
.dwbox .lft p{ font-size:18px; line-height:32px; padding-top:20px;}
.slist dl dt{ height:390px;}
.ylbox .atxt{ top:50px;}
.ylbox .btxt{ bottom:70px;}
.zhbox{ padding-top:30px; padding-bottom:105px;}

}

@media (max-width:1060px) {
.htit h2{ font-size:40px;}
.hbox1 dl dt{ height:630px;}
.hbox3{ padding-top:110px;}
.hbox3 .lf2{left:18%}
.hbox3 .lf3{right:18%}
.hbox3 .lf4{left:24%}
.hbox3 .lf5{right:24%}
.fnav{ padding-top:70px; padding-bottom:55px;}
.fnav .lft dl dt{ font-size:25px; line-height:41px;}
.fnav .lft dl dd{ font-size:18px; line-height:28px;}
.fnav .lgt dl dd{ font-size:17px;}
.footer{ font-size:17px; line-height:35px;}
.nbanner{ height:280px;}
.nbanner .tt{ font-size:36px;}
.ncent{ padding-top:20px;}
.dtit{ padding:45px 0 30px}
.dtit h2{ font-size:32px; line-height:1.25;}
.gbox,.dwbox{ padding-bottom:60px;}
.gbox .hbg{ padding:25px 20px;}
.gbox .lft{ width:100%; padding-bottom:25px;}
.gbox .rgt{ width:100%;}
.lcbox{ padding-bottom:65px;}
.xlist dl dt{ width:320px; height:200px;}
.xlist dl dd{ width:calc(100% - 320px); font-size:17px;}
.xlist dl dd a{ font-size:24px; padding-top:5px; line-height:42px;}
.xlist dl dd p{ padding-top:10px;}
.next_fy{ padding-top:55px; padding-bottom:80px; font-size:16px;}
.next_fy a{ height:40px; line-height:40px;}
.nrtit{ padding-top:55px;}
.nrtit h1{ font-size:30px;}
.mtbox{ padding:50px 0 70px;}
.ylbox{ padding:55px 0}
.ylbox .txt,.ylbox .txt:hover{ display:none}
.zhbox{ padding-bottom:90px;}
.zhbox dl{ padding:40px 20px;}
.zhbox dl dt img{ width:90px; height:90px;}
.zhbox dl dd.a1 h3{ font-size:22px; line-height:38px;}
.zhbox dl dd.a1 p{ font-size:15px;}
.zhbox dl dd.a2{ font-size:20px; line-height:42px;}



}

@media (max-width:990px) {
.lxbox .abox img{ width:66px; height:66px;}
.dwbox .hbg{ padding-top:35px; padding-bottom:40px;}
.dwbox .lft{ width:100%;}
.dwbox .rgt{ width:100%; padding-top:25px;-webkit-justify-content:start;justify-content:start}
.dwbox .rgt dl{ width:25%; padding-right:4%;}
.dwbox .rgt dl dd{ font-size:20px;}
.dwbox .lft p{ padding-top:15px;}
.nrtit{ padding-top:50px;}
.nrtxt{ padding-bottom:30px;}
.xgtit h2,.xgtit h1{ font-size:36px;}
.xglist,.xvlist{ padding-top:25px; padding-bottom:75px;}
.xglist dl,.xvlist dl{ width:48.5%; margin-right:3%; margin-top:3%}
.xglist dl:nth-of-type(4n),.xvlist dl:nth-of-type(4n){ margin-right:3%;}
.xglist dl:nth-of-type(even),.xvlist dl:nth-of-type(even){ margin-right:0;}
.mtbox .hbg{ padding:35px;}
.mtbox dl{ padding:40px 0;}
.mtbox dl dt img{ width:190px; height:190px;}
.mtbox dl dd img{ width:200px; height:200px;}
.slist{ padding:35px 4% 0}


}

@media (max-width:860px) {
body{ padding-top:84px;}
.zhanw{ display:none}
.swiperb .sbutt{ display:none}
.whide{ display:none}
.mhide{ display:block}
.nbanner{ height:250px;}
.nbanner .tt{ font-size:32px;}
.dtit h2{ padding-left:15px; font-size:28px;}
.gbox{ padding-bottom:50px;}
.lcbox{ padding-bottom:0;}
.bor1{ border-bottom:1px solid #d4d4d4}
.xlist dl{ padding:20px 18px; margin-top:25px;}
.xlist dl dt{ width:260px; height:160px;}
.xlist dl dd{ width:calc(100% - 260px); padding-left:20px; font-size:16px; line-height:28px;}
.xlist dl dd span{left:20px;}
.xlist dl dd a{ font-size:22px; line-height:36px;}
.xlist dl dd p{ padding-top:5px;}
.next_fy{ padding-top:50px; padding-bottom:65px;}
.nrtit h1{ font-size:28px;}
.nrtxt{ font-size:17px; line-height:39px; padding-bottom:25px;}
.next_fp{ font-size:18px; line-height:36px;}
.xgtit h2,.xgtit h1{ font-size:32px;}
.xglist,.xvlist{ padding-top:20px; padding-bottom:65px}
.slist{ padding:25px 0 0}
.slist dl{ width:31.4%; margin-right:2.9%; margin-top:3.2%}
.ylbox img{ width:auto; max-width:100%}
.htit h2{ font-size:36px;}
.zhbox{ padding-bottom:80px;}


}

@media (max-width:768px) {
.mbox2 dl dd.a1 h3{ font-size:27px; line-height:39px;}
.mbox2 dl dd.a1 p{ font-size:17px;}
.mtell h2{ height:72px; line-height:72px; padding-left:90px;}
.mpic{ padding-top:65px;}
.nnav{ padding:15px 0}
.nnav ul li{ padding:0 20px;}
.nnav ul li a:after{bottom:-16px; height:4px;}
.dtit h2{ font-size:26px;}
.lxbox{ padding:35px 0}
.lxbox .abox{ width:100%; padding:20px 0}
.xlist dl dd{ font-size:15px; line-height:27px;}
.xlist dl dd a{ font-size:20px;}
.nrtit h1{ font-size:26px;}
.mtbox dl{ padding:30px 0;}
.mtbox dl dt img{ width:150px; height:150px;}
.mtbox dl dd img{ width:160px; height:160px;}
.xgtit{ padding-top:15px;}
.slist{ padding-top:20px;}
.slist dl dt{ height:340px;}
.ylbox{ padding:45px 0}
.zhbox{ padding-bottom:70px;}
.zhbox dl{ padding:30px 15px;}
.zhbox dl dt img{ width:70px; height:70px;}
.zhbox dl dd.a1{ padding-top:15px;}
.zhbox dl dd.a1 h3{ font-size:20px; line-height:36px;}
.zhbox dl dd.a2{ font-size:17px; line-height:37px;}
.htit{ padding-top:55px;}
.htit h2{ font-size:32px;}

}

@media (max-width:640px) {
.mtit h2{ font-size:32px;}
.mbox1{ padding-top:35px;}
.mbox2 dl dt img{ width:62px; height:62px;}
.mbox2 dl dd.a1 h3{ font-size:25px; line-height:35px;}
.mbox2 dl dd.a1 p{ font-size:16px;}
.mtell{ padding-top:55px;}
.mtell h2{ font-size:36px; height:62px; line-height:62px; padding-left:80px;}
.mpic{ padding-top:55px;}
.mpic dl dd{ font-size:20px; line-height:32px;}
.mcopy{ padding-top:50px;}
.mcopy .a1{ font-size:20px;}
.mcopy .a2{ font-size:17px; padding-top:20px;}
.nbanner{ height:200px;}
.nbanner .tt{ font-size:28px;}
.ncent{ border-radius:20px; padding-top:15px;}
.nnav{ padding:12px 0}
.nnav ul li{ font-size:16px; line-height:32px; padding:0 15px;}
.nnav ul li a:after{bottom:-13px;}
.dtit{ padding:35px 0 25px;}
.dtit h2{ font-size:24px;}
.gbox,.dwbox{ padding-bottom:45px;}
.gbox .hbg{ padding:20px 15px;}
.gbox .lft{ font-size:16px; line-height:28px;}
.gbox .rgt{ min-height:350px;}
.gbox .rgt .VideoBtn{ width:56px; height:56px; margin-left:-28px; margin-top:-28px;}
.lxbox .abox h3{ font-size:22px; line-height:36px;}
.lxbox .abox p{ font-size:18px; line-height:30px;}
.dwbox .hbg{ padding:25px 15px 30px;}
.dwbox .lft h3{ font-size:25px; line-height:37px;}
.dwbox .lft p{ font-size:16px; line-height:28px; padding-top:10px;}
.dwbox .rgt dl dd{ font-size:16px; line-height:26px;}
.xlist dl{ padding:17px 15px; border-radius:10px;}
.xlist dl dt{ width:220px; height:135px;}
.xlist dl dd{ width:calc(100% - 220px)}
.xlist dl dd a{ padding-top:0}
.next_fy{ padding-top:40px; padding-bottom:55px; font-size:14px;}
.next_fy a{ height:34px; line-height:34px; padding:0 12px; margin:2px;}
.nrtit{ padding-top:40px;}
.nrtit h1{ font-size:24px;}
.nrtxt{ font-size:16px; line-height:36px; padding-top:20px;}
.next_fp{ font-size:17px; line-height:33px;}
.xgtit h2,.xgtit h1{ font-size:28px}
.mtbox{ padding:40px 0 60px;}
.mtbox .hbg{ padding:25px;}
.mtbox dl{ padding:25px 0;}
.mtbox dl dt img{ width:120px; height:120px;}
.mtbox dl dd img{ width:130px; height:130px;}
.xvlist dl dd{ font-size:15px; line-height:31px; padding-top:10px;}
.slist dl{ margin-top:2.9%}
.slist dl dt{ height:280px}
.slist dl dd a{ font-size:16px;}
.slist dl dd p{ font-size:13px;}
.zhbox dl{ padding:25px 10px;}
.zhbox dl dt img{ width:50px; height:50px;}
.zhbox dl dd.a1{ padding-top:10px;}
.zhbox dl dd.a1 h3{ font-size:18px; line-height:32px;}
.zhbox dl dd.a1 p{ font-size:14px;}
.zhbox dl dd.a2{ font-size:15px; line-height:29px;}
.htit h2{ font-size:28px;}



}

@media (max-width:440px) {
body{ padding-top:70px;}
.header{ padding:12px 0}
.header .logo{ height:44px;}
.header .menu{ width:44px;}
.header .nav{ font-size:16px; line-height:28px;}
.header .nav ul li i{ width:28px; height:28px; background-size:12px auto}
.header .nav ul li div a,.header .nav ul li div a:hover{ font-size:14px; line-height:24px;}
.mtit{ padding-top:30px;}
.mtit h2{ font-size:26px;}
.mbox1{ padding-top:30px;}
.mbox2{ padding-bottom:40px;}
.mbox2 dl dt img{ width:52px; height:52px;}
.mbox2 dl dd.a1{ padding-top:5px;}
.mbox2 dl dd.a1 h3{ font-size:20px; line-height:32px;}
.mbox2 dl dd.a1 p{ font-size:14px;}
.mtell{ padding-top:40px;}
.mtell h2{ font-size:30px; height:46px; line-height:46px; padding-left:60px;}
.mpic{ padding-top:40px;}
.mpic dl{ max-width:35%}
.mpic dl dd{ font-size:16px; line-height:28px;}
.mcopy{ padding-top:30px; padding-bottom:25px;}
.mcopy .a1{ font-size:17px;}
.mcopy .a2{ font-size:14px; padding-top:15px;}
.nbanner{ height:170px}
.nbanner .tt{ font-size:25px;}
.gbox{ padding-bottom:30px;}
.gbox .rgt{ min-height:250px;}
.gbox .rgt .VideoBtn{ width:40px; height:40px; margin-left:-20px; margin-top:-20px;}
.lxbox{ padding:20px 0}
.lxbox .abox img{ width:44px; height:44px;}
.lxbox .abox h3{ font-size:20px;}
.lxbox .abox p{ font-size:16px;}
.dwbox{ padding-bottom:35px;}
.dwbox .lft h3{ font-size:22px; line-height:36px;}
.dwbox .lft p{ font-size:15px; line-height:27px; padding-top:6px;}
.dwbox .rgt{ padding-top:20px;}
.dwbox .rgt dl{ width:32%;}
.dwbox .rgt dl dd{ font-size:15px; line-height:25px;}
.xlist{ padding-top:10px;}
.xlist dl{ border:1px solid #f6f6f6; box-sizing:border-box; padding:15px 10px; margin-top:20px;}
.xlist dl dt{ width:100%; height:auto}
.xlist dl dd{ width:100%; padding-left:0; padding-top:10px; font-size:14px;}
.xlist dl dd a{ font-size:18px; line-height:32px;}
.xlist dl dd span{ position:static; padding-top:5px;}
.next_fy{ padding-top:30px; padding-bottom:45px;}
.next_fy a{ height:32px; line-height:32px; padding:0 11px;}
.nrtit{ padding-top:32px;}
.nrtit h1{ font-size:22px;}
.nrtxt{ font-size:15px; line-height:33px;}
.next_fp{ font-size:16px; line-height:32px;}
.xgtit h2,.xgtit h1{ font-size:24px;}
.xglist,.xvlist{ padding-bottom:45px;}
.xglist dl dd{ font-size:15px; padding-top:8px;}
.mtbox{ padding:35px 0 50px}
.mtbox dl{ width:49%; padding:20px 0}
.xgtit{ padding-top:10px;}
.xvlist dl dt{ height:200px;}
.slist dl{ width:48.5%; margin-right:3%;}
.slist dl:nth-of-type(3n){ margin-right:3%;}
.slist dl:nth-of-type(even){ margin-right:0}
.htit{ padding-top:40px;}
.zhbox{ padding-top:25px; padding-bottom:50px;}
.zhbox dl{ padding:20px 10px;}
.zhbox dl dd.a2{ padding:5px; font-size:13px; line-height:23px;}
.zhbox dl dd.a1 h3{ font-size:17px; line-height:31px;}
.zhbox dl dd.a1 p{ font-size:13px;}
.nnav ul li{ font-size:14px; line-height:28px}

}

@media (max-width:375px) {
.header .menu{ background-size:66% auto}
.mtit h2{ font-size:24px;}
.mbox2{ padding-bottom:35px;}
.mbox2 dl dd.a1 h3{ font-size:18px;}
.mbox2 dl dd.a1 p{ font-size:13px;}
.mtell h2{ font-size:26px; height:42px; line-height:42px; padding-left:55px;}
.mpic{ padding-top:30px;}
.mpic dl dd{ font-size:14px; line-height:24px; padding-top:6px;}
.mcopy .a1{ font-size:15px;}
.mcopy .a2{ font-size:14px;}
.nbanner .tt{ font-size:24px;}
.nrtit h1{ font-size:20px;}
.xgtit h2,.xgtit h1{ font-size:22px;}
.slist dl dt{ height:250px}




}


.Flash,.Flash-height{width:100%;height:100%;z-index:1000;position:fixed;top:0;left:0}
.Flash_icon,.Flash_bg,.Flash_AD{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999}
.Flash_bg{z-index:10;background:#81c24e}
.Flash_icon{z-index:11;background:url(../images/logo.png) no-repeat 50% 50%;background-size:auto 50%}
.Flash_AD{background-repeat:no-repeat;background-position:50% bottom;z-index:9;background-size:auto 100%}
.Flash_icon,.Flash_bg,.AD{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999}
.Flash_bg{z-index:10;background:#81c24e;opacity:1;}
.flash_on .Flash_bg{opacity:0}
.Flash_icon{z-index:11;background:url(../images/logo.png);background-repeat:no-repeat;background-position:50% 50%}
.flash_on .Flash_icon{opacity:0}
@media(min-width:641px){
.Flash_icon{background-size:auto 50%;animation:ease 3s 2s icon}
.flash_on .Flash_icon{transition:opacity 1s 2s}
.Flash_bg{transition:opacity 2s 1s}
}
@media(max-width:640px){
.Flash_icon{background-size:70% auto;animation:ease 4s 3s iconphone}
.flash_on .Flash_icon{transition:opacity 1s 2s}
.Flash_bg{transition:opacity 3s 2s}
}

@keyframes icon{
0%{background-size:auto 50%;background-position:50% 50%}
80%{background-size:auto 250%}
100%{background-size:auto 250%;background-position:50% -50%}
}
@-webkit-keyframes icon{
0%{background-size:auto 50%;background-position:50% 50%}
80%{background-size:auto 250%}
100%{background-size:auto 250%;background-position:50% -50%}
}
@-ms-keyframes icon{
0%{background-size:auto 50%;background-position:50% 50%}
80%{background-size:auto 250%}
100%{background-size:auto 250%;background-position:50% -50%}
}
@-moz-keyframes icon{
0%{background-size:auto 50%;background-position:50% 50%}
80%{background-size:auto 250%}
100%{background-size:auto 250%;background-position:50% -50%}
}

@keyframes iconphone{
0%{background-size:70% auto;background-position:50% 50%}
25%{background-size:300% auto}
90%{background-position:50% -300%}
100%{background-size:300% auto;background-position:50% -300%}
}
@-webkit-keyframes iconphone{
0%{background-size:70% auto;background-position:50% 50%}
25%{background-size:300% auto}
90%{background-position:50% -300%}
100%{background-size:300% auto;background-position:50% -300%}
}
@-ms-keyframes iconphone{
0%{background-size:70% auto;background-position:50% 50%}
25%{background-size:300% auto}
90%{background-position:50% -300%}
100%{background-size:300% auto;background-position:50% -300%}
}
@-moz-keyframes iconphone{
0%{background-size:70% auto;background-position:50% 50%}
25%{background-size:300% auto}
90%{background-position:50% -300%}
100%{background-size:300% auto;background-position:50% -300%}
}

.AD{z-index:9;background-position:center bottom;background-size:auto 100%;background-repeat:no-repeat;transform:scale(2.5) translateY(-10%);transition:transform 2.5s 1.5s}
.flash_on .AD{transform:scale(1) translateY(0)}