@charset "utf-8";
/* CSS Document */
body,html{width:100%;min-height:100%;/*移动端*/-webkit-user-select:none;user-select:none/*
禁止选中文本（如无文本选中需求，此为必选项） */}
body{background-color:#fff;color:#333;font-size:16px;font-family: arial,'Hiragino Sans GB',sans-serif;}
a,body,button,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,select,table,td,textarea,th,tr,ul{box-sizing:border-box;margin:0;padding:0;border:0}
button,input,select,textarea{outline:0;font-size:100%}
h1,h2,h3,h4,h5,h6{font-size:100%} 
li,ol,ul{list-style:none}
a{cursor:pointer} 
a,a:hover{text-decoration:none}
body,html{ overflow-x: hidden;}
img{width:100%;}
.container{ position:relative; width:100%;display: flex;flex-direction: column;min-height: 100vh;}
.index-bg{width:100%; height:100%; background:url(../images/bg_mobile.png) center bottom no-repeat; background-size:100%; position:absolute; left:0; top:0; z-index:2;}
.top-menu{width:100%; height:0.8rem; background:#f2f2f2; position:relative; z-index:3; position:fixed; left:0; top:0;}
.logo{width:3.6rem; height:100%; background:url(../images/logo.png) center no-repeat; margin:0 auto; background-size:70%;}
.menu{ display:block;width:1.2rem; height:100%; background:url(../images/menu.png) center no-repeat; background-size:33.3%; position:absolute; right:0; top:0;}
.menu-list{width:100%; position:fixed;z-index:9997; left:0; top:0; height:100%; background:black; opacity:0.9;box-sizing:border-box; padding-top:50px; display:none;}
.menu-list li{width:100%;line-height:1rem;margin-top:.04rem;position:relative;box-sizing:border-box;color:white; font-size:.32rem; text-align:center;}
.menu-list li a{color:#ccc;}
.menu-list li.current a{ color:white;}
.menu-list li div{ display:none;}
.menu-list li div a{ display:block; font-size:.24rem;}
.close {width:.4rem; height:.4rem; position:fixed; right:.4rem; top:.2rem; z-index:9999; display:none;}
.close::before, .close::after {content: ''; position: absolute; height: 2px; width: 100%;top: 50%;left: 0; margin-top: -1px;background: #fff;}
.close::before { transform: rotate(45deg);}
.close::after {transform: rotate(-45deg);}


.page-content{ position:relative;color:#222; top:.8rem;}
#pageContact{ text-align:center;}
#pageContact div{margin:0 auto;}
#pageContact div p,#pageContact div b{text-align:left;font-size:.24rem;line-height:.42rem;width:80%; margin:0 auto; display:block;}
.contact-img{width:100%; display:block; margin:0 auto;}

.about_img{width:53.333%; margin:0 auto;}
.about_txt{width:92%; margin:0 auto;font-size:.24rem; text-align:justify; border-bottom:.03rem solid #ccc; padding-bottom:.15rem}
.about_txt b{ display:block;  line-height:.6rem;font-size:.3rem;}
.about_txt p{ color:#222; line-height:.4rem; margin-bottom:.25rem;}
.about-img{ display:block; width:92%; margin:0 auto;}
.about-exh{width:92%; margin:0 auto;font-size:.24rem; padding-top:.15rem;}
.about-exh b{ display:block;font-size:.28rem; line-height:.9rem;}
.about-exh p{ padding-left:3%;line-height:.32rem; margin-bottom:.25rem;}
.about-exh p.wx{ background:url(../images/wx.png) 3% center no-repeat; background-size:auto 50%; padding-left:17%;}
.about-exh p.wb{ background:url(../images/wb.png) 3% center no-repeat; background-size:auto 100%; padding-left:17%;}
.about-exh p.ins{ background:url(../images/ins.png) 3% center no-repeat; background-size:auto 100%; padding-left:17%;}
.about-exh p.wx span{ display:inline-block; color:white; background:#222; padding:0 5px;}

.news-img li{width:92%; margin:0.4rem auto 0; background:url(../images/load.gif) center no-repeat; background-size:20%;}
.news-title{width:92%; margin:0 auto; text-align:right; font-size:.22rem; color:#222; line-height:.42rem;}
.news-title b{ font-size:.28rem;}

.works_list{ text-align:center; margin-bottom:0.3rem; padding-top:0.8rem;}
.work-title{ margin-bottom:.4rem;}
.works_list ul{ margin-bottom:.4rem;}
.works_list li{ display:inline-block; margin:0 3% .4rem;width:40%;}
.works_list li.single{width:88%;}
.works_list li img{ display:block; width:100%;}
.works_list li p{ text-align:center; color:#222; font-size:0.18rem; line-height:0.8rem; height:0.8rem;}
.work-title{width:100%;}
.works_list li.single-img{width:92%; margin:0;}