/* CSS Document */
*{margin:0;padding:0;border:0;outline:none}
@media (min-width:751px) {
@font-face{font-family:"Arial-Black";src:url(../fonts/Arial-Black.woff2) format("woff2"),url(../fonts/Arial-Black.woff) format("woff");font-weight:normal;font-style:normal;font-display:swap}
}
body,html{font-family:Arial,Helvetica,sans-serif;height:100%;}
body{margin:0 auto;padding:0;background:#ffffff;font-size:14px;color:#333;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:Arial,Helvetica,sans-serif;}
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:1300px;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:#333;text-decoration:none}
a:hover{color:#018dd2;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:#fff;}

/*-------*/
.tbg{background:#fff;position:relative;z-index:99}
.header{ padding:30px 0}
.header .logo img{ display:block; width:auto; height:50px;}
.header .cont span{ display:block; font-size:18px; line-height:36px; color:#333; margin-left:50px}
.header .cont span.em{ background:url(../images/x_r2.png) no-repeat left center; padding-left:33px;}
.header .cont span.tl{ background:url(../images/x_r3.png) no-repeat left center; padding-left:23px;}
.header .menu{ display:none}

.kbg{ background:#018dd2;}
.ttm{ background:#018dd2; width:100%; position:relative; z-index:99}
.nav ul{width:100%; text-align:center;background:url(../images/x_r1.png) no-repeat left center;}
.nav ul li{ position:relative; width:16.6666%;background:url(../images/x_r1.png) no-repeat right center;}
.nav ul li a.a1{ color:#fff; font-size:19px; height:66px; line-height:66px; display:block; font-weight:600; text-transform:uppercase;}
.nav ul li:hover a.a1{ background:#016ec1}
.nav ul li ul{ position:absolute; left:0; top:66px; width:150%; background:#0198db; text-align:left; display:none}
.nav ul li ul li{ position:relative; width:100%}
.nav ul li ul li ul{left:100%;top:0;width:100%}
.nav ul li ul li a{ display:block; font-size:16px; line-height:27px; padding:12px 10px 12px 30px; background:url(../images/n_d3.png) no-repeat 16px 23px; color:#fff; border-bottom:1px solid rgba(255,255,255,.1);}
.nav ul li ul li a:hover{ background-color:#016ec1}

.swiperb{width:100% !important;height:auto !important;position:relative;}
.swiperb .swiper-slide a{display:block;width:100%;overflow:hidden}
.swiperb .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.swiperb .swiper-dian{ position:absolute; bottom:25px; z-index:999; text-align:center;}
.swiperb .swiper-dian span{ width:12px; height:12px; background:rgba(255,255,255,1);}

.htit{ padding:20px 0; line-height:1.25; position:relative}
.htit span{ display:block; font-size:28px; color:#018dd2; font-weight:600; text-transform:uppercase;font-family:"Arial-Black",Arial,Helvetica,sans-serif; padding-bottom:5px}
.htit h2{ display:block; font-size:42px; font-weight:600; text-transform:uppercase;font-family:"Arial-Black",Arial,Helvetica,sans-serif;}
.htit a{position:absolute;right:0; top:50%; font-size:18px; padding-right:30px; line-height:32px; margin-top:-16px; color:#565656}
.htit1 h2{color:#010101;}
.htit1 a,.htit1 a:hover{color:#565656;background:url(../images/x_r8.png) no-repeat right center;}
.htit2 h2{color:#fff;}
.htit2 a,.htit2 a:hover{color:#fff;background:url(../images/x_r4.png) no-repeat right center;}
.htit3 h2{font-size:34px;}

.about-h{ padding:80px 0;}
.about-h .zuo{ width:48.5%;}
.about-h .zuo .nr{ font-size:18px; line-height:32px; color:#444; padding-top:20px;border-top:5px solid #f0f0f0;}
.about-h .zuo .mr{ padding-top:45px}
.about-h .zuo .mr a{ font-size:22px; display:inline-block; color:#fff; padding:0 75px 0 30px; height:60px; line-height:60px; box-shadow:0 0 20px rgba(1,141,210,.25); border-radius:6px; overflow:hidden; background:url(../images/x_r5.png) no-repeat 85% center #018dd2;}
.about-h .zuo .mr a:hover{box-shadow:0 2px 20px rgba(1,141,210,.4);}
.about-h .you{ overflow:hidden; width:48.5%; min-height:400px}
.about-h .you img{ display:block;width:100%;height:100%;object-fit:cover;object-position:center center;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.about-h .you:hover img{-webkit-transform:scale(1.03,1.03);transform:scale(1.03,1.03)}

.abg{ background:#f5faff; padding:55px 0 75px; position:relative; z-index:2}
.bbg{ background:#d5e9ff; padding:55px 0 100px; position:relative; z-index:1}
.abg:after,.bbg:after{content:""; position:absolute; width:57px; height:26px; left:50%; bottom:-26px; margin-left:-28px;}
.abg:after{background:url(../images/x_r20.png) no-repeat center top; background-size:100% auto;}
.bbg:after{background:url(../images/x_r21.png) no-repeat center top; background-size:100% auto;}

.show-h{ position:relative; padding-top:5px}
.show-h .swiper{width:100% !important;height:auto !important;position:relative;}
.show-h .swiper .swiper-slide{display:flex;flex-wrap:wrap;}
.show-h .swiper .swiper-slide dl{display:block;overflow:hidden;background:#ffffff;padding:10px;border:1px solid #e9e9e9;width:23.5%;box-sizing:border-box; margin-right:2%; margin-bottom:2%;}
.show-h .swiper .swiper-slide dl:nth-of-type(4n){ margin-right:0}
.show-h .swiper .swiper-slide dl dt{ width:100%; overflow:hidden; height:0; padding-top:85.7%; position:relative}
.show-h .swiper .swiper-slide dl dt a{ display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.show-h .swiper .swiper-slide dl dt img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.show-h .swiper .swiper-slide dl:hover dt img{-webkit-transform:scale(1.03,1.03);transform:scale(1.03,1.03)}
.show-h .swiper .swiper-slide dl dd{ padding:12px 0 5px;}
.show-h .swiper .swiper-slide dl dd .a1{ display:inline-block; color:#232323; font-size:17px; font-weight:600; line-height:21px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.show-h .swiper .swiper-slide dl dd .a2{ display:block; color:#018dd2; font-size:15px; line-height:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; padding-top:5px}
.show-h .swiper .swiper-slide dl dd .a1:hover{ color:#018dd2}
.show-h .swiper .swiper-slide dl dd .a2:hover{ color:#018dd2}
.show-h .swiper-next,.show-h .swiper-prev{ width:38px; height:38px; position:absolute; top:50%; margin-top:-30px; z-index:9; cursor:pointer}
.show-h .swiper-next{right:-55px}
.show-h .swiper-prev{left:-55px}
.show-h .swiper-snext{ background:url(../images/x_r13.png) no-repeat center center; background-size:100% 100%;}
.show-h .swiper-sprev{ background:url(../images/x_r12.png) no-repeat center center; background-size:100% 100%;}

.show-v{ display:none}
.show-v dl{display:block;overflow:hidden;background:#ffffff;padding:10px;border:1px solid #e9e9e9;width:32%;box-sizing:border-box; margin-right:2%; margin-bottom:2%;}
.show-v dl:nth-of-type(3n){ margin-right:0}
.show-v dl dt{ width:100%; overflow:hidden; height:0; padding-top:85.7%; position:relative}
.show-v dl dt a{ display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.show-v dl dt img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.show-v dl:hover dt img{-webkit-transform:scale(1.03,1.03);transform:scale(1.03,1.03)}
.show-v dl dd{ padding:12px 0 5px;}
.show-v dl dd .a1{ display:inline-block; color:#232323; font-size:17px; font-weight:600; line-height:21px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.show-v dl dd .a2{ display:block; color:#018dd2; font-size:15px; line-height:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; padding-top:5px}
.show-v dl dd .a1:hover{ color:#018dd2}
.show-v dl dd .a2:hover{ color:#018dd2}

.case-h{ position:relative; padding-top:15px}
.case-h .swiper{width:100% !important;height:auto !important;position:relative;}
.case-h .swiper dl{display:block;overflow:hidden;background:#ffffff;position:relative}
.case-h .swiper dl dt{ width:100%; overflow:hidden; height:0; padding-top:74.8%; position:relative}
.case-h .swiper dl dt a{ display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.case-h .swiper dl dt img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.case-h .swiper dl:hover dt img{-webkit-transform:scale(1.03,1.03);transform:scale(1.03,1.03)}
.case-h .swiper dl dd{ padding:17px 12px;}
.case-h .swiper dl dd a{ display:block; color:#232323; font-size:19px; font-weight:600; line-height:37px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; background:url(../images/x_r7.png) no-repeat right center; padding-right:30px}
.case-h .swiper dl dd a:hover{ color:#018dd2}
.case-h .swiper dl:after{content:""; position:absolute; width:0; height:3px; background:#dee3e9; left:0; bottom:0;transition:all .8s ease 0s; z-index:2}
.case-h .swiper dl:hover:after{ width:100%;}
.case-h .swiper-vnext,.case-h .swiper-vprev{ width:38px; height:38px; position:absolute; top:50%; margin-top:-19px; z-index:9; cursor:pointer; opacity:.5;}
.case-h .swiper-vnext{right:-55px}
.case-h .swiper-vprev{left:-55px}
.case-h .swiper-vnext{ background:url(../images/x_r13.png) no-repeat center center; background-size:100% 100%;}
.case-h .swiper-vprev{ background:url(../images/x_r12.png) no-repeat center center; background-size:100% 100%;}
.case-h .swiper-lnext{ background:url(../images/x_r11.png) no-repeat center center; background-size:100% 100%; opacity:1;}
.case-h .swiper-lprev{ background:url(../images/x_r10.png) no-repeat center center; background-size:100% 100%; opacity:1;}

.p60{ padding:55px 0 90px;}
.events-h{ position:relative; padding-top:20px}
.events-h .swiper{width:100% !important;height:auto !important;position:relative;}
.events-h .swiper dl{width:100%;overflow:hidden;background:#f3f6fa;border-radius:5px;}
.events-h .swiper dl dt{ width:50%; overflow:hidden; min-height:420px;border-radius:5px;}
.events-h .swiper dl dt img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;}
.events-h .swiper dl dd{ width:50%; padding:45px 25px; box-sizing:border-box;}
.events-h .swiper dl dd h3{ font-size:26px; line-height:38px; color:#232323}
.events-h .swiper dl dd .nr{ font-size:17px; line-height:32px; color:#4e4e4e; padding-top:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
.events-h .swiper dl dd .mr{ padding-top:30px}
.events-h .swiper dl dd .mr a{ font-size:20px; display:inline-block; color:#fff; padding:0 75px 0 30px; height:60px; line-height:60px; box-shadow:0 0 20px rgba(1,141,210,.25); border-radius:6px; overflow:hidden; background:url(../images/x_r5.png) no-repeat 85% center #018dd2;}
.events-h .swiper dl dd .mr a:hover{box-shadow:0 2px 20px rgba(1,141,210,.4);}
.events-h .swiper-xnext,.events-h .swiper-xprev{ width:38px; height:38px; position:absolute; top:50%; margin-top:-19px; z-index:9; cursor:pointer; opacity:.4;}
.events-h .swiper-xnext{right:-55px}
.events-h .swiper-xprev{left:-55px}
.events-h .swiper-xnext{ background:url(../images/x_r13.png) no-repeat center center; background-size:100% 100%;}
.events-h .swiper-xprev{ background:url(../images/x_r12.png) no-repeat center center; background-size:100% 100%;}

.cbg{ background:url(../images/bg2.jpg) no-repeat center top; background-size:cover;}
.about-v{ padding:85px 0;}
.about-v .zuo{ width:50%;}
.about-v .zuo .nr{ font-size:18px; line-height:30px; color:#575757;}
.about-v .zuo .mr{ padding-top:25px}
.about-v .zuo .mr a{ font-size:22px; display:inline-block; color:#fff; padding:0 75px 0 30px; height:60px; line-height:60px; box-shadow:0 0 20px rgba(1,141,210,.25); border-radius:6px; overflow:hidden; background:url(../images/x_r5.png) no-repeat 85% center #018dd2;}
.about-v .zuo .mr a:hover{box-shadow:0 2px 20px rgba(1,141,210,.4);}
.about-v .you{ overflow:hidden; width:47.2%;min-height:437px; border-radius:10px; box-sizing:border-box}
.about-v .you img{ display:block;width:100%;height:100%;object-fit:cover;object-position:center center; border-radius:10px;}
.about-v .you:hover{ background:rgba(237,237,237,1);}

.nt55{ padding:55px 0 70px;}
.news-h{ padding-top:15px}
.news-h dl{ width:48.5%; background:#fff; margin-bottom:3.5%;}
.news-h dl dt{ width:243px; height:185px; overflow:hidden}
.news-h dl dt img{ display:block;width:100%;height:100%;object-fit:cover;object-position:center center;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.news-h dl:hover dt img{-webkit-transform:scale(1.03,1.03);transform:scale(1.03,1.03)}
.news-h dl dd{width:calc(100% - 243px); padding:5px 0 5px 25px; box-sizing:border-box}
.news-h dl dd a{ font-size:18px; color:#272727; text-transform:uppercase; font-weight:600; line-height:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news-h dl dd span{ display:block; font-size:15px; color:#c7c7c7; line-height:20px; padding:10px 0; text-transform:uppercase}
.news-h dl dd p{ font-size:16px; color:#959595; line-height:25px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.news-h dl:hover dd a,.news-h dl dd a:hover{ color:#018dd2}

.fbg{ background:#018dd2;}
.footer{ padding:50px 0 60px; color:#fff;}
.footer .zuo,.footer .you{ width:48%}
.footer .zuo .fnav{ font-size:19px; font-weight:600; line-height:31px;font-family:"Arial-Black",Arial,Helvetica,sans-serif;}
.footer .zuo .fnav a{ padding-right:10px; display:inline-block}
.footer .zuo .fnav a,.footer .zuo .fnav a:hover{ color:#fff;}
.footer .zuo p{ font-size:16px; line-height:24px; padding:15px 0 25px;}
.footer .zuo a.bt{ font-size:16px; font-weight:600; text-transform:uppercase; background:url(../images/x_r9.png) no-repeat 16% center #fff; padding:0 30px 0 70px; height:57px; line-height:57px; color:#018dd2; display:inline-block; border-radius:30px;}
.footer .you{ text-align:right; padding-top:15px}
.footer .you p{ padding:5px 0; font-weight:600; line-height:32px;}
.footer .you p a{ color:#fff}
.footer .you p.a1{ font-size:20px;}
.footer .you p.a2{ font-size:24px;}
.footer .you .fx{ padding-top:20px}
.footer .you .fx a{ padding-left:12px;}
.footer .you .fx img{ display:block; width:31px; height:31px; border-radius:50%}

.dbg{ background:#0186cf; font-size:16px; color:#ffffff; line-height:24px; padding:26px 0}
.dbg .box{ text-align:center;}


/*-----*/
.nbanner{ width:100%; height:357px;}
.nbanner .box{ height:100%;}
.nbanner .tt{ display:block; font-size:60px; line-height:1.5; font-weight:600;font-family:"Arial-Black",Arial,Helvetica,sans-serif; color:#fff; text-transform:uppercase}

.weizhi{ font-size:18px; color:#444444; padding:27px 0 24px;}
.weizhi .box{ background:url(../images/n_r1.png) no-repeat 0 1px; padding-left:25px; line-height:28px;}
.weizhi .box a{ display:inline-block; padding:0 5px;}

.abox1{ padding:60px 0;}
.abox1 .im{ width:47%;}
.abox1 .im img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;}
.abox1 .nr{ width:50%;}
.abox1 .nr .t{ font-size:30px; font-weight:600; color:#1d1d1d;font-family:"Arial-Black",Arial,Helvetica,sans-serif; text-transform:uppercase; line-height:1.25; padding:15px 0}
.abox1 .nr .w{ font-size:17px; line-height:29px; color:#333}

.youshi{display:flex;flex-wrap:wrap;padding:40px 0;}
.youshi dl{ width:25%; box-sizing:border-box; padding-left:35px; background:url(../images/tm.png) repeat-y left top;color:#fff}
.youshi dl:nth-of-type(1){ background:none}
.youshi dl dt{ height:62px; line-height:62px; font-weight:bold; position:relative}
.youshi dl dt span{ font-size:64px;font-family:"swiss721bt",Arial, Helvetica, sans-serif; padding-right:30px; font-weight:600}
.youshi dl dt em{ font-size:32px; font-style:normal; position:absolute;bottom:0; line-height:36px;height:36px; margin-left:-25px;}
.youshi dl dd{font-size:18px;line-height:26px;padding-top:10px;position:relative;}

.ebg{ background:#f3f6fb;}
.atit{ text-align:center;font-family:"Arial-Black",Arial,Helvetica,sans-serif; padding:65px 0 15px}
.atit h2{ font-size:46px; color:#018dd2; line-height:1.25; text-transform:uppercase;}
.atit h2.w{ color:#fff}

.abox3{ padding-bottom:90px}
.abox3 dl{ width:18.6%; margin-right:1.75%; margin-top:2%; background:#ffffff; border-radius:12px; text-align:center; box-sizing:border-box; padding:35px 20px}
.abox3 dl:nth-of-type(5n){ margin-right:0;}
.abox3 dl dt span{ font-size:30px; font-weight:600; color:#fff; background:#80c6e8; text-transform:uppercase; display:block; width:56px; height:56px; line-height:56px; margin:0 auto; text-align:center; border-radius:50%;}
.abox3 dl dd{ font-size:17px;line-height:29px; padding-top:15px; color:#333}

.gbg{ background:url(../images/abgx.jpg) no-repeat center top; background-size:cover; padding-bottom:100px}

.abox5{ width:100%; padding:20px 0 75px}
.abox5 .zuo{ width:49.7%;}
.abox5 .you{ width:50.3%;}
.abox5 .you .im{width:calc(50% - 20px); height:calc(50% - 10px); margin-left:20px;}
.abox5 .you .im:nth-of-type(3),.abox5 .you .im:nth-of-type(4){ margin-top:20px;}
.abox5 img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;}

.ftab{ padding-top:5px; padding-bottom:70px}
.ftab ul{ width:100%;}
.ftab ul li{position:relative; padding:10px 0; width:100%}
.ftab ul li.la{width:49%;}
.ftab ul li input,.ftab ul li textarea{display:block;border:none;background:#fff;font-size:19px;color:#333;box-sizing:border-box;padding:0 20px;width:100%;}
.ftab ul li em{font-style:normal;color:#f00;position:absolute;left:10px;top:10px; height:64px; line-height:64px; font-size:17px}
.ftab ul li input{height:64px;line-height:64px;}
.ftab ul li textarea{ padding:15px 20px; height:160px; line-height:32px}
.ftab ul li.sbt{ padding-top:15px}
.ftab ul li.sbt input{ width:100%; text-align:center; background:#018dd2; color:#fff; font-size:22px; font-weight:600; text-transform:uppercase;box-shadow:0 0 20px rgba(1,141,210,.2);}

.bhr{ border-bottom:1px solid #e6e6e6;}

.ncent{ padding-top:35px; padding-bottom:55px}
.ncent .zuo{ width:365px;}
.ncent .zuo .ltit{ background:#018dd2; font-size:20px; color:#fff; font-weight:600; line-height:38px; padding:15px 20px;}
.ncent .zuo .llei{ padding-bottom:25px;}
.ncent .zuo .llei ul{ width:100%;}
.ncent .zuo .llei ul li{width:100%;background:#F3F3F3;display:flex;flex-wrap:wrap;justify-content:space-between; border-bottom:1px solid #fff; position:relative}
.ncent .zuo .llei ul li a.a1{ padding:10px 0 10px 20px; display:block; box-sizing:border-box; width:calc(100% - 44px); font-size:17px; color:#121212; line-height:34px;}
.ncent .zuo .llei ul li i{ display:block; width:34px; height:34px; line-height:34px; background:url(../images/n_r4.png) no-repeat center center; cursor:pointer; position:absolute; right:5px; top:10px;}
.ncent .zuo .llei ul li div{ background:#f9f9f9; padding:10px 20px; display:none; width:100%}
.ncent .zuo .llei ul li div a{ display:block; font-size:16px; color:#595959; line-height:26px; padding:10px 0; background:url(../images/n_r2.png) no-repeat 0 20px; padding-left:12px;}
.ncent .zuo .llei ul li.hover i{ background:url(../images/n_r5.png) no-repeat center center;}
.ncent .zuo .llei ul li.hover div{ display:block}
.ncent .zuo .lbox{ border:1px solid #ececec; background:#fff; padding:12px 16px;}
.ncent .zuo .lbox dl{ padding:12px 0;align-items:center;}
.ncent .zuo .lbox dl dt{ width:115px; height:90px; overflow:hidden}
.ncent .zuo .lbox dl dt img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;}
.ncent .zuo .lbox dl dd{width:calc(100% - 115px); box-sizing:border-box; padding-left:12px;}
.ncent .zuo .lbox dl dd .a1{ color:#232323; font-size:18px; line-height:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.ncent .zuo .lbox dl dd .a1:hover{ color:#018dd2}
.ncent .zuo .lbox dl dd .a2:hover{ color:#018dd2}
.ncent .you{width:calc(100% - 390px);}
.ncent .you .rtit{ border-bottom:1px solid #0a144b; padding:10px 0}
.ncent .you .rtit h2{ font-size:34px; line-height:47px; color:#018dd2; font-weight:600; text-transform:uppercase;font-family:"Arial-Black",Arial,Helvetica,sans-serif;}

.news-n{ padding-top:5px;}
.news-n dl{ width:100%; background:#fff; padding:25px 0 28px; background:url(../images/zx.png) repeat-x left bottom}
.news-n dl dt{ width:202px; height:154px; overflow:hidden}
.news-n dl dt img{ display:block;width:100%;height:100%;object-fit:cover;object-position:center center;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.news-n dl:hover dt img{-webkit-transform:scale(1.03,1.03);transform:scale(1.03,1.03)}
.news-n dl dd{width:calc(100% - 202px); padding-left:16px; box-sizing:border-box}
.news-n dl dd a.t{ font-size:19px; color:#272727; font-weight:600; line-height:27px; display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.news-n dl dd span{ display:block; font-size:15px; color:#c7c7c7; line-height:20px; padding:10px 0; text-transform:uppercase}
.news-n dl dd p{ font-size:16px; color:#959595; line-height:25px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news-n dl dd a.m{ font-size:16px; color:#018dd2; display:inline-block; line-height:24px; padding-top:8px; position:relative;}
.news-n dl dd a.m:after{content:""; position:absolute; width:100%; height:1px; bottom:0; left:0; background:#018dd2}
.news-n dl:hover dd a.t,.news-n dl dd a.t:hover{ color:#018dd2}

.nrtit{ padding-top:10px}
.nrtit h1{ font-size:34px; font-weight:600; line-height:42px; color:#1c1c1c;}
.nrtim{ font-size:18px; color:#969696; line-height:24px; padding:15px 0; text-transform:uppercase; border-bottom:1px solid #ececec}
.nrbox{ font-size:17px; line-height:27px; color:#565656; padding:20px 0 30px}
.nrbox img{ max-width:100% !important; height:auto !important;}
.nrbox td{ box-sizing:border-box; padding:12px 15px; border:1px solid #e8e8e8; font-size:17px; line-height:25px;}

.xgtit{ background:url(../images/zx.png) repeat-x left bottom; padding:15px 0;}
.xgtit h2{ font-size:26px; font-weight:600; color:#018dd2; line-height:42px; text-transform:uppercase;font-family:"Arial-Black",Arial,Helvetica,sans-serif;}

.xglist,.xgtab{ padding:15px 0 25px;}
.xglist ul{ width:100%}
.xglist ul li{ width:100%; height:29px; line-height:29px; padding:6px 0;}
.xglist ul li span{ float:right; color:#b9b9b9; font-size:17px; padding-left:10px;}
.xglist ul li a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:17px; background:url(../images/n_r3.png) no-repeat left center; padding-left:15px; color:#343434;}

.xgtab ul{ width:100%;}
.xgtab ul li{position:relative; padding:10px 0; width:100%}
.xgtab ul li.la{width:49%;}
.xgtab ul li input,.xgtab ul li textarea{display:block;border:none;background:#f1f1f1;font-size:17px;color:#333;box-sizing:border-box;padding:0 20px; width:100%;}
.xgtab ul li em{font-style:normal;color:#f00;position:absolute;left:10px;top:10px; height:60px; line-height:60px; font-size:16px}
.xgtab ul li input{height:60px;line-height:60px;}
.xgtab ul li textarea{ padding:15px 20px; height:160px; line-height:32px}
.xgtab ul li.sbt{ padding-top:15px}
.xgtab ul li.sbt input{ width:100%; text-align:center; background:#018dd2; color:#fff; font-size:22px; font-weight:600; text-transform:uppercase}

.show-n dl{display:block;overflow:hidden; background:#ffffff; padding:10px; border:1px solid #e9e9e9; width:31.6%; margin-right:2.6%; margin-top:2.6%; box-sizing:border-box}
.show-n dl:nth-of-type(3n){ margin-right:0;}
.show-n dl dt{ width:100%; overflow:hidden; height:0; padding-top:93%; position:relative}
.show-n dl dt a{ display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.show-n dl dt img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.show-n dl:hover dt img{-webkit-transform:scale(1.03,1.03);transform:scale(1.03,1.03)}
.show-n dl dd{ padding:12px 0 5px;}
.show-n dl dd .a1{ display:inline-block; color:#232323; font-size:17px; font-weight:600; line-height:21px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.show-n dl dd .a2{ display:block; color:#018dd2; font-size:15px; line-height:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; padding-top:5px}
.show-n dl dd .a1:hover{ color:#018dd2}
.show-n dl dd .a2:hover{ color:#018dd2}

.case-n dl{display:block;overflow:hidden; background:#ffffff; border:1px solid #e9e9e9; width:31.8%; margin-right:2.3%; margin-top:2.6%; box-sizing:border-box}
.case-n dl:nth-of-type(3n){ margin-right:0;}
.case-n dl dt{ width:100%; overflow:hidden; height:0; padding-top:74.8%; position:relative}
.case-n dl dt a{ display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.case-n dl dt img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.case-n dl:hover dt img{-webkit-transform:scale(1.03,1.03);transform:scale(1.03,1.03)}
.case-n dl dd{ padding:12px 10px;}
.case-n dl dd a{ display:block; color:#232323; font-size:17px; font-weight:600; line-height:32px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.case-n dl dd a:hover{ color:#018dd2}

.lxbox{ padding-top:20px; padding-bottom:80px}
.lxbox .zuo{ width:50%; padding:60px 30px; background:#f3f6fb; box-sizing:border-box; position:relative}
.lxbox .you{ width:50%}
.lxbox .zuo h2{ font-size:30px; line-height:1.25; color:#1d1d1d; display:block; padding-bottom:14px;font-family:"Arial-Black",Arial,Helvetica,sans-serif; text-transform:uppercase}
.lxbox .zuo p{ font-size:16px; color:#7d7d7d; line-height:24px; display:block; padding:20px 0 12px 65px;}
.lxbox .zuo p span{ display:block; color:#4a4a4a;font-weight:600}
.lxbox .zuo p.a1 span{ font-size:22px; line-height:32px;}
.lxbox .zuo p.a2 span{ font-size:22px; line-height:32px;}
.lxbox .zuo p.a3 span{ font-size:16px; line-height:26px;}
.lxbox .zuo p.a1{ background:url(../images/l_r1.png) no-repeat 0 22px;}
.lxbox .zuo p.a2{ background:url(../images/l_r2.png) no-repeat 0 22px;}
.lxbox .zuo p.a3{ background:url(../images/l_r3.png) no-repeat 0 22px;}

.lxbox .you iframe{ display:block; width:100%; margin:0 auto; height:100%; min-height:350px}

.ibg{ background:#f7f7f7;}
.cptxt{ padding:55px 0 70px;}
.cptxt .zuo{ width:50%; overflow:hidden}
.cptxt .zuo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.cptxt .zuo:hover img{-webkit-transform:scale(1.03,1.03);transform:scale(1.03,1.03)}
.cptxt .you{ width:50%; padding-left:55px; box-sizing:border-box}
.cptxt .you h1{ font-size:32px; color:#2c2c2c; font-weight:600; line-height:1.25; padding:15px 0}
.cptxt .you .nr{ font-size:18px; line-height:32px; color:#444444; min-height:160px;}
.cptxt .you .lx{ padding-top:20px}
.cptxt .you .lx a{ display:inline-block; width:49%; font-size:21px; color:#018dd2; border:2px solid #018dd2; border-radius:5px; height:62px; line-height:62px; text-align:center; box-sizing:border-box}
.cptxt .you .lx a:nth-of-type(1){ background:#018dd2; width:45%; color:#fff; margin-right:4%; box-shadow:0 0 15px rgba(10,20,75,.3)}
.cptxt .you .fx{ padding-top:30px}
.cptxt .you .fx span{ display:inline-block; font-size:18px; color:#000000; height:38px; line-height:38px;}
.cptxt .you .fx a{ display:inline-block; padding-left:15px}
.cptxt .you .fx a img{ display:block; width:38px; height:38px; border-radius:50%;}

.ctit{ padding:65px 0 10px;}
.ctit h2{ font-size:42px; color:#018dd2; line-height:1.25;font-family:"Arial-Black",Arial,Helvetica,sans-serif; text-transform:uppercase}
.ctit p{ font-size:19px; color:#018dd2; line-height:35px; padding-top:5px;}

.ctext{ font-size:18px; line-height:33px; color:#333; padding:15px 0}
.ctext img{ max-width:100% !important; height:auto !important;}
.ctext td{ box-sizing:border-box; padding:12px 15px; border:1px solid #e8e8e8; font-size:18px;line-height:33px;word-wrap:break-word;}
.ctext-n{ padding-bottom:100px}

.clist{ padding-bottom:15px;}
.clist dl{ width:49%; margin-top:2%; background:#f8f8f8; box-sizing:border-box; padding:30px 20px;}
.clist dl dt{ width:100px; text-align:center;}
.clist dl dt span{ display:block; width:66px; height:66px; line-height:66px; font-size:34px; font-weight:600; background:#b0b0b0; border-radius:50%; color:#fff; margin:0 auto}
.clist dl dd{width:calc(100% - 100px); padding-left:15px; box-sizing:border-box; font-size:19px; line-height:33px; color:#444444;}

.glist{ padding-bottom:90px}
.glist dl{display:block;overflow:hidden; background:#ffffff; padding:10px; border:1px solid #e9e9e9; width:23.5%; margin-right:2%; margin-top:2%; box-sizing:border-box}
.glist dl:nth-of-type(4n){ margin-right:0;}
.glist dl dt{ width:100%; overflow:hidden; height:0; padding-top:93%; position:relative}
.glist dl dt a{ display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.glist dl dt img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.glist dl:hover dt img{-webkit-transform:scale(1.03,1.03);transform:scale(1.03,1.03)}
.glist dl dd{ padding:15px 0 10px;}
.glist dl dd .a1{ display:inline-block; color:#232323; font-size:18px; max-width:calc(100% - 30px); font-weight:600; line-height:32px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; background:url(../images/x_r6.png) no-repeat right center; padding-right:30px}
.glist dl dd .a2{ display:block; color:#018dd2; font-size:15px; line-height:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.glist dl dd .a1:hover{ color:#018dd2}
.glist dl dd .a2:hover{ color:#018dd2}


/*------Page------*/
.next_fy{text-align:center;font-size:16px;padding-top:40px;}
.next_fy a{height:40px;line-height:40px;margin:2px;display:inline-block;padding:0 15px;color:#092c47;border:1px solid #F5F7F8;cursor:pointer;border-radius:3px;}
.next_fy a:hover,.next_fy a.active{background:#018dd2; border-color:#018dd2; color:#fff;}


@media (max-width:1460px) {
.show-h .swiper-next,.show-h .swiper-prev,.case-h .swiper-vnext,.case-h .swiper-vprev,.events-h .swiper-xnext,.events-h .swiper-xprev{ opacity:.8}
.show-h .swiper-prev,.abox4 .swiper-dprev,.case-h .swiper-vprev,.events-h .swiper-xprev{ left:0}
.show-h .swiper-next,.abox4 .swiper-dnext,.case-h .swiper-vnext,.events-h .swiper-xnext{ right:0}
.nt55{ padding-bottom:60px}
.nbanner .tt{ font-size:56px}
.youshi dl dt span{font-size:62px}
.gbg{ padding-bottom:95px}
}

@media (max-width:1360px) {
.box{ max-width:1100px;}
.nav ul li a.a1{ font-size:18px;}
.nav ul li div a{ font-size:15px;}
.about-h{ padding:60px 0 70px}
.htit{ padding:16px 0}
.htit span{ font-size:26px;}
.htit a{ font-size:17px}
.htit h2{ font-size:38px;}
.htit3 h2{ font-size:30px;}
.about-h .zuo .nr{ font-size:17px; line-height:31px}
.about-h .zuo .mr{ padding-top:35px}
.about-h .zuo .mr a,.about-v .zuo .mr a{ font-size:20px}
.abg{ padding:50px 0 65px}
.show-h .swiper .swiper-slide dl dd .a1{ font-size:16px}
.show-h .swiper .swiper-slide dl dd .a2{ font-size:14px}
.bbg{ padding:50px 0 90px}
.case-h{ padding-top:10px}
.case-h .swiper dl dd{ padding:14px 12px}
.case-h .swiper dl dd a{ font-size:18px}
.events-h .swiper dl dd h3{ font-size:22px; line-height:34px}
.events-h .swiper dl dd .nr{ font-size:16px}
.news-h dl dd{ padding-left:20px}
.about-v{ padding:75px 0 80px}
.about-v .zuo .nr{ font-size:17px; line-height:29px;}
.nt55{ padding:50px 0 60px}
.footer .zuo p{ padding-bottom:20px}
.footer .zuo a.bt{ background-size:auto 24px; padding-left:65px; height:58px; line-height:58px}
.news-h dl dd span{ font-size:14px;}
.news-h dl dd p{ font-size:15px}
.atit h2{ font-size:44px}
.abox1 .nr .t{ padding:12px 0}
.abox3 dl{ padding:50px 25px 45px}
.abox3 dl dd h3{ font-size:22px}
.abox3 dl dd p{ font-size:16px; line-height:26px}
.abox1 .nr .w,.abox2{ font-size:17px; line-height:35px}
.ftab ul li input,.ftab ul li textarea{ font-size:17px}
.lxbox .zuo p.a4{ width:120px}
.lxbox .zuo p.a4 span{ font-size:15px}
.dhbox dl{ width:32%; margin-right:2%; padding:17px}
.dhbox dl dt{ font-size:18px;}
.dhbox dl dd span{ font-size:17px}
.ncent .zuo{ width:325px}
.ncent .zuo .ltit{ padding:15px; font-size:19px; line-height:37px}
.ncent .zuo .llei ul li a.a1{ padding-left:15px}
.ncent .zuo .llei ul li div{ padding:10px 15px}
.ncent .zuo .llei ul li div a{ font-size:15px; padding:8px 0 8px 12px}
.ncent .zuo .llei ul li i{ width:26px}
.ncent .you{ width:calc(100% - 355px);}
.ncent .you .rtit h2{ font-size:30px}
.next_fy{ padding-top:35px; font-size:15px}
.ncent{ padding-top:30px}
.ncent .zuo{ width:100%;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important; padding-top:40px}
.ncent .you{ width:100%;}
.case-n,.show-n{ padding-top:5px}
.case-n dl,.show-n dl{ width:32%; margin-right:2%; margin-top:2%}
.weizhi{ font-size:16px; padding:24px 0 20px}
.nrtit h1{ font-size:30px; line-height:42px}
.nrtim{ font-size:16px}
.xgtit h2{ font-size:24px; line-height:38px}
.xgtab{ padding-bottom:0}
.cptxt .you{ padding-left:40px}
.cptxt .you h1{ font-size:35px;}
.cptxt .you .nr{ font-size:17px; padding-top:6px}
.cptxt .you .lx{ padding-top:25px}
.cptxt .you .lx a{ font-size:20px; height:58px; line-height:58px}
.ctit{ padding-top:60px}
.ctit h2{ font-size:38px}
.ctext-n{ padding-bottom:85px}


}

@media (max-width:1160px) {
body{ padding-top:102px;}
.box{ max-width:94%;}
.tbg{ position:fixed;left:0;top:0; z-index:99; width:100%;}
.header{ padding:26px 0}
.header .cont{ display:none}
.header .menu{ display:block; width:30px; height:30px; background:url(../images/mue.png) no-repeat center center; background-size:100% 100%;}
.header .menu.toggle-animate{ background:url(../images/muc.png) no-repeat center center; background-size:100% 100%;}
.ttm{ width:180px; left:auto; bottom:auto; top:102px; right:0; position:fixed; display:none}
.nav{ max-width:100%;}
.nav ul li{ width:100%; position:relative; border-bottom:1px solid rgba(255,255,255,.15)}
.nav ul li a.a1{ height:56px; line-height:56px; font-weight:400}
.about-h{ padding:60px 0 70px;}
.htit span{ font-size:24px;}
.htit h2{ font-size:36px;}
.htit3 h2{ font-size:28px}
.about-h{ padding:45px 0 50px}
.about-h .zuo .nr{ padding-top:15px;}
.about-h .zuo .mr{ padding-top:30px;}
.about-h .zuo .mr a,.about-v .zuo .mr a,.events-h .swiper dl dd .mr a{ font-size:18px; height:56px; line-height:56px}
.htit a{ font-size:16px;}
.abg{ padding:40px 0 45px}
.abg:after,.bbg:after{ width:40px; height:20px; bottom:-20px; margin-left:-20px}
.show-h{ display:none}
.show-v{ display:flex;flex-wrap:wrap; padding-top:10px}
.bbg{ padding:35px 0 70px}
.case-h dl dd{ padding:17px 10px}
.case-h dl dd a{ font-size:18px}
.about-v{ padding:60px 0}
.nt55{ padding:35px 0 40px}
.news-h dl{ width:49%; margin-bottom:2.5%}
.news-h dl dt{ width:200px}
.news-h dl dd{ width:calc(100% - 200px); padding-left:15px}
.footer{ padding:35px 0 45px;}
.dbg{ font-size:14px; padding:23px 0}
.nbanner{ height:280px;}
.nbanner .box{ padding-top:0}
.nbanner .tt{font-size:52px;}
.abox1{ padding:50px 0}
.atit h2{ font-size:40px}
.abox2{ padding:40px 0 55px}
.atit{ padding-top:55px}
.abox3{ padding-bottom:85px}
.hbg{ padding:0 0 85px}
.lxbox .zuo{ padding:45px 30px}
.lxbox .zuo h2{ font-size:26px}
.lxbox .zuo p,.lxbox .zuo p.a3 span{ font-size:15px}
.lxbox .zuo p.a1 span,.lxbox .zuo p.a2 span{ font-size:20px}
.dhbox{ padding-top:5px; padding-bottom:70px}
.nrtit h1{ font-size:28px}
.nrtim{ font-size:15px}
.xglist{ padding-bottom:20px}
.cptxt .you{ padding-left:35px}
.cptxt .you h1{ font-size:32px; padding:12px 0}
.cptxt .you .nr{ font-size:16px; line-height:30px; min-height:150px}
.cptxt .you .lx a{ font-size:18px; height:56px; line-height:56px}
.ctit{ padding-top:50px}
.ctit h2{ font-size:34px}
.ctext{ font-size:17px; padding-bottom:0}
.clist dl{ padding:20px 15px;}
.clist dl dt{ width:80px;}
.clist dl dd{ width:calc(100% - 80px); font-size:17px; line-height:31px; padding-left:10px}
.clist dl dt span{ width:52px; height:52px; line-height:52px; font-size:30px}
.clist{ padding-bottom:0}
.ctext-n{ padding-bottom:65px}
.ctext td{ font-size:16px; line-height:32px}
.ctit p{ font-size:17px; line-height:33px}
.ftab{ padding-bottom:60px}
.glist dl dd .a1{ font-size:17px;}
.youshi{ padding:30px 0}
.youshi dl{ padding:0 10px; text-align:center}
.youshi dl dt{ height:52px; line-height:52px;}
.youshi dl dt span{font-size:56px;}
.youshi dl dt em{ font-size:26px; height:32px; line-height:32px;}
.youshi dl dd{ font-size:16px; line-height:24px;}

}

@media (max-width:990px) {
.about-h{ padding:30px 0 50px}
.about-h .zuo,.about-v .zuo{ width:100%; padding-bottom:30px}
.about-h .zuo .mr{ padding-top:25px}
.about-h .you,.about-v .you{ width:100%; min-height:0}
.bbg{ padding-bottom:60px}
.p60{ padding:45px 0 60px}
.events-h .swiper dl dt{ width:100%; min-height:0}
.events-h .swiper dl dd{ width:100%; padding:30px 25px 35px}
.about-v{ padding-top:35px}
.news-h dl{ width:100%;}
.news-h dl dt{ height:152px;}
.news-h dl dd span{ padding:9px 0}
.news-h dl dd p{-webkit-line-clamp:2}
.nt55{ padding-bottom:35px}
.nbanner{ height:250px;}
.nbanner .tt{ font-size:44px}
.abox1{ padding:40px 0}
.abox1 .im,.abox1 .nr{ width:100%}
.abox1 .nr{ padding-top:10px}
.atit h2{ font-size:38px}
.abox1 .nr .t{ font-size:26px}
.abox2{ padding-bottom:50px}
.abox3{ padding-bottom:70px}
.abox3 dl{ width:32%; margin-right:2%; padding:45px 20px 40px}
.abox3 dl:nth-of-type(5n){ margin-right:2%;}
.abox3 dl:nth-of-type(3n){ margin-right:0;}
.abox3 dl dd{ padding-top:25px}
.abox3 dl dd p{ padding-top:12px}
.abox4{ padding-top:20px}
.gbg{ padding-bottom:85px}
.hbg{ padding-bottom:75px}
.abox5{ padding:15px 0 70px}
.ftab{ padding-bottom:60px}
.lxbox{ padding-top:15px}
.lxbox .zuo{ width:100%; padding:35px 25px}
.lxbox .zuo p.a4{ bottom:50px}
.lxbox .you{ width:100%}
.dhbox{ padding-bottom:55px}
.dhbox dl{ width:49%;}
.dhbox dl:nth-of-type(3n){ margin-right:2%}
.dhbox dl:nth-of-type(even){ margin-right:0 !important}
.atit{ padding-top:50px}
.case-n dl dd a,.show-n dl dd .a1{ font-size:17px; background-size:auto 9px; padding-right:25px}
.weizhi{ font-size:15px; padding:20px 0 18px}
.weizhi .box{ background-size:20px auto; background-position:0 2px; line-height:25px}
.nrtit{ padding-top:5px}
.nrtit h1{ font-size:24px;}
.nrtim{ padding:13px 0}
.xgtit h2{ font-size:22px; line-height:36px}
.cptxt{ padding:45px 0 60px}
.cptxt .you{ padding-left:30px}
.cptxt .you h1{ font-size:30px; padding:10px 0}
.cptxt .you .lx a{ font-size:16px; height:52px; line-height:52px}
.cptxt .you .fx{ padding-top:25px}
.cptxt .you .fx span{ font-size:16px;}
.cptxt .you .fx a{ padding-left:12px}
.cptxt .you .fx a img{ width:35px; height:35px}
.ctit h2{ font-size:32px}
.ctext-n{ padding-bottom:60px}
.glist{ padding-bottom:60px}
.glist dl{ width:49%;}
.glist dl:nth-of-type(even){ margin-right:0}
.lxbox{ padding-bottom:60px}

}

@media (max-width:860px) {
body{ padding-top:94px}
.header{ padding:22px 0}
.ttm{top:94px}
.abg{ padding:30px 0 40px;}
.show-v dl{ width:49%}
.show-v dl:nth-of-type(3n){ margin-right:2%}
.show-v dl:nth-of-type(even){margin-right:0}
.htit h2{ font-size:32px}
.events-h{ padding-top:15px;}
.events-h .swiper dl dd{ padding:30px 20px;}
.events-h .swiper dl dd .nr{ padding-top:12px;}
.events-h .swiper dl dd .mr{ padding-top:25px;}
.p60{ padding-bottom:55px;}
.bbg,.about-v{ padding-top:30px}
.about-v{ padding-bottom:55px}
.dbg{ padding:20px 0}
.footer .zuo a.bt{ height:56px; line-height:56px}
.nbanner{ height:230px;}
.nbanner .tt,.atit h2{ font-size:36px}
.abox5 .zuo{ width:100%}
.abox5 .you{ width:100%;}
.abox5 .you .im{ margin-top:16px !important; margin-left:16px !important; width:calc(50% - 8px); height:auto}
.abox5 .you .im:nth-of-type(odd){ margin-left:0 !important}
.ncent{ padding-top:25px}
.ncent .you .rtit h2{ font-size:27px}
.case-n dl,.show-n dl{ width:49%;}
.case-n dl:nth-of-type(3n),.show-n dl:nth-of-type(3n){ margin-right:2%}
.case-n dl:nth-of-type(even),.show-n dl:nth-of-type(even){ margin-right:0}
.cptxt{ padding:35px 0 40px}
.cptxt .zuo{ width:100%;}
.cptxt .you{ width:100%; padding-left:0; padding-top:20px}
.cptxt .you .nr{ min-height:0}
.cptxt .you h1{ font-size:26px}
.ctit{ padding-top:40px}
.clist dl{ width:100%}
.clist dl dt{ width:60px}
.clist dl dt span{ width:44px; height:44px;line-height:44px; font-size:25px}
.clist dl dd{ width:calc(100% - 60px)}
.youshi dl dt{ height:48px; line-height:48px;}
.youshi dl dt span{ font-size:52px}
.youshi dl dd{ font-size:15px}
}

@media (max-width:768px) {
.nav ul li a.a1{ font-size:16px; height:52px; line-height:52px}
.swiperb .swiper-dian{ bottom:20px}
.swiperb .swiper-dian span{ width:10px; height:10px;}
.htit{ padding:15px 0}
.htit span{ font-size:22px}
.htit h2{ font-size:30px}
.htit3 h2{ font-size:25px}
.about-h .zuo .nr{ border-top-width:3px}
.about-h .zuo .mr a,.about-v .zuo .mr a,.events-h .swiper dl dd .mr a{ font-size:16px}
.htit a{ font-size:15px; padding-right:25px; background-size:auto 9px; padding-right:22px}
.htit1 a,.htit1 a:hover{ background-size:auto 9px}
.about-h .zuo .mr a,.about-v .zuo .mr a,.events-h .swiper dl dd .mr a{ background-size:auto 11px; padding-right:65px}
.footer{ padding-bottom:40px}
.footer .zuo{ width:100%; text-align:center;}
.footer .zuo .fnav{ font-size:18px}
.footer .zuo .fnav a{ padding:0 5px}
.footer .zuo a.bt{ background-size:auto 22px; padding-left:60px; height:55px; line-height:55px}
.footer .you{ width:100%;text-align:center;}
.footer .you .fx{justify-content:center; padding-top:10px}
.nbanner{ height:210px;}
.nbanner .tt,.atit h2{ font-size:34px}
.abox1{ padding-top:30px;}
.abox2{ padding-top:30px; padding-bottom:45px}
.atit{ padding-top:45px}
.abox3{ padding-bottom:50px}
.abox3 dl{ width:100%; margin-right:0% !important; margin-top:20px; padding-top:40px}
.abox3 dl:nth-of-type(1){ margin-top:10px}
.hbg{ padding-bottom:60px}
.gbg{ padding-bottom:65px}
.abox4{ padding-top:15px}
.abox4 .swiper .swiper-slide dl dd{ padding:15px 10px}
.abox5{ padding-top:10px; padding-bottom:50px}
.ftab{ padding-top:0; padding-bottom:45px}
.ftab ul li.la,.xgtab ul li.la{ width:100%; padding:6px 0}
.ftab ul li input,.xgtab ul li input{ font-size:15px; height:57px; line-height:57px}
.ftab ul li.sbt input,.xgtab ul li.sbt input{ font-size:20px}
.abox4 .swiper .swiper-slide dl dd{ padding:13px 10px}
.abox4 .swiper .swiper-slide dl dd a{ font-size:17px; background-size:auto 9px}
.lxbox{ padding-top:10px}
.lxbox .zuo p{ padding:15px 0 10px 50px; background-position:0 18px !important; background-size:40px auto !important}
.lxbox .zuo p.a1 span,.lxbox .zuo p.a2 span{ font-size:18px}
.dhbox{ padding-bottom:50px}
.dhbox dl{border-radius:10px}
.dhbox dl dt{ padding-bottom:12px}
.dhbox dl dd{ padding:20px 0 10px}
.ncent{ padding-top:20px}
.case-n{ padding-top:5px}
.nrtit h1{ font-size:22px; line-height:34px}
.ctit h2{ font-size:28px}
.ctext{ font-size:16px; line-height:32px; padding-top:10px;}
.ctext-n,.glist{ padding-bottom:50px}
.youshi dl dt{ height:48px; line-height:48px;}
.youshi dl dt span{font-size:52px;}
.youshi dl dt em{ font-size:22px; height:26px; line-height:26px;}
.youshi dl dd{ font-size:15px; line-height:24px;}
.lxbox{ padding-bottom:50px}


}

@media (max-width:640px) {
body{ padding-top:82px}
.header{ padding:20px 0}
.header .logo img{ height:42px;}
.ttm{top:82px; width:160px}
.nav ul li a.a1{ font-size:15px; height:49px; line-height:49px}
.swiperb .swiper-dian{ bottom:15px}
.htit span{ font-size:20px}
.htit h2{ font-size:28px}
.htit3 h2{ font-size:24px}
.about-h{ padding:25px 0 40px}
.abg{ padding:25px 0 30px}
.abg:after,.bbg:after{ width:30px; height:16px; margin-left:-15px; bottom:-16px}
.show-b{ padding-top:45px; padding-bottom:45px}
.show-h .swiper-next,.show-h .swiper-prev{ width:35px; height:35px}
.show-h .swiper .swiper-slide dl dd .a1{ width:calc(100% - 23px); background-size:auto 9px; padding-right:23px}
.bbg{ padding-top:25px; padding-bottom:45px}
.case-h .swiper dl dd{ padding:12px 10px}
.case-h .swiper dl dd a{ font-size:16px; background-size:auto 9px; padding-right:23px}
.p60{ padding-top:35px; padding-bottom:45px;}
.about-v{ padding-top:25px; padding-bottom:50px}
.nt55{ padding-top:26px}
.news-h{ padding-top:10px}
.nbanner{ height:190px}
.nbanner .tt{ font-size:30px}
.atit h2{ font-size:32px;}
.abox1 .nr .w,.abox2{ font-size:16px; line-height:32px}
.dhbox dl{ width:100%; margin-right:0 !important}
.ncent{ padding-bottom:45px; padding-top:15px}
.ncent .you .rtit h2{ font-size:25px; line-height:42px}
.news-n dl{ padding:22px 0 25px}
.weizhi{ font-size:14px; padding-bottom:16px}
.weizhi a{ padding:0 3px}
.weizhi .box{background-size:17px auto;background-position:0 3px; padding-left:20px}
.cptxt .you{ padding-top:15px}
.cptxt .you h1{ font-size:22px;}
.cptxt .you .nr{ font-size:15px; line-height:29px}
.ctext td,.nrbox td,.abox2 td{ padding:10px 8px}
.abox3 dl dd h3{ font-size:20px}
.abox3 dl dd p{ font-size:15px; line-height:25px}
.ctit h2{ font-size:26px}
.youshi{ padding:25px 0}
.youshi dl{ width:50%; padding:15px 10px}
.youshi dl:nth-of-type(3){ background:none}

}


@media (max-width:570px) {



}

@media (max-width:440px) {
body{ padding-top:70px}
.header{ padding:20px 0}
.header .logo img{ height:30px;}
.header .menu{ width:26px; height:26px}
.ttm{top:70px; width:140px}
.nav ul li a.a1{ font-size:14px; height:46px; line-height:46px}
.swiperb .swiper-dian{ bottom:10px}
.swiperb .swiper-dian span{ width:8px; height:8px}
.about-h{ padding:20px 0 35px}
.htit{ padding:13px 0}
.htit span{ font-size:16px}
.htit h2{ font-size:24px}
.htit3 h2{ font-size:20px}
.htit a{ font-size:14px;}
.show-v dl{ padding:6px}
.show-v dl dd .a1{font-size:15px;}
.show-v dl dd .a2{ font-size:14px;}
.about-h .zuo .nr{ font-size:16px; padding-top:13px}
.about-h .zuo .mr a,.about-v .zuo .mr a{ height:54px; line-height:54px}
.about-h .zuo .mr{ padding-top:20px;}
.about-h .zuo,.about-v .zuo{ padding-bottom:25px}
.abg{ padding:20px 0 30px}
.abg:after,.bbg:after{ width:20px; height:12px; bottom:-12px; margin-left:-10px}
.p60{ padding-top:25px}
.events-h .swiper dl dd{ padding:20px 15px}
.events-h .swiper dl dd h3{ font-size:20px; line-height:32px}
.events-h .swiper dl dd .nr{ font-size:15px; line-height:29px}
.about-h .zuo .mr a, .about-v .zuo .mr a, .events-h .swiper dl dd .mr a{ height:50px; line-height:50px; font-size:15px; padding:0 60px 0 25px; background-size:auto 9px}
.bbg{ padding-top:20px; padding-bottom:25px}
.case-h dl{ width:100%; margin-right:0 !important; margin-bottom:15px}
.case-h dl:nth-of-type(4){ display:none}
.about-v{ padding-bottom:40px}
.about-v .zuo .nr{ font-size:16px; line-height:28px}
.about-v .zuo .mr{ padding-top:20px}
.nt55{ padding-top:22px; padding-bottom:20px}
.news-h dl{ margin-bottom:20px}
.news-h dl dt{ width:100%; height:auto}
.news-h dl dd{ width:100%; padding:12px; background:#f9f9f9}
.news-h dl dd a{ font-size:17px}
.news-h dl dd p{ font-size:14px}
.footer{ padding-top:30px; padding-bottom:35px}
.footer .zuo a.bt{ font-size:15px; height:50px; line-height:50px; background-size:auto 20px; padding-right:25px; padding-left:55px}
.footer .zuo p{ font-size:14px; line-height:23px; padding:10px 0 18px}
.footer .zuo .fnav{ font-size:16px;}
.footer .you p{ line-height:30px}
.footer .you p.a1{ font-size:18px;}
.footer .you p.a2{ font-size:22px;}
.dbg{ padding:18px 0; font-size:12px; line-height:20px}
.nbanner{ height:150px}
.nbanner .tt{ font-size:26px}
.abox1{ padding-top:25px; padding-bottom:35px}
.abox1 .nr .t{ font-size:22px}
.abox3 dl{ padding:30px 20px}
.abox3 dl dd{ padding-top:16px; font-size:16px; line-height:26px}
.gbg{ padding-bottom:35px}
.atit h2{ font-size:26px}
.atit{ padding-top:40px}
.abox2,.abox3,.abox5,.ftab{ padding-bottom:40px}
.hbg{ padding-bottom:45px}
.ftab ul li input,.xgtab ul li input{ height:54px; line-height:54px}
.lxbox{ padding-top:5px}
.lxbox .zuo{ padding:25px 20px}
.lxbox .zuo h2{ font-size:22px}
.lxbox .zuo p{ padding-top:10px; max-width:100%; background-position:0 15px !important; background-size:40px auto !important}
.lxbox .zuo p.a4{ position:static; width:138px; padding-top:15px}
.dhbox{ padding-bottom:40px}
.ncent{ padding-top:16px}
.news-n dl dt{ width:100%; height:auto}
.news-n dl dd{ width:100%; padding-left:0; padding-top:15px}
.news-n dl dd a.t{-webkit-line-clamp:2;}
.news-n dl dd p,.news-n dl dd a.m{ font-size:15px}
.next_fy{ font-size:14px; padding-top:30px}
.next_fy a{ height:36px; line-height:36px; padding:0 13px}
.ncent .you .rtit h2{ font-size:22px; line-height:36px}
.case-n dl,.show-n dl{ width:100%; margin-right:0 !important; margin-top:15px}
.weizhi{ padding:14px 0 12px}
.nrtit h1{ font-size:20px; line-height:32px}
.nrtim{ font-size:14px; line-height:22px}
.nrbox{ font-size:16px; line-height:26px}
.xgtit h2{ font-size:20px; line-height:32px}
.xglist ul li a{ font-size:16px}
.cptxt{ padding-top:30px}
.cptxt .you h1{ font-size:20px}
.cptxt .you .lx a{ font-size:15px; height:49px; line-height:49px}
.cptxt .you .fx span{ font-size:15px}
.cptxt .you .fx a{ padding-left:10px}
.cptxt .you .fx a img{ width:32px; height:32px}
.clist dl{ padding:15px;}
.ctit h2{ font-size:22px}
.ctext-n,.glist{ padding-bottom:40px}
.ctit{ padding-top:35px}
.ftab ul li.sbt input,.xgtab ul li.sbt input{ font-size:18px}
.glist dl{ width:100%; margin-right:0 !important; margin-top:15px}
.ncent .zuo .ltit{ padding:12px 15px;}
.ncent .zuo .llei ul li a.a1{ font-size:16px;}
.ncent .zuo .llei ul li div a{ font-size:14px;}
.ncent .zuo .lbox{ padding:10px 12px}
.ctit p{ font-size:15px; line-height:27px}
.youshi dl dt{ height:44px; line-height:44px;}
.youshi dl dt span{font-size:46px;}
.youshi dl dt em{ font-size:19px; height:25px; line-height:25px;}
.youshi dl dd{ font-size:14px; line-height:22px;}
.youshi dl:nth-of-type(3){ background:none}
.lxbox{ padding-bottom:35px}
}

@media (max-width:375px) {
body{ padding-top:62px}
.header{ padding:18px 0}
.header .logo img{ height:26px;}
.ttm{top:62px;}

}