@charset "utf-8";
/* CSS Document */
html {
  font-size: calc(100vw/19.2);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*{ margin:0; padding:0; border:0;}
a{ text-decoration:none; color:#333333;}
a:hover{ text-decoration:none;}
body{ font-family:"微软雅黑"; font-size:16px; color:#333333;}
ul,li{ list-style:none;}
img{ font-size:0; display: block;}
h2,h3{ font-weight: normal;}
input,select,textarea,button{outline:none;}
input::placeholder,textarea::placeholder{ color: #999; font-family:"微软雅黑";}
input:focus,textarea:focus,button:focus{ outline: none;}
.clear{margin:0px; padding:0px; width:0px; height:0px; line-height:0px; font-size:0px; clear:both;}
.f-left{ float: left!important;}
.f-right{ float: right!important;}
/*最大宽度*/
.max-w1200{ max-width: 1200px; width: 91%; margin: 0 auto;}
/*边距*/
.pt140{ padding-top: 1.4rem!important;}
.ptb140{ padding-top: 1.4rem!important; padding-bottom: 1.4rem!important;}
.pb140{padding-bottom: 1.4rem!important;}
.mt60{ margin-top: 0.6rem!important;}
.mt30{ margin-top: 0.3rem!important;}
.mt0{ margin-top: 0!important;}
.mr0{ margin-right: 0!important;}
.mb0{ margin-bottom: 0!important;}
.pt0{ padding-top: 0!important;}
.pb0{ padding-bottom: 0!important;}
/*公共*/
.main-body,.banner,.ad1,.modular,.banner-home{ width: 100%; float: left; overflow: hidden;}
.swiper{width: 100%;height: 100%;overflow: hidden; position: relative;}
.flex-lr{ width: 100%; display: flex; justify-content: space-between;}
.fixed{ position: fixed; z-index: 999; top: 0; left: 0;}
.ta-r{ text-align: right;}

header{ width: 100%; float: left; background-color: #fff; position: fixed; left: 0; top: 0; z-index: 999998; transition: all 0.3s linear;}
header.hover{ border-bottom: 1px solid #dcdcdc;}
header .container{ width: 100%; height: 1.2rem; float: left; display: flex; justify-content: space-between;align-items: center; }
header .container .logo img{ width: 1.25rem;}
header .container ul{ display: flex;}
header .container ul li{ font-size: 0.18rem; margin-left: 0.5rem;}

footer{ width: 100%; float: left; background-color: #f3f3f3; padding: 0.6rem 0 0.9rem 0;}
footer .footer1{ width: 100%; float: left; display: flex; justify-content: space-between;align-items: center;}
footer .footer1 .logo img{ width: 1.25rem;}
footer .footer1 ul{ display: flex;}
footer .footer1 ul li{ font-size: 0.18rem; margin-left: 0.5rem;}
footer .footer2{ width: 100%; float: left; display: flex; justify-content: space-between; margin-top: 0.4rem;}
footer .footer2 .l p{ font-size: 0.18rem; margin-top: 0.15rem;}
footer .footer2 .l .t1{ font-size: 0.26rem; margin-top: 0; margin-bottom: 0.25rem;}
footer .footer2 .ewm{ width: 1.6rem;}
footer .footer2 .ewm .img{ width: 1.3rem; padding: 0.15rem; background-color: #fff;}
footer .footer2 .ewm .img img{ width: 100%;}
footer .footer2 .ewm p{ font-size: 0.16rem; text-align: center; margin-top: 0.15rem;}



.piaofu{ position: fixed; right: 5px; top: 20%; z-index: 9999;}
.piaofu .list{ position: relative;}
.piaofu .list .item{ width: 70px; height: 70px; background-color: #d70c19; margin-top: 1px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; font-size: 14px; cursor: pointer; position: relative;}
.piaofu .list .item span{ margin-top: 5px;}
.piaofu .list .item .ewm{ width: 140px; height: 140px; padding: 10px; background-color: #fff; position: absolute; left: -170px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); display: none;}
.piaofu .list .item .ewm img{ width: 100%;}
.piaofu .list .h-ewm:hover .ewm{ display: block;}


@media screen and (max-width: 1600px) { /*当屏幕尺寸小于1600px时，应用下面的CSS样式*/
 html {
   font-size: calc(100vw/16);
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
}

@media screen and (max-width: 1366px) { /*当屏幕尺寸小于750px时，应用下面的CSS样式*/
 html {
   font-size: calc(100vw/13.66);
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
}

@media screen and (max-width: 750px) { /*当屏幕尺寸小于750px时，应用下面的CSS样式*/
/* html {
   font-size: calc(100vw/7.5);
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 } */
}