*{ box-sizing: border-box;  margin:0;padding:0;  outline:none;}
body,th,td,input,select,textarea,button {font-size:14px;font-family:"微软雅黑","Microsoft YaHei","Arial", "黑体","宋体";color:#333} /* 重置页面文字属性 */
fieldset,img {border:0 none}  /* 重置fieldset（表单分组）、图片的边框为0*/
dl,ul,ol,menu,li {list-style:none}   /* 重置类表前导符号为onne,menu在HTML5中有效 */
blockquote, q {quotes: none}   /* 重置嵌套引用的引号类型 */
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}  /* 重置嵌套引用*/
input,select,textarea,button {vertical-align:middle;resize:none;-webkit-appearance: none !important;outline: none; border:none; background:transparent;}  /* 重置表单控件垂直居中*/
button { cursor:pointer}  /* 重置表单button按钮效果 */
a {color:#333;text-decoration:none;border:0 none;}  /* 重置链接a标签 */
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}  /* 重置样式标签的样式 */
caption {display:none;}    /* 重置表格标题为隐藏 */
table {border-collapse:collapse;border-spacing:0;}    /* 重置table属性 */
img{ border:0 none; max-width: 100%;vertical-align: middle; transition: all .6s;}  /* 图片在当前行内的垂直位置 */
a img{border:0 none;}
em,i{font-style:normal;}
h3,h4,h5,h6{ font-weight: normal;}
/* 取消a标签点击后的虚线框 */
 a {outline: none;color: inherit;-webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;  -webkit-user-select: none;}  
/*清除浮动*/
.fl{ float:left;}
.fr{ float:right;}
.clear10{height:10px;overflow:hidden;clear:both;}
.clear20{height:20px;overflow:hidden;clear:both;}
.clear30{height:30px;overflow:hidden;clear:both;}
.clear40{height:40px;overflow:hidden;clear:both;}
.clear150{height:150px;overflow:hidden;clear:both;}
.clearfix:after {content: "";display: block;clear: both;width: 100%;height: 0;line-height: 0;font-size: 0;}

 /* input çš„ placeholder*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#999;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#999;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#999;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #999;}
 


.dis-flex-center-center{  display: flex; align-items: center; justify-content: center;}
.dis-flex-between-center{  display: flex; justify-content: space-between; align-items: center;}
.dis-flex-center{  display: flex; align-items: center;}
.dis-flex-between{  display: flex; justify-content: space-between}
.dis-flex{  display: flex;}
.flex-column{ flex-direction: column;}
.flex-wrap{ flex-wrap: wrap;}
.position-relative{ position: relative;}

.hmax{ height: 100% ;}
.wmax{ width: 100%   ;}
.w50{ width: 50%  ;}
.img{ position: relative; overflow: hidden;}
.transition{ transition: all .36s;}
.transition1{ transition: all 1s;}
.line-height{ line-height: 2;}
.text-center{ text-align: center;}
.text-right{ text-align: right;}
.text-left{ text-align: left;}
.text-uppercase{ text-transform: uppercase;}
.cursor{ cursor: pointer;}
.font-weight{ font-weight: 800;}
.fixed{  position: fixed; top: 0; left: 0; width: 100%; z-index: 9999;   -webkit-animation: 300ms ease-in-out 0s normal none fadeInDown;
  animation: 300ms ease-in-out 0s normal none fadeInDown;}
  @-webkit-keyframes fadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}
  @keyframes fadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}
 
.line-clamp{  word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.line-clamp2{ word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.line-clamp3{ word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.line-height2-4{ line-height: 2.4;}
.opacity8{ opacity: 0.8;}


/* 栏目页banner手机端与pc端切换显示 */
 
  .show-phone{ display: none; }
  @media screen and (max-width:750px){
    .show-pc{  display: none; }
    .show-phone{  display: block; }
  }
  /* 图片放大 */
  .img-scale{ transform: scale(1); transition: all .5s; }
  .img-scale:hover{ transform: scale(1.1); transition: all .5s;  }

  
