
/*-----------------------------------------------------------------------------------------------------------------------*/
.wrap img{ width:100%;}

.ban{ position:relative;}
.ban img{ display:block; width:100%;}
.ban .swiper-pagination,.edge_c .swiper-pagination,.chara_c .swiper-pagination,.exper_rl .swiper-pagination{ bottom:0.6rem;height: 2.2rem;}
.ban .swiper-pagination-bullet{ background:rgba(255,255,255,0.4); opacity:1; width:1.1rem; height:1.1rem; border-radius:1.1rem;}
.edge_c .swiper-pagination-bullet,.chara_c .swiper-pagination-bullet,.exper_rl .swiper-pagination-bullet{ background:rgba(0,0,0,0.4); opacity:1; width:1.1rem; height:1.1rem; border-radius:1.1rem;}
.ban .swiper-pagination-bullet-active{background: #d42f34;}
.edge_c .swiper-pagination-bullet-active,.chara_c .swiper-pagination-bullet-active,.exper_rl .swiper-pagination-bullet-active{background: #0e1015;}


.til01{text-align: center;color: #333;font-size:1.2rem;line-height:1.8rem;font-family: "Microsoft Yahei";clear: both;display: block;height:7rem;white-space: nowrap;}
.til01 span{display: block;font-size:2.4rem;line-height:3.2rem;font-weight: bold;}
.til01 p{letter-spacing: 0.5rem;opacity: 0.8;}
.til01 a{color: #333;}
.til02,.til02 a{color: #fff;}

/* 引子 */
.m-webox{padding: 3.9rem 0 0;font-size: 1rem;color: #666;line-height: 1.7rem;background: #f2f2f2;}
.webox_p{background:url(../images/videobg.jpg) no-repeat center 0;background-size:100% 20.5rem;padding: 1.2rem 14.53% 3rem 13.2%;}
.webox_pc{width:100%;height:16.35rem;}
.webox_l{background: #e9e9e9;padding: 4.2rem 0 0;height: 8.1rem;text-align: center;}
.webox_l li{float: left;width: 25%;white-space: nowrap;}
.webox_l li:nth-child(1){width:28%;}
.webox_l li:nth-child(2){width:22%;}
.webox_l li span{display: block;height:3.1rem;color: #333;}
.webox_l li span em{line-height:1.3rem;font-size:0.9rem;width: 1.3rem;text-align: center;color: #fff;border-radius: 1.3rem;margin-left: -0.3rem;background: #c3251a;display: inline-block;}
.webox_l li span b{line-height:3.1rem;font-size: 2.6rem;}

/* 产品 */
.m-pro{ padding:2.9rem 2.66% 3.5rem;overflow: hidden;border-bottom: 0.5rem solid #f1f1f0;}
.pro_nav{position: relative;height:10.7rem;font-size: 1.3rem;line-height: 2.7rem;background: #f3f3f3;}
.pro_nt{height: 3.4rem;line-height: 3.4rem;text-align: center;margin-bottom: 0.7rem;font-weight: bold;color: #fff;}
.pro_nt span{width: 33.33%;display: block;float: left;background: #1e1e1e;}
.pro_nt span.cur{background: #c3251a;}
.pro_nc{overflow: hidden;}
.pro_nc li{height:2.7rem;float: left;width: 33.33%;color: #333;position: relative;text-align: center;}
.pro_gg{display: block;position: relative;margin-bottom: 0.55rem;font-size: 1.2rem;line-height: 3rem;}
.pro_gg p{display: block;background: #1e1e1e;color: #fff;height: 3rem;}
.pro_gg p span{width: 22.5%;background: #c3251a;display: block;float: right;text-align: center;}
.pro_gg p b{float: left;width: 64.8%;padding: 0 0 0 3.38%;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.pro_c{overflow: hidden;}
.pro_c li{width: 49.15%;float: left;position: relative;border-bottom: 1px solid #8e8e8e;margin-bottom: 1.8rem;}
.pro_c ul a:nth-child(2) li{margin-left: 1.7%;}
.pro_c li img,.pro_gg img{width: 100%;display: block;}
.pro_c li p{display: block;padding-right: 1.4rem;background:url(../images/ico01.png) no-repeat right center;background-size:0.8rem 0.8rem;height:2.7rem;line-height:2.7rem;font-size: 1.1rem;}
.pro_c li p span{display: block;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;color: #333;}
.more01{display: block;width: 13rem;line-height: 3rem;text-align: center;background: #d82128;color: #fff;font-size: 1.3rem;margin: 0 auto;}
.more01 span{display: inline-block;padding-right:1.3rem;background:url(../images/ico02.png) no-repeat right center;background-size:0.7rem 1.05rem;}

/* 优势 */
.m-edge{position:relative;padding:3.2rem 2.66% 0;font-size:1rem;line-height:1.9rem;color: #333;position: relative;}
.edge_t{height:4.2rem;font-size: 1.4rem;font-weight: bold;position: relative;z-index: 1;}
.edge_t:before{content: "";position: absolute;width:100%;height:1px;top:2.85rem;left:0;background:#bebebe;z-index: -1;}
.edge_t li{width:25%;float: left;text-align: center;line-height:1.9rem;color: #1946ac;}
.edge_t li span{color: #000;display: inline-block;height: 2.7rem;}
.edge_t li.cur span{border-bottom: 0.2rem solid #c3251a;color: #d82128;}

.edge_c{position: relative;overflow: hidden;height: 42rem;}
.edge_p,.edge_p img,.show_gg,.show_gg img,.chara_p,.chara_p img{ display:block; width:100%;}
.edge_w{background: #fff;margin: -11.6rem 5.6% 0;box-shadow: 0 0 0.4rem 0.4rem rgba(0,0,0,0.1);position: relative;}
.edge_w h4{height:6rem;background: #d82128;color: #fff;position: relative;font-weight: normal;font-size:1.2rem;line-height:1.9rem;text-align: center;}
.edge_w h4 p:nth-child(2):before{content: "";position: absolute;width: 1px;height: 3.4rem;left:0;background: #f99;top:1.3rem;}
.edge_w h4 p{width: 50%;float: left;position: relative;}
.edge_w h4 b{display: block;font-size:1.5rem;line-height:2.2rem;padding:1.1rem 0 0;}
.edge_w .edge_cw{padding: 1.1rem 2rem;}
.edge_w .edge_cw a{color: #d82128;}

/* 展示 */
.m-show{ padding:1.6rem 0;overflow: hidden;}
.show_c{background: #fff;position: relative;margin: 0 2.66% 2.1rem;height:7.7rem;padding: 1rem 3.2rem;box-shadow: 0 0 0.4rem 0.4rem rgba(0,0,0,0.1);}
.prev1,.next1{width:1.6rem;height: 1.6rem;display: block;position: absolute;top: 3.6rem;right: 0.3rem;cursor: pointer;z-index: 8;}
.prev1{left: 0.3rem;}
.show_cl{overflow: hidden;}
.show_cl li{width: 49.5%;float: left;}
.show_cl ul a:nth-child(2) li{margin-left: 1%;}

/* 特点 */
.m-chara{ padding:1.2rem 2.66% 0;overflow: hidden;font-size: 1.2rem;line-height:1.8rem;color: #5b5b5b;}
.chara_t{height: 4.45rem;overflow: hidden;text-align: center;font-size: 1.6rem;line-height: 1.8rem;}
.chara_t span{width: 33.33%;height: 4.45rem;float: left;background: #1e1e1e;color: #fff;}
.chara_t span b{display: block;padding: 0.8rem 0 0;}
.chara_t span em{display: block;font-size: 0.7rem;text-transform: uppercase;opacity: 0.5;line-height: 0.8rem;}
.chara_t span.cur{background: #c3251a;}
.chara_c{overflow: hidden;position: relative;height: 47.2rem;}
.chara_w{background: #fff;margin: -16rem 5.9% 2rem;box-shadow: 0 0 0.4rem 0.4rem rgba(0,0,0,0.1);position: relative;padding: 2rem;}
.chara_w h4{position: relative;padding: 0 0 1.5rem;font-size: 1.3rem;line-height: 2.2rem;color: #000;margin-bottom:1.3rem;white-space: nowrap;}
.chara_w h4:before{content: "";position: absolute;width:119px;height:1px;background:#c6c6c6;bottom:0;left:0;}
.chara_w h4 span{display: inline-block;font-size: 1.3rem;line-height: 1.95rem;background: #d82128;color: #fff;padding: 0 0.3rem;}
.chara_w h4 p{display: block;padding: 0.75rem 0 0;}

/* 线下体验店 */
.m-exper{font-size: 1.2rem;line-height: 1.8rem;color: #222;padding:1.3rem 2.66%;}
.exper_l{height: 30.9rem;position: relative;margin: 0 8.59% 0 2.96%;}
.exper_map span{position: absolute;color: #fff;width: 5.8rem;height: 5.8rem;border-radius: 5.8rem;text-align: center;z-index: 1;top:7rem;right:5.4rem;line-height: 5.8rem;background: rgba(132, 132, 132 , 0.7);}
.exper_map span.exper_dz2{right:1.7rem;top: 11.5rem;background: rgba(208, 11, 11 , 0.8);-webkit-animation: living 2s linear infinite;}
.exper_map span.exper_dz3{right: 9.9rem;top:12.8rem;}
.exper_map span.exper_dz4{right: 5rem;top:18.3rem;}
.exper_pho{background:url(../images/c_pho.png) no-repeat 0.8rem 0;background-size:2rem 2rem;padding: 0 0 0 3.4rem;margin-top: -2rem;margin-left: 12%;position: relative;}
.exper_pho span{display: block;font-size:1.4rem;line-height:1.8rem;font-weight: bold;color: #222;}
.exper_pho a:nth-child(2) span{color: #c3251a;}

.exper_r{height: 17.3rem;position: relative;}
.prev2,.next2{width:0.5rem;height:0.9rem;display: block;position: absolute;top:13.7rem;right:30.59%;cursor: pointer;z-index:10;}
.prev2{left:30.59%;}
.exper_rl{position: relative;overflow: hidden;height: 16.6rem;}
.exper_rl li{width: 48.7%;float: left;background: #000;font-size: 1.2rem;line-height: 3rem;text-align: center;}
.exper_rl ul a:nth-child(2) li{margin-left: 2.6%;}
.exper_rl li img,.exper_rl li p{display: block;}
.exper_rl li span{display: inline-block;padding: 0 0 0 1.6rem;color: #fff;background:url(../images/ico03.png) no-repeat 0 center;background-size:0.8rem 1rem;}

@keyframes living {
  0%{
      transform: scale(1);
      opacity: 1;
  }
  50%{
      transform: scale(1.3);
      opacity: 0.7;
  }
  100%{
      transform: scale(1);
      opacity: 1;
  }
}

/* 共赢 */
.m-win{font-family:"Microsoft Yahei";line-height:1.7rem;background:url(../images/winbg.jpg) no-repeat center 0;background-size:100% 49.75rem;height:49.75rem;padding:3.3rem 0 0;overflow: hidden;font-size:1rem;position: relative;z-index: 1;color: #666;}
.win_c{padding: 2.4rem 8%;}
.win_c li{width:50%;height: 7.3rem;float: left;box-sizing:border-box;border-bottom: 1px solid #ddd;padding: 0 1.4rem 0 0;}
.win_c li:nth-child(2n){border-left: 1px solid #ddd;padding: 0 0 0 1.4rem;}
.win_c li:nth-last-child(1),.win_c li:nth-last-child(2){border-bottom:0;}
.win_c li span{display: block;height:2.4rem;font-size:1.5rem;color: #444;padding: 0.6rem 0 0;}
.win_c li span em{display: inline-block;height: 2rem;overflow: hidden;font-size:3rem;font-weight: bold;color: #d82128;line-height:3rem;padding-left:0.6rem;}
.win_c li:nth-child(2n) span em{color: #000;}

/* 流程 */
.m-tecp{font-family:"Microsoft Yahei";background:url(../images/tecbg.jpg) no-repeat center 0;background-size:100% 38.6rem;font-size: 1.2rem;line-height:1.6rem;color: #333;padding:2.8rem 6.66% 0;height:35.8rem;}
.m-tecp .til01{text-align: left;position: relative;padding: 1.4rem 0 0;height: 10.7rem;}
.m-tecp .til01:before{content: "";position: absolute;width:3.5rem;height:0.25rem;top:0;left:0;background:#d82128;}
.m-tecp .til01 p{letter-spacing: 0;}
.tec_pc{padding-left: 1rem;height: 10.6rem;}
.tec_pc li{float: left;width:25%;height:4.2rem;text-align: center;position: relative;}
.tec_pc li em{opacity: 0.3;font-size:1.55rem;line-height:1.55rem;display: block;}
.tec_pc li:before{content: "";position: absolute;width:0.4rem;height:0.8rem;background:url(../images/ico04.png) no-repeat 0 0;background-size:0.4rem 0.8rem;top:2.1rem;right:0;}
.tec_pc li:nth-child(8):before{background: none;}
.tec_more{width: 43%;float: right;}

/* 资讯 */
.m-news{padding:1.7rem 2.66% 0;font-size: 1rem;line-height:1.7rem;color: #888;height: 41.6rem;}
.news_t{height: 3.9rem;font-size: 1.3rem;line-height: 2.4rem;text-align: center;}
.news_t li{width:31%;height: 2.5rem;float: left;box-sizing:border-box;border: solid 1px #d2d2d2;color: #333;}
.news_t li:nth-child(2){margin: 0 3.5%;}
.news_t li.cur{background: #d82128;border-color: #d82128;color: #fff;}
.news_c{overflow: hidden;}
.news_c dl{display: block;height:8.5rem;overflow: hidden;margin-bottom:1rem;width: 100%;}
.news_c dt{width: 42.25%;float: left;padding-left: 0.1rem;}
.news_c dt img,.about_p,.about_p img{ display:block; width:100%;}
.news_c dd{color: #666;width:52.96%;float: right;height:8.45rem;border-bottom: 1px solid #e7e7e7;margin-right: 0.5rem;}
.news_c dd h4{height:2.4rem;line-height:2.4rem;font-size: 1.1rem;color: #333;font-weight: bold;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news_c dd p{height: 4rem;}

/* 关于 */
.m-about{font-size: 1.2rem;line-height:1.9rem;color: #666;}
.about_w{padding: 1.6rem 2.66rem 2.3rem;}
.about_w h2 span,.about_w p a{color: #d82128;;}

/*开屏秀*/
/*.wrap{ opacity:0;}
.loading{position:fixed;width:100%;height:100%; top:0; z-index:51; display:none; max-width:750px; min-width:320px; z-index:99999;}
.loading img{ display:none;}
.loading #showNext{ line-height:1.8rem; display:none;color:#fff; border:0.05rem solid #c00;background: #c00;border-radius:5%; padding-left:1rem; padding-right:1rem; text-align:center; position:absolute; right:1rem; top:1rem; z-index:8;}
.homeShow{ animation: fade 0.8s ease both;-webkit-animation: fade 0.8s ease both; }
@-webkit-keyframes fade {
  from
  {
   opacity:1;
   display:block;

  }

  to {
    opacity: 0;
    display:none;
    height:0;

  }
}

@keyframes fade {
  from{
    opacity: 1;
   display:block;
  }

  to
  {
    display:none;
    opacity: 0;
    height:0;
  }
}

.fade {
  -webkit-animation-name: fade;
  animation-name: fade;
}*/

html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:8.5333px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.66666666666px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73333333333333px;}}
@media screen and (min-width:480px){html{font-size:12.8px;}}
@media screen and (min-width:520px){html{font-size:13.86666666666667px;}}
@media screen and (min-width:560px){html{font-size:14.93333333333333px;}}
@media screen and (min-width:600px){html{font-size:16px;}}
@media screen and (min-width:640px){html{font-size:17.06666666666667‬px;}}
@media screen and (min-width:680px){html{font-size:18.1333333333px;}}
@media screen and (min-width:700px){html{font-size:18.66666666666667px;}}
@media screen and (min-width:720px){html{font-size:19.2px;}}
@media screen and (min-width:750px){html{font-size:20px;}}