@charset "utf-8";
@font-face {
  font-family: 'D-DIN-PRO-400-Regular'; /* 自定义字体的名称 */
  src: url('fonts/D-DIN-PRO-400-Regular.ttf') format('ttf'), /* 指定字体文件的路径和格式 */
      /*url('fonts/MyCustomFont.woff') format('woff')*/; /* 提供多种格式以增加兼容性 */
}
html{ font-size: 100px; }
body{font-family:"Arial";  color:#333; font-size:15px; font-family: "D-DIN-PRO-400-Regular", sans-serif;}
*{margin:0px;padding:0px;list-style: none; }
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333;}
a:hover{color:#e40011}
i{ font-style: normal; }
em{ font-style:normal;}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}
.layui-layer-setwin .layui-layer-close2 {
    right: -6px!important;
    top: -6px!important;
}
.bak{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic,.pic1{ overflow: hidden; margin: auto; position: relative;}
.pic span{ background-repeat: no-repeat; background-position: center; background-size: cover; display: block;}
.pic span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; transition: all 0.5s;}

.pic1 span{background-repeat: no-repeat; background-position: center; background-size:contain; display: block;}
.pic1 span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; transition: all 0.5s;}


.w1310{ width: 1310px; margin:auto; max-width: 96%; }
.w1200{ width: 1200px; margin: auto; max-width: 96%; }
.w1030{ width: 1030px; margin:auto; max-width: 96%; }
.content{ margin:20px auto; }
.middle{ margin: 0px auto; padding: 40px 0px; }

