@charset "utf-8";

body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,span,a,aside,article,section,header,nav,footer,label,img{margin:0;padding:0;box-sizing:border-box;}
fieldset,img{border:0;}
img{vertical-align:middle;max-width:100%;}
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:.875rem;font-family:inherit;margin:0;outline:none;resize:none;border:none;background:none;}
.clearfix:after{clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
body{color:#333;line-height:1.5;font-family:'Microsoft YaHei',Arial,'simsun',HELVETICA;min-width:320px;background:#ecf0f3;}
a{color:#333;text-decoration:none;transition:all ease 0.3s;}
a:hover{color:#ca003d;}
body,html{height:100%;}

/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.ce{text-align:center;}
.hide{overflow:hidden;}
.mb15{margin-bottom:15px;}
.mb30{margin-bottom:30px;}
.container{position:relative;min-width:320px;width:100%;max-width:1620px;margin:0 auto;}
.pImg{position:relative;padding-top:100%;display:block;overflow:hidden;}
.pImg img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s;}
.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;}
.pd60{padding:80px 0;font-size:.875em;overflow:hidden;}
.mb40{margin-bottom:40px;}
.font14{font-size:.875em;}
.gray{background:#efefef;}

@font-face {
  font-family: 'iconfont';  /* Project id 2769793 */
  src: url('//at.alicdn.com/t/font_2769793_4xkc85khump.eot?t=1638017200380'); /* IE9 */
  src: url('//at.alicdn.com/t/font_2769793_4xkc85khump.eot?t=1638017200380#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_2769793_4xkc85khump.woff2?t=1638017200380') format('woff2'),
  url('//at.alicdn.com/t/font_2769793_4xkc85khump.woff?t=1638017200380') format('woff'),
  url('//at.alicdn.com/t/font_2769793_4xkc85khump.ttf?t=1638017200380') format('truetype'),
  url('//at.alicdn.com/t/font_2769793_4xkc85khump.svg?t=1638017200380#iconfont') format('svg');
}


.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  position:relative;
}
 
@font-face {
  font-family: 'berling';
  src: url('../fonts/berling.eot');
  src: url('../fonts/berling.eot?#iefix') format('embedded-opentype'),
 url('../fonts/berling.woff') format('woff'),
 url('../fonts/berling.ttf') format('truetype'),
 url('../fonts/berling.svg#NeuesBauenDemo') format('svg');
  font-weight: normal;
  font-style: normal;
}



/* 头部 */
.header{width:100%;padding:50px 0; position:fixed;top:0;left:0;z-index:99;background: linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,0) 90%);}
.header .pic2{display:none;}
.nav .m{float:left;text-align:center;position:relative;z-index:10;height:38px;margin-left:30px;}
.nav .m>a{color:#fff;display:inline-block;position:relative;height:32px;line-height:32px;z-index:2;opacity:.7;letter-spacing:8px;}
.nav .cur>a,.nav .m>a:hover{color:#fff;opacity:1;}
.nav .m7 a{padding:0 20px;background:#ca003d;opacity:1;border-radius:15px;font-size:14px;letter-spacing:4px;}
.nav .m7 a:hover{background:#a30031;}
.nav .navSub{position:absolute;top:140%;font-size:15px;background:rgba(255,255,255,.8);width:150px;padding:15px 20px;transform:scaleY(0);transition:all .3s;opacity:0;left:-20px;text-align:left;transition-delay:.15s;border-radius: 0 0 5px 5px;transform-origin:top;}
.nav .navSub li{line-height:1.4;margin-bottom:12px;}
.nav .navSub a{color:#191919;display:block;border-left:3px solid transparent;}
.nav .navSub a:hover{border-color: #ca003d;padding-left:10px;}
.nav .m2 .navSub{width:270px;}
.nav .m7 .navSub{background:#ca003d;text-align:center;padding:15px 0;border-radius:5px;width:100%;left:0;font-size:14px;padding-bottom:5px;}
.nav .m7 .navSub a{color:#fff;padding:0;border:none;}
.nav .m7 .navSub a:hover{padding:0;text-decoration: underline;background:none;}
.nav .m:hover .navSub{transform:scale(1);opacity:1;top:100%;transition:top .5s,opacity .5s;}

.headFix{background:#000;height:70px;line-height:70px;padding:0;}
.headFix .nav .m{height:70px;}
/* .headFix{background:#fff;box-shadow:0 0 8px #ddd;color:#000;height:70px;line-height:70px;padding:0;}
.headFix .nav .m>a{color:#000;}
.headFix .nav .m{height:70px;}
.headFix .nav .m7 a{color:#fff;}
.headFix .pic2{display:inline-block;} */


/*  导航按钮 */
.navTrigger{position:absolute;top:18px;right:15px;width:28px;overflow:hidden;white-space:nowrap;color:transparent;z-index:20;cursor:pointer;display:none;}
.navTrigger span{display:block;height:2px;background:#ca003d;margin-bottom:6px;transition:all 0.3s;  -webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;}
.navTrigger span:nth-child(3){margin-bottom:0;}
.navTrigger-on span:nth-child(1){transform: translateX(4px) translateY(0px) rotate(45deg);}
.navTrigger-on span:nth-child(2){opacity:0;}
.navTrigger-on span:nth-child(3){transform:translateX(2px) translateY(2px) rotate(-45deg);}
.wapTel,.wlogin{font-family:"iconfont";position: absolute;color:#ca003d;right:55px;font-size:1.7rem;line-height:1;top:15px;display:none;}

/*底部 */
.footer{background:#1f1f26;padding:60px 0 40px 0;overflow:hidden;color:#fff;font-size:.875em;line-height:2;}
.footL{width:35%;}
.footL .txt{margin-top:60px;overflow:hidden;}
.footL .wx{width:140px;float:left;margin-right:20px;}
.footL .tel{line-height:1.4;margin-bottom:15px;}
.footL .tel span{display:block;font-size:2em;font-family:"Arila";color:#ca003d;font-weight:700;}
.footer a{color:#fff;}
.footR{width:62%;overflow:hidden;display: flex;justify-content: space-between;}
.footR ul{float:left; }
.footR h3{margin-bottom:15px;font-size:1.143em;}
.footR li a{background: url('../images/f_arr.png') no-repeat left center;padding-left:20px;opacity:.9;}
.footer .copy{clear:both;padding-top:50px;text-align:center;}
.footer .copy a{opacity:.5;}
.footR li a:hover,.footer a:hover{opacity:1;color:#ca003d;}
.wapMenu{display:none;}
.wapMenu a{float:left;height:40px;line-height:40px;border:1px solid #454545;text-align:center;margin-left:-1px;margin-top:-1px;width:25%;}

/*  WAP主导航 */
.wapNav{overflow-y:auto;height:100%;opacity:0;transform: translateX(-100%);transition:all 0.6s;background:#fff;width:100%;position: fixed;left:0;top:0;z-index: 40;padding:60px 0;}
.wapNav li{position:relative;}
.wapNav li a{display:block;padding-left:20px;color:#333;height:50px;line-height:50px;border-bottom:1px solid #eee;position:relative;}
.wapNav li i{font-family:"iconfont";color:#888;font-size:1.2em;font-style:normal;padding:0 15px;position:absolute;right:0;top:0px;line-height:50px;}
.wapNav li.cur>a,.wapNav .cur>a:hover{background:#ca003d;color:#fff;}
.wapNav li :hover i,.wapNav .cur i{color:#fff;}
.wapNav .navSub{display:none;background:#f5f5f5;}
.wapNav .navSub li a{height:40px;line-height:40px;padding-left:40px;font-size:.875em;border-top:1px solid #e5e5e5;}
.wapNav .navSub ul{background:#f1f1f1;}
.wapNav .navSub ul li a{height:34px;line-height:34px;padding-left:60px;}
.wapNav .menu{overflow:hidden;font-size:1rem;}
.wapNav .menu a{float:left;width:50%;text-align:center;line-height:50px;border-right:1px solid #eee;color:#333;border-bottom:1px solid #eee;}
.wapNav .menu a i{font-family:"iconfont";margin-right:5px;position:relative;font-style:normal;color:#666;font-size:1rem;}
.wSearch{background:#f1f1f1;overflow:hidden;padding:20px 15px;font-size:12px;}
.wSearch form{margin:0 auto;background:#fff;height:40px;overflow:hidden;padding-right:60px;}
.wSearch .sear_text{width:100%;float:left;height:40px; line-height:40px;color:#666; padding-left:10px;}
.wSearch .sear_btn{ float:left;width:60px;height:40px; cursor:pointer;text-align:center;background:#333;color:#fff;font-size:14px;transition:all 0.3s;margin-right:-60px;}
.wSearch .sear_btn:hover{background:#000;}

/* 广告轮播图 */
.banner{position:relative;overflow:hidden;font-size:.875rem;height:100%;}
.banner .swiper-slide{position:relative;height:100%;overflow:hidden;}
.banner .pic{width:100%;}
.banner .txt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;opacity:0;transition:all 1s;}
.banner .swiper-wrapper{transition-timing-function: ease-in-out;}
.banner .swiper-pagination{bottom:20px;;max-width:1600px;left:50%;transform:translateX(-50%);}
.banner .swiper-pagination-bullet{background:#fff;opacity:1;cursor:pointer;position: relative;width:6px;height:6px;border-radius:3px;}
.banner .swiper-pagination-bullet-active{width:50px;}
.banner .mouse{position:absolute;width:15px;height:28px;background: url('../images/mouse.png') no-repeat;left:50%;bottom:80px;z-index:2;margin-left:-7px;}
.banner .swiper-slide-active .txt{ opacity:1;top:45%;}
.listWrap{overflow:hidden;padding:60px 0;font-size:.875em;}


@media all and (max-width:1600px) {
  .container{padding-left:30px;padding-right:30px;}
  .pd60,.listWrap{overflow:hidden;}
}

@media all and (max-width:1440px) {
  .header{padding:40px 0;}
  .headFix{padding:0;}
}

@media all and (max-width:1280px) {
  .container{padding-left:15px;padding-right:15px;}
  .header,.footer{font-size:.875em;}


}


@media all and (max-width:1024px) {
  body{padding-top:60px;font-size:.875rem;}
  .header{height:60px;line-height:60px;position: fixed;width:100%;top:0;left:0;z-index:90;background:#fff;box-shadow:0 1px 5px #ddd;padding:0;}
  .header .logo img{height:28px;}
  .nav_on{opacity:1;transform: translateX(0);}
  .navTrigger,.wapTel{display:block;}
  .nav,.header .pic1,.gr_kefu,.banner .mouse{display:none;}
  .header .pic2{display:inline-block;}
  .banner{height:540px;}
  .banner .txt{max-width:76%;}
  .footer,.footer .container{padding:0;}
  .footer .copy{padding:10px 15px;text-align:center;}
  .footL,.footR{display:none;}
  .wapMenu{display:block;}
  .pd60,.listWrap{padding-top:40px;padding-bottom:40px;overflow:hidden;}


}

@media all and (max-width:768px) {
  .footMain,.flogo{display:none;}
  .banner{height:460px;}
  .banner .swiper-pagination-bullet-active{width:25px;}
  .banner .swiper-pagination{bottom:10px;}
}
@media all and (max-width:640px) {
  .banner{height:400px;}

}
@media all and (max-width:480px) {
  .header .logo img{height:22px;}
  .banner{height:300px;}
  .banner .txt{max-width:70%;}
}
@media all and (max-width:380px) {
  .banner{height:200px;}
}