html,body{margin:0;padding:0;border:0;width:100%;font:14px/1.5 "Microsoft YaHei","Microsoft JhengHei",Verdana,Arial,sans-serif}
body{color:#333;background:#e7e8e9;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
ul,li,dl,dt,dd,form{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5,h6{margin:0}
form,input,textarea,button,select,img{border:0;margin:0;vertical-align:middle;box-sizing:border-box;outline:none;font:inherit;line-height:2em}
img{max-width:100%;height:auto;object-fit:cover}
input::placeholder{font-size:.825em}
input[type="number"]{padding-right:0!important}
button{cursor:pointer;position:relative;overflow:hidden}
button:hover::after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,.2);z-index:1}
a,a:link,a:visited{color:#333;text-decoration:none}
a:hover{color:#f03}
.tl{text-align:left!important}
.tc{text-align:center!important}
.tr{text-align:right!important}

.wrap{width:100%;max-width:1200px;margin:0 auto;position:relative}
.wrap::after{content:'';display:block;clear:both}
#top{background:#fff;padding:20px 0}
#top .logo{float:left;font-size:28px}
#top .logo img{max-height:50px;margin-right:8px}
#top .logo a{color:#e03}
#top .hotline{float:right;font-size:20px;color:#666;margin:8px 0 0}
#top .hotline img{margin-bottom:2px}
#show-menu{display:none}
#menu{background:#0e6ecf;color:#fff;font-size:18px;line-height:3em}
#menu ul{height:3em;text-align:center}
#menu li{float:left;min-height:3em;position:relative;z-index:999999}
#menu a{float:left;padding:0 40px;color:#fff;} 
#menu a:hover{background:rgba(0,0,0,.15);transition:all .2s}
#menu a.curr{background:rgba(0,0,0,.2)}
#menu li ul{display:none;width:100%;height:auto !important;clear:both;position:absolute;top:3em;left:0;right:0;background:#0e6ecf}
#menu li:hover ul{display:block}
#menu li li,#menu li li a{float:none;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0!important}
#menu-bg{display:none}
#footer{background:#13212a;color:#fff;text-align:center;overflow:hidden}
#footer a{color:#ddd}
#footer .menu{padding:20px 0;font-size:16px}
#footer .menu li{display:inline} 
#footer .menu li::after{content:' |';display:inline-block;margin:0 10px}
#footer .menu li:last-child::after{content:none}
#footer .friendlink{margin-bottom:20px;width: 1000px;text-align: center;margin: 0 auto;}
#footer .friendlink h4,#footer .friendlink ul,#footer .friendlink li{display:inline}
#footer .friendlink a{margin-left:12px}
#footer .footer{width:800px;margin:0 auto;padding:10px 0;}

.tit{overflow:hidden;line-height:22px;padding-bottom:16px;border-bottom:1px solid #eee}
.tit h2,.tit h3{float:left;font-size:1.35em;font-weight:500}
.tit a{float:right}

#index{margin:20px auto;min-height:600px}
#index .side{float:right;width:300px}
#index .main{float:left;width:880px}
#index .index-grid{background:#fff;padding:20px 25px;margin-bottom:20px;border-radius:3px}
#index .index-grid:last-child{margin-bottom:0}

#swiper{width:100%}
#swiper img{display:block;width:100%;min-height:360px;object-fit:cover}

.index-about{display:flex;padding:20px 0;align-items:center}
.index-about .about-cover{width:200px;padding:20px 35px 20px 0;position:relative}
.index-about .about-cover::after{content:'';display:block;position:absolute;top:0;right:15px;bottom:0;left:20px;background:#ddd;z-index:1}
.index-about .about-cover img{display:block;position:relative;z-index:9}
.index-about .about-intro{flex:1;text-align:justify}

.index-feature ul{overflow:hidden;display:flex;flex-wrap:wrap;justify-content:space-between}
.index-feature li{width:48%;min-height:70px;border:1px solid #ff9c01;border-radius:10px;margin-top:15px;box-sizing:border-box;overflow:hidden;display:flex}
.index-feature li .a1{display:flex;background:#ff9c01;color:#fff;width:6em;font-weight:600;text-align:center;border-radius:0 5px 5px 0;align-items:center}
.index-feature li .s1{flex:1;display:flex;padding:10px;border-radius:0 5px 5px 0;align-items:center}
.index-feature li .a1 span,.index-feature li .s1 span{flex:1}

.index-process{padding:20px 0 0}
.index-process ul{display:flex}
.index-process li{flex:1;text-align:center;padding-bottom:20px}
.index-process li .t1{display:block;font-size:21px;line-height:80px;text-transform:uppercase;font-weight:600}
.index-process li .s1{display:block;padding:30px 10px}
.index-process li .t1::after{content:'';display:block;height:5px;overflow:hidden;clear:both;background:#ff2573}
.index-process li:nth-child(1) .t1{color:#ff2573}
.index-process li:nth-child(1) .s1{background:#f1f2f3}
.index-process li:nth-child(2) .t1{background:#f1f2f3;color:#ff4917}
.index-process li:nth-child(2) .t1::after{background:#ff4917}
.index-process li:nth-child(3) .t1{color:#ff9c01}
.index-process li:nth-child(3) .t1::after{background:#ff9c01}
.index-process li:nth-child(3) .s1{background:#f1f2f3}
.index-process li:nth-child(4) .t1{background:#f1f2f3;color:#6aa84f}
.index-process li:nth-child(4) .t1::after{background:#6aa84f}
.index-process li:nth-child(5) .t1{color:#64a4f7}
.index-process li:nth-child(5) .t1::after{background:#64a4f7}
.index-process li:nth-child(5) .s1{background:#f1f2f3}
.index-process li:nth-child(6) .t1{background:#f1f2f3}
.index-process li:nth-child(6) .t1{background:#f1f2f3;color:#6c7cf7}
.index-process li:nth-child(6) .t1::after{background:#6c7cf7}

.index-article li{overflow:hidden;padding:10px 0;border-bottom:1px dashed #ccc}
.index-article li:last-child{border-bottom:0}
.index-article li a{float:left}
.index-article li span{float:right}

.index-photo{padding-top:20px}
.index-photo ul{display:flex;flex-wrap:wrap;/*justify-content:space-between;*/}
.index-photo li{width:23%;text-align:center;display:flex;margin-bottom:15px;padding: 5px;}
.index-photo li a{flex:1;overflow:hidden;border:1px solid #ddd;border-radius:8px}
.index-photo li a:hover{border-color:#aaa;box-shadow:1px 2px 9px rgba(0,0,0,.35)}
.index-photo li img{display:block;width:100%;height:150px}
.index-photo li strong{display:block;font-weight:500;padding:10px 0}

.nav{margin-top:20px}
.nav span{padding:0 8px}

.page-live{width:100%;overflow:hidden}
.page-live img{display:block;width:100%;min-height:320px}
.pages{min-height:500px}

.article-list{width:100%}
.article-list li{display:flex;padding:20px;width:100%;box-sizing:border-box;border-top:1px solid #eee}
.article-list li:last-child{border-bottom:0}
.article-list li:hover{background:#f7f8f9}
.article-list .cover{width:180px;height:100px;padding:0 20px 0 0;overflow:hidden}
.article-list .cover img{display:block;width:100%}
.article-list .detail{flex:1;overflow:hidden}
.article-list h3{overflow:hidden;font-size:18px;line-height:1em;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
.article-list p{margin:6px 0;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;color:#828a93}
.article-list span{color:#828a93}

.article-list-1{width:100%}
.article-list-1 li{display:flex;padding:1em 0;border-top:1px solid #eee}
.article-list-1 li:last-child{border-bottom:0}

.details h1{text-align:center;padding:10px 0;font-size:21px}
.details .create-time{text-align:center;color:#aaa;background:#f1f2f3;border-radius:3px;padding:8px}
.details .content,.show-content{padding:1em;font-size:16px;line-height:1.8;text-align:justify;/*min-height:500px*/}
.details .content a{text-decoration:underline}

.photo-list ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.photo-list li{width:190px;margin:0 0 20px 0;display:flex}
.photo-list li img{display:block;width:100%;height:190px}
.photo-list li a{flex:1;overflow:hidden}
.photo-list li a:hover{box-shadow:1px 1px 9px rgba(0,0,0,.35)}
.photo-list li h3{font-weight:500;padding:10px;white-space:nowrap;overflow:hidden;text-align:center;text-overflow:ellipsis}

.paging-list{overflow:hidden;padding:20px 0 0;text-align:center}
.paging-list ul{display:inline-block;font-size:16px;line-height:33px;text-align:center}
.paging-list li{display:inline}
.paging-list li a{float:left;border:1px solid #eee;padding:0 8px;margin-left:-1px;position:relative;z-index:1;min-width:2em}
.paging-list li a:hover{border-color:#e00;z-index:9}
.paging-list li a.paging-curr{border-color:#e00;background:#e00;font-weight:600;color:#fff}
.paging-list li:first-child a{margin-left:0}

.forms{padding:1em 0;width:600px;margin:1em auto}
.forms .item{display:flex;line-height:3rem;margin-bottom:1em;border:1px solid #aaa;border-radius:6px;overflow:hidden}
.forms .name{width:6em;text-align:center}
.forms .box{flex:1;display:flex}
.forms .box textarea,.forms .box input[type="text"]{flex:1;border:0}
.forms .box textarea{line-height:2.5em}
.forms .box input[type="text"]{height:3em}
.forms .box label{margin-right:1em}
.forms .box label input{margin-right:4px}
.forms .box label:last-child{margin-right:0}
.forms .btns{display:flex}
.forms .btns button{padding:0 1em;margin:0 auto;min-width:7em;height:2.75em}

.pages .content{font-size:16px;line-height:1.8;text-align:justify;-webkit-user-select:none;user-select:none}
.list-none{text-align:center;color:#999;font-size:18px;line-height:6em;min-height:400px}

@media screen and (max-width:767px) {
body{padding:60px 0 0}
#top{position:fixed;top:0;left:0;right:0;z-index:9999;box-sizing:border-box;padding:10px;box-shadow:0px 1px 6px rgba(0,0,0,.3)}
#top .wrap{display:flex;align-items:center}
#top .logo{flex:1}
#top .hotline{display:none}
#show-menu{display:block;width:30px;height:30px;border:0;margin:0;padding:0;background-color:transparent}
#show-menu::before,#show-menu::after,#show-menu span{content:'';display:block;width:100%;height:3px;margin-bottom:8px;background:#222;overflow:hidden;position:static}
#menu{position:fixed;top:0;left:-110%;bottom:0;z-index:99999;background:#fff;width:80vw;height:100vh;overflow:auto}
#menu ul,#menu li,#menu a{height:auto;clear:left;width:100%;box-sizing:border-box;color:#222;text-align:left}
#menu li ul{display:block;position:relative;top:0;background:#f1f2f3;font-size:16px}
#menu a{border-bottom:1px solid #eee}
#menu a,#menu li li a{padding:0 0 0 50px!important}
#menu a.curr{background:transparent;color:#e03}
#menu-bg{display:block;width:100vw;height:100vh;position:fixed;top:0;left:-100%;bottom:0;background:rgba(0,0,0,.75);color:#fff;z-index:99991;cursor:pointer}
#menu-bg::before{content:'\2715';position:absolute;top:10px;right:20px;font-size:23px}
#swiper img{min-height:280px}
.page-live img{min-height:240px}
#index .main,#index .side,#footer .footer{clear:both;width:100%}
#index .side{padding-top:20px}
#index .index-grid{padding:20px}
#footer span{white-space:nowrap}
#footer .menu{display:none}
#footer .friendlink{margin-top:20px;width: auto;box-sizing: border-box;}
#footer .footer{padding:20px;box-sizing:border-box}
.nav{padding:0 10px;box-sizing:border-box}
.index-about{display:block}
.index-about .about-cover{width:100%;padding:0}
.index-feature li{width:100%}
.index-feature li:nth-child(2){margin-top:15px}
.index-feature li .a1{width:7em}
.index-process ul{flex-wrap:wrap;font-size:16px}
.index-process li{flex:none;width:100%;border:1px solid #ddd;border-radius:10px;overflow:hidden;margin-bottom:15px;padding:0}
.index-process li:last-child{margin:0}
.index-process li .t1{padding:0;line-height:50px;background:#fff!important;float:left;width:7em;border-radius:0 0 3em 0;overflow:hidden;box-shadow:1px 2px 9px}
.index-process li .s1{padding:15px;background:#f1f2f3!important}
.index-article li span{display:none}
.index-photo li{width:48%}
.details .content,.show-content{padding:1em 0}
.details .content figure{padding:1em 0}
.details .content figure img{display:block;margin:0 auto}
.details .content figcaption{padding:10px 0 0;font-size:14px;line-height:1.4}
.article-list li{padding:20px 0}
.article-list .cover{width:120px}
.article-list p{display:none}
.article-list h3{padding-bottom:10px}
}