@charset "utf-8";
/*img{filter: blur(7px);-webkit-filter: blur(7px);}
.header .logo img,.main_image li img{filter: none;-webkit-filter: none;}
.header .m_menu,.nav li:nth-child(5), .nav li:nth-child(3), .nav li:nth-child(7), .nav li:nth-child(8){ display: none !important;}*/
.header .m_menu,.nav li:nth-child(5){ }
.displayNone,.displayEsp,.hot-title,.hot-product,.case-list{ display:none;}
/**@description: m public @update: yzl ( 2020-11-27 )**/
.CONTENT_zixun{ display: none; padding:.3em 0;background-color: #fd5877;text-align: center;color: #ffffff;}
.CONTENT_zixun a{ font-weight: bold;color: #ffffff;}#doublle{ display: none;}
#CONTENT_zixun,#CONTENT_zaixian{text-indent: 0;text-align: center !important;}
#CONTENT_zixun a,#CONTENT_zaixian a{border-radius: 20px;display:inline-block;width: 40%;height: 2.5em;font-size: 1em;color: #666;text-align: center;line-height: 2.5em;}
#CONTENT_zixun a,#CONTENT_zaixian a{color: #fff;width: 40%;height: 2.5em;border: none;margin: 15px 20px 15px 0;}
#CONTENT_zixun a{background-color: #ff5370;}
#CONTENT_zaixian a{background-color: #58a6fd;}
*{ padding: 0; margin: 0;}
i{ font-style: normal;}
body {font-family:microsoft yahei,tahoma,Helvetica,Arial;background: #f8f8f8 !important;color: #504e4e;}
a{color: #504e4e;text-decoration: none;outline: 0;}
a:active,a:hover {text-decoration: none!important}
b, strong {font-weight: 600;}
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee}
ul,ol,dl { list-style: none}
h1,h2,h3,h4,h5,h6 {font-weight: 400}
table {width: 100%;margin-top: 1em;border-collapse: collapse;}
table,table tr,table tr td {border: #ececec 1px solid;line-height: 2.5em;max-width: 100%;text-align: center;font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
table tr td{/* padding-left: 10%; */}
table tr:nth-child(odd){ background-color: #f1f1f1;}

.container{max-width: 640px; min-width: 320px;display: block; margin: 0 auto;} 
.fr {float: right}
.fl { float: left}
.clearfix:after { clear: both; display: block; content: ''}
.clearfix { zoom: 1}
.clam { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word;  white-space: normal; -webkit-box-orient: vertical;}
.clam1 { -webkit-line-clamp: 1;}
.clam2 { -webkit-line-clamp: 2;}
.clam3 { -webkit-line-clamp: 3;}

.header{position: fixed; top: 0;width:100%;min-width:320px;max-width:640px; background-color: #fff; z-index: 10;}
.header .logo {display: block; width: 64%;margin:2% 0 0 1%;}
.header .logo a { color: transparent; line-height: 0;}
.header .logo a:hover {color: transparent!important}
.header .logo a,.header .logo img {display: block; width: 65%}
.header_bg{height: 5.5em;background-color: #fff;border-bottom: 1px solid #f2f2f2;}

.header{display: flex;align-items: center;justify-content: space-between;padding: .5%;box-sizing: border-box;}
.header .menu{ display:none;width: 50%;text-align:center;height: auto;z-index: 100;background-color: #fff;position:absolute;flex-direction: column;line-height: 4em;right:0;top:4.6em;}
.header .menu li{text-align: center; width: 100%;  padding:0 .5em;box-sizing: border-box;}
.header .menu li:not(:last-child){border-bottom: 1px solid #ddd;}
.header .menu a{color: #ff657e;}
.header .m_menu{display:block;font-size: 250%;color: #b84d5e;}

.nav {border-bottom: .5em solid #f2f2f2;padding:1em 0;background-color:#FFF;}
.nav ul {display: flex; flex-wrap: wrap;}
.nav li {width: 25%; padding: 10px 7px; border-left: 1px solid #f8f8f8; border-top: 1px solid #f8f8f8; box-sizing: border-box;}
.nav li i {display: block;width:4.5em;height:4.6em; margin: 0 auto; background: url(../images/btns.png) no-repeat; background-size: 100%}
.nav li span {display: block; padding-top: 8px; font-size: 1em; text-align: center; color: #333}
.nav li:first-child,.nav .hg_btn { border-left: 0}
.nav li:first-child,.nav li:nth-child(2),.nav li:nth-child(3),.nav li:nth-child(4) {border-top: 0}
.nav li:first-child i {background-position: center -27.5em;}
.nav li:nth-child(2) i {background-position: center -4.6em;}
.nav li:nth-child(3) i {background-position: center -9.2em;}
.nav li:nth-child(4) i {background-position: center -13.8em;}
.nav li:nth-child(5) i {background-position: center 0;}
.nav li:nth-child(6) i {background-position: center -18.4em;}
.nav li:nth-child(7) i {background-position: center -23em;}
.nav li:nth-child(8) i {background-position: center -32.2em;}

.dqwz {border-bottom: 1px solid #eaeaea;font-size: 1em;line-height: 3em;text-indent: 1em;display:block;}
.dqwz,.dqwz a {color: #52b7fa}

.footer { margin-bottom: 3.5em; padding: 1em;font-size: .9em; line-height: 1.6em; background-color: #f1f1f1; color: #484848;text-align: center}
.footer span { display: block;}



#footer_f{ font-size:1em;width: 100%;min-width: 320px; max-width: 640px; margin: 0 auto;bottom: 0;position: fixed;height: 3.3em;z-index: 9999; display: flex;}
#footer_f_l,#footer_f_r{ font-weight: bold;display: block;width: 50%;height: 3.3em; line-height: 3.3em; text-align: center; color: #fff;}
#footer_f_l i,#footer_f_r i{vertical-align: -webkit-baseline-middle;padding: .5em .8em;margin-right: .3em;}
#footer_f_l {background-color:#fd5877; border-right: 2px solid #fff;}
#footer_f_l i{background: url(../images/b_ico_l.png) no-repeat; background-size: 100%;}
#footer_f_r {background-color:#58a6fd; position: relative;}
#footer_f_r i{background: url(../images/b_ico_r.png) no-repeat;background-size: 100%;}
#footer_f_r .sp3{ display:none; font-size:.9em;position: absolute;background-color: #f31919;height: 1.2em;width: 1.2em;border-radius: 1.2em;color: #fff;line-height: 1.2em;font-style: normal;top: .3em;/*margin-left: -.5em;*/}
#footer_f_r .sp2{background:url(../images/finger.png) no-repeat;position: absolute; background-size: 100%;bottom: .3em;width: 2em;height: 2em; margin-left: .5em;}
@media screen and (max-width:375px){
	#footer_f_l i,#footer_f_r i{ padding-top:.3em;}
}


#DIALOG_BOTTOM{ min-width: 320px; max-width: 640px; margin: 0 auto;left: auto !important;}
#DIALOG_BOTTOM {width: 100%;bottom: 0;position: fixed;height: 50px;z-index: 9999;}
#DIALOG_BOTTOMButtonLeft {
	width: 50%;
	bottom: 0;
	left: 0;
	position: absolute;
	background:url(../images/bottomleft.png) !important;
	background-size: 100% 100% !important;
	height: 50px;
	z-index: 9999;
}

#DIALOG_BOTTOMButtonRight {
	width: 50%;
	bottom: 0;
	right: 0;
	position: absolute;
	background: url('../images/1-1z41qf40eq.png') !important;
	background-size: 100% 100% !important;
	height: 50px;
	z-index: 9999;
}


#MessageMeiErBeiCenter,#MessageMeiErBeiShadow,#MessageMeiErBeiBottomButton,#MessageShark { display: none!important}
#MessageMeiErBeiBottomButtonRight {background: url(../images/1-1z41qf40eq.png) no-repeat!important;
 background-size: 100% 100%!important;}
#zx_right{display:none;z-index:100; position: fixed; right: 0; top: 60%; width: 5.5em;}
#zx_right img{ width: 100%;}
.zx_right{ display: block !important;}

.consul img{width: 100%;max-width: 100% !important;min-width: auto !important;height: auto !important;}
@media print { 
    body { display:none; } 
} 
@media(max-width:640px) {
	body{ font-size: 100% !important;}
}
@media screen and (min-width: 435px) and (max-width: 550px){	
	body{ font-size: 95% !important;}
    div.flicking_con{top:16em !important;}
    .main_image{height:16.5em !important;}
}
@media(max-width:480px) {
	body{ font-size: 90% !important;}
	.header .logo a, .header .logo img{ width: 70%;}
	.header_bg{height: 4em;}
}
@media(max-width:414px) {
	body{ font-size: 85% !important;}
    div.flicking_con{top:15em !important;}
    .main_image{height:15em !important;}
    
}
@media screen and (max-width:375px){
	body{ font-size: 80% !important;}
    div.flicking_con{top:14.5em !important;}
    .main_image{height:15em !important;}
}
@media(max-width:360px) {
	body{ font-size: 78% !important;}
    div.flicking_con{top:14em !important;}
    .main_image{height:15em !important;}
}
@media screen and (max-width: 320px){
	body{ font-size: 75% !important;}
	div.flicking_con { top: 13em !important;}
	.main_image{height:14em !important;}
}

.editor{color: #C0C4CC;padding: .5rem 0 0 0;font-size: .9rem;margin: .7rem 0 0 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.editor .user-name{text-align: left;}
.editor .user-other span{ padding-right: .5rem;}
.editor p a{color: #555ba6;}
.shenming{border: 1px solid #eee;padding: 10px;box-sizing: border-box;color: #7d7d7d;}
.shenming div{text-align: center !important;margin-bottom:.3rem;line-height: 1.5rem;font-size: 1rem;}
.shenming span{ font-size:.9rem}
@media(max-width: 480px) {
	.editor p{ width:100%;}
	.editor .user-name{ margin-bottom:.5rem;}
}