/*分页样式*/
.pglist {padding:  80px 0;width: 100%;text-align: center;clear: both;}
.pglist a {color: #333;padding: 0 15px;margin: 0 4px;background: #fff;border: 1px solid #edebeb;}
.pglist a.close {background: #f2f2f2 !important;}
.pglist * {display: inline-block;vertical-align: middle;line-height: 34px;padding-bottom: 1px;}
.pglist a:hover,.pglist .hover {display: inline-block;color: #fff;background: #00533c;border-color: #00533c;}
/* 变色 */
@font-face {
  font-family: "DIN";
  src: url("../font/DIN-Medium.eot"); /* IE9 */
  src: url("../font/DIN-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  
  url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
  
  url("../font/DIN-Medium.svg#DIN-Medium") format("svg"); /* iOS 4.1- */
  font-style: normal;
  font-weight: normal;
}



.w1440{ width: 1188px; margin: 0 auto;}
 .introduce{ padding-top: 40px;}
.introduce .right{ width: 39%;}
.introduce   .right>div{ position: absolute; top: 0; left: 0;}
.introduce .right  .paly{ width: 100px;  cursor: pointer; background: #fff; border-radius: 50%; height: auto;
	box-shadow: 0 0 rgba(255, 255, 255, 0.1),0 0 0 15px rgba(255, 255, 255, 0.1),0 0 0 30px rgba(255, 255, 255, 0.1);
	animation: ripple-wave1 1s linear infinite;
	animation-play-state: running;
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	-webkit-animation: ripple-wave1 1s linear infinite; transform: scale(0.8);}

div.video-play{position:fixed;top:0;bottom:0;right:0;left:0;width:100vw;height:100vh;z-index:10001;display:none}
div.video-bg{position:absolute;top:0;bottom:0;width:100%;z-index:1001;background:#0b0b0b;opacity:.8}
div.video-wrap{z-index:1002;position:fixed;top:52%;left:50%;-webkit-transform:translate3d(-50%, -52%, 0);transform:translate3d(-50%, -52%, 0);width:1000px;height:570px;  }

div.video-wrap video{width:100%;height:auto}
div.close-btn{cursor: pointer; transition: all .36s;
 
 text-align: center;
 line-height: 40px;
 z-index: 9999;
 position: absolute;
 background: #000;
 border: 2px solid #fff;
 width: 50px;
 height: 50px;
 border-radius: 50%; opacity: 0.5;
 right: -20px;
 top: -25px;}
 div.close-btn:hover{ transform: rotate(180deg); opacity: 1;}
 .introduce .left { width: 58%; }
.color-666{ color: #666;}.color-orange{ color: #f5a100;}.color-888{ color: #888;}.color-white{ color: white;}
.introduce .left figure{ width: 720px; margin-left: calc((100vw - 1188px) / 2);}
.introduce .left .f30{ margin: 35px 0 ;}
.introduceNum{ margin: 90px 0 110px; font-size: 18px;}
.introduceNum  li span{ font-family: "DIN"; position: relative; padding-right: 2px; }
.introduceNum  li span em{ font-size: 16px; position: absolute; top: 0; right: 0;}
 
.introduceIco{align-items: flex-start;}

.introduceIco>div{ width: 30%;}

.introduceIco li{  background: url(../images/introduceIcoYuan.png) no-repeat center; background-size: cover; border-radius: 50%;
   width: 160px; height: 160px; position: relative;
 margin-bottom: 40px;}
.introduceIco li img{ height: 40%;}
.introduceIco li::after{ width: 130%; height: 130%; border-radius: 50%; top: -15%; left:-15%; display: block; position: absolute; content: '' ; z-index: -1; background-color: rgba(245, 161, 0, 0.2);
 }
 .introduceIco  .icon{ width:180px; margin-bottom: 30px;}
 .introduceIco>div:hover{ color:#f5a100}
 .Memorabilia{ background: url(../images/MemorabiliaBg.jpg) no-repeat center center ; background-size: cover; padding: 80px 0 ; margin-top: 100px; position: relative;}
 .Memorabilia .title{ margin-bottom: 50px;}
 .Memorabilia .title .en{	font-family: BIN;}
 .Memorabilia .title .ch{}
 .Memorabilia::after{ position: absolute; display: block; content: ''; width: 100%; height: 9px; background: url(../images/MemorabiliaChi.png) repeat-x center bottom;
 bottom: 95px; left: 0;}
 
 
 .Memorabilia .swiper-slide { padding-bottom: 60px; position: relative;  }
 .Memorabilia .swiper-slide .con{  transition: all .36s;  height: 250px; background-color: #fff; padding: 30px;
   border-radius: 20px; font-size: 14px; line-height: 2; position: relative;}
 
 .Memorabilia .swiper-slide .con:before {content: "";position: absolute;border-width:11px 11px 0;border-style: solid;border-color:  #fff transparent transparent  ;bottom: -11px;left: 50%;margin-left: -9px}
 
 .Memorabilia .swiper-slide i{ display: block; border-radius: 50%; width: 14px; height: 14px; background-color: #fff; position: absolute; bottom: 10px; left: 50%; 
transform: translateX(-50%);}
.Memorabilia .swiper-slide i:after{ content: ''; display: block; width: 24px; height: 24px; border-radius: 50%;     background: rgba(255,255,255,0.3);   
   animation: warn 1s linear 0.4s infinite;opacity: 1;
 position: absolute; left: 50%; top: 50%;  margin-top: -12px; margin-left: -12px;}
 .Memorabilia .swiper-slide:hover .con{ transform: translateY(10px);  }
 .Memorabilia .swiper-slide:hover i{ background-color: #f5a100; color: #fff;}

 .swipeBtn{ background: url(../images/left.png) no-repeat center center rgba(255,255,255,0.4); background-size: 15% auto; position: absolute; top: 50%; width: 60px;
height: 60px;  margin-top: -50px; border-radius: 50%; cursor: pointer;}
.swipeBtn.next{ right: -100px; transform: rotate(180deg);} 
.swipeBtn.prev{ left: -100px;}
.swipeBtn:hover{ background: url(../images/left.png) no-repeat center center #f5a100;}
.swipeBtn.swiper-button-disabled{ opacity: 0.2;}
.Research{ padding: 80px 0 150px; background: url(../images/ResearchBg.png) no-repeat left bottom  ; background-size: auto 58% ;}
.Research .left .f16{ margin-top: 15px;}
#wonder{ width: 100%; height: 100%; position: absolute; top:0; left: 0;  z-index: -1; }
.Research .right .yuan{ width: 260px; height: 260px; border-radius: 50%; border: 2px solid #f5f5f5; margin: 0 -15px; position: relative;}
 .Research .right .yuan img{ max-width: 70% ; max-height: 70%;}

 .Base{ background: url(../images/BaseBg.jpg) no-repeat center center ; background-size: cover; padding: 80px 0;}
 .smaildesc{ width: 60%;  margin: 30px auto;}
 .Base .img{width: 23.9%;}
 .Base .img .txt{ width: 100%; padding: 20px  0; background-color: rgba(245, 161, 0, 0.7); position: absolute; top: 50%; left: 0; transition: all .36s;}
 .Base .img:hover .txt{ transform: translateY(-20px);background-color: #f5a100}
 .Base .img:hover  img{ transform: scale(1.1);}

 .Exhibition{ padding: 80px 0;}
 .Exhibition .f44 { margin-bottom: 50px; }
 .ExhibitionIco{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
 .Exhibition .img:hover .ExhibitionImg{  transform: scale(1.1);  filter:  blur(5px);;  }

 .Chain{ padding: 80PX 0; background: url(../images/ChainBg.jpg) no-repeat top center; background-size: 100% auto;}
 
 .Chain .swiper-slide{ padding: 20px 15px;   }
 .Chain .swiper-slide a{ padding: 20px 0; text-align: center;}
 .Chain .swiper-slide .img{ width: 100%; height: 70px; }
 .Chain .swiper-slide .tit{ margin-top: 20px;}
 
.Chain .swiper-slide:hover a{  box-shadow: 0 0 15px rgba(245, 161, 0, 0.5);transform: translateY(-15px);}

.cooperation{ background: #f8f8f8; padding: 80px 0;}
.cooperation ul{ padding-top: 20px;}
.cooperation ul li{ width: 23.6%; background-color: #fff; float: left; padding: 20px 15px; margin-right: 1.86%; margin-top: 25px; transition: all .36s;}
.cooperation ul li:nth-child(4n){ margin-right: 0;}
.cooperation ul li .img{ height: 85px;}
.cooperation ul li .txt{  margin-top: 15px;display: none;}
.cooperation ul li:hover{ box-shadow: 0 0 15px rgba(245, 161, 0, 0.7); transform: scale(1.05);}

.honor{ padding: 80px 0; background: url(../images/honorBg.png) no-repeat bottom right; background-size: 68% auto;}
#honorSwiper{  }
#honorSwiper .swiper-slide{ opacity: 0.6;}
#honorSwiper .swiper-slide.swiper-slide-active{ opacity: 1;}
#honorSwiper .swiper-slide .f24{ margin-top: 15px; opacity: 0;}
#honorSwiper .swiper-slide.swiper-slide-active .f24{  opacity: 1;}
.honorSwiperBot{ margin-top: 40px;}
.honorBOx{ padding-top: 50px;}
.swiper-num{ margin: 0 180px; font-size: 24px;}
.swiper-num .active{ font-size: 30px;}
.honorBtn{ width: 70px; height: 70px; border-radius: 50%; border: 1px solid #f5a100; background: url(../images/left2.png) no-repeat  center center; background-size: 12% auto; cursor: pointer; }
.honorBtn.prev{}
.honorBtn.next{ transform: rotate(180deg);}
.honorBtn:hover{background: url(../images/left.png) no-repeat  center center #f5a100; background-size: 12% auto; }

.prospects{ background: url(../images/prospectsBg.jpg) no-repeat center left  #f8f8f8; background-size: 25% 100%; padding: 80px 0;}
.prospects .img{ width: 31.5%;}
.prospects .txt{ width: 60%;}
.prospects .txt  .desc::after{ display: block; content: ''; width:150px; height: 3px; background-color: #f5a100; top: 50%; margin-top: -1.5px; left:-180px; position: absolute;}
.prospects .txt .info{ margin-top: 30px; line-height: 2.4;}
.prospects .img::before,
.prospects .img::after { 
   content: "";background: #fff;  height: 0;   width: 0;  z-index: 1;   position: absolute;  -webkit-transition-duration: 1.3s !important; -o-transition-duration: 1.3s;  transition-duration: 1.3s !important;
}
.prospects .img::before {right: 0;  opacity: 1;  top: 0;}
.prospects .img::after {  bottom: 0;  opacity: .7;  left: 0;}
.prospects:hover .img::after, .prospects:hover .img::before { height: 100%; opacity: 0;  width: 100%;}

.Social{ padding: 80px 0;}
.Social .desc{ margin: 30px 0;}
.Social .txt{ width: 80%; height: 68%; background-color: rgba(245, 161, 0, 0.9); top: 16%; left: 10%; position: absolute; line-height: 2;  transition: all .36s;}
.Social .swiper-slide:hover .txt{ box-shadow: 0 0 15px rgba(245, 161, 0, 0.7); width: 90%; height: 80%; left: 5%; top: 10%; }
.bg-orange{ background-color: #f5a100;}
.Franchise{ background: url(../images/FranchiseBg.jpg) no-repeat center center; background-size: cover; padding: 80px 0;}
.fuTIT{ margin: 30px 0 60px;}
.Franchise .line{  width: 60px; height: 2px; margin-top: 30px; }

.Franchise .swiper-container{  }
.Franchise .swiper-slide {   }
.Franchise .swiper-slide .txt{ padding: 50px; background-color: #fff; border-radius: 20px; overflow: hidden; padding-bottom: 50px;transition: all .36s;}
.Franchise .swiper-slide .txt figure{ margin: 15px 0;}
.Franchise .swiper-slide .txt   .color-666{ height: 90px;}
.Franchise .swiper-slide .txt span{ position: absolute; left: 50%; bottom: -60px;   transform: translateX(-50%); opacity: 0.1; }
.Franchise .swiper-slide:hover{ background-color: #f5a100;  }
.Franchise .swiper-slide:hover .txt{ border-radius: 50px;}

.policy{ background: url(../images/policyBg.jpg) no-repeat center center; background-size: cover;  }
.policytit{ background: url(../images/policyTit.png) no-repeat left bottom; background-size: 100% auto; padding: 40px 0;}
.policybox{ padding: 80px  0 ;}
.policy .swiper-slide {   background-color: #fff; padding: 60px 25px 0 35px;  text-align: center; border-radius: 25px; position: relative; overflow: hidden;min-height: 480px;}
.policy .swiper-slide::after{ width: 200px; height: 200px; top: -100px; left: -100px; background-color: rgba(245, 161, 0, 0.1);
display: block; content: ''; position: absolute; border-radius: 50%; transition: all .36s;}
.policy .swiper-slide span{   display: flex;align-items: center; justify-content: center; font-size: 20px; top: 30px;  left: 30px;
 position: absolute; color: #f5a100; z-index: 5;}
.policy .swiper-slide .f30{ margin: 30px 0;}
.policy .swiper-slide>div,.policy .swiper-slide>img{ position: relative; z-index: 6;}
.policy .swiper-slide .color-666{ min-height: 150px;}
.policy .swiper-slide:hover::after{ width: 100%; height: 100%; border-radius: 0; top: 0; left: 0;background-color: rgba(245, 161, 0, 1);}
.policy .swiper-slide:hover img{filter: grayscale(100%) brightness(500%);}
.policy .swiper-slide:hover{ color: #fff;}
.policy .swiper-slide:hover .color-666{ color: #fff;}
.policy .swiper-slide:hover span{ color: #fff;}

.Store{ background: #f8f8f8; padding: 80px 0;}
.StoreBox{   margin-top: 60px;}

.Agency{ padding: 80px 0 60px;}
.AgencyUl{ padding-top: 40px;}
.AgencyUl li{ float: left; width: 31%;  margin-right: 3.5%; margin-bottom: 45px; transition: all .36s;}
.AgencyUl li:hover{ box-shadow:  0 0 10px rgba(245, 161, 0, 0.5); transform: translateY(-10px);}
.AgencyUl li:nth-child(3n){ margin-right: 0;}
.AgencyUl li .txt{ background-color: #f8f8f8; height: 80px; line-height: 80px;}
.AgencyUl li:hover img{ transform: scale(1.1);}
.AgencyMore{ border: 1px solid #e5e5e5; padding: 15px 0; position: relative;}
.AgencyMore span{ position: relative; z-index: 5;}
.AgencyMore::after{ width: 100%; height: 0; background-color: #f5a100 ; left: 0; bottom: 0; position: absolute; display: block; content: ''; transition: all .36s; }
.AgencyMore:hover{ color: #fff;}
.AgencyMore:hover::after{ height: 100%;}

.Processtit{ margin-bottom: 60px;}
.Process{ padding:0 0 80px  ; align-items: flex-start}
.Process::after{ width: 100%; height: 2px; display: block; content: ''; background: url(../images/ProcessLine.png) repeat-x; position: absolute; top: 74px; left: 0; }
.Process li{ line-height: 2;width: 200px; position: relative; z-index: 5;}
.Process li .f24{ margin: 10px auto;}
.Process li .pic{ background-color: #fef5e5; border-radius: 50%; width: 150px; height: 150px; position: relative;}
.Process li .pic img{ height: 30%;}
.Process li .pic i:before { content: ''; position: absolute; left: 0; top: 0;  border: 1px solid #f5a100; width: 100%;height: 100%;  border-radius: 50%;  opacity: 0}
.Process li .pic i:after {content: '';position: absolute; left: 0;top: 0;border: 1px solid #f5a100; width: 100%; height: 100%; border-radius: 50%;opacity: 0}
.Process li:hover .pic  i:before { animation: serv_one_border .9s 0s ease 1; }
.Process li:hover .pic i:after {  animation: serv_one_border 1.5s 0s ease 1;}
.Process li:hover .pic img{animation: jello 1.2s;}

.Message{ background: url(../images/MessageBg.jpg) no-repeat center center; background-size: cover; padding: 80px 0;}
.Messagebox{ background-color: #fff; padding: 50px 6vw; margin-top: 50px;}
.w48{ width: 48%;}
.Messagebox .item{ margin-bottom:35px;}
.Messagebox .input{ border: 1px solid #ddd; background-color: #fafafa; padding:20px; width: 100%; margin-top: 18px;}
.Messagebox  .textarea { border: 1px solid #ddd; background-color: #fafafa; padding:20px; width: 100%; margin-top: 18px;}
.Messagebox  .submit{ margin: 0 32px;padding:20px 70px; color: #fff;background-color: #f5a100; }
.Messagebox  .reset{margin: 0 32px;padding:20px  70px;color: #fff; background-color: #999999;}