/*reset-样式重置*/
* {padding: 0;margin: 0;list-style: none;}
html,body {margin: 0 auto;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,header,section,footer {margin:0;padding:0}
body,button,input,select,textarea {font:12px/1.5 "微软雅黑";color:#666666;}
body {overflow-x: hidden;}
address,cite,dfn,em,var,i {font-style: normal}
ul,ol,dl {list-style: none}
a{text-decoration: none;outline: none;font-family: "微软雅黑";color: #666666;cursor: pointer;font-size: 12px;}
li{font-size: 12px;font-family: "微软雅黑";list-style: none;margin: 0;padding: 0;}
em{font-style: normal;font-size: 12px;}
body,p,span{font-family: "微软雅黑";}
img {border: none;}
p {margin: 0px;padding: 0px;word-wrap: break-word;}
:focus {outline: none;}
img {border: 0;vertical-align: middle;display: inline-block;}
.fl {float: left;}
.fr {float: right;}
.clear {clear: both;}
.clear:after {display: block;mainContent: "";clear: both;}
.transtion {transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}
.fl{float: left;}
.fr{float: right;}
.clear{clear:both;}
.clear:after{display: block;content: "";clear: both;}

.wrapper{
	position: relative;
	height: auto;
	max-width: 7.5rem;
	margin: 0 auto;
	background: #f0eff5;
	margin-bottom: 1.24rem;
}

.wrapper .header{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 0.88rem;
	max-width: 7.5rem;
	margin:auto;
	width: 100%;
	background: #fff;
	z-index: 999;
	background: #f8f8f8;
	box-shadow: 0px 1px 10px 0px #999;
    -webkit-box-shadow: 0px 1px 10px 0px #999;
}
.wrapper .header .logo{
	width: 0.61rem;
	height: 0.63rem;
	text-align: center;
	line-height: 0.7rem;
	font-size: 0;
	float: left;
	margin-top: 0.06rem;
	margin-left: 0.24rem;
}
.wrapper .header .logo img{
	/*max-width: 3.06rem;*/
	height: 0.63rem;
}
.wrapper .header .icon{
	float: right;
	margin-right: 0.24rem;
	margin-top: 0.24rem;
	width: 0.4rem;
	height: 0.4rem;
	background: url("nav-icon.png") no-repeat center;
	background-size: contain;
}
.menu_list_bor {
    position: fixed;
    height: 100%;
    width: 100%;
    right: -100%;
    top: 0;
    z-index: 8888;
}

.colse_menu {
    position: absolute;
    left: 0;
    top: 0;
    width: 40%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 999;
}

.menu_right {
    width: 60%;
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    background: #fff;
    z-index: 9999;
    overflow-x: hidden;
}

.menu_top {
    width: 100%;
    height: 1rem;
    border-bottom: 1px solid #bbbbbb;
}

.clo {
    line-height: 1rem;
    color: #333;
    font-size: 0.3rem;
    width: 1.8rem;
    margin-left: 0.3rem;
    height: 1rem;
    background-size: auto 0.25rem;
    padding-left: 0.35rem;
}

.menu_list {
    width: 100%;
}

.clo b{
    float: left;
    height: 100%;
    width: 20px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform:  rotate(180deg);;
    background: url('fl.png') no-repeat right center;
    background-size: 40%;
}

.clo span {
    display: inline-block;
    line-height: 0.8rem;
    margin-left: 0.1rem;
}

.menu_list >ul>li,.menu_list>ul>li >ul>li{
    line-height: 0.8rem;
    *height: 0.8rem;
    position: relative;
    border-bottom: 1px solid #e9e9e9;
}
.menu_list>ul>li >ul{
    display: none;
}
.menu_list >ul >li >a,.menu_list>ul>li >ul>li>a {
    line-height: 0.8rem;
    *height: 0.8rem;
    color: #333;
    font-size: 0.28rem;
    display: inline-block;
    padding-left: 0.65rem;
    /*width: 100%;*/
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.menu_list>ul>li >ul>li{
    border:0;
    border-top: 1px solid #e9e9e9;
    padding-left: 0.3rem;
}

.menu_list >ul >li >ul>li>a{color: #575757;}

.menu_list >ul >li>b, .menu_list >ul >li >ul>li b{
    position: absolute;
    display: block;
    width: 50%;
    height: 0.8rem;
    right: 0;
    top: 0;
    background: url('fl.png') no-repeat 90% center;
    background-size: 7%;
}
.menu_list>ul>li >ul>li li{
    border-top:1px solid #e9e9e9;
}
.menu_list>ul>li >ul>li li a{
    padding-left:1rem;
    color:#333;
    font-size: 0.28rem;
}

.menu_list>ul>li>b.nex ,.menu_list >ul >li >ul>li b.nex{
    background: url('nex.png') no-repeat 90% center;
    background-size: 12%;
}

.menu_list>ul>li{line-height: 0.8rem;}

/*banner*/
.banner{
	margin-top: 0.88rem;
	max-width: 7.5rem;
	width: 100%;
	height: 3.13rem;
	position: relative;
}
.banner img{
	max-width: 7.5rem;
	width: 100%;
}

.wrapper .banner .flex-control-nav{
	max-width: 750px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0.15rem;
	text-align: center;
}
.wrapper .banner .flex-control-nav li{
	display: inline-block;
	margin: 0 0.1rem;
}
.wrapper .banner .flex-control-nav li a{
	width: 0.2rem;
	height: 0.2rem;
	background: rgba(255,255,255,0.75);
	/*border-radius: 50%;*/
	display: block;
	text-align: center;
	line-height: 0.2rem;
	color: #fff;
	font-size: 0;
	border-radius: 50%;
}
.wrapper .banner .flex-control-nav li a.flex-active{
	background: #c08f29;
	color: #c08f29;
}

html{background: #fff;}

/*  */
#service{padding: 0.5rem 0.24rem;background: #fff;}
#service h3{text-align: center;line-height: 0.6rem;color: #333;font-size: 0.36rem;margin-bottom: 0.24rem;}
#service .swiper-slide dt{height: 5.25rem;text-align: center;font-size: 0;line-height: 5.25rem;}
#service .swiper-slide dt img{max-width: 100%;max-height: 100%;}
#service .swiper-slide dd{font-size: 0.32rem;text-align: center;margin: 0.15rem 0;}

/*  */
#case{background: #fff;padding: 0.5rem 0.24rem;}
#case h3{text-align: center;line-height: 0.6rem;color: #333;font-size: 0.36rem;margin-bottom: 0.24rem;}
#case .case-list{overflow: hidden;}
#case .case-list dl{float: left;width: 3.3rem;margin-bottom: 0.24rem;}
#case .case-list dl:nth-child(even){float: right;}
#case .case-list dl dt{height: 2.55rem;text-align: center;line-height: 2.55rem;font-size: 0;}
#case .case-list dl dt img{max-width: 100%;max-height: 100%;}
#case .case-list dl dd{font-size: 0.3rem;text-align: center;margin: 0.1rem 0;}
#case .more{display: block;width: 2.4rem;height: 0.7rem;font-size: 0.32rem;text-align: center;line-height: 0.7rem;border: 1px solid #333;color: #333;margin: 0 auto;}

/*  */
#brief{padding: 0.5rem 0.24rem;background: #fff;}
#brief .title{text-align: center;line-height: 0.6rem;color: #333;font-size: 0.36rem;margin-bottom: 0.24rem;}
#brief p{font-size: 0.3rem;line-height: 0.5rem;margin: 0.25rem 0;}
#brief div{overflow: hidden;}
#brief div p{float: left;width: 33.33%;text-align: center;}
#brief div p b{font-size: 0.5rem;display: block;}
#brief div p em{font-size: 0.28rem;}
#brief a.more{display: block;width: 2.4rem;height: 0.7rem;font-size: 0.32rem;text-align: center;line-height: 0.7rem;border: 1px solid #333;color: #333;margin: 0 auto;margin-top: 0.4rem;}

/*  */
#news{background: #fff;padding: 0.5rem 0.24rem;}
#news .title{text-align: center;line-height: 0.6rem;color: #333;font-size: 0.36rem;margin-bottom: 0.24rem;}
#news .news-list dl{position: relative;}
#news .news-list dl dt{height: 3.5rem;line-height: 3.5rem;text-align: center;font-size: 0;}
#news .news-list dl dt img{max-width: 100%;max-height: 100%;}
#news .news-list dl dd{position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(0,0,0,0.75);}
#news .news-list dl dd h3{font-size: 0.32rem;margin: 0.15rem 0;text-align: center;color: #fff;}
#news .news-list dl dd p{font-size: 0.28rem;color: #888;display: none;}
#news .news-list ul{margin-top: 0.25rem;}
#news .news-list ul li{height: 0.8rem;border-bottom: 1px dashed #dedede;}
#news .news-list ul li a{font-size: 0.3rem;color: #333;display: block;line-height: 0.8rem;}
#news .news-list ul li a span{float: right;color: #888;}

/*  */
#customer{background: #fff;padding: 0.5rem 0.24rem;overflow: hidden;}
#customer .title{text-align: center;line-height: 0.6rem;color: #333;font-size: 0.36rem;margin-bottom: 0.24rem;}
#customer dl dt{height: 1.68rem;text-align: center;line-height: 1.68rem;font-size: 0;}
#customer dl dt img{max-width: 100%;max-height: 100%;}
#customer dl dd{text-align: center;font-size: 0.3rem;color: #333;margin: 0.1rem 0;}

/*  */
#footer{position: fixed;bottom: 0;left: 0;right: 0;height: 1rem;background: #3b3b3b;display: flex;max-width: 7.5rem;margin: 0 auto;z-index: 999;}
#footer a{flex: 1;text-align: center;color: #fff;font-size: 0.32rem;line-height: 1rem;}
#footer a:last-child{background: #d8271c;}
#footer a img{width: 0.5rem;margin-right: 0.1rem;}

/*  */
#innerService{padding: 0.5rem 0.24rem;overflow: hidden;background: #fff;}
#innerService dl{float: left;width: 3.4rem;}
#innerService dl:nth-child(even){float: right;}
#innerService dl dt{height: 7rem;text-align: center;line-height: 7rem;font-size: 0;}
#innerService dl dt img{max-width: 100%;max-height: 100%;}
#innerService dl dd{font-size: 0.32rem;line-height: 0.8rem;text-align: center;color: #333;}

/*  */
#news .innerNews-list dl{overflow: hidden;margin: 0.24rem 0;padding-bottom: 0.2rem;border-bottom: 1px dashed #dedede;}
#news .innerNews-list dl dt{float: left;width: 2.5rem;font-size: 0;text-align: center;height: 1.25rem;line-height: 1.25rem;}
#news .innerNews-list dl dt img{max-width: 100%;max-height: 100%;}
#news .innerNews-list dl dd{float: right;width: 4rem;margin-left: 0.2rem;}
#news .innerNews-list dl dd h3{font-size: 0.32rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#news .innerNews-list dl dd p{font-size: 0.28rem;}

/*  */
#innerNav{padding: 0.24rem;background: #fff;margin-bottom: 0.1rem;}
#innerNav ul{overflow: hidden;display: flex;justify-content: space-between;flex-wrap: wrap;}
#innerNav ul li{width: 3rem;margin: 0.1rem 0;}
#innerNav ul li a{font-size: 0.32rem;color: #333;text-align: center;border: 1px solid #dedede;border-radius: 0.1rem;display: block;line-height: 0.6rem;}
#innerNav ul li a.on{color: #fff;background: #d8271c;border-color: #d8271c;}

/*  */
.layui-laypage{width: 100%;text-align: center;margin: 0.5rem 0;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background: #d8271c;}

/*  */
#details *{font-size: 0.3rem;}
#details img{max-width: 100%;}
#details table{max-width: 100%;}
#details .details-title{text-align: center;padding-bottom: 0.15rem;margin-bottom: 0.15rem;border-bottom: 1px dashed #dedede;}
#details .details-title h3{font-size: 0.32rem;color: #333;}
#details .details-title p{font-size: 0.3rem;}
#details .details-content{min-height: 4rem;}
#details .details-prevnext{padding-top: 0.15rem;margin-top: 0.15rem;border-top: 1px dashed #dedede;}
#details .details-prevnext p{font-size: 0.32rem;}
#details .details-prevnext p a{font-size: 0.32rem;}


/*  */
#team{overflow: hidden;padding: 0.24rem;background: #fff;}
#team dl{float: left;width: 3.3rem;margin: 0.1rem 0;}
#team dl:nth-child(even){float: right;}
#team dl dt{text-align: center;font-size: 0;height: 4.1rem;line-height: 4.1rem;}
#team dl dt img{max-width: 100%;max-height: 100%;}
#team dl dd{text-align: center;}
#team dl dd h3{font-size: 0.32rem;color: #333;}
#team dl dd p{font-size: 0.28rem;font-size: 666;}

/*  */
.innerCustomer dl dt{height: 2rem !important;line-height: 2rem !important;}

/*  */
#innerContact .innerContact-list{display: flex;padding: 0.5rem 0.24rem;background: #fff;}
#innerContact .innerContact-list dl{flex: 1;}
#innerContact .innerContact-list dl dt{height: 1rem;text-align: center;line-height: 1rem;font-size: 0;}
#innerContact .innerContact-list dl dt img{max-width: 100%;max-height: 100%;}
#innerContact .innerContact-list dl dd h3{font-size: 0.32rem;line-height: 0.8rem;text-align: center;display: none;}
#innerContact .innerContact-list dl dd p{font-size: 0.28rem;text-align: center;margin: 0.15rem 0 0 0;}
#innerContact .innerContact-list dl dd span{display: block;width: 1rem;height: 0.04rem;margin: 0.3rem auto 0;background: #f1c232;}
#innerContact .innerContact-form{padding: 0.24rem;background: #fff;}
#innerContact .innerContact-form li span{display: none;}
#innerContact .innerContact-form li input{width: 100%;font-size: 0.3rem;margin: 0.1rem 0;}
#innerContact .innerContact-form li textarea{width: 100%;font-size: 0.3rem;margin: 0.1rem 0;}