/* CSS Document */
*{margin:0;padding:0;border:0;outline:none}
@font-face{font-family:"SourceHanSansCN-Normal";src:url(../fonts/SourceHanSansCN-Normal.woff2) format("woff2"),url(../fonts/SourceHanSansCN-Normal.woff) format("woff");font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:"SourceHanSansCN-Regular";src:url(../fonts/SourceHanSansCN-Regular.woff2) format("woff2"),url(../fonts/SourceHanSansCN-Regular.woff) format("woff");font-weight:normal;font-style:normal;font-display:swap}
body,html{font-family:"SourceHanSansCN-Regular";}
body{text-align:center;margin:0 auto;padding:0; background:url(../images/st.jpg) no-repeat center top;background-size:cover;font-size:14px;color:#000;width:100%;width:expression(document.body.clientWidth <= 320? "320px":"auto");min-width:320px;}
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}
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{width:100%;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:#101010;text-decoration:none}
a:hover{color:#009944;text-decoration:none}
/*清除链接虚框*/
a,area{blr:expression(this.onFocus=this.blur())}
:focus{-moz-outline-style:none}

.flex-h{display:-webkit-flex;-webkit-flex-wrap:wrap;display:flex;flex-wrap:wrap;}
.item-h{-webkit-align-items:center;align-items:center;}
.justb{-webkit-justify-content:space-between;justify-content:space-between;}
.justc{-webkit-justify-content:center;justify-content:center;}
.jbste{-webkit-justify-content:flex-end;justify-content:flex-end;}

.tbg{background:url(../images/tm-h.png) repeat;}
.cbg{background:url(../images/stt.png) no-repeat center top;width:100%;position:relative}

/*-------*/
.header{ width:100%; box-sizing:border-box; padding:10px 30px; position:fixed;top:0;left:0; width:100%; z-index:2}
.header .logo{ width:300px;}
.header .logo img{ display:block; max-width:100%; height:84px;}
.header .nav{ width:calc(100% - 360px)}
.header .nav ul{ width:100%;}
.header .nav ul li{ height:84px; line-height:84px; padding:0 30px;}
.header .nav ul li a{ display:block; font-size:17px; color:#fff; font-weight:700;}
.header .nav ul li a:hover{ color:#00d8ff;background:url(../images/tdx.png) repeat-x left bottom;}
.header .lag{width:40px;}
.header .lag img{ width:38px; display:block; margin:0 auto}
.header .menu{ background:url(../images/mue.png) no-repeat center center; background-size:100% auto; width:30px; height:30px; position:relative; z-index:99; display:none}
.header .menu.toggle-animate{ background:url(../images/muc.png) no-repeat center center;}
.header .meng{ position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.6); z-index:90;display:none;}
.header .meng.show{ display:block}
.header.default{ position:fixed; width:100%; top:0; left:0; z-index:99; padding:12px 0;-moz-box-shadow:0 5px 15px rgba(0,0,0,.05);-webkit-box-shadow:0 5px 15px rgba(0,0,0,.05);box-shadow:0 5px 15px rgba(0,0,0,.05);}

.middle-h{ width:100%; height:100vh;}
.middle-h ul{ width:100%; height:100%;}
.middle-h ul li{ width:25%; height:100%;}
.middle-h ul li a{display:block; width:100%; height:100%; position:relative; overflow:hidden}
.middle-h ul li img.ia,.middle-h ul li img.ib{ display:block; width:100%; height:100%;object-fit:cover;object-position:center center;}
.middle-h ul li img.ia{ display:none}
.middle-h ul li .tt{ width:100%; position:absolute; top:-100%; font-size:46px; text-transform:uppercase; color:#fff; font-family:Arial, Helvetica, sans-serif;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;}
.middle-h ul li .nr{ width:100%; position:absolute; top:44%;}
.middle-h ul li .nr img.ic{ display:block; width:90px; height:90px; margin:0 auto;}
.middle-h ul li .nr h2{ font-size:32px; color:#fff;font-weight:500; padding-top:10px;}
.middle-h ul li.on img.ib{ display:none}
.middle-h ul li.on img.ia{ display:block}
.middle-h ul li.on .tt{top:17%;}

.footer{position:fixed;bottom:0;left:0; z-index:2;width:100%; box-sizing:border-box; font-size:15px; line-height:29px; padding:15px 30px; color:#fff}
.footer a{ color:#fff;}

/*-内页-*/
.ntit{ text-align:left; padding-bottom:15px;}
.ntit h2{ font-size:24px; height:50px; line-height:50px; padding-bottom:2px; color:#d3ecfa; font-weight:700; background:url(../images/a_r2.png) no-repeat left bottom;}

.middle-n{ width:100%; padding-top:104px;}
.middle-n .tab-n{ width:90%; height:530px; margin:0 auto; padding-top:70px; padding-bottom:120px;}
.middle-n .tab-n .tbox{ width:24.4%; height:100%; box-sizing:border-box; background:url(../images/set_r1.png) no-repeat center top rgba(18,52,121,.65); margin-right:0.8%;}
.middle-n .tab-n .tbox:nth-of-type(4){ margin-right:0}
.middle-n .tab-n .tbox .ntit{ padding:15px 20px;}
.middle-n .tab-n .tbox-1 img{ display:block; margin:0 auto; max-width:100%;}
.middle-n .tab-n .tbox-2 .nr{text-align:left; height:calc(100% - 112px); overflow:auto; font-size:16px; line-height:32px; color:rgba(255,255,255,.6); box-sizing:border-box; padding:0 20px;}
.middle-n .tab-n .tbox-3 .nr,.middle-n .tab-n .tbox-4 .nr{text-align:left; height:calc(100% - 102px); overflow:auto;}
.middle-n .tab-n .tbox-3 dl{ width:100%; padding:35px 30px 30px; box-sizing:border-box}
.middle-n .tab-n .tbox-3 dl dt{ width:72px; height:72px;}
.middle-n .tab-n .tbox-3 dl dt img{ display:block; width:100%; margin:0 auto}
.middle-n .tab-n .tbox-3 dl dd{ width:calc(100% - 72px); box-sizing:border-box; padding-left:20px; text-align:left; color:#fff; font-weight:700;}
.middle-n .tab-n .tbox-3 dl dd span{ display:block; font-size:18px; font-weight:500; line-height:26px;}
.middle-n .tab-n .tbox-3 dl dd p{ font-size:22px; line-height:32px; padding-top:3px; color:#FFFF00;}
.middle-n .tab-n .tbox-4 dl{ width:100%; padding:25px 0 15px 0; box-sizing:border-box; text-align:left;}
.middle-n .tab-n .tbox-4 dl dt{ font-size:22px; line-height:36px; color:#fff; font-weight:700; padding-left:50px; padding-right:20px; background:url(../images/a_r3.png) no-repeat 20px center; color:#FFFF00;}
.middle-n .tab-n .tbox-4 dl dd{ font-size:16px; line-height:28px; color:rgba(255,255,255,.8); padding-left:50px; padding-right:20px; padding-top:5px;}
.middle-n .tab-n .tbox-4 .ma{ padding:15px;}
.middle-n .tab-n .tbox-4 .ma img{ display:block; max-width:48%; padding:1%;}

.about-nx .tab-n{ padding-bottom:0}
.about-ma{ padding-top:50px; padding-bottom:100px;-webkit-justify-content:center;justify-content:center; max-width:90%; margin:0 auto}
.about-ma dl{ width:23%; padding:0 1%;}
.about-ma dl dt{ width:100%;}
.about-ma dl dt img{ display:block; max-width:100px; margin:0 auto;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.about-ma dl dd{ font-size:12px; line-height:22px; color:#fff; padding-top:10px;}


.contact-n{ width:90%; padding-top:194px; padding-bottom:100px; margin:0 auto}
.contact-n .zuo{ padding:15px 25px 30px; box-sizing:border-box; background:rgba(18,52,121,.65); width:68.6%;}
.contact-n .you{ padding:15px 25px 30px; box-sizing:border-box; background:rgba(18,52,121,.65); width:30%}
.contact-n .zuo .ctxt{ padding-top:20px; padding-bottom:35px;}
.contact-n .zuo .ctxt dl:nth-of-type(1){ width:33.5%; padding-right:2%;}
.contact-n .zuo .ctxt dl:nth-of-type(2){ width:27%; padding-right:2%}
.contact-n .zuo .ctxt dl:nth-of-type(3){ width:35.5%;}
.contact-n .zuo .ctxt dl dt{ width:72px; height:72px;}
.contact-n .zuo .ctxt dl dt img{ display:block; width:100%;}
.contact-n .zuo .ctxt dl dd{ width:calc(100% - 72px); box-sizing:border-box; padding-left:15px; text-align:left; color:rgba(255,255,255,.8)}
.contact-n .zuo .ctxt dl dd h3{ font-size:18px; line-height:26px; font-weight:700;}
.contact-n .zuo .ctxt dl dd p{ font-size:16px; line-height:24px;word-break:break-all;}
.contact-n .zuo .nrtxt{ font-size:15px; line-height:25px; color:#fff; text-align:left; padding-top:10px; padding-bottom:10px;}
.contact-n .zuo .nrtxt img{ max-width:100% !important; height:auto !important;}
.contact-n .zuo .nrtxt p{ padding:10px 0}
.contact-n .zuo .cmap{ width:100%; margin:0 auto; height:280px; border:none;}
.contact-n .zuo .cmap img{max-width:none !important;display:inline-block}
.contact-n .zuo .cmap *,.contact-n .zuo .cmap *:before,.contact-n .zuo .cmap *:after{box-sizing:content-box}
.contact-n .zuo .cmap td{font-size:12px}
.contact-n .zuo .cmap .map-label{width:120px;position:absolute;left:50%;z-index:2;border-radius:2px;padding:5px 10px;font-size:14px;color:#fff;display:block;background-color:#138191;border-radius:3px; text-align:center}
.contact-n .zuo .cmap .map-label h2{ font-size:14px;line-height:22px; font-weight:500; letter-spacing:2px;}
.contact-n .zuo .cmap .map-label:before,.contact-n .zuo .cmap .map-label:after{content:"";background:#138191;position:absolute}
.contact-n .zuo .cmap .map-label:before{width:10px;height:10px;bottom:-5px;left:50%;background:#138191;margin-left:-5px;transform:rotate(45deg)}
.contact-n .zuo .cmap .map-label:after{width:10px;height:10px;border-radius:50%;border:3px solid #fff;bottom:-24px;left:50%;margin-left:-7px}
.contact-n .you .ltab{ width:100%;}
.contact-n .you .ltab ul{ width:100%;}
.contact-n .you .ltab ul li{ width:100%; padding:8px 0;}
.contact-n .you .ltab ul li input,.contact-n .you .ltab ul li textarea{ display:block; width:100%;border:1px solid rgba(255,255,255,.3);-webkit-border-radius:7px;-moz-border-radius:7px;-o-border-radius:7px;border-radius:7px; background:none; box-sizing:border-box; font-size:16px; color:rgba(255,255,255,.8); padding:0 10px;}
.contact-n .you .ltab ul li input{ height:54px; line-height:52px;}
.contact-n .you .ltab ul li textarea{ padding:10px; height:190px; line-height:25px;}
.contact-n .you .ltab ul li input.butt{ background:url(../images/lx_r4.png) repeat-x 0 0; background-size:auto 100%; color:#0c2261; font-size:17px; font-weight:700}

.news-n{ width:94%; padding-top:194px; margin:0 auto;}
.news-n dl{ width:25%; padding-bottom:15px;}
.news-n dl dt{ width:100%; height:334px;}
.news-n dl dt img{ display:block; width:100%;height:100%;object-fit:cover;object-position:center center;}
.news-n dl dd{ width:100%; text-align:left; padding:15px 10px; box-sizing:border-box}
.news-n dl dd a{ display:block; font-size:22px; line-height:32px; color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news-n dl dd span{ display:block; font-size:15px; color:#bbbbbb; line-height:21px; padding-top:5px;}

.nrbox{ width:90%; padding-top:194px; padding-bottom:100px; margin:0 auto;}
.nrbox .zuo{ padding:30px; box-sizing:border-box; background:rgba(18,52,121,.15); width:69%;}
.nrbox .you{ padding:0; box-sizing:border-box; width:30%}
.nrbox .zuo .nrtit h1{ font-size:28px; font-weight:500; color:#fff; line-height:42px; text-align:left}
.nrbox .zuo .nrtime{ font-size:16px; color:#fff; line-height:24px; text-align:left; padding-top:5px; padding-bottom:20px;}
.nrbox .zuo .nrtext{ font-size:16px; color:rgba(255,255,255,.6); line-height:32px; text-align:left; /*overflow:auto; height:420px;*/ padding-right:15px;}
.nrbox .zuo .nrtext img{ max-width:100% !important; height:auto !important}
.nrbox .zuo .nrtext video{ max-width:100% !important;}
.nrbox .you dl{ background:rgba(18,52,121,.65);}
.nrbox .you dl:not(:first-child){ margin-top:10px;}
.nrbox .you dl dt{ width:186px; height:138px;}
.nrbox .you dl dt img{ display:block;width:100%;height:100%;object-fit:cover;object-position:center center;}
.nrbox .you dl dd{width:calc(100% - 186px); text-align:left; padding:10px; box-sizing:border-box}
.nrbox .you dl dd a{ display:block; font-size:16px; color:#fff; line-height:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.nrbox .you dl dd span{ display:block; font-size:14px; color:#bbbbbb; padding-top:5px;}

.case-n{ width:98%; padding-top:154px; padding-bottom:60px; margin:0 auto;}
.case-n .abox{ padding-top:15px; width:100%;}
.case-n .abox .zuo{ width:210px; height:310px; margin-right:5px;}
.case-n .abox .zuo dl{ width:100%; height:100%;}
.case-n .abox .zuo dl a{ display:block; width:100%; height:100%;position:relative;}
.case-n .abox .zuo dl dt{ width:100%; height:100%; overflow:hidden}
.case-n .abox .zuo dl dt img{ display:block; width:100%; height:100%;object-fit:cover;object-position:center center;}
.case-n .abox .zuo dl dt img.ia{display:none}
.case-n .abox .zuo dl:hover dt img.ia{display:block}
.case-n .abox .zuo dl:hover dt img.ib{display:none}
.case-n .abox .zuo dl dd{ position:absolute; top:0; left:0; width:100%; height:100%;}
.case-n .abox .zuo dl dd .nr{ width:100%;}
.case-n .abox .zuo dl dd .nr img{ display:block; width:72px; height:72px; margin:0 auto}
.case-n .abox .zuo dl dd .nr h2{ font-size:22px; font-weight:500; color:#fff; padding-top:5px;}
.case-n .abox .zuo dl dd .nr span{ display:inline-block; color:#fff; padding-top:5px;}
.case-n .abox .you{ width:calc(100% - 215px);height:310px; overflow:hidden}
.case-n .abox .you .swiper-container{ width:100% !important; box-sizing:border-box}
.case-n .abox .you .swiper-container .swiper-slide{ overflow:hidden}
.case-n .abox .you .swiper-container .swiper-slide dl{ width:100%}
.case-n .abox .you .swiper-container .swiper-slide dl dt{ width:100%; height:250px; position:relative; overflow:hidden; cursor:pointer}
.case-n .abox .you .swiper-container .swiper-slide dl dt img{ display:block; width:100%; height:100%;object-fit:cover;object-position:center center;}
.case-n .abox .you .swiper-container .swiper-slide dl dt img.videoed{ position:absolute; width:60px; height:60px; left:50%; top:50%; margin-top:-30px; margin-left:-30px; opacity:.8; display:none}
.case-n .abox .you .swiper-container .swiper-slide dl dd{ font-size:16px; height:60px; line-height:60px;background:rgba(18,52,121,.8); text-align:left; padding:0 10px;}
.case-n .abox .you .swiper-container .swiper-slide dl dd a{ display:block; color:#fff; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}


.case-list{ width:98%; padding-top:154px; padding-bottom:10px; margin:0 auto;}
.case-list dl{ width:19.6%; box-sizing:border-box; margin-top:0.5%; margin-right:0.5%;}
.case-list dl:nth-of-type(5n){ margin-right:0}
.case-list dl dt{ width:100%; height:230px; position:relative; overflow:hidden; cursor:pointer}
.case-list dl dt img{ display:block; width:100%; height:100%;object-fit:cover;object-position:center center;}
.case-list dl dt img.videoed{ position:absolute; width:60px; height:60px; left:50%; top:50%; margin-top:-30px; margin-left:-30px; opacity:.8; display:none}
.case-list dl dd{ font-size:16px; height:60px; line-height:60px;background:rgba(18,52,121,.8); text-align:left; padding:0 10px;}
.case-list dl dd a{ display:block; color:#fff; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.shiting-n{ width:98%; padding-top:154px; padding-bottom:60px; margin:0 auto;}
.shiting-n .abox{ padding-top:15px; width:100%;}
.shiting-n .abox .zuo{ width:210px; height:312px; margin-right:4px;}
.shiting-n .abox .zuo dl{ width:100%; height:100%;}
.shiting-n .abox .zuo dl a{ display:block; width:100%; height:100%;position:relative;}
.shiting-n .abox .zuo dl dt{ width:100%; height:100%; overflow:hidden}
.shiting-n .abox .zuo dl dt img{ display:block; width:100%; height:100%;object-fit:cover;object-position:center center;}
.shiting-n .abox .zuo dl dd{ position:absolute; top:0; left:0; width:100%; height:100%;}
.shiting-n .abox .zuo dl dd .nr{ width:100%;}
.shiting-n .abox .zuo dl dd .nr-xx{ padding-bottom:75px;}
.shiting-n .abox .zuo dl dd .nr img{ display:block; width:72px; height:72px; margin:0 auto}
.shiting-n .abox .zuo dl dd .nr h2{ font-size:22px; font-weight:500; color:#fff; padding-top:5px;}
.shiting-n .abox .you{ width:calc(100% - 214px);height:312px; overflow:hidden}
.shiting-n .abox .you .swiper-container{ width:100% !important; height:100% !important; box-sizing:border-box}
.shiting-n .abox .you .swiper-container .swiper-slide{ overflow:hidden; height:100%;}
.shiting-n .abox .you .swiper-container .swiper-slide .st{ width:100%; height:100%; background:url(../images/tn.png) repeat-y; background-size:100% auto; padding:16px 15px; box-sizing:border-box; text-align:left;}
.shiting-n .abox .you .swiper-container .swiper-slide .st dl{ width:100%;}
.shiting-n .abox .you .swiper-container .swiper-slide .st dl dt{ width:70px; height:70px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;overflow:hidden}
.shiting-n .abox .you .swiper-container .swiper-slide .st dl dt img{ display:block; width:100%; height:100%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%; overflow:hidden}
.shiting-n .abox .you .swiper-container .swiper-slide .st dl dd{ width:calc(100% - 70px); box-sizing:border-box; padding-left:12px;}
.shiting-n .abox .you .swiper-container .swiper-slide .st dl dd a.tt{ font-size:17px;color:#fff; font-weight:700; height:29px; line-height:29px; overflow:hidden; margin-bottom:5px; display:block}
.shiting-n .abox .you .swiper-container .swiper-slide .st dl dd a.bt{ font-size:14px; color:#6dcbff; background:url(../images/t_r1.png) no-repeat 5px center; padding-left:25px; padding-right:10px; border:1px solid #6dcbff; display:inline-block;height:26px; line-height:26px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.shiting-n .abox .you .swiper-container .swiper-slide .st .sc{ font-size:15px; color:#ccced6; line-height:27px; height:27px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; padding-top:12px;}
.shiting-n .abox .you .swiper-container .swiper-slide .st ul{ width:100%;}
.shiting-n .abox .you .swiper-container .swiper-slide .st ul li{ width:100%; padding-top:12px;}
.shiting-n .abox .you .swiper-container .swiper-slide .st ul li .player{ width:100%; border:1px solid rgba(255,255,255,.2); box-sizing:border-box; padding:10px;}
.shiting-n .abox .you .swiper-container .swiper-slide .st ul li .player .label{ font-size:15px; height:23px; line-height:23px; width:calc(100% - 23px); color:#ccced6; overflow:hidden}
.shiting-n .abox .you .swiper-container .swiper-slide .st ul li .player .progress{ width:23px; height:23px;}
.shiting-n .abox .you .swiper-container .swiper-slide .st ul li .player .progress .button{ display:block; width:100%; height:100%; background:url(../images/t_r2.png) no-repeat center center; background-size:100% auto; cursor:pointer}
.shiting-n .abox .you .swiper-container .swiper-slide .st ul li .player .progress .button.pause{ background:url(../images/zt-a.png) no-repeat center center; background-size:100% auto;}

.shiting-list{ width:95%; padding-top:154px; margin:0 auto;}
.shiting-list .st{ width:23.5%; background:url(../images/tn.png) repeat-y; background-size:100% auto; padding:25px 15px; box-sizing:border-box; text-align:left; margin-bottom:2%; margin-right:2%;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;position:relative}
.shiting-list .st:nth-of-type(4n){ margin-right:0}
.shiting-list .st .zx{ position:absolute;background:url(../images/ex_c1.png) repeat-y; background-size:100% auto; font-size:13px; height:24px; line-height:24px; padding:0 10px; top:0;left:0;-webkit-border-radius:10px 0 10px 0;-moz-border-radius:10px 0 10px 0;-o-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0; color:#0c0e21}
.shiting-list .st dl{ width:100%; padding-top:15px}
.shiting-list .st dl dt{ width:70px; height:70px; box-sizing:border-box; padding:2px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%; overflow:hidden}
.shiting-list .st dl dt img{ display:block; width:100%; height:100%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%; overflow:hidden}
.shiting-list .st dl dd{ width:calc(100% - 70px); box-sizing:border-box; padding-left:12px;}
.shiting-list .st dl dd .tt{margin-bottom:5px; height:25px; line-height:25px; overflow:hidden}
.shiting-list .st dl dd .tt a{ font-size:17px;color:#fff; font-weight:700; overflow:hidden;  display:block; padding-right:5px;}
.shiting-list .st dl dd .tt span{ font-size:13px; color:#0c0e21; display:block; background:url(../images/ex_c2.png) repeat-y; background-size:100% auto; padding:0 5px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.shiting-list .st dl dd .sl{ font-size:16px; color:#fff;height:24px; line-height:24px;}
.shiting-list .st dl dd a.bt{ font-size:15px; color:#6dcbff; background:url(../images/t_r1.png) no-repeat 7px center; padding-left:28px; border:1px solid #6dcbff; display:block;height:29px; line-height:29px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.shiting-list .st .sc{ font-size:16px; color:#ccced6; line-height:28px; height:28px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; padding-top:15px;}
.shiting-list .st ul{ width:100%;}
.shiting-list .st ul li{ width:100%; padding-top:18px;}
.shiting-list .st ul li .player{ width:100%; border:1px solid rgba(255,255,255,.2); box-sizing:border-box; padding:10px;}
.shiting-list .st ul li .player .label{ font-size:16px; height:28px; line-height:28px; overflow:hidden; width:calc(100% - 23px); color:#ccced6}
.shiting-list .st ul li .player .progress{ width:23px; height:28px;}
.shiting-list .st ul li .player .progress .button{ display:block; width:100%; height:100%; background:url(../images/t_r2.png) no-repeat center center; background-size:100% auto}
.shiting-list .st ul li .player .progress .button.pause{ background:url(../images/zt-a.png) no-repeat center center; background-size:100% auto;}

/*-美化滚动条-*/
.middle-n .tab-n .tbox .nr::-webkit-scrollbar,.nrbox .zuo .nrtext::-webkit-scrollbar{width:3px;height:10px}
.middle-n .tab-n .tbox .nr::-webkit-scrollbar-track,.nrbox .zuo .nrtext::-webkit-scrollbar-track{width:3px;background:none;}
.middle-n .tab-n .tbox .nr::-webkit-scrollbar-thumb,.nrbox .zuo .nrtext::-webkit-scrollbar-thumb{background-color:#6ecbff;background-clip:padding-box;min-height:28px;transition:background-color .3s;cursor:pointer}
.middle-n .tab-n .tbox .nr::-webkit-scrollbar-thumb:hover,.nrbox .zuo .nrtext::-webkit-scrollbar-thumb:hover{background-color:#6ecbff}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:rgba(255,255,255,.8)}
input::-moz-input-placeholder,textarea::-moz-input-placeholder{color:rgba(255,255,255,.8)}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:rgba(255,255,255,.8)}


/*--video--*/
.video-m,.lymeng{ position:fixed; width:100%; height:100%; left:0;top:0; z-index:99; background:rgba(0,0,0,.8); display:none}
.video-m .colse-a,.lymeng .ltab-a .colse-a{ position:absolute; right:0;top:0;background:url(../images/colse.png) no-repeat center center #000; width:30px; height:30px; z-index:9; margin-top:-16px; margin-right:-16px; border:1px solid #000;border-radius:50%; cursor:pointer}
.video-m .video-a{ position:absolute; width:75%; height:75%; left:12.5%; top:12.5%;}
.video-m .video-a video{ width:100%;height:100%;object-fit:cover;object-position:center center;opacity:1;}

.lymeng .ltab-a{ width:70%; position:absolute; left:15%; top:50%;transform:translateY(-50%); box-sizing:border-box; padding:15px 15px 20px; background:rgba(18,52,121,.65);}
.lymeng .ltab-a ul{ width:100%;}
.lymeng .ltab-a ul li{ width:100%; padding:8px 0;}
.lymeng .ltab-a ul li input,.lymeng .ltab-a ul li textarea{ display:block; width:100%;border:1px solid rgba(255,255,255,.3);-webkit-border-radius:7px;-moz-border-radius:7px;-o-border-radius:7px;border-radius:7px; background:none; box-sizing:border-box; font-size:16px; color:rgba(255,255,255,.8); padding:0 10px;}
.lymeng .ltab-a ul li input{ height:54px; line-height:52px;}
.lymeng .ltab-a ul li textarea{ padding:10px; height:190px; line-height:25px;}
.lymeng .ltab-a ul li input.butt{ background:url(../images/lx_r4.png) repeat-x 0 0; background-size:auto 100%; color:#0c2261; font-size:17px; font-weight:700}

.lybut{ width:60px;background:rgba(18,52,121,.75);border-radius:26px 0 0 26px; position:fixed; right:0; top:50%; cursor:pointer; padding:5px 0 5px 5px; z-index:99}
.lybut span{ display:block; font-size:15px; color:#fff; line-height:21px;}

.contact-n .zuo .nrtxt .fewm{display:-webkit-flex;-webkit-flex-wrap:wrap;display:flex;flex-wrap:wrap;}
.contact-n .zuo .nrtxt .fewm li{ width:30%; padding:2.5% 1.6%; text-align:center}
.contact-n .zuo .nrtxt .fewm li img{ max-width:100% !important; height:auto !important;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;}


/*--------分页-------*/
.next_fy{padding-top:40px; padding-bottom:80px;text-align:center;font-size:14px}
.next_fy2{ padding-top:30px;}
.next_fy a{height:36px;line-height:36px;margin:3px;display:inline-block;border:1px solid #ddd;background:rgba(255,255,255,.8);padding:0 15px;}
.next_fy a:hover,.next_fy a.active{border:1px solid rgba(18,52,121,.8);background:rgba(18,52,121,.8);color:#fff;}
.next_fp{ font-size:16px;line-height:32px;color:#333;padding-top:20px;padding-bottom:90px; border-top:1px solid #ddd;}
.next_fp a{color:#333}
.next_fp a:hover{color:#333}
.next_fp p{ width:49%; text-align:left;}
.next_fp p.rg{ text-align:right;}


@media (max-width:1860px) {
.middle-n .tab-n .tbox-4 dl{ padding-top:20px; padding-bottom:10px;}
.case-n .abox .zuo,.case-n .abox .you{ height:305px}
.case-n .abox .you .swiper-container .swiper-slide dl dt{ height:245px;}
.case-list dl dt{ height:220px;}
.news-n dl dt{ height:323px;}
}

@media (max-width:1760px) {
.case-n .abox .zuo,.case-n .abox .you{ height:290px}
.case-n .abox .you .swiper-container .swiper-slide dl dt{ height:230px;}
.case-list dl dt{ height:208px;}
.case-list dl dd{ height:56px; line-height:56px;}
.news-n dl dt{ height:306px;}
}

@media (max-width:1660px) {
.ntit h2{ font-size:22px;}
.middle-n .tab-n{ height:500px; padding-top:55px; padding-bottom:110px;}
.about-nx .tab-n{ padding-bottom:0}
.middle-n .tab-n .tbox-3 dl{ padding:30px 25px 25px}
.middle-n .tab-n .tbox-3 dl dd span{ font-size:17px;}
.middle-n .tab-n .tbox-3 dl dd p{ font-size:20px; line-height:30px;}
.middle-n .tab-n .tbox-4 dl{ padding-top:13px; padding-bottom:8px;}
.middle-n .tab-n .tbox-4 dl dt{ font-size:20px;}
.case-n .abox .zuo,.case-n .abox .you{ height:271px;}
.case-n .abox .you .swiper-container .swiper-slide dl dt{ height:215px;}
.case-n .abox .you .swiper-container .swiper-slide dl dd{ height:56px; line-height:56px;}
.case-list dl dt{ height:196px;}
.news-n{ padding-top:174px;}
.news-n dl dt{ height:289px;}
.news-n dl dd a{ font-size:20px;}
.about-ma{ padding-bottom:90px; padding-top:45px;}
}

@media (max-width:1560px) {
.case-list dl dt{ height:185px;}
.news-n dl dt{ height:270px;}
}

@media (max-width:1460px) {
.ntit h2{ font-size:20px; height:44px; line-height:44px;}
.middle-n .tab-n{ height:450px; padding-top:50px; padding-bottom:100px;}
.about-nx .tab-n{ padding-bottom:0}
.middle-n .tab-n .tbox .ntit{ padding-left:15px; padding-right:15px;}
.middle-n .tab-n .tbox-2 .nr{ padding:0 15px; height:calc(100% - 96px); font-size:15px; line-height:29px;}
.middle-n .tab-n .tbox-3 .nr, .middle-n .tab-n .tbox-4 .nr{height:calc(100% - 96px);}
.middle-n .tab-n .tbox-3 dl{ padding:30px 20px 20px;}
.middle-n .tab-n .tbox-3 dl dt{ width:66px; height:66px;}
.middle-n .tab-n .tbox-3 dl dd{ width:calc(100% - 66px); padding-left:15px;}
.middle-n .tab-n .tbox-3 dl dd span{ font-size:16px; line-height:24px;}
.middle-n .tab-n .tbox-4 dl dt{ font-size:18px; line-height:32px; padding-left:40px; padding-right:15px; background-position:16px center; background-size:15px auto}
.middle-n .tab-n .tbox-4 dl dd{ font-size:15px; line-height:25px; padding-left:40px; padding-right:15px;}
.case-n .abox .zuo,.case-n .abox .you{ height:296px;}
.case-n .abox .you .swiper-container .swiper-slide dl dt{ height:240px;}
.case-list{ padding-top:144px;}
.case-list dl{ width:24.4%; margin-right:0.8%; margin-top:1.2%;}
.case-list dl:nth-of-type(5n){ margin-right:0.8%}
.case-list dl:nth-of-type(4n){ margin-right:0}
.case-list dl dt{ height:215px;}
.case-list dl dd{ height:52px; line-height:52px;}
.news-n dl dt{ height:254px;}
.shiting-list .st{ width:32%;}
.shiting-list .st:nth-of-type(4n){ margin-right:2%}
.shiting-list .st:nth-of-type(3n){ margin-right:0}
.about-ma{ padding-bottom:80px; padding-top:40px;}

}

@media (max-width:1360px) {
.middle-h ul li .tt{ font-size:40px;}
.middle-h ul li .nr img.ic{ width:80px; height:80px;}
.middle-h ul li .nr h2{ font-size:28px;}
.middle-n .tab-n{ padding-top:40px; height:430px; padding-bottom:90px;}
.about-nx .tab-n{ padding-bottom:0}
.middle-n .tab-n .tbox-3 dl{ padding-top:25px; padding-bottom:15px;}
.middle-n .tab-n .tbox-4 dl{ padding-top:10px; padding-bottom:5px;}
.middle-n .tab-n .tbox-4 dl dd{ padding-top:3px;}
.middle-n .tab-n .tbox-3 dl dd p{ font-size:18px; line-height:28px;}
.contact-n .zuo .ctxt dl dd p{ font-size:15px; line-height:23px; padding-top:3px;}
.case-n .abox .zuo,.case-n .abox .you{ height:284px;}
.case-n .abox .you .swiper-container .swiper-slide dl dt{ height:228px;}
.case-list dl dt{ height:200px;}
.case-list dl dd{ padding:0 5px;}
.news-n dl dt{ height:236px;}
.news-n dl dd{ padding:12px 5px}

}

@media (max-width:1260px) {
.header .nav ul li{ padding:0 20px;}
.middle-n .tab-n{ height:410px;}
.middle-n .tab-n .tbox-3 dl{ padding-top:22px; padding-left:15px; padding-right:15px;}
.middle-n .tab-n .tbox-4 dl dt{ font-size:17px;}
.middle-n .tab-n .tbox-4 dl dd{ font-size:14px; line-height:24px;}
.case-n .abox .zuo,.case-n .abox .you{ height:257px;}
.case-n .abox .you .swiper-container .swiper-slide dl dt{ height:207px;}
.case-n .abox .you .swiper-container .swiper-slide dl dd{ height:50px; line-height:50px;}
.case-list dl dt{ height:185px;}
.news-n dl{ width:33.3333%}
.news-n dl dt{ height:290px}
.news-n dl dd a{ font-size:18px; line-height:28px;}
.nrbox{ padding-top:184px; padding-bottom:90px;}
.nrbox .zuo{ padding:25px;}
.nrbox .zuo .nrtit h1{ font-size:26px;}
.nrbox .you dl dt{ width:160px; height:118px;}
.nrbox .you dl dd{ width:calc(100% - 160px)}
.nrbox .zuo .nrtext{ height:360px;}
.about-ma{ padding-top:40px; padding-bottom:70px;}
}

@media (max-width:1160px) {
.header{ padding-left:2.5%; padding-right:2.5%;}
.header .logo{ width:220px;}
.header .logo img{ height:70px;}
.header .nav{ width:calc(100% - 280px)}
.header .nav ul li{ height:70px; line-height:70px;}
.middle-h ul li .tt{ font-size:36px;}
.middle-h ul li .nr img.ic{ width:74px; height:74px;}
.middle-h ul li .nr h2{ font-size:24px;}
.footer{ font-size:14px; line-height:26px; padding-left:2.5%; padding-right:2.5%;}
.middle-n{ padding-top:90px;}
.middle-n .tab-n{ padding-top:30px; padding-bottom:80px; height:auto}
.about-nx .tab-n{ padding-bottom:0}
.middle-n .tab-n .tbox{ height:auto; min-height:420px;}
.middle-n .tab-n .tbox{ width:40%; margin-right:1%; margin-top:1%;}
.middle-n .tab-n .tbox:nth-of-type(even){ width:59%; margin-right:0}
.middle-n .tab-n .tbox .ntit{ padding-left:20px; padding-right:20px;}
.middle-n .tab-n .tbox-2 .nr{ padding:0 20px;}
.middle-n .tab-n .tbox-3 dl{ padding-left:20px; padding-right:20px;}
.middle-n .tab-n .tbox-4 dl{ padding-top:20px; padding-bottom:15px;}
.middle-n .tab-n .tbox-4 dl dt{ padding-left:50px; padding-right:20px; background-position:24px center}
.middle-n .tab-n .tbox-4 dl dd{ padding-left:50px; padding-right:20px;}
.contact-n{ padding-top:174px; padding-bottom:90px;}
.case-n .abox .zuo{ width:170px;}
.case-n .abox .you{ width:calc(100% - 175px)}
.case-n .abox .zuo,.case-n .abox .you{ height:246px;}
.case-n .abox .you .swiper-container .swiper-slide dl dt{ height:196px;}
.case-n .abox .zuo dl dd .nr img{ width:60px; height:60px;}
.case-n .abox .zuo dl dd .nr h2{ font-size:20px;}
.case-list{ padding-top:125px;}
.case-list dl dt{ height:170px;}
.case-list dl dd{ font-size:15px; height:49px; line-height:49px;}
.next_fy{ padding-top:30px; padding-bottom:70px;}
.news-n{ padding-top:154px;}
.news-n dl dt{ height:269px;}
.nrbox{ display:block; padding-top:174px; padding-bottom:80px;}
.nrbox .zuo{ width:100%;}
.nrbox .zuo .nrtit h1{ font-size:24px; line-height:36px;}
.nrbox .you{ width:100%; padding-top:10px; display:none}
.nrbox .zuo .nrtext{ height:auto; padding-right:0}
.shiting-n{ padding-top:140px;}
.shiting-n .abox .you .swiper-container .swiper-slide .st dl dd a.tt{ font-size:16px;}
.shiting-n .abox .you .swiper-container .swiper-slide .st .sc{ font-size:14px;}
.shiting-n .abox .you .swiper-container .swiper-slide .st ul li .player{ padding:10px 6px;}
.shiting-n .abox .you .swiper-container .swiper-slide .st ul li .player .label{ font-size:14px;}
.shiting-list .st dl dd .tt a{ font-size:16px;}
.shiting-list .st dl dd .sl{ font-size:15px;}
.shiting-list .st dl dd a.bt{ font-size:14px;}
.shiting-list .st .sc{ font-size:15px; line-height:27px; height:27px;}
.shiting-list .st ul li{ padding-top:15px;}
.shiting-list .st ul li .player{ padding:7px;}
.shiting-list .st ul li .player .label{ font-size:15px; height:27px; line-height:27px;}
}

@media (max-width:1060px) {
.header .logo{ width:calc(100% - 120px)}
.header .lag img{ width:33px; height:33px;}
.header .menu{ display:block;}
.header .nav{position:fixed;top:0;right:-300%;width:230px;height:100%;padding-top:80px;background:#000;z-index:14;float:none;margin-left:0;transition:all ease 0.2s;-webkit-transition:all ease 0.2s;display:block !important;opacity:1;visibility:visible;margin-top:0;overflow-y:auto;z-index:99}
.header .nav ul{width:100%;margin:0 auto;-webkit-justify-content:initial;justify-content:initial;}
.header .nav ul li{width:100%;text-align:center;color:#333;display:block;font-size:15px;position:relative; height:52px; line-height:52px; padding:0}
.header .nav ul li a{color:#fff; padding:0 10px;}
.header .nav ul li a:hover{ background:none}
.header .nav.active{right:0}
.middle-h ul li .tt{ font-size:34px;}
.middle-h ul li .nr img.ic{ width:70px; height:70px;}
.middle-h ul li .nr h2{ font-size:22px;}
.contact-n{ padding-top:154px; padding-bottom:80px;}
.contact-n .zuo{ width:100%;}
.contact-n .you{ width:100%; margin-top:15px;}
.case-n{ padding-top:134px;}
.case-n .abox .zuo,.case-n .abox .you{ height:221px;}
.case-n .abox .you .swiper-container .swiper-slide dl dt{ height:175px;}
.case-n .abox .you .swiper-container .swiper-slide dl dd{ height:46px; line-height:46px;}
.case-list dl dt{ height:156px;}
.news-n dl dt{ height:246px;}

}

@media (max-width:990px) {
.header .logo img{ height:64px;}
.middle-h ul li .tt{ font-size:30px;}
.middle-h ul li .nr img.ic{ width:64px; height:64px;}
.middle-h ul li .nr h2{ font-size:20px;}
.middle-n{ padding-top:84px;}
/*.middle-n .tab-n{ padding-top:64px;}*/
.middle-n .tab-n .tbox-4 dl{ padding-top:18px; padding-bottom:13px;}
.case-n{ padding-top:124px;}
.case-n .abox .zuo,.case-n .abox .you{ height:281px;}
.case-n .abox .zuo{ width:190px;}
.case-n .abox .you{ width:calc(100% - 195px)}
.case-n .abox .you .swiper-container .swiper-slide dl dt{ height:235px;}
.case-list dl{ width:32.8%;}
.case-list dl:nth-of-type(4n){ margin-right:0.8%}
.case-list dl:nth-of-type(3n){ margin-right:0}
.case-list dl dt{ height:196px;}
.news-n dl dt{ height:230px;}
.nrbox{ padding-top:160px; padding-bottom:70px;}
.shiting-n{ padding-top:120px;}
.shiting-list{ padding-top:140px;}
.shiting-list .st{ width:49%;}
.shiting-list .st:nth-of-type(3n){ margin-right:2%;}
.shiting-list .st:nth-of-type(even){ margin-right:0}
.about-ma{ padding-bottom:60px;}
}

@media (max-width:860px) {
.middle-h{ height:auto; padding-top:84px;}
.middle-h ul li{ width:50%}
.middle-h ul li .tt{ font-size:46px;}
.middle-h ul li .nr img.ic{ width:90px; height:90px;}
.middle-h ul li .nr h2{ font-size:32px;}
.footer{ position:static; background:rgba(0,0,0,.8)}
.middle-n .tab-n{ padding-top:20px;}
.middle-n .tab-n .tbox{ width:100%; margin-right:0; min-height:inherit; margin-top:2%;}
.middle-n .tab-n .tbox:nth-of-type(even){ width:100%}
.middle-n .tab-n .tbox-2 .nr,.middle-n .tab-n .tbox-3 .nr,.middle-n .tab-n .tbox-4 .nr{ overflow:inherit; height:auto;}
.middle-n .tab-n .tbox-2 .nr{ padding-top:5px; padding-bottom:25px; font-size:16px; line-height:32px;}
.ntit h2{ font-size:22px; height:46px; line-height:46px;}
.middle-n .tab-n .tbox-3 .nr{display:flex;flex-wrap:wrap;}
.middle-n .tab-n .tbox-3 dl{ width:33.33333%; padding:20px 20px 30px;display:block;}
.middle-n .tab-n .tbox-3 dl dt{ width:100%; height:auto}
.middle-n .tab-n .tbox-3 dl dt img{ width:auto}
.middle-n .tab-n .tbox-3 dl dd{ width:100%; padding-left:0; text-align:center; padding-top:15px;}
.middle-n .tab-n .tbox-4{ padding-bottom:25px;}
.middle-n .tab-n .tbox-4 dl{ padding-top:12px; padding-bottom:12px;}
.middle-n .tab-n .tbox-4 dl dt{ font-size:18px;}
.middle-n .tab-n .tbox-4 dl dd{ font-size:15px; line-height:25px;}
.contact-n{ padding-top:144px;}
.contact-n .zuo .ctxt{ padding-top:10px; padding-bottom:25px;}
.case-n .abox .zuo,.case-n .abox .you{ height:241px;}
.case-n .abox .you .swiper-container .swiper-slide dl dt{ height:195px;}
.case-list{ padding-top:115px;}
.case-list dl dt{ height:170px;}
.news-n{ padding-top:144px;}
.news-n dl{ width:50%;}
.news-n dl dt{ height:299px;}
.nrbox{ padding-top:150px;}
.nrbox .zuo{ padding:20px;}
}

@media (max-width:768px) {
.middle-h ul li .tt{ font-size:44px;}
.middle-h ul li .nr img.ic{ width:86px; height:86px;}
.middle-h ul li .nr h2{ font-size:30px;}
.contact-n .zuo .ctxt dl{ display:block}
.contact-n .zuo .ctxt dl dt{ width:100%; height:auto;}
.contact-n .zuo .ctxt dl dt img{ width:72px; margin:0 auto}
.contact-n .zuo .ctxt dl dd{ width:100%; padding-left:0; text-align:center; padding-top:15px;}
.case-n{ padding-top:114px;}
.case-n .abox .zuo,.case-n .abox .you{ height:216px;}
.case-n .abox .you .swiper-container .swiper-slide dl dt{ height:170px;}
.case-n .abox .you .swiper-container .swiper-slide dl dd{ font-size:15px;}
.case-list dl{ width:49.5%; margin-top:1%}
.case-list dl:nth-of-type(5n),.case-list dl:nth-of-type(4n),.case-list dl:nth-of-type(3n){ margin-right:1%}
.case-list dl:nth-of-type(even){ margin-right:0}
.case-list dl dt{ height:229px;}
.news-n dl dt{ height:267px;}
.shiting-n{ padding-top:110px;}
.shiting-n .abox .zuo{ width:100%; height:auto; margin-right:0; padding:10px 0; background:rgba(0,0,0,.6)}
.shiting-n .abox .you{ width:100%; height:auto}
.shiting-n .abox .zuo dl dt{ display:none}
.shiting-n .abox .zuo dl dd{ position:static;}
.shiting-n .abox .zuo dl dd .nr h2{ padding-top:0; font-size:20px;}
.about-ma dl{ width:30%; padding:0 1.5%}
.shiting-n .abox .zuo dl dd .nr-xx{ padding-bottom:0}
}

@media (max-width:640px) {
.header .logo img{ height:56px;}
.middle-h{ padding-top:75px;}
.middle-h ul li .tt{ font-size:40px;}
.middle-h ul li .nr img.ic{ width:80px; height:80px;}
.middle-h ul li .nr h2{ font-size:26px;}
.cbg{ background-size:100% auto;}
.middle-n{ padding-top:76px;}
/*.middle-n .tab-n{ padding-top:44px;}*/
.contact-n{ padding-top:124px;}
.case-n{ padding-top:104px;}
.case-n .abox .zuo,.case-n .abox .you{ width:100%; height:auto; margin-right:0}
.case-n .abox .zuo{ background:rgba(0,0,0,.4); padding:10px 0}
.case-n .abox .zuo dl dt{ display:none;}
.case-n .abox .zuo dl dd{ position:static}
.case-n .abox .you .swiper-container .swiper-slide dl dt{ height:190px;}
.case-list{ padding-top:105px;}
.case-list dl dt{ height:190px;}
.next_fy{ padding-bottom:55px; padding-top:25px;}
.next_fy a{ height:32px; line-height:32px; padding:0 11px;}
.news-n{ padding-top:124px;}
.news-n dl{ padding-bottom:10px;}
.news-n dl dt{ height:223px;}
.news-n dl dd a{ font-size:17px; line-height:27px;}
.nrbox{ padding-top:135px; padding-bottom:60px;}
.nrbox .zuo .nrtit h1{ font-size:22px;}
.nrbox .zuo .nrtime{ font-size:15px;}
.nrbox .zuo .nrtext{ font-size:15px; line-height:29px}
.shiting-n{ padding-top:100px;}
.shiting-list{ padding-top:125px;}
.shiting-list .st{ width:100%; margin-right:0}
.shiting-list .st:nth-of-type(3n),.shiting-list .st:nth-of-type(4n){ margin-right:0}
}

@media (max-width:568px) {
.middle-h ul li .tt{ font-size:38px;}
.middle-h ul li .nr img.ic{ width:76px; height:76px;}
.middle-h ul li .nr h2{ font-size:24px;}
.contact-n{ padding-bottom:70px;}
.case-n .abox .you .swiper-container .swiper-slide dl dt{ height:170px;}
.case-list dl dt{ height:169px;}
.news-n dl dt{ height:198px;}
}

@media (max-width:440px) {
.header .logo{ width:calc(100% - 80px)}
.header .logo img{ height:50px;}
.header .menu{ width:25px; height:25px;}
.header .lag{ width:30px;}
.header .lag img{ width:28px; height:28px;}
.middle-h{ padding-top:70px;}
.middle-h ul li{ width:100%;}
.middle-h ul li .tt{ font-size:40px;}
.middle-h ul li .nr img.ic{ width:80px; height:80px;}
.middle-h ul li .nr h2{ font-size:26px;}
.middle-n{ padding-top:70px;}
.ntit h2{ font-size:20px; height:44px; line-height:44px;}
.middle-n .tab-n .tbox-2 .nr{ font-size:15px; line-height:29px;}
.middle-n .tab-n .tbox-3 .nr{ padding-left:10px; padding-right:10px;}
.middle-n .tab-n .tbox-3 dl{ padding:15px 10px 25px;}
.middle-n .tab-n .tbox-3 dl dd{ font-weight:500}
.middle-n .tab-n .tbox-3 dl dd p{ padding-top:3px;}
.contact-n{ padding-top:104px; padding-bottom:50px;}
.contact-n .zuo,.contact-n .you{ padding-left:15px; padding-right:15px; padding-bottom:20px;}
.contact-n .zuo .ctxt{ padding-top:0; padding-bottom:20px;}
.contact-n .zuo .ctxt dl{ width:100% !important; padding-right:0 !important; padding-top:15px; padding-bottom:15px;}
.contact-n .you .ltab ul li input{ height:48px; line-height:46px; font-size:15px;}
.contact-n .you .ltab ul li textarea{ font-size:15px;}
.case-n{ padding-top:90px}
.case-n .abox .zuo dl dd .nr img{ width:50px; height:50px;}
.case-n .abox .zuo dl dd .nr h2{ font-size:18px; padding-top:0}
.case-n .abox .you .swiper-container .swiper-slide dl dt{ height:auto}
.case-list{ padding-top:90px;}
.case-list dl{ width:100%; margin-right:0; margin-top:10px;}
.case-list dl:nth-of-type(5n),.case-list dl:nth-of-type(4n),.case-list dl:nth-of-type(3n){ margin-right:0}
.case-list dl dt{ height:auto}
.next_fy{ padding-bottom:50px; padding-top:20px;}
.news-n{ padding-top:110px;}
.news-n dl{ width:100%;}
.news-n dl dt{ height:auto}
.nrbox{ padding-top:115px;}
.nrbox .zuo{ padding:15px;}
.nrbox .zuo .nrtit h1{ font-size:20px; line-height:32px;}
.nrbox .zuo .nrtime{ font-size:14px; line-height:20px;}
.shiting-n{ padding-top:90px; padding-bottom:50px;}
.shiting-list{ padding-top:115px;}
.about-ma{ padding-top:25px; padding-bottom:50px;}
.about-ma dl{ width:100%; padding:10px 0}
.contact-n .zuo .nrtxt .fewm li{ width:47%; padding:2.5% 1.5%;}
.contact-n .zuo .nrtxt .fewm li img{-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;}
}

@media (max-width:375px) {
.header .logo img{ height:46px;}
.middle-h{ padding-top:66px;}
.middle-h ul li .tt{ font-size:38px;}
.middle-h ul li .nr img.ic{ width:76px; height:76px;}
.middle-h ul li .nr h2{ font-size:24px;}
.middle-n{ padding-top:66px;}
.middle-n .tab-n{ /*padding-top:34px;*/ padding-bottom:50px;}
.about-nx .tab-n{ padding-bottom:0}
.case-n{ padding-top:80px;}
.news-n{ padding-top:100px;}
.nrbox{ padding-top:105px; padding-bottom:50px;}
.nrbox .zuo .nrtit h1{ font-size:18px; line-height:30px;}
.shiting-list{ padding-top:100px;}
}