@charset "utf-8";
html{font-size:16px;}
*,html, body, div, p, h1, h2, em,h3, h4, h5, h6, ul, li, dl, dd, dt, ol, img, table, form, input, button, textarea, select, option, strong, span, b, i, font, a, label, table, td { padding: 0; margin: 0; border: none;outline: none;  box-sizing: border-box; font-family: 'Noto Sans Sc'; }
textarea { -webkit-appearance: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a:hover, a:active,a {text-decoration: none; outline: none; }
a:hover { outline: none; }
ul, dl, li, dd, dt, ol { list-style: none; }
input, select, img { vertical-align: middle; outline: none; }
html, body { width: 100%; }
img { width: 100%;height:100%;object-fit:cover;-o-object-fit:cover;border:none;}
.none{display:none;}
.wh{width:85%;margin:0 auto;}
 /* 自定义无链接样式 */
 .link-disabled {  cursor:auto;}
/*公共flex布局*/
.df {display: flex; display: -ms-flexbox;}
/* 主轴对齐 */
.df-jc-c {justify-content: center; -ms-flex-pack: center;}
.df-jc-sb {justify-content: space-between; -ms-flex-pack: justify;}
.df-jc-sa {justify-content: space-around; -ms-flex-pack: distribute;}
.df-jc-fe {justify-content: flex-end; -ms-flex-pack: end;}
/* 交叉轴对齐 */
.df-ai-c {align-items: center; -ms-flex-align: center;}
.df-ai-fe {align-items: flex-end; -ms-flex-align: end;}
.df-ai-fs {align-items: flex-start; -ms-flex-align: start;}
/* 组合属性 */
.df-cc {justify-content: center; -ms-flex-pack: center; align-items: center; -ms-flex-align: center;}
.df-sb-c {justify-content: space-between; -ms-flex-pack: justify; align-items: center; -ms-flex-align: center;}
/* 其他特性 */
.df-fw {flex-wrap: wrap; -ms-flex-wrap: wrap;}
.df-fd-c {-ms-flex-direction: column; flex-direction: column;}
.as-c {align-self: center; -ms-flex-item-align: center;}

/*位置信息*/
.bread{margin:0.3rem 0; padding:0 0;}
.bread,.bread > span,.bread > span a,.bread > a{font-size:0.2rem;color:#787878}
.bread > span a:last-child{color:#3d3d3d}

/*按钮效果*/
.pub-btn:before {content: attr(data-text);position: absolute;top: 0px;left: 0;height: 100%;width: 100%;filter: alpha(opacity=100); opacity: 1;text-align: center; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.pub-btn:hover:before { filter: alpha(opacity=0);opacity: 0; -webkit-transform: translate3d(0, 100%, 0);  -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) }
.pub-btn>span { display: inline-block;text-align: center; filter: alpha(opacity=0);opacity: 0;-webkit-transform: translate3d(0, -100%, 0);-moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;transition: all .3s}
.pub-btn:hover>span {filter: alpha(opacity=100);opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.pub-btn:hover>span:nth-child(1) {-webkit-transition-delay: .045s;  -moz-transition-delay: .045s; -ms-transition-delay: .045s; -o-transition-delay: .045s;transition-delay: .045s}
.pub-btn:hover>span:nth-child(2) { -webkit-transition-delay: .12s; -moz-transition-delay: .12s; -ms-transition-delay: .12s; -o-transition-delay: .12s; transition-delay: .12s }
.pub-btn:hover>span:nth-child(3) { -webkit-transition-delay: .195s; -moz-transition-delay: .195s; -ms-transition-delay: .195s;-o-transition-delay: .195s; transition-delay: .195s}
.pub-btn:hover>span:nth-child(4) { -webkit-transition-delay: .27s; -moz-transition-delay: .27s; -ms-transition-delay: .27s; -o-transition-delay: .27s;transition-delay: .27s}
.pub-btn:hover>span:nth-child(5) { -webkit-transition-delay: .32s; -moz-transition-delay: .32s; -ms-transition-delay: .32s; -o-transition-delay: .32s;transition-delay: .32s}
.pub-btn:hover>span:nth-child(6) { -webkit-transition-delay: .38s; -moz-transition-delay: .38s; -ms-transition-delay: .38s; -o-transition-delay: .38s;transition-delay: .38s}
.pub-btn:hover>span:nth-child(7) { -webkit-transition-delay: .44s; -moz-transition-delay: .44s; -ms-transition-delay: .44s; -o-transition-delay: .44s;transition-delay: .44s}
.pub-btn:hover>span:nth-child(8) { -webkit-transition-delay: .56s; -moz-transition-delay: .56s; -ms-transition-delay: .56s; -o-transition-delay: .56s;transition-delay: .56s}
.pub-btn:hover>span:nth-child(9) { -webkit-transition-delay: .62s; -moz-transition-delay: .62s; -ms-transition-delay: .62s; -o-transition-delay: .62s;transition-delay: .62s}
.pub-btn:hover>span:nth-child(10) { -webkit-transition-delay: .68s; -moz-transition-delay: .68s; -ms-transition-delay: .68s; -o-transition-delay: .68s;transition-delay: .68s}

/*问题咨询*/
.problem-con{margin:1.5rem 0;}
.pro-conts{position:relative;}
.prob-pn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9}
.prob-pn h1{font-size:0.7142rem;color:#fff;margin-bottom:0.4285rem;text-align:center;}
.prob-pn .pub-btn{display:block;width:2.8571rem;height:0.8571rem;line-height:0.8571rem;text-align:center;background-color:#18565d;border-radius:0.1428rem;transition: all .6s linear;overflow:hidden;box-sizing: border-box;position: relative;color:#fff;font-size:0.2285rem;}

/*banner*/
.nav-bner-top{margin-top:4.3rem}

@media screen and (max-width:768px){
.wh{width:90%;}
.bread,.bread > span,.bread > span a,.bread > a{font-size:0.7rem;color:#787878}
.nav-bner-top{margin-top:0 !important;}
/*问题咨询*/
.prob-pn h1{font-size:1rem;}
.prob-pn .pub-btn{width:4.6875rem;height:1.3rem;line-height:1.3rem;font-size:0.5rem;}



}