@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:#fff;}
a:hover{ text-decoration:none;}
body{ font-family:"微软雅黑"; font-size:14px; color:#fff;  background-color: #121014;}
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-w1540{ max-width: 1540px; 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;}
.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,.container{ width: 100%; float: left;}
.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; position: fixed; z-index: 999999; left: 0; top: 0; transition: all 0.3s linear;}
header.hover{ background-color: #121014;}
header .container{ width: 100%; height: 80px; float: left; display: flex; align-items: center; justify-content: space-between;}
header .container .nav{ display: flex;}
header .container .nav li{ height: 80px; font-size: 14px; color: #fff; position: relative; display: flex; align-items: center; margin: 0 16px;}
header .container .nav li a{ color: #fff; white-space: nowrap;}
header .container .nav .current::after{content: ""; display: block; width: 100%; height: 2px; background-color: #e71425; position:absolute; bottom: 0;}
header .container .nav li:hover::after{content: ""; display: block; width: 100%; height: 2px; background-color: #e71425; position:absolute; bottom: 0;}
header .container .language{ width: 120px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 8px; background-color: #e71425; color: #fff;}
header .container .language a{ opacity: 0.3; margin: 0 15px;}
header .container .language .current{ opacity: 1;}
header .container_wap{ display: none;}
header .container .nav.en{ padding: 0 2%;}
header .container .nav.en li a{ white-space: wrap; text-align: center;}


footer{ width: 100%; float: left; margin-top: 1rem;}
footer .footer1{ width: 100%; float: left;}
footer .footer1 .container{ width: 100%; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 0.7rem 0; display: flex; justify-content: space-between; align-items: center;}
footer .footer1 .container .nav{ display: flex;}
footer .footer1 .container .nav li{ margin-left: 0.4rem;}
footer .footer1 .container .nav a{ font-size: 0.18rem;}
footer .footer1 .container .weixin{ display: none;}
footer .footer2{ width: 100%; float: left;}
footer .footer2 .container{ width: 100%; float: left;  padding: 0.6rem 0; display: flex; justify-content: space-between; align-items: center; }
footer .footer2 .container .l p{ font-size: 0.18rem; color: #999999; line-height: 0.32rem;}
footer .footer2 .container .ewm{ width: 0.9rem; padding: 0.1rem; background-color: #fff; }
footer .footer2 .container .ewm img{ width: 100%;}
footer .footer1 .container .nav.en li{ line-height: 0.2rem; text-align: center;}

/*分页*/
.pagenum{ width: 100%; float: left; margin-top: 0.6rem; font-size: 0.2rem; display: flex; justify-content: center;}
.pagenum a{ width: 0.48rem; height: 0.48rem; display: flex; justify-content: center; align-items: center;  border: 1px solid #fff; margin-right: 0.1rem; box-sizing: border-box; transition: all 0.3s ease;}
.pagenum a:hover{ background-color: #e71425; border: 1px solid #e71425; color: #FFFFFF; }
.pagenum span{ width: 0.48rem; height: 0.48rem; display: flex; justify-content: center; align-items: center; border: 1px solid #e71425; margin-right: 0.1rem; color: #e71425; box-sizing: border-box;}
.paging{ width: 100%; float: left; margin-top: 30px; margin-bottom: 80px; display: flex; justify-content: space-between;}
.paging a{ width: 49%; float: left; font-size: 16px; font-weight: bold;}


.piaofu-ewm{ display: none;}









@media screen and (max-width: 1360px) { /*当屏幕尺寸小于1360px时，应用下面的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: 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;
 }
 .side45 .max-w1540{ width: 100%; float: left; box-sizing: border-box;}
 
 header{ width: 100%; float: left; position: fixed; z-index: 999998; left: 0; top: 0; transition: all 0.3s linear; background-color: #000;}
 header.hover{ background-color: #121014;}
 header .container{ display: none;}
 header .container_wap{ width: 100%; height: 1.14rem; float: left; display: flex; align-items: center; justify-content: space-between;}
 header .container_wap .logo img{ width: 1.45rem;}
 header .container_wap .nav-open{ display: block; width: 0.28rem; height: 0.28rem; background: url(../images_wap/nav1.png) no-repeat; background-size: cover;}
 header .container_wap .nav-open.current{ background: url(../images_wap/nav2.png) no-repeat; background-size: cover;}
 header .container_wap .nav_wap{ width: 100%; height: calc(100vh - 1.14rem); float: left; position: absolute; left: 0; top:1.14rem; background-color: #000; overflow-y: scroll; display: none;}
 header .container_wap .nav_wap ul{ width: 91%; margin-left: 4.5%; border-top: 1px solid #999; padding: 0.3rem 0; box-sizing: border-box; }
 header .container_wap .nav_wap li{ width: 100%; font-size: 0.26rem; text-align: center; padding: 0.3rem 0;}
 header .container_wap .language{ display: flex; justify-content: center;}
 header .container_wap p{ width: 1.8rem; height: 0.6rem; display: flex; align-items: center; justify-content: center; border-radius: 0.08rem; background-color: #e71425; color: #fff; font-size: 0.26rem;}
 header .container_wap p a{ opacity: 0.3; margin: 0 0.15rem;}
 header .container_wap p .current{ opacity: 1;}
 
 
 
 
 footer{ width: 100%; float: left; margin-top: 1rem;}
 footer .footer1{ width: 100%; float: left;}
 footer .footer1 .container{ width: 100%; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 0.4rem 0; display: flex; justify-content: space-between; align-items: center;}
 footer .footer1 .container .logo img{ width: 1.45rem;}
 footer .footer1 .container .nav{ display: none;}
 footer .footer1 .container .nav li{ margin-left: 0.4rem;}
 footer .footer1 .container .nav a{ font-size: 0.18rem;}
 footer .footer1 .container .weixin{ display: flex; font-size: 0.22rem; color: #999; justify-content: space-between;}
 footer .footer1 .container .weixin img{ width: 0.34rem; margin-right: 0.1rem;}
 footer .footer2{ width: 100%; float: left;}
 footer .footer2 .container{ width: 100%; float: left;  padding: 0.4rem 0; display: flex; justify-content: space-between; align-items: center; }
 footer .footer2 .container .l p{ font-size: 0.22rem; color: #999999; line-height: 0.34rem;}
 footer .footer2 .container .ewm{ width: 0.9rem; padding: 0.1rem; background-color: #fff; display: none; }
 footer .footer2 .container .ewm img{ width: 100%;}
 
 
 .piaofu-ewm{ width: 100%; height: 100vh; position: fixed; z-index: 999999; left: 0; top: 0;}
 .piaofu-ewm .container{ width: 100%; height: 100%; position: relative; display: flex; justify-content: center; align-items: center;}
 .piaofu-ewm .piaofu-bj{ width: 100%; height: 100%;  background-color: rgba(0, 0, 0, 0.5);}
 .piaofu-ewm .ewm{ background-color: #353535; padding: 0.3rem; position: absolute; z-index: 1;}
 .piaofu-ewm .ewm .img{ background-color: #fff; padding: 0.2rem;}
 .piaofu-ewm .ewm .img img{ width: 2.56rem;} 
}