html,body{margin:0;padding:0;border:none;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);font:14px/1.2 "Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif}
body{background:#f1f2f3}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font:inherit}
img,form{margin:0;padding:0;max-width:100%;object-fit:cover}
input,textarea{font:inherit;margin:0;outline:none;box-sizing:border-box}
button{cursor:pointer}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
a,a:link,a:visited{color:#222;text-decoration:none;transition:all .2s}
a:hover{color:#f03}
.wp{width:100%;max-width:1200px;margin:0 auto}
.sp{height:20px;overflow:hidden;clear:both}
.fl{float:left}
.fr{float:right}
#head{background:#222 url(/top/top-bg.jpg) no-repeat 0 0;color:#fff;background-size:cover;position:relative;z-index:999}
#head .wp{height:80px}
#logo{float:left;height:80px;line-height:80px;overflow:hidden}
#logo img{display:block;height:100%}
#logo strong{display:block;font-size:23px;color:#fff}
#menu{margin-left:2em;float:right;line-height:80px}
#menu ul,#menu li{margin:0;padding:0;list-style:none}
#menu a:link,#menu a:visited{color:#eee}
#menu ul>li{float:left;position:relative}
#menu ul>li>a{display:block;padding:0 1em;font-size:16px;transition:all .2s;position:relative}
#menu ul>li>a:hover{background:rgba(255,255,255,.1)}
#menu a.curr::after{content:'';display:block;height:4px;background:#eee;overflow:hidden;position:absolute;bottom:0;left:1em;right:1em}
#menu ul>li>ul{display:none;position:absolute;top:80px;left:0;right:0;background:#fff;line-height:50px;box-shadow:1px 1px 6px rgba(0,0,0,.2)}
#menu ul>li>ul>li{display:block;width:100%;clear:left}
#menu ul ul a,#menu ul ul a:link,#menu ul ul a:visited{color:#222;border-bottom:1px solid #eee}
#menu ul ul a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#menu ul ul a.curr,#menu ul ul a:hover{color:#f02}
#menu ul ul a.curr::after{content:none}
#menu-switch{display:none}
#menu-switch::before{content:"\2630";color:#fff}
#menu-switch.opened::before{content: "\2715"}
#roll-msg{width:100%;line-height:26px;height:46px;overflow:hidden}
#roll-msg .wp{overflow:hidden;padding:10px 0}
#roll-msg h3{float:left;background:#333;color:#fff;border-radius:4px;padding:0 9px;margin-left:5px}
#roll-msg .roll-msg{margin-left:8em}
#roll-msg marquee{margin:0;padding:0}
#swiper img{display:block;width:100%}
.index{padding:50px 0}
.index:nth-child(2n){background:#fff}
.tit1{text-align:center;color:#333;position:relative;padding:4.125rem 0 1.5rem}
.tit1 h2{font-size:1.85rem}
.tit1 h4{font-size:2.35rem;font-weight:600;text-transform:uppercase;position:absolute;top:0;left:0;right:0}
.tit1 h4::after{content:'';display:block;width:30px;height:2px;background:#E74C3C;margin:8px auto}
.more a{display:block;width:10em;font-size:1.125rem;margin:15px auto;border:1px solid rgba(0,0,0,.1);text-align:center;line-height:50px;transition:all .2s}
.more a:hover{border-color:#e03;background:#e03;color:#fff}
.index-about{display:flex;align-items:center;margin-top:20px}
.about-cover{position:relative;padding:35px}
.about-cover::after{content:'';background:#ccc;display:block;position:absolute;top:0;left:0;bottom:0;right:60px;z-index:1}
.about-cover img{display:block;position:relative;z-index:9;width:320px}
.about-intro{flex:1;font-size:1.25rem;line-height:1.8;text-align:justify}
.about-intro .more a{margin-right:0}
.index-feature,.index-process{margin-top:20px;position:relative}
.index-feature ul,.index-feature li,.index-process ul,.index-process li{margin:0;padding:0;list-style:none}
.index-feature ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.index-feature li{width:30%;display:flex;border:1px solid #ccc;font-size:16px;margin-bottom:15px}
.index-feature li span{flex:1;padding:10px}
.index-feature .a1{width:6em;display:flex;text-align:center;background:rgba(0,0,0,.5);color:#fff}
.index-feature .s1{flex:1;display:flex}
.index-process::before{content:'';display:block;height:4px;overflow:hidden;position:absolute;left:2em;right:2em;top:50%;z-index:1;margin-top:-2px;background:rgba(0,0,0,.2)}
.index-process ul{display:flex;position:relative;z-index:999;font-size:16px}
.index-process li{margin:0 auto;padding:10px 2em;border:1px solid #ddd;line-height:24px;border-radius:24px;overflow:hidden;background:#fff}
.index-process .t1{color:#999}
.index-process .t1::after{content:' '}
.nlist-1,.nlist-1 ul,.nlist-1 li,.plist-1,.plist-1 ul,.plist-1 li{margin:0;padding:0;list-style:none}
.plist-1{margin-top:20px;clear:both;overflow:hidden;display:flex;flex-wrap:wrap;justify-content:space-between}
.plist-1 li{width:23%;margin:0 0 20px 0;background:rgba(0,0,0,.08);overflow:hidden}
.plist-1 a{display:block;position:relative}
.plist-1 h3{font-size:1.35rem;font-weight:600;padding:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:8}
.plist-1 img{display:block;width:100%;height:300px;object-fit:cover;position:relative;z-index:3}
.plist-1 p{font-size:1.125rem;margin:0;padding:0 20px 20px;position:relative;z-index:8}
.plist-1 a::before{content:'+';display:block;position:absolute;top:-310px;left:0;right:0;z-index:99;background:rgba(0,0,0,.35);color:#fff;line-height:300px;text-align:center;font-size:50px;transition:all .3s}
.plist-1 a::after{content:'';display:block;height:130px;position:absolute;left:0;bottom:-130px;right:0;z-index:1;background:#e03;transition:all .3s}
.plist-1 a:hover{color:#fff}
.plist-1 a:hover::before{top:0}
.plist-1 a:hover::after{bottom:0}
#conter .plist-1 li{width:31%}
.nlist-1{overflow:hidden;font-size:1.25rem;line-height:1.5;margin-top:20px}
.nlist-1 li{float:left;width:49%;margin:0 2% 15px 0;}
.nlist-1 a{box-sizing:border-box;border:1px solid rgba(0,0,0,.08);padding:9px;display:flex;align-items:center}
.nlist-1 a:hover{border-color:#e03}
.nlist-1 li:nth-child(2n){margin-right:0}
.nlist-1 i{display:block;width:100px;overflow:hidden;padding-right:15px}
.nlist-1 i img{display:block;width:100%;height:80px;object-fit:cover}
.nlist-1 h3{flex:1;max-height:100px;overflow:hidden;text-overflow:ellipsis}
#foot{background:#222;color:#d1d2d3;padding:30px 0 20px;font-size:14px;line-height:28px}
#foot a{color:#d1d2d3}
#foot ul,#foot li{margin:0;padding:0;list-style:none}
#foot h2,#foot h3,#foot h4{font-size:20px;font-weight:500}
#foot h3,#foot h4{font-size:17px}
#foot h2::after,#foot h3::after,#foot h4::after{content:'';display:block;height:1px;overflow:hidden;width:2em;background:#fff;margin:15px 0}
#foot p{margin:0}
#foot .detail{float:left;width:40%}
#foot .menu{float:left;width:20%;padding-left:20px}
#foot .menu ul{overflow:hidden}
#foot .menu li{float:left;width:50%}
#foot .flink{overflow:hidden;padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}
#foot .flink *{display:inline}
#foot .flink li{margin-left:12px}
#foot .footer{margin-top:20px;padding:10px 0 0;border-top:1px solid rgba(255,255,255,.1);text-align:center;clear:both}
#foot .wp{overflow:hidden}
#foot .qrcode{float:right;width:280px;text-align:center;display:flex;justify-content:space-between}
#foot .qrcode-item{width:130px;margin:0 auto}
#foot .qrcode img{display:block;margin:0 auto}
.bacover{overflow:hidden}
.bacover img{display:block;width:100%;min-height:200px;object-fit:cover}
#conter{margin:20px auto}
#conter::after{content:'';display:block;clear:both;overflow:hidden;width:100%}
#conter .main{float:right;width:900px;min-height:500px;background:#fff}
#conter .side{float:left;width:280px;}
#conter .side ul,#conter .side li{margin:0;padding:0;list-style:none}
#conter .side-menu,#conter .side-list{background:#fff}
#conter .side-menu h2,#conter .side-menu h3,#conter .side-list h2{height:44px;line-height:44px;background:#eee url(sbg3.png) no-repeat 50% 50%;background-size:cover;font-size:18px;color:#111;padding-left:15px}
#conter .side-menu a{display:block;border:1px solid #eee;border-top:0;font-size:16px;line-height:42px;padding-left:15px}
#conter .side-menu a:hover{background:#fff1f1}
#conter .side-menu a.curr{border-left:3px solid #c00;padding-left:13px;color:#e02}
#conter .side-list li{border-bottom:1px solid #eee;padding:9px;line-height:22px}
#conter .side-list a{display:block;padding:0 0 0 20px;position:relative}
#conter .side-list a::before{content:'';position:absolute;top:8px;left:5px;width:5px;height:5px;overflow:hidden;background:#aaa}
#conter .main .tit{padding:9px 20px;line-height:26px;border-bottom:1px solid #eee;overflow:hidden}
#conter .main .tit h1,#conter .main .tit h2{float:left;font-size:18px;font-weight:600}
#conter .main .tit-nav{float:right}
#conter .main .tit-nav span{padding:0 5px}
#conter .line1{height:1px;overflow:hidden;background:#eee;clear:both;margin:0 20px}
#conter .content{padding:20px 50px;min-height:500px;font-size:16px;line-height:2em;text-align:justify}
#conter .content h1{font-size:2em}
#conter .content h2{font-size:1.5em}
#conter .content h3{font-size:1.25em}
#conter figure img{display:block}
#conter figcaption{font-size:14px}
#conter .v-main{padding:20px}
#conter .v-title{padding:20px 50px}
#conter .v-title h1,#conter .v-title h2{text-align:center;font-size:2rem}
#conter .v-tbar{text-align:center;padding:10px}
#conter .v-tbar div{display:inline;margin-right:15px}
#conter .v-tbar div:last-child{margin-right:0}
#conter .v-share{padding:10px 0;text-align:center;background:#e7e8e9}
#conter .v-share-main{display:inline;margin-left:10px}
#conter .v-links{border-top:1px solid #eee;margin:20px;padding:10px 0;line-height:1.6;color:#999}
#conter .alist-1{padding:20px 50px}
#conter .alist-1 ul,#conter .alist-1 li{margin:0;padding:0;list-style:none}
#conter .alist-1 li{display:flex;padding:20px;border-bottom:1px solid #eee}
#conter .alist-1 li:last-child{border-bottom:0}
#conter .alist-1 .cover{width:150px;height:100px;margin-right:15px;overflow:hidden}
#conter .alist-1 .detail{flex:1}
#conter .alist-1 h3{font-size:19px}
#conter .alist-1 p{font-size:15px;color:#999}
#conter .list-none{font-size:18px;color:#999;text-align:center;padding:8em 0}
.paging-list{padding:15px 0;text-align:center}
.paging-list ul,.paging-list li{display:inline-block;height:39px;line-height:35px;font-size:16px;overflow:hidden}
.paging-list a{float:left;padding:0 15px;border:1px solid #ddd;margin:0 5px}
.paging-list a.paging-curr{border-color:transparent;color:#d00}
@media screen and (max-width:767px) {
html{font-size:12px}
body{padding:60px 0 0}
#head{position:fixed;width:100%;top:0;left:0;right:0;z-index:9999;box-shadow:0 1px 8px rgba(0,0,0,.3)}
#head .wp,#logo{height:60px;line-height:60px}
#head .wp{padding-left:15px;box-sizing:border-box}
#menu-switch{display:block;float:right;background:transparent;border:none;box-shadow:none;color:#2d2d2d;font-size:24px;line-height:60px;padding:0 25px}
#menu{clear:both;margin:0;width:100%;background:#fff;position:absolute;top:60px;left:-102%;right:0;box-sizing:border-box;padding:10px 0;box-shadow:0 2px 5px rgba(0,0,0,.3)}
#menu a{color:#333!important;}
#menu a.curr::after{content:none}
#menu ul>li{clear:left;line-height:50px;width:100%;position:relative}
#menu ul>li a{border-bottom:1px solid #eee}
#menu li:last-child a{border:0}
#menu ul>li>ul{position:relative;top:0}
#menu ul>li>i{display:block;width:50px;height:50px;position:absolute;top:0;right:0;cursor:pointer}
#menu ul>li>i::after{content:'';width:6px;height:6px;overflow:hidden;display:block;position:absolute;top:50%;right:50%;border-width:0 1px 1px 0;border-color:#222;border-style:solid;transform:rotate(45deg);margin:-3px 0 0 -3px;transition:all .2s}
#menu ul>li>i.open::after{transform:rotate(-135deg)}
#menu ul>li>ul a{padding-left:2em}
#roll-msg{top:60px}
#swiper .swiper-slide{width:100vw;overflow:hidden}
#swiper img{min-height:190px;object-fit:cover}
.index{padding:20px;box-sizing:border-box}
.index-about{display:block}
.about-cover{padding:0;margin-bottom:20px}
.about-cover img{width:100%}
.about-intro .more a{margin-right:auto}
.index-feature li{width:100%}
.index-process::before{content:none}
.index-process ul{flex-wrap:wrap}
.index-process li{margin-bottom:15px}
.plist-1 li,.nlist-1 li,#conter .plist-1 li{width:100%;margin-right:0}
#foot span{white-space:nowrap}
#foot .wp{padding:0 20px;box-sizing:border-box}
#foot .detail,#foot .flink,#foot .qrcode{clear:both;width:100%;text-align:center}
#foot h2::after,#foot h3::after,#foot h4::after{margin:15px auto}
#foot .flink,#foot .menu{display:none}
#foot .qrcode{margin-top:20px;padding:0 10%;box-sizing:border-box}
#foot .qrcode-item{width:45%}
#conter{padding:0;box-sizing:border-box}
#conter .main{clear:right;width:100%;background:#fff}
#conter .side{clear:left;width:100%;margin-top:20px}
#conter .content{padding:20px}
#conter .alist-1{padding:0}
#conter .alist-1 .cover{width:110px;height:70px}
#conter .alist-1 h3{font-size:17px;margin-bottom:9px}
#conter .alist-1 p{display:none}
#conter .alist-1 span{color:#999}
.paging-list li{display:none}
.paging-list li:first-child,.paging-list li:last-child{display:inline-block}
}