* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html {-webkit-text-size-adjust: 100%; font-size: 100px;}
body {padding: 0;margin: 0 auto;font-size:0.16rem; color: #000000;background-color: #fff;font-family: "HarmonyOS_Sans_SC_Light", "Arial","sans-serif";min-width: 320px;
    -webkit-text-size-adjust: none;
    /*取出点击出现半透明的灰色背景*/
    -webkit-tap-highlight: rgba(0,0,0,0);
    /*控制内容的可选择性*/
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.body_hide{overflow-y:hidden}
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  {
  margin: 0;
  padding: 0;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
ul,
li,
form,
dl,
dt,
dd,
div,
ol,
figure,
aside{padding: 0;margin: 0;}
ul,
.ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;table-layout: fixed;}
table td {border-collapse: collapse;}
select, input, textarea {font-size: 16px;color: #333;border-radius: 0;-webkit-border-radius: 0;}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none; -webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}
/* a:hover {color: #c3d6ee;text-decoration: none;} */
a:focus {color: #333;outline: none;-moz-outline: none;}
a:active {color: #333;}
pre{
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;
    margin:0;
    text-align:inherit;
    text-justify:inherit;
	font-family: "HarmonyOS_Sans_SC_Light", "Arial","sans-serif";
}
img, object {
    border: none;
    max-width: 100%;
    border: 0;
    overflow: hidden;
    vertical-align: middle;
}

.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; }

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
/*2行文本省略号*/
.dot2 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
/*3行文本省略号*/
.dot3 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
/*4行文本省略号*/
.dot4 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}

.ytable{ display:table; width:100%; height: 100%; table-layout: fixed;}
.ytable-cell{ display:table-cell; vertical-align:middle;}

.bg_cover{background-size: cover;background-position: center center;background-repeat: no-repeat;}
.bg_contain{background-size: contain;background-position: center center;background-repeat: no-repeat;}
a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 去掉链接触摸高亮 */
a:focus {
    outline: none;
    -moz-outline: none;
}

.hide {
    display: none;
}
.auto-1680{max-width: 1200px;margin: auto;}
.auto-1600{max-width: 1200px;margin: auto; width: 85%;}
.auto-1200{max-width: 1200px; margin: 0 auto; width: 85%;}
@media(max-width:1680px){
    .auto-1680{max-width: 1200px;margin: 0 auto;}
}
@media(max-width:1200px){
    .auto-1200,
    .auto-1600,
    .auto-1680{width: 100%; padding: 0 .3rem;}
}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f24{font-size: 24px;}
.f26{font-size: 26px;}
.f28{font-size: 28px;}
.f30{font-size: 30px;}
.f36{font-size: 36px;}
.f44{font-size: 44px;}
.f48{font-size: 48px;}
@media(max-width:1200px){
    .f48{font-size: 40px;}
}
@media(max-width:1024px){
	html{ font-size: 80px;}
	body,
	.f16{font-size: 15px;}
    .f18{font-size: 17px;}
    .f20{font-size: 18px;}
    .f24{font-size: 20px;}
    .f26{font-size: 22px;}
    .f28{font-size: 24px;}
    .f30{font-size: 24px;}
    .f36{font-size: 28px;}
    .f44{font-size: 34px;}
    .f48{font-size: 36px;}
}
@media(max-width:640px){
    html{ font-size: 70px;}
	select, input, textarea,
	body,
	.f16{font-size: 14px;}
    .f18{font-size: 16px;}
    .f20{font-size: 16px;}
    .f24{font-size: 17px;}
    .f26{font-size: 19px;}
    .f28{font-size: 20px;}
    .f30{font-size: 20px;}
    .f36{font-size: 22px;}
    .f44{font-size: 24px;}
    .f48{font-size: 24px;}
}


/* 底部 */
footer{background-color: #f6f0e2;}
footer .auto-1680{display: flex;justify-content: space-between;padding: .8rem .3rem;}
footer .left{width: 70%;}
footer .slogan_box{display: flex;align-items: center;justify-content: space-between;padding-bottom: .7rem;border-bottom: 1px solid rgba(153,153,153,.2);margin-bottom: .6rem;}
footer .slogan_box .item{display: flex;align-items: center;}
footer .slogan_box .item .text p{font-size: .16rem;margin-bottom: .1rem;}
footer .slogan_box .item .text span{font-size: .14rem;font-weight: 200;}
footer .slogan_box .item .icon{margin-right: .2rem;}
footer .dy_box{padding-bottom: .3rem;border-bottom: 1px solid #33383f;display: inline-block;margin-bottom: .6rem;}
footer .dy_box span{font-size: .16rem;margin-right: .25rem;}
footer .dy_box input{font-size: .14rem;border: none; border-left: 1px solid #33383f;background: transparent;padding: 0 .1rem;}
footer .dy_box .icon{width: .41rem;height: .21rem;background-position: center;background-size: cover;display: inline-block;vertical-align: middle;}

footer .links{margin-bottom: .2rem;}
footer .links a{
    font-size: .16rem;
    color: #333333;
    line-height: 1.2;
    padding: 0 0.2rem;
    position: relative;
}
footer .links a:hover{color: #fff;}
footer .links a::before{
    content: '';
    width: 1px;
    height: 11px;
    background-color: #aaaaaa;
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
}
footer .links a:first-child{padding-left: 0;}
footer .links a:first-child::before{content:none}
footer .cppyright{color: #333333;opacity: 0.5;font-size: .14rem;}
footer .cppyright a:hover{color: #333333;}

footer .blogo{text-align: center;border-bottom: 1px solid rgba(153,153,153,.2);padding-bottom: .2rem;}
footer .blogo img{max-width: 240px;}
footer .contact{margin: .5rem 0;}
footer .contact p{font-size: .14rem;margin-bottom: .1rem;}
.shares{display: flex;align-items: center;justify-content: flex-start;}
.shares .item {width: .4rem;height: .4rem;border-radius: 50% ;background-color:rgba(51,56,63,0.08);display: flex;align-items: center;justify-content: center;margin: 0 3px;}
.shares .item a{display: inline-block;background-position: center;background-repeat: no-repeat;background-size: contain; position: relative;}
.shares .item a figure{ display: flex; width: .4rem;height: .4rem; align-items: center; justify-content: center; }
.shares .item a figure .img2{ display: none;}
.shares .item a .hover{ position: absolute; left: 50%; bottom: 120%; width: 105px; height: 105px; background-color: #fff; padding: 5px; transform: translateX(-50%); display: none; }
.shares .item a:hover .hover{ display: block;}
.shares .item a:hover  figure .img2{ display: inline-block;}
.shares .item a:hover  figure .img1{ display: none;}
.shares .item a .hover::after{ content: ''; position: absolute; left: 50%; top: 100%; width: 0; height: 0; border: 5px solid transparent; border-top-color: #fff; transform: translateX(-50%);}
/* .shares .item a.icon_wx{background-image:url(../images/icon12.png);width: .2rem;height: .17rem;}
.shares .item a.icon_wb{background-image:url(../images/icon13.png);width: .2rem;height: .16rem;}
.shares .item a.icon_tm{background-image:url(../images/icon14.png);width: .24rem;height: .11rem;}
.shares .item a.icon_jd{background-image:url(../images/icon15.png);width: .24rem;height: .17rem;}
.shares .item a.icon_xhs{background-image:url(../images/icon16.png);width: .28rem;height: .10rem;} */

@media(max-width:900px){
    footer .auto-1680{flex-direction: column-reverse;padding: .3rem;}
    footer .contact{text-align: center;margin: 0.3rem 0;}
    .shares{padding: 0 .5rem;}
    footer .right{margin-bottom: .3rem;}
    footer .left{width: 100%;}
    footer .slogan_box{padding-bottom: .2rem;margin-bottom: .2rem;align-items: flex-start;}
    footer .dy_box{display: block;text-align: center;margin-bottom: .3rem;}
    footer .links a{padding: 0 .05rem;}
    footer .links a::before{left: -2px;}
    footer .cppyright{text-align: center;}

    footer .slogan_box .item{display: flex;flex-direction: column;width: 15%;text-align: center;}

    footer .slogan_box .item .icon{margin: 0;width: 70%;height: 50px;display: flex;align-items: center;justify-content: center;}

    footer .links{text-align: center;}
    
}
@media(max-width:640px){
    footer .slogan_box .item .text p{height: .4rem;}

footer .slogan_box .item .icon img{height: 28px;}
    footer .slogan_box .item{width:24%}

footer .links a{padding:0 .01rem 0 .03rem;}
.shares{justify-content: center;}
}