*, :before, :after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, header, hgroup, nav, section, article, aside, footer, figure, figcaption, menu, button {
    margin: 0;  padding: 0;}#LXB_CONTAINER_SHOW.lxb-container-btn-show{    top: 20% !important; display:none !important; }
#LXB_CONTAINER_SHOW{ font-size:16px !important }
body { font-family:STHeiti,Microsoft YaHei,Helvetica,Arial,sans-serif;color: #333333;background-color: #fff;font-size: 0.24rem;outline: 0;max-width: 750px;min-width: 320px;width: 100%;margin: auto;color: #000000;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight: 400;}
caption, th {text-align: left;}
fieldset, img {
    border: none;
}
ul {
    overflow: hidden;
}
li {
    list-style: none;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
input, button, textarea, select, optgroup, option {
    -webkit-appearance: none;
    border: none;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: 0;
}
button {
    -webkit-appearance: none;
    border: none;
}a {   -webkit-touch-callout: none;
    text-decoration: none;
}
:focus {
    outline: none;
}
em, i {
    font-style: normal;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}
input[type=submit] {
    -webkit-appearance: none;
}
.clear{ clear:both}
/*首页*/
header{ width:100%;}
.nav{ width:100%;   padding:0 .10rem; margin-top:.2rem;}
.qudz_navs{margin-bottom:.30rem;}
.advantage_title{padding-left:.45rem ;padding-top: .45REM; margin-bottom:.65rem}
.advan_title{padding-left:.45rem ;padding-top: .50REM; }
.advantage_title h2,.advan_title h2{ color: #444; font-size: .30rem;}
.advantage_title p,.advan_title p{ color: #ccc;font-size: .22rem}
.company{ width:6.6rem; margin: 0 auto;font-size: .22rem;color:#666;text-indent:.45rem; }
.company p{ padding: .05rem 0;}

.servious{ margin-top: .70rem;}
.design_page{width:6.5rem; margin: 0 auto;font-size: .22rem;color:#666;}
.design_page p{text-indent:.45rem; }
.designimg{margin-bottom:.78rem ;}
.design_page p{ padding-bottom:.45rem ;}
.content{ margin-top: .78rem;}
.box {
	width: 100%;
	height: auto;
	line-height: 5;
	text-align: center;
	font-size: 5em;
	color: #fff;
	text-transform: capitalize;
	vertical-align: middle;
}
.seven{ margin-top: .60rem; }
.seven li{ margin-top: .70rem;}
.seven_one{ width:5.4rem; margin: 0 auto;}
.sev_title{font-size: .26rem;}
.sev_tit{font-size: .24rem;color:#c8c8c8 }
.sev_page{font-size: .22rem;color:#666; padding-top:.50rem ;}
.cenimg{ margin-bottom: 1rem;}
.base{ margin-bottom: .60rem;}
.bases {overflow:hidden ; width:6.80rem;margin: 0 auto;}
.bases dl{ width:3.30rem ;float: left;}
.basf{ float: left;}
.basf dd{ padding-left: .20rem;padding-right: .10rem;}
.base_sm{ margin-top: .35rem; color: #666; font-size: .24rem;}
.base_dc{  color: #666; font-size: .24rem; padding-bottom: .20rem;}
.ke_title h2{ font-size: .30rem;text-align: center; width: 100%; margin-top:.30rem ;}
.kes_title h2{ font-size: .30rem;text-align: center; width: 100%; margin-top:.30rem ;}
.ke_title p{font-size: .26rem; color:#c8c8c8 ;width: 100%; text-align: center; margin-bottom: .85rem;}
.kes_title p{font-size: .26rem; color:#c8c8c8 ;width: 100%; text-align: center; margin-bottom: .45rem;}
.ke_page{ width: 5.50rem; margin: .35rem auto;text-indent:.4rem; color: #666; font-size: .22REM;}
.keding{ background-color: #f6f6f6; padding-top:.20rem}
.ke_page{ margin-bottom: .90rem; padding-bottom: .90rem;}
.har,.paint {width:6.15rem ; margin: 0 auto; padding-bottom:.5rem; overflow: hidden;}
.video{ width:6rem ; overflow: hidden; margin:.30rem 0;}
video{ text-align: center;}
.video_one{padding:.20rem 0 }
.paint p.plank{ color: #777; font-size: .22rem;}
.har ul,.paint ul{ border:#66AFE90 1px solid;}
.har li,.paint li{width:2rem ; float: left;padding:.1rem; text-align: center; margin: 0 .02rem;}
.har li p,.paint li p{ color: #666; font-size:.24rem ;}
.qf{ width: 6.8rem; overflow: hidden; margin: 0 auto;}
.qf dt{ width: 3.4rem; float: left; padding-right:.50rem ;}
.snsf{font-size: .22rem; color: #666;}
.snsf P {font-size: .24rem;color: #555;}
.fw{font-size: .22rem; color: #666; padding-top: .20REM;}
.qf_title { margin-top: .90rem;}
.qf_title h2{ font-size:.30rem; float: left; width: 100%;}
.df_title p{ font-size: .26rem; color:#c8c8c8 ;width: 100%; margin-bottom: .35rem; }
.cont{ font-size: .24rem; color: #666;}
.us{font-size: .26rem;}
.cont p{padding:.10rem 0}
.cenpage1{text-align: center; #666; font-size:.26rem;}
.cenpage2{text-align: center; font-size: .18rem; color: #C0C0C0; margin-bottom: .50rem;}
.cenim{ width: .70rem;  margin:0 auto ;text-align: center;padding-bottom: .40rem;}
.sp{ color: #666; font-size:.24rem; padding-top: .25rem;}
.spage{ color: #999; font-size:.22rem; padding-bottom: .35rem;}
.case{ width:6.8rem; margin:0 auto ;}
.case dl{ background-color: #f6f6f6; margin-bottom: .30rem;}
.case dd{padding-left:.20rem;}
.case_one{color:#666; font-size: .24rem ; margin-top: 10PX;}
.case_two{color:#999; font-size: .20rem ;padding-right: .20rem;}
.case_three{color:#999; text-decoration:underline; padding-bottom:.35rem;}

.napa{ width:6.8rem; margin: 0 auto;}
.napa p{ color: #666; font-size: .22rem; margin-top: .10rem;}
.bas_title h2{text-align: center; margin-bottom:.60rem;}
.bas_two{width:6.9rem ; margin: 0 auto;  overflow: hidden; margin-bottom: .50rem;}
.bas_two dl{ width:2.2rem ; float: left; text-align: center; background-color:#f6f6f6 ; height:2.2rem}
.base_dcs{ padding: 0 .10rem; color: #777; font-size: .20rem;}