.top{ margin: auto; background: #FF6F00;  height: 100px; }
.logo{ float: left;  }
.logo img{ height: 100px; }
.nav{ float:right; font-size: 24px;  font-weight: bold; height: 100px; line-height: 100px; }
.nav li{ float: left; text-align: center; position: relative; z-index: 999; margin-left: 50px;  }
.nav li a{ display: block; color: #15189A;   }
.nav li a:hover,.nav li.on a{ text-decoration: underline;  }


.nav li .sub-box1{ position:absolute;text-transform:none; top:72px; left: -45%;  width:200%; overflow: hidden; height: 0px; display: block; z-index: 999; transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;  z-index: -1;opacity:0; filter:alpha(opacity=0); -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2); }

.nav li:hover .sub-box1{ display: block; height: auto; z-index: 1;opacity:1; filter:alpha(opacity=1); }
.nav li .sub-box{ background:#fff; }
.nav li .sub-box a{ display: block; margin: auto; font-size: 14px;  padding:0px 10px; text-align: center; border-bottom: #004F88 1px dotted; line-height: 45px; }
.nav li .sub-box a:hover{ background: #4078c2; color: #fff; }


.index_dh{ margin: auto; text-align: center;  text-transform:uppercase;}
.index_dh h2{ color: #fff; font-size: 0.5rem;  font-weight: bold; }
.index_dh p{  color: #FF6F38; font-size: 20px; font-weight: bold;}


.box{ padding:0.8rem 0; background-repeat: no-repeat; background-position: center; background-size: cover;}
.box1{background: linear-gradient(to bottom, #FE00B2, #21159B);}
.list_pic{ margin:0.5rem auto 0 auto; }
.list_pic li .pic{ border-radius: 15px; }
.list_pic li .pic span{ padding-top: 66%; }
.list_pic .swiper-wrapper{   margin:auto; }
.swiper-button-next, .swiper-button-prev{ outline: none; }
.left-pre,.right-next{ background: #15189A; border: #fff 1px solid; width: 30px; height: 30px; line-height: 30px; border-radius: 100%; color: #fff; }
.left-pre:after,.right-next:after{ font-size:14px; font-weight: bold; }

.box2{background: linear-gradient(to bottom, #FF6F00, #FFCB06);}
.index_dh1 h2{ color: #15189A; text-transform:uppercase;}
.tab{ height: 50px; border-bottom:#ccc 1px solid; line-height: 50px; margin:30px auto; }
.tab a{ display: block; float: left; width: 33.3%; text-align: center; font-size: 30px;color: #15189A;  }
.tab a.active,.tab a:hover{border-bottom: #15189A 2px solid; font-weight: bold; }
.play_con{ margin:40px auto 0 auto; }
.tab_list{ display: none; }
.tab_list.active{ display: block; }
.tab_l{ float: left; width: 30%; margin-right: 5%;   color: #15189A;}
.tab_l h3{ font-size: 35px;  text-transform:uppercase;  font-weight: bold; }
.tab_l p{ font-size: 22px;  }
.tab_r{ overflow: hidden; display: grid; grid-template-columns: repeat(2, 1fr);  gap:0.8rem; }
.tab_r li .pic{ border-radius: 15px; }
.tab_r li .pic span{ padding-top: 66%; }
.tab_r li h4{ margin:10px auto; font-size: 22px;   color: #15189A;}
.tab_r li p{  color: #15189A; }
.tab_r li em{ display: block; width: 180px; height: 50px; line-height: 50px; text-align: center; color: #fff; background: linear-gradient(to bottom, #040653, #151797); border-radius: 50px; margin-top: 20px; font-weight: bold;}
.tab_r li:hover em{ background: #040653; }

.box3{display: grid; grid-template-columns: repeat(4, 1fr);  gap:10px; margin:10px auto; padding:0 10px;}
.box3 li a{ display: block; position: relative; }
.box3 li .pic span{ padding-top: 66%; }
.box3 li .pic i{ display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  font-size: 0.6rem; color: #fff; opacity: .5; z-index: 1;}

.box3 li .text{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.9); display: flex; align-items: center;   justify-content: center; z-index: 1; opacity: 0; transition: all 0.5s;}

.box3 li .text .dec{ text-align: center; padding:0 20px; }
.box3 li a:hover .text{opacity: 1;}

.box4_list li{  border:#FF6F00 1px solid;  border-radius: 20px;}
.box4_list li .con{color: #15189A;  }
.box4_list li .text{ padding:20px; }
.box4_list li .text h4{ font-weight: bold; font-size: 22px; margin:auto; }
.box4_list li .text .dec{ font-size: 18px; margin:20px auto;  line-height: 1.6;}
.box4_list li .text i{ display: block; font-size: 36px; }

.box4_list .swiper-wrapper{ padding:50px 0 100px 0; }

.box4_list .swiper-slide-active .con{ bottom: -10px; right: -10px;  background: linear-gradient(to bottom, #FF7000, #FFCA05); border-radius: 20px;  position: relative;}

.box4_list .swiper-pagination{ width: 332px; height: 15px; left: 50%; margin-left: -166px; background: #15189A; border-radius: 15px; }
.box4_list .swiper-pagination-bullet{ background: #fff;opacity: 0; margin: 0!important; width: 55px; height: 13px; border-radius: 13px; outline: none; bottom:  2px; position: relative; }
.box4_list .swiper-pagination-bullet-active{  opacity: 1; }


.foot_name{ margin:10px auto; }
.foot{ background: linear-gradient(to bottom, #15189A, #22D8FF); background: linear-gradient(to bottom, #FE00B2, #21159B); padding:50px 0;}
.foot_tit{ font-size: 18px; color: #fff; font-weight: bold; text-align: center;text-transform:uppercase;  max-width: 96%; margin:auto;}
.foot_nr{ color: #fff; margin:auto; }
.foot_logo{ float: left; width: 35%; display: flex; align-items: center;  }
.foot_logo img{ width: 100px; }
.foot_logo a.btton{  display: inline-block;  padding:10px 20px; line-height: 20px; /*width: 158px;*/  text-align: center; color: #fff; background: linear-gradient(to bottom, #040653, #151797); border-radius: 50px; margin:auto; font-size: 12px;  }
.foot_nav{ float: left; width: 35%; text-align: center; }
.foot_nav a{ display:block; width: 50%; float: left; color: #fff; line-height: 30px; font-size: 16px; }
.foot_nav a:hover{ text-decoration: underline; }
.foot_logo a.btton:hover{background: #040653;}
.foot_r{ float: right;  }
.share{ margin:auto; }
.share a{ display: inline-block; width: 45px; height: 45px; line-height: 45px; border-radius: 100%; background: #fff; text-align: center; margin:0 5px;  }
.share a i{  font-size: 22px; }
.share a:hover { color: #fff; background: #333; }

.lxwm{ margin:20px auto 0 auto; }
.lxwm a{ display: block; width: 180px; height: 50px; line-height: 50px; text-align: center; color: #fff; background: linear-gradient(to bottom, #040653, #151797); border-radius: 50px; margin:auto; }
.lxwm a:hover{background: #040653;}
.nbanner{ margin: auto;  }
.nbanner img{ width: 100%; max-width: auto; }
.nbanner .pic span{ padding-top: 33.33%; }
.n_dh{ margin: auto;  text-align: center; }
.n_dh a{ display: inline-block; padding: 10px 20px; font-size: 16px; margin: 50px 10px 20px 10px; }
.n_dh a:hover{color: #fff; background: #1E4FB1; }
.n_dh a.on{color: #fff; background: #1E4FB1; }

.nmiddle{ margin:0.7rem auto; }
.play_box1{ background: #17179A; padding-bottom: 2rem; }
.play_about{color: #fff; font-size: 18px;  }
.play_about .pic{ float: left; border-radius: 20px; margin-right:10%; width: 36%;}
.play_about .pic span{ padding-top: 66%; }
.play_about .text{ overflow: hidden; color: #fff; font-size: 18px;}
.play_about  h1{ font-size: 0.5rem; font-weight: bold;   text-transform:uppercase; }
.play_about  h2{ color: #FF6F00; font-size: 0.5rem;  margin: auto; font-weight: bold;  text-transform:uppercase;}
.play_about  p{ line-height: 1.5; margin-top: 10px;}

.ad img {  width: 100%; max-width: auto; }

.about1{ width: 82%; }
.about1_list{display: grid; grid-template-columns: repeat(3, 1fr);  gap:20px; }
.about1_list .pic{ border-radius: 0.5rem; border:4px solid #fff; }
.about1_list .pic span{ padding-top:65.15%; }
.box_but{clip-path: polygon(0 0, 100% 0, 100% calc(100% - 0px), calc(100% - 0px) 100%, 0 10%); height: 1rem; background: #17179A;  margin-bottom: -0.9rem; }
.play_box2{background: linear-gradient(to bottom, #FFCB06, #FF6F00); padding-bottom: 0;}
.play_app .text{ float: left; width: 62.5%; padding-top: 2.2rem; }
.play_app h2{color: #150773; font-size: 0.5rem;  margin: auto; font-weight: bold;  text-transform:uppercase; margin:30px auto;}
.play_app .pic{ overflow: hidden;  margin-top: -2rem;}

.play_app p a{ display: inline-block; margin-right:20px; }

.play_box3{background: #17179A; background: #FE00B2; padding:30px 0;}
.lxwm_box{ color: #fff;  font-size: 18px; }
.lxwm_con{display: grid; grid-template-columns: repeat(2, 1fr);  gap:30px; margin:10px auto;}
.lxwm_con p{ margin:7px auto; display: flex; align-items: center; }
.lxwm_con p b{ display: block; padding-top: 20px; }
.lxwm_con p i{ font-size: 20px; padding-right: 10px; }
.lxwm_con a{ color: #fff; }
.lxwm_con a:hover{ text-decoration: underline; }
.lxwm_con .tit,.lxwm_con dl dd{ margin:5px auto; }

.lxwm_con .tit{font-size: 0.5rem; font-weight: bold; text-transform: uppercase; }
.lxwm_con1{ display: block; }


.pic_box{ background:  rgba(252,255,255,0.85); padding:0.8rem; }

.pic_box h1{ color: #15189A; font-size: 0.5rem;  text-transform:uppercase; font-weight: bold; text-align: center;}
.pic_list{ margin:50px auto; display: grid; grid-template-columns: repeat(2, 1fr);  gap:20px; width: 94%; }
.pic_list li{ background: #15189A }
.pic_list li .pic span{ padding-top: 66%; }
.pic_list li .text{ padding:20px; color: #fff; text-align: center; }
.pic_list li .text h3{ font-size: 26px; text-transform:uppercase; color: #FF6F00; font-weight:bold; }
.pic_list li .text p{ line-height: 1.5; margin:10px auto; }
.pic_list li .text em{ border-radius: 50px;  height: 50px; line-height: 50px; text-align: center; display: block;  font-family: franklingothic urw; background: linear-gradient(180deg, #ff6f00, #ffcb05);   }
.pic_list li .text i{ background: #15189A; border-radius: 45px; height: 45px; line-height: 45px; width: calc(100% - 6px);  display: block; top: 2px; position: relative; margin:auto; font-weight: bold; }
.pic_list li a{ display: block; }
.pic_list li a:hover i{ background: none }

.pic_lxwm{ width: 500px; background: #FF6F00; padding:30px 20px;margin:auto; text-align: center; }
.pic_lxwm .tit{ font-size: 26px; font-weight: bold; color: #15189A; }
.pic_lxwm  p{ font-size: 16px; color: #fff; line-height: 1.6; margin:10px auto 20px auto; }
.pic_lxwm  a{ width: 130px; height: 48px; line-height: 48px; text-align: center; border:#15189A 2px solid; border-radius: 48px; display: block; margin:auto; font-weight: bold; }
.pic_lxwm  a:hover{ background: #15189A; color: #fff; }

.Franchising_list li {display: flex; align-items: center; margin:30px auto; }
.Franchising_list li .pic{ width: 45%; border-radius: 20px; margin-right: 10%; }
.Franchising_list li .pic span{ padding-top: 80%;  }
.Franchising_list li .text{ width: 45%; }
.Franchising_list li .text h4{ font-size: 26px; color: #15189A; font-weight: bold; }
.Franchising_list li .text .dec{ margin:20px auto;  font-size: 16px; line-height: 1.5;}
.Franchising_list li .text a{ display: block; float: left; padding:15px 30px; background: linear-gradient(to bottom, #040653, #151797); border-radius: 50px; color: #fff; font-weight: bold; margin:auto; }
.Franchising_list li .text a:hover{ background: #040653; }
.Franchising_list1 li .pic{ margin-right: 0; }
.Franchising_list li .dec ul li{ display: block; }
.Franchising_list li .dec ul li:before{ position: relative; top: 2px; }
.Franchising_list li .dec ul li{ margin:10px auto; }


.Franchising_ad{ width: 96%; margin:30px auto;   }
.Franchising_con{border: 1px solid #ff00bd; border-radius: 25px; }
.Franchising_con .con{ bottom: -10px; right: -10px;  background: linear-gradient(#ff6f00, #ff00bd); border-radius: 25px;  position: relative; text-align: center; padding:0.5rem 30px 10px 30px;}

.Franchising_con .con h2{ font-size: 36px; font-weight: bold; margin:20px auto; color: #fff; }
.Franchising_con .con a{padding:15px 0px; background: linear-gradient(to bottom, #040653, #151797); border-radius: 50px; color: #fff; font-weight: bold; display: block; width: 200px; margin:10px auto;}
.Franchising_con .con a:hover{background: #040653;}

.Franchising_con .con ul{display: grid; grid-template-columns: repeat(6, 1fr);  gap:20px;  color: #fff;}
.Franchising_con .con ul li .tit{ font-size: 16px; font-weight: bold; text-transform:uppercase; min-height: 50px; }
.Franchising_con .con ul li i{ display: block;  font-size: 26px; margin:5px auto; }

.Franchising_ad p{ text-align: center; margin:15px auto; font-size: 14px; }








.Franchising_but{ height: 1rem; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 0px), calc(100% - 0px) 100%, 0 10%); background: #fff; margin-bottom: -0.9rem; }
.Franchising_qa{ background: #FF6F00; color: #150773; padding-top: 1.5rem;}
.Franchising_qa .con{ /*width: 60%;*/ }
.Franchising_qa h2{ font-size: 36px; font-weight: bold; }
.Franchising_qa p{ line-height: 1.2; margin:30px auto; font-size: 18px; }
.Franchising_qa ul{ margin:20px auto;  }
.Franchising_qa ul li{margin:15px auto;}
.Franchising_qa ul li .tit{display: flex; align-items: center;  font-size: 20px; }
.Franchising_qa ul a{ display: block;color: #150773; text-decoration: underline; font-weight: bold; }
.Franchising_qa ul i{ font-size: 30px; display: block; margin-right:10px; }
.Franchising_qa ul li .cons{ margin:10px auto; line-height: 1.5; color: #fff; font-weight: bold; display: none; }
.Franchising_qa ul li .cons p{ margin:auto;line-height: 1.5; }

.lxwm_list{ width: 300px; max-width: 90%; margin:30px auto; }
.lxwm_list li{ margin:10px auto; border-bottom: 1px solid #ccc; padding-bottom: 10px; }
.lxwm_list li a{ color: #fff; display: block; }
.lxwm_list li a i{ display: inline-block; float: right; margin-top: 5px; }
.lxwm_list li a:hover{ color: #FFAB03; }
.lxwm_list .foot_tit{ margin-bottom:20px; }


.prize_video video{  float: left; border-radius: 20px; margin-right: 5%; width: 50%;}

.video_list{display: grid; grid-template-columns: repeat(3, 1fr);  gap:20px; margin:10px auto;}
.video_list li .pic span{ padding-top: 100%; }

.prize_about{ margin: auto; display: flex; align-items: center;  }
.prize_about .pic{ width: 36%; width: 46%; border-radius: 20px;  margin-right: 10%; }
.prize_about .pic span{ padding-top: 66%; }
.prize_about .text{ overflow: hidden; color: #fff; font-size: 18px; width: 54%;}
.prize_about  h2{ font-size: 0.5rem; font-weight: bold;   text-transform:uppercase; }
.prize_about  h3{ color: #FF6F00; font-size: 0.5rem;  margin: auto; font-weight: bold;  text-transform:uppercase;}
.prize_about  p{ line-height: 1.5; margin: 15px auto;}
.prize_about a{ display: block; float: left; padding:15px 25px; border-radius: 40px; background: linear-gradient(180deg, #ff6f00, #ffcb05); color: #333; font-size: 12px; font-weight: bold; margin-top: 20px; }
.prize_about1{ margin-top: 1rem; }
.prize_about1 a{ font-size: 16px; }
.prize_about1 h3{ font-size: 0.34rem; }
.prize_about1 .pic{ width: 46%; margin-left: 10%;}
.prize_about1 .text{ width: 44%; }


.prize_list{display: grid; grid-template-columns: repeat(2, 1fr);  gap:20px; margin:1rem auto; width:820px; max-width: 96%;}
.prize_list li{  background: #FF6F00; padding-bottom: 30px; position: relative; }
.prize_list li .pic span{ padding-top: 52.75%; }
.prize_list li .text{ padding:20px 15px 50px 15px; }
.prize_list li .text h3{ color: #15189a; font-size: 30px; text-transform:uppercase; font-weight: bold; text-align: center; }
.prize_list li .text p{ margin:10px auto; color: #fff; text-align: center; }
.prize_list li  em{ display: block;  width: 150px;  text-align: center; border: #15189A 2px solid; border-radius: 48px; margin: auto; font-weight: bold; padding:10px 0; color: #15189A; position: absolute; bottom: 20px; left: 50%; margin-left:-75px;}
.prize_list li:hover  em{ background: #15189A; color: #fff; }
.wap{ display: none; }


.about_dh{ font-size: 0.5rem; text-align: center; padding:20px 0; font-weight: bold;  color: #15189A;text-transform:uppercase;}
.about_box{ background: #EF7000; padding:0.6rem 0; margin:auto; }
.about_con .tit{ font-size: 36px;  color: #15189A; text-align: center; text-transform:uppercase;font-weight: bold;  }
.about_con .con{margin:20px auto;}
.about_con .pic{ float: left; width: 48%; margin-right: 3%; }
.about_con .pic span{ padding-top: 66%; }
.about_con .text{ overflow: hidden; padding-top: 20px; color: #fff; }
.about_con .text h1{ font-size: 24px; font-weight: bold; }
.about_con .text .dec{ line-height: 1.5; margin-top: 10px; font-size: 16px; }
.about_list {position: relative;}
.about_list_con{ width: 95%; margin:auto; }
.about_list .pic{ border-radius: 20px; }
.about_list .pic span{ padding-top: 35.264%; padding-top: 66%; }
.about_list .text{ position: absolute; top: 50%; left: 5%; transform: translateY(-50%); width: 90%; background:rgba(0,0,0,0.6);  border-radius: 10px; }
.about_list .text p{ padding:20px; color: #fff; font-size: 18px; text-transform:uppercase;font-weight: bold; text-align: center; }
.about_list .swiper-button-next:after, .about_list .swiper-button-prev:after{ font-size: 26px; color: #fff; font-weight: bold; }

.zongjie{ margin:60px auto; display: flex; align-items: center;  }
.zongjie .pic{ width: 45%; margin-left: 5%;  border-radius: 20px;}
.zongjie .pic span{ padding-top: 66%; }
.zongjie .text{ width: 50%; font-size: 18px; color: #15189A; font-weight: bold;  line-height: 1.8;}
.zongjie .text p{ margin:10px auto; }