@font-face{
    font-family: 'sansRegular';
    src: url('../font/sourcehansanssc-regular.otf');
}
html, body{ margin: 0px; padding: 0px; font-family: 'sansRegular'; }

p{ margin: 0px; }
img{ border: 0px; vertical-align: top;object-fit:cover; }
a{ text-decoration: none; }
input, select{ outline: none; }


.main-container{ width: 100%; min-width: 1170px; overflow: hidden; }
.main-section{ position: relative; width: 100%; }
.main-wrapper{ width: 1170px; margin: 0 auto; min-width: 1170px; }

/* main-banner */
.home-top-header{ position: relative; width: 100%; max-width:1920px; margin:0 auto; overflow: hidden; }
.main-banner{width: 100%;  overflow: hidden; }
.main-banner .swiper-slide{ width: 100%; overflow: hidden; text-align: center; }
.main-banner .swiper-slide img{ width: 100%; height: auto; }
.main-banner .swiper-pagination-bullet-active{ background: #ffffff; }
.main-banner .swiper-pagination-bullet{ background: #fff; opacity: 0.6; }
.main-banner .swiper-pagination-bullet-active{ opacity: 1; }

/*.home-top-header{ position: relative; width: 100%; height: 696px; overflow: hidden; }*/
/*.main-banner{ position: absolute; top: 0; left: 50%; z-index: 1; width: 1920px; height: 696px; margin-left: -960px; overflow: hidden; }*/
/*.main-banner .swiper-slide{ width: 100%; height: 696px; overflow: hidden; text-align: center; }*/
/*.main-banner .swiper-slide img{ width: 100%; height: auto; }*/
/*.main-banner .swiper-pagination-bullet-active{ background: #ffffff; }*/
/*.main-banner .swiper-pagination-bullet{ background: #fff; opacity: 0.6; }*/
/*.main-banner .swiper-pagination-bullet-active{ opacity: 1; }*/

/* side-nav */
.main-sideNav{ position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; }
.side-nav{ width: 170px; height: 696px; background: #d61f2c; }

.main-side-nav{width: 1170px; height:100px; margin:0 auto;}
.side-nav-logo{float:left;}
.side-nav-logo img{ height: 100px;}
.side-nav-list{ padding:0;float:right}
.side-nav-item{ display: block;line-height: 100px; width:100px; font-size: 18px; color: #343434; text-align: center; cursor: pointer; float:left; margin-left:42px; position:relative;}
.side-nav-item a{color:#343434;}
.side-nav-item:hover{background:#c80f2e; color:#fff;font-weight:600;}
.side-nav-item:hover a{color:#ffffff;}
.side-nav-item:hover .side-nav-box-item p a{color: #343434;}
/*.side-nav-item-hover:after{ content: ""; position: absolute; top: 0; right: -12px; z-index: 1; display: block; width: 12px; height: 100%; background: url(../images/side-nav-icon6.png) no-repeat left center; background-size: 12px 13px; }*/
.side-nav-item-hover{}
.side-nav-date{ margin-top: 70px; margin-bottom: 30px; text-align: center; }
.side-nav-date img{ width: 72px; height: auto; }
.side-nav-icon{ height: 30px; text-align: center; vertical-align: middle; position: relative; }
.side-nav-icon img{ margin: 0 10px; vertical-align: middle; }

.side-nav-top-pop{ display: none; position: absolute; left: 50%; bottom: 30px; }
.side-nav-top-pop-content{ background: #fff; padding: 20px; font-size: 0px; }
.side-nav-top-pop-content p{ font-size: 18px; color: #222222; line-height: 36px; }
.side-nav-top-pop img{ width: 100px; height: 100px; margin: 0 10px; }
.side-nav-top-pop-ft{ height: 10px; background: url(../images/bottom-ft.png) no-repeat center top; background-size: 20px 10px; }
.side-nav-ercode{ width: 300px; margin-left: -150px; }
.side-nav-mobile{ width: 330px; margin-left: -115px; text-align: left; }
.footer-item-side-nav .side-nav-ercode{ width: 160px; margin-left: -80px; }


.side-nav-item-box{ display: none; position: absolute; top: 100px; left: 0px; z-index: 2; width: 100px; background:#fff; }
.side-nav-box-item{}
.side-nav-box-item p{ text-align: center;height:40px; line-height:40px; display:block; border-bottom: 1px solid #e38796;}
.side-nav-box-item p a{ display: inline-block; font-size: 16px; color: #343434; font-weight:300}
.side-nav-box-item p a:hover{font-weight:600;color:#343434;}
.side-nav-box-item p:last-child{ border-bottom: 0px; }


.show-toast{ display: none; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; }
.show-toast-mask{ width: 100%; height: 100%; background: rgba(0, 0, 0, .5); }
.show-toast-content{ position: absolute; top: 50%; left: 50%; z-index: 1; border: 1px solid #222222; background: #ffffff; padding: 20px; width: 300px; margin: -200px 0 0 -160px; }
.show-toast p{ text-align: center; font-size: 24px; color: #222222; }
.show-toast-btn{ width: 150px; line-height: 50px; font-size: 20px; color: #fff; text-align: center; background: #d61f2c; cursor: pointer; margin: 30px auto 0; }


/* footer */
.main-footer{ width: 100%; padding: 50px 0; background: #c80f2e; }

.foot-box{display:flex;justify-content:space-between;}
.foot-tel{color:#fff; line-height:1.5;}
.foot-tel dl{margin:0 0 5px 0;}
.foot-tel dl dd{margin-left:0px;}
.foot-tel dl dd.f20{font-size:20px; font-weight:600}

.foot-nav{ display:flex; color:#fff;width:500px;justify-content:space-between;}
.foot-nav a{color:#fff;}
.foot-nav dl{margin:0;}
.foot-nav dl dt{font-size:16px; margin-bottom:10px;}
.foot-nav dl dd{font-size:14px; margin:0; line-height:30px;}

.footer-info{ height: 36px;border-top:1px solid #d54b62; padding:30px 0; margin-top:30px;}
.footer-text{ float: left; line-height: 36px; font-size: 14px; color: #fff;}
.footer-text span{ margin:0 10px; }
.footer-text a{color: #fff;}
.footer-right{ float: right; }
.footer-item{ display: inline-block; line-height: 26px;color: #fff;}
.footer-item a{ padding: 0 7px; font-size: 14px; color: #fff; }
.footer-weibo{ display: inline-block; vertical-align: top; width: 26px; height: 26px; background: url(../images/weibo.png) no-repeat center center; background-size: 26px 26px; }
.footer-weixin{ display: inline-block; vertical-align: top; width: 26px; height: 26px; background: url(../images/weixin.png) no-repeat center center; background-size: 26px 26px; }
.footer-douyin{ display: inline-block; vertical-align: top; width: 26px; height: 26px; background: url(../images/douyin.png) no-repeat center center; background-size: 26px 26px; }
.footer-xiaohongshu{ display: inline-block; vertical-align: top; width: 26px; height: 26px; background: url(../images/xiaohongshu.png) no-repeat center center; background-size: 26px 26px; }
.footer-shipinhao{ display: inline-block; vertical-align: top; width: 26px; height: 26px; background: url(../images/shipinhao.png) no-repeat center center; background-size: 26px 26px; }
.footer-item-side-nav{ position: relative; }
.footer-text .jab{ display: flex; align-items: center; flex: 1;}