/*

 *	Created by scp-173 on 2016/10

 *	Copyright (c) 2016 shuwon.com All rights reserved

*/

@charset utf-8;
@font-face { font-family: Gravity-UltraLight; src: url(../fonts/Gravity-UltraLight.otf); font-style: normal }
* { margin: 0; padding: 0; }
html, body { width: 100%; height: auto; margin: 0; padding: 0; font-size: 14px; background: #FFFFFF; color: #3e3e3e; overflow-x: hidden; }
body, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img { border: medium none; margin: 0; padding: 0; outline: none; }
body, button, input, select, textarea { font: 14px LatoLight, '微软雅黑', Microsoft YaHei, tahoma, Srial, helvetica, sans-serif; outline: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; }
ul, ol, li { list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
img { border: 0px; display: block; }
table { border-spacing: 0px; border-collapse: collapse; }
tr { cursor: pointer; }
input { border: 0; }
input[type=button], input[type=submit], input[type=reset], select { -webkit-appearance: none; }
html { font-size: 62.5%; }
body { font-size: 1.6rem; }
textarea { resize: none; padding: 0; }
::selection { background: #1a96d4; color: #fff; }

::-moz-selection {
 background: #1a96d4;
 color: #fff;
}
.clearfix { clear: both; }
.scroll_cs { position: fixed; top: 0; color: #000; font-size: 36px; z-index: 999; left: 0; }
.Hover_off { cursor: url(../images/hover.ico), crosshair; }
.scrollbar { padding-right: 5px; overflow-y: auto; }
 .scrollbar::-webkit-scrollbar {
 width: 5px;
 height: 10px;
}
 .scrollbar::-webkit-scrollbar-button {
 background-color:#d7cfc2;
}
 .scrollbar::-webkit-scrollbar-track {
 background: #d7cfc2;
 overflow: hidden;
}
 .scrollbar::-webkit-scrollbar-track-piece {
 background: url(http://www.lyblog.net/wp/wp-content/themes/mine/img/stripes_tiny_08.png);
}
 .scrollbar::-webkit-scrollbar-thumb {
 background: #C81528;
 border-radius: 4px;
}
 .scrollbar::-webkit-scrollbar-corner {
 background:#C81528;
}
 .scrollbar::-webkit-scrollbar-resizer {
 background: #FF0BEE;
}
::selection { background: #C81528; color: #fff; }

::-moz-selection {
 background: #C81528;
 color: #fff;
}
.content1000 { width: 1000px; margin: 0 auto; position: relative; height: auto; z-index: 2; }
body.over, html.over { overflow: hidden;}
/*****************************/

/*IEtips*/

.IEtips { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: url(../images/ieBG.png); display: none; }
.IEtips_Box { width: 1000px; background: #FAFAFA; height: 500px; position: absolute; left: 50%; top: 50%; margin: -250px 0 0 -500px; }
.IEtips .Browser { margin-top: 35px; }
.IEtips .IEtips_title { font-size: 36px; width: 80%; margin: 0 auto; padding-top: 35px; }
.IEtips .Browser ul { overflow: hidden; text-align: center; width: 80%; margin: 0 auto; }
.IEtips .Browser ul li { margin: 0 40px; text-align: center; width: 120px; float: left; }
.IEtips .Browser ul li img { width: 100px; margin: 0 auto; }
.IEtips .Browser ul li a, .IEtips .Browser ul li span { display: inline-block; margin-top: 25px; color: #2570e1; font-size: 16px; transition: all .5s; -webkit-transition: all .5s; }
.IEtips .Browser ul li a:hover { color: #800886; }
.IEtips .brn_off { background: url(../images/brn_off.png); height: 32px; width: 32px; position: absolute; top: 5px; right: 5px; cursor: pointer; }
/***mobile*********/

#navToggle { position: fixed; z-index: 101; top: 28px; right: 10px; width: 30px; height: 30px; cursor: pointer; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; display: none; }
#navToggle span { position: absolute; top: 0; display: block; width: 30px; height: 2px; left: 0; border: 0px solid #C82126; background-color: #fff; -webkit-transition: top 0.2s 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s; transition: top 0.2s 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s; transition: top 0.2s 0.2s, transform 0.2s, background 0.2s, opacity 0s 0.2s; transition: top 0.2s 0.2s, transform 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s; }
#navToggle span:nth-of-type(2) { top: 15px; }
#navToggle span:nth-of-type(3) { top: auto; bottom: 0; -webkit-transition: bottom 0.2s 0.2s, background 0.2s, -webkit-transform 0.2s; transition: bottom 0.2s 0.2s, background 0.2s, -webkit-transform 0.2s; transition: bottom 0.2s 0.2s, transform 0.2s, background 0.2s; transition: bottom 0.2s 0.2s, transform 0.2s, background 0.2s, -webkit-transform 0.2s; }
#navToggle.expanded:hover { border-color: #fff; }
#navToggle.expanded { border-color: #aaa; }
#navToggle.expanded:hover span { transform: scale(0.9); }
#navToggle.expanded span:nth-of-type(1) { top: 15px; transform: rotate(45deg); transition: top 0.2s, transform 0.2s 0.2s, background 0.2s; -webkit-transform: rotate(45deg); -webkit-transition: top 0.2s, -webkit-transform 0.2s 0.2s, background 0.2s }
#navToggle.expanded span:nth-of-type(2) { opacity: 0; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; }
#navToggle.expanded span:nth-of-type(3) { bottom: 14px; transform: rotate(-45deg); transition: bottom 0.2s, transform 0.2s 0.2s, background 0.2s; -webkit-transform: rotate(-45deg); -webkit-transition: bottom 0.2s, -webkit-transform 0.2s 0.2s, background 0.2s }
#mobileNav.expanded { display: block; top: 0; }
#mobileNav { position: fixed; top: 0; left: 0; width: 100%; z-index: 100; background: #fff; transform: translateY(-100%); -webkit-transform: translateY(-100%); transition: cubic-bezier(0.92, 0.1, 0.25, 1) .8s; -webkit-transition: cubic-bezier(0.92, 0.1, 0.25, 1) .8s; }
#mobileNav.cur { transform: translateY(0); -webkit-transform: translateY(0); }
#mobileNav ul { margin-top: 88px; background: #c82126; }
#mobileNav ul li { line-height: 50px; font-size: 16px; text-align: center; border-bottom: 1px solid #8c1114; border-top: 1px solid #e4363b; }
#mobileNav ul li.active{background-color: rgba(140, 17, 20, 0.6);}
#mobileNav ul li a { display: block; height: 100%; color: #fff; }
.tyBG { background: url(../images/tybg.jpg); background-attachment: fixed; }
.Flip { }
.Flip .Flip-btn { display: inline-block; }
.Flip .Flip-btn .fist { width: 30px; height: 30px; display: inline-block; color: #999999; background: #dcdcdc; border-radius: 5px; text-align: center; position: relative; overflow: hidden; }
.Flip .Flip-btn .fist a:after {/*!  *//*!  *//*!  */ border-bottom: 5px solid transparent; border-top: 5px solid transparent; border-right: 8px solid #9b9b9b; display: inline-block; position: absolute; left: 50%; top: 50%; margin: -4px 0 0 -5px; content: ''; transition: all .3s; -webkit-transition: all .3s; text-indent: 0px; }
.Flip .Flip-btn .fist a { display: inline-block; background: #dcdcdc; width: 30px; height: 30px; border-radius: 5px; text-align: center; line-height: 30px; color: #999999; font-size: 16px; text-indent: 2em; position: relative; }
.Flip .Flip-btn .last { width: 30px; height: 30px; display: inline-block; color: #999999; background: #dcdcdc; border-radius: 5px; text-align: center; position: relative; overflow: hidden; }
.Flip .Flip-btn .last a:after { border-bottom: 5px solid transparent; border-top: 5px solid transparent; border-left: 8px solid #9b9b9b; display: inline-block; position: absolute; left: 50%; top: 50%; margin: -4px 0 0 -5px; content: ''; transition: all .3s; -webkit-transition: all .3s; }
.Flip .Flip-btn .last a { display: inline-block; background: #dcdcdc; width: 30px; height: 30px; border-radius: 5px; text-align: center; line-height: 30px; color: #999999; text-indent: 2em; position: relative; }
.Flip .Flip-btn .FlipBtn-a { display: inline-block; overflow: hidden; }
.Flip .Flip-btn .FlipBtn-a a { margin: 0 2px; display: inline-block; background: #dcdcdc; width: 30px; height: 30px; border-radius: 5px; text-align: center; line-height: 30px; color: #999999; font-size: 16px; }
.Flip .Flip-btn a { transition: all .3s; -webkit-transition: all .3s; }
.Flip .Flip-jup { display: inline-block; height: 34px; overflow: hidden; line-height: 34px; margin-left: 45px; }
.Flip .Flip-jup input { display: inline-block; }
.Flip .Flip-jup .text { width: 66px; height: 33px; border: 1px solid #dcdcdc; background: no-repeat; text-align: center; border-radius: 5px; }
.Flip .Flip-jup .text-btn { width: 64px; height: 33px; background: #dcdcdc; border-radius: 5px; font-size: 16px; color: #333333; }
.Flip .Flip-btn a:hover, .Flip .Flip-btn a.active { background: #c81528; color: #fff; }
.Flip .Flip-btn .fist:hover a:after { border-right: 8px solid #fff; }
.Flip .Flip-btn .last:hover a:after { border-left: 8px solid #fff; }
/*----------nav-----------------*/

.nav.active{
	top: -88px;
}
.nav { height: 88px; top: 0px; position: fixed; width: 100%; z-index: 100; background-color: #C81528; -webkit-transition-duration: .5s;transition-duration: .5s;}
.nav h1 { float: left; width: 20%; height: 88px; text-align: center; background: #c81528; }
.nav h1 a { display: inline-block; line-height: 88px; margin-top: 19px; }
.nav h1 a img { }
.nav ul { float: left; width: 80%; background: rgba(194, 31, 31, 1); }
.nav ul li { height: 88px; float: left; width: 14.2%;/*! padding-top: 30px; */ width: calc(100% / 6); position: relative; overflow: hidden; transition: all .5s; -webkit-transition: all .5s; border-right: 1px solid #d95c69; }
.nav ul li a { display: block; height: 100%; position: absolute; width: 100%; top: 0; z-index: 5; left: 0; text-decoration: none;}
.nav ul li span { display: block; text-align: center; position: relative; z-index: 5; transition: all .5s; -webkit-transition: all .5s;}
.nav ul li span.cn { font-size: 18px; color: #fff; margin-top: 25px; }
.nav ul li span.en { text-transform: uppercase; opacity: .4; color: #fff; font-size: 12px; }
.nav ul li .nav-hw { position: absolute; width: 11px; height: 11px; }
.nav ul li .nav-hw svg { width: 100%; stroke-dasharray: 50; stroke-dashoffset: 50 }
.nav ul li:hover svg, .nav ul li.active svg { animation: navSVG 2s linear forwards; -webkit-animation: navSVG 2s linear forwards; }
 @keyframes navSVG {
 to {
 stroke-dashoffset: 0;
}
}
.nav ul li .LT { left: 9%; top: 4%; }
.nav ul li .RT { right: 9%; top: 4%; }
.nav ul li .LB { left: 9%; bottom: 18%; }
.nav ul li .RB { right: 9%; bottom: 18%; }
.nav ul li:after { position: absolute; content: ''; /*! background: url(../images/nav-bg.png) no-repeat; */ left: 0; top: 0; width: 100%; height: 100%; transform: scale(1.3); -webkit-transform: scale(1.3); transition: all .5s; -webkit-transition: all .5s; background-size: 100% 100%; }
.nav ul li.active:after, .nav ul li:hover:after { transform: scale(.8); }
.nav ul li.active, .nav ul li:hover { background: #fff; }
.nav ul li.active span, .nav ul li:hover span { color: #d42626; }
.nav .mask { position: absolute; width: 80%; height: 88px; right: 0; top: 0; z-index: 15; }
.nav .nav-ol { background: #f7f7f7; margin-top: 88px; height: auto; visibility: hidden; opacity: 0;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}
.nav .nav-ol.cur{visibility: visible;opacity: 1;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;}
/*.nav .nav-ol.active { height: 401px; }*/
/*1125*/
.nav ol { width: 80%; margin: 0; overflow: hidden; margin-left: 20%;/*padding-top: 85px;*/}
.nav ol li { float: left; width: 12.5%; text-align: center;}
.nav ol li.first{margin-left: 12.5%;}
.nav ol li.last{margin-right: 12.5%;}
.nav ol li .nav-title { margin-bottom: 15px; position: relative; }
.nav ol li .nav-title>a { display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 5; }
.nav ol li .nav-title span { display: block; text-indent: 15px; text-align: left; }
.nav ol li .nav-title span.cn { color: #b7190f; font-weight: 600; font-size: 18px; }
.nav ol li .nav-title span.en { position: relative; color: #c95e57; font-size: 12px; margin-top: 5px; font-family: Gravity-UltraLight; font-weight: 600;/*!  */ letter-spacing: .1em; }
.nav ol li .nav-title span.en:after { position: absolute; content: ''; height: 5px; width: 5px; display: block; background: #b7190f; border-radius: 50%; top: 50%; left: 0; margin-top: -3px; }
.nav ol li>a { display: block; font-size: 14px; line-height: 28px; margin: 10px auto; color: #b7190f; transition: all .5s; -webkit-transition: all .5s; text-align:center;}
.nav ol li > a:hover, .nav ol li > a.active { background: #C81528; color: #fff; }
.nav .nav-footer { border-top: 2px solid #f9dfdd;/* margin-top: 100px;*/ }
.nav .nav-footer .content1200 { width: 1200px; margin: 0 auto; overflow: hidden; padding: 10px 0; }
.nav .nav-footer .content1200 a { float: left; margin-top: 18px; }
.nav .nav-footer .content1200 a img { width: 300px;}
.nav .nav-footer .content1200 .QRcode { float: right; overflow: hidden; }
.nav .nav-footer .content1200 .QRcode .pic-code { display: inline-block; text-align: center; color: #c17470; margin-left: 55px; font-size: 1.2rem;}
.nav .nav-footer .content1200 .QRcode .pic-code img {width: 70px; border: 3px solid #fff; /*margin-bottom: 10px;*/ }
.music-box { display: none; }
/*----------footer-----------------*/

.footer { height: 520px; width: 100%; position: relative; background: #c81528; }
.footer.index-footer { display: none; }
.footer.cur { position: fixed; bottom: 0; z-index: 1; }
.footer .bq { height: 48px; line-height: 48px; color: rgba(255,255,255,.3); text-align: center; background: #000; }
.footer .bq span a { color: rgba(255,255,255,.3) }
.footer .top { height: 318px; text-align: center; }
.footer .bottom { height: 154px; border-top: 1px solid #d03848; }
.footer .footer-logo { display: inline-block; margin-top: 65px; }
.footer .ewm { margin-top: 40px; }
.footer .ewm ul { text-align: center; }
.footer .ewm ul li { display: inline-block; margin: 0 15px; }
.footer .ewm ul li img { margin: 0 auto;width: 96px; border: 7px solid #921017; }
.footer .ewm ul li span { display: block; text-align: center; width: 100%; color: #fff; font-size: 12px; margin-top: 10px; }
.footer .content1200 { width: 1200px; margin: 0 auto; position: relative; height: 100%; padding-top: 36px; }
.footer .left { }
.footer .left .text-up { float: left; width: 50%; line-height: 28px; color: #fff; }
.footer .left .text-up i { height: 28px; width: 28px; display: block; float: left; margin-right: 15px; }
.footer .left .text-up .icon1 { background: url(../images/footer-icon5.png); }
.footer .left .text-up .icon2 { background: url(../images/footer-icon5.png); }
.footer .left .icon3 { background: url(../images/footer-icon5.png); }
.footer .left .text-up a { color: #fff; }
.footer .left .text-botom { color: #fff; line-height: 28px; margin-top: 15px; }
.infoicon3 { background: url(../images/footer-icon6.png); display: block; width: 28px; height: 28px; float: left; margin-right: 15px; }
.footer .right { }
.footer .right ul { overflow: hidden; height: 70px; }
.footer .right ul li { width: 90px; height: 40px; float: left; margin-right: 25px; }
.footer .right ul li img { margin: 0 auto; display: block; }
.footer .right ul li span { width: 100%; color: #fff; display: block; font-size: 14px; text-align: center; margin-top: 5px; }
/*1124*/
.footer .right ul li.cur1{cursor: pointer;}
/*end*/
/*loding*/

#bonfire-pageloader { position: fixed; z-index: 200; left: 0; top: 0; width: 100%; height: 100%; background: #c21f1f; }
#bonfire-pageloader .svg { width:200px; height: 195px; position: absolute; left: 50%; top: 50%; margin: -98px 0 0 -100px; }
#bonfire-pageloader .svg svg { stroke-dasharray: 100; animation: dash 5s linear infinite; }
 @keyframes dash {
 to {
 stroke-dashoffset: 1000;
}
}
.Counter { position: absolute; }
/*1124 严正声明close*/
	.smHTML .close{position: absolute;right: -20px;top: -18px;opacity: 1;width: 18px;transition: all .6s; -webkit-transition: all .6s;}
	.smHTML .close img{width: 100%;}
	.smHTML .close:hover{transform: rotate(90deg);}
	.enter{display: none;}
/*end*/
/*----------index-----------------*/
/*1202*/
.TuOP .Top-btn img,.TuOP .btn-TC img,.TuOP .btn-statement img{display: none;}
/*end*/

.index { height: auto; position: relative; }
.index .swiper-wrapper{z-index: 15;}
.index .box { height: 100vh; width: 100%; position: relative; z-index: 15; overflow: hidden; }
.index .swiper-wrapper{ /*height: auto;*/ height: 100%;}
.index>.swiper-wrapper{display: block;}
.index .box1 { }
.index .box1 .banner-box { height: 100%; }
.index .box1 .banner-box .banner-page { position: relative; top: 0; left: 0; width: 100%; height: 100%; }
.index .box1 .banner-box .banner-page.active { z-index: 9; }
.index .box1 .banner-box-pag { position: absolute; width: 100%; bottom: 2%; z-index: 15; top: auto; }
.index .box1 .banner-box-pag span { display: inline-block; height: 16px; width: 16px; background: #fff; margin: 0 10px; border-radius: 50%; cursor: pointer; position: relative; overflow: hidden; bottom: 0px; opacity: 1; }
.index .box1 .banner-box-pag span.swiper-pagination-bullet-active:after { height: 16px; }
.index .box1 .banner-box-pag span.swiper-pagination-bullet-active{background: #C81528; opacity: 1;}
.index .box1 .Background { height: 100%; position: fixed; width: 100%; background-size: auto 100%!important;}
.index .box1 .Background .Background-canvas { height: 100%; }
.index .box1 .banner-text {background-size: auto 100%;  position: absolute; width: 790px; height: 327px; background-size: 100% 100%; top: 50%; left: 50%; margin: 20px 0 0 -395px; z-index: 5; }
/*.index .box1 .banner-text:after { position: absolute; content: ''; width: 72px; height: 98px; background: url(../images/banner-text4.png) no-repeat; right: 4%; bottom: -58px; }*/
.index .box1 .banner-shadow { position: absolute; left: 0; width: 100%; bottom: 0; height: 67%; background-size: auto 100%; }
.index .box1 .Background.b11{background-size: auto 100%;}
.index .box1 .Background.b22{background-size: auto 100%;}
.index .box1 .Background.b33{background-size: auto 100%;}
.index .box1 .banner-text.t11{width: 553px;height: 202px;margin-top:75px;margin-left: -276px;}
.index .box1 .banner-text.t22{width: 597px;height: 202px;margin-top:75px;margin-left: -298px;}
.index .box1 .banner-text.t33{width: 769px;height: 237px;margin-top:75px;margin-left: -385px;}
.index .box1 .banner-text.t11:after,.index .box1 .banner-text.t22:after,.index .box1 .banner-text.t33:after{display: none;}

.index .box2 { }
.index .box2 .ifMoverClick { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; }
.index .box2 .Recommend { height: 100%; position: relative; background: #000; z-index: 6; }
.index .box2 .Recommend ol { position: absolute; right: 15px; top: 45%; z-index: 15; }
.index .box2 .Recommend ol .btnli-bg { position: absolute; width: 24px; height: 24px; left: 50%; margin: 0 0 0 -12px; z-index: 1; content: ''; background: rgba(255, 255, 255, 0.3); border-radius: 50%; top: 9px; transition: all .4s; -webkit-transition: all .4s; }
.index .box2 .Recommend ol li { width: 12px; height: 12px; border-radius: 50%; background: #fff; cursor: pointer; position: relative; margin: 15px; z-index: 5; transition: all .4s; -webkit-transition: all .4s; }
.index .box2 .Recommend ol li.active { background: #c81528; }
.index .box2 .Recommend ul { height: 100%; position: relative; }
.index .box2 .Recommend ul li { height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; width: 100%; }
.index .box2 .Recommend ul li>img { width: 100%; height: 100%; transform: translateX(100%); -webkit-transform: translateX(100%); transition: all .8s; -webkit-transition: all .8s; width: 100%; }
.index .box2 .Recommend ul li .text { position: absolute; left: 5%; max-width: 296px; bottom: 7%; transform: translateX(-150%); -webkit-transform: translateX(-150%); transition: all .8s; -webkit-transition: all .8s; }
.index .box2 .Recommend ul li .text img { width: 100%; }
.index .box2 .Recommend ul li.active img { transform: translateX(0); -webkit-transform: translateX(0); }
.index .box2 .Recommend ul li.active .text { transform: translateX(0); -webkit-transform: translateX(0); }
.index .box2 #IFcanvas { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.index .box2 .more { background: url(../images/index-box2-gz.png) no-repeat; width: 52px; height: 292px; position: absolute; right: 5%; z-index: 15; top: -15px; transition: cubic-bezier(.22, .61, .36, 1) .5s; -webkit-transition: cubic-bezier(.22, .61, .36, 1) .5s; }
.index .box2 .more:hover { top: 0; }
.index .box2 .more a { display: block; width: 100%; height: 100%; }
.index .box2 #center { height: 100%; width: 100%; }
.index .box2 #dhtmlbook { background: #000; visibility: hidden; height: 100%; width: 100%; position: relative; }
.index .box2 #txtbox { font-size: 0.8em; width: 410px; color: #aba193; font-family: Verdana, Arial, Helvetica, sans-serif; position: absolute; top: 320px; text-align: center }
.index .box2 .page { overflow: hidden; width: 50%; cursor: pointer; position: absolute; height: 100% }
.index .box2 .right { border-right: #000000 1px solid; left: 50% }
.index .box2 .turn { background: #000000 }
.index .box2 .img { width: 200%; position: absolute; height: 100% }
.index .box3 { margin: 0; }
.index .box3 .left { background: url(../images/restaurant-pic.jpg) no-repeat; height: 100%; background-size: 100% 100%; position: relative; padding: 0; }
/*.index .box3 .right { background: url(../images/restaurant-pic2.jpg) no-repeat; height: 100%; background-size: 100% 100%; position: relative; padding: 0; }*/
.index .box3 .right { background: url(../images/sss.jpg) no-repeat center; height: 100%; background-size: 100% auto; position: relative; padding: 0; }
.index .box3 .index-box3bg { position: absolute; width: 100%; height: 100%; background: url(../images/index-box3bg.png); background-size: 100% 100%; }
/*1124*/
.index .box3 .environment-text { position: absolute; bottom: 20%; left: 6%; z-index: 16; transition: all 1.8s; -webkit-transition: all 1.8s; }
/*end*/
.index .box3 .left .environment-text { }
.index .box3 .right .environment-text { }
.index .box3 .left .environment-text span { display: block; color: #fff; text-transform: uppercase; position: relative; text-indent: 15px; overflow: hidden; }
.index .box3 .left .environment-text span.cn { font-size: 40px; position: relative; }
.index .box3 .left .environment-text span.en { font-size: 26px; margin-top: 20px; }
.index .box3 .left .environment-text span.en:after { position: absolute; content: ''; width: 2px; background: #c81528; height: 100%; left: 0; top: 0; transition: all .4s; -webkit-transition: all .4s; }
.index .box3 .left .environment-text i { }
.index .box3 .right .environment-text span { display: block; color: #fff; text-transform: uppercase; position: relative; text-indent: 15px; overflow: hidden; }
.index .box3 .right .environment-text span.cn { font-size: 40px; position: relative; }
.index .box3 .right .environment-text span.en { font-size: 26px; margin-top: 20px; }
.index .box3 .right .environment-text span.en:after { position: absolute; content: ''; width: 2px; background: #c81528; height: 100%; left: 0; top: 0; transition: all .4s; -webkit-transition: all .4s; }
.index .box3 .right .environment-text i { }
.index .box3 .Parent i { position: absolute; border-radius: 50%; background: #fff; bottom: -35px; height: 28px; width: 28px; top: auto; transition: all .3s; -webkit-transition: all .3s; left: 15px; }
.index .box3 .Parent i:before { position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -8px; color: #c81528; transition: all .3s; -webkit-transition: all .3s; }
.index .box3 a { display: block; height: 100%; width: 100%; }
.index .box3 a:hover i { background: #c81528; }
.index .box3 a:hover i:before { color: #fff; }
.index .box3 a:hover .environment-text { transform: translateY(-150px); -webkit-transform: translateY(-150px); }
.index .box3 a:hover .environment-text span.en:after { transform: translateY(100%); -webkit-transform: translateY(100%); }
.index .box4 { }
.index .box4 .title-plate { position: absolute; width: 100%; top: 18%; z-index: 5; text-align: center; }
.index .box4 .newsIndex .row li{ width: 25%;}
.index .box4 .title-plate span { display: block; color: #c81528; text-align: center; text-transform: uppercase; position: relative; }
.index .box4 .title-plate span.cn { font-size: 48px; }
.index .box4 .title-plate span.en { font-size: 24px; display: inline-block; width: 100px; margin-top: 15px; }
.index .box4 .title-plate span.en:after { height: 26px; width: 2px; background: #c81528; content: ''; position: absolute; left: 0; top: 50%; margin-top: -13px; }
.index .box4 .newsIndex { position: absolute; bottom: 30%; width: 1600px; left: 50%; z-index: 5; margin-left: -800px; }
.index .box4 .newsIndex .row { background: #fff; }
.index .box4 .newsIndex .row li { position: relative; height: 250px; padding: 25px 5%; }
.index .box4 .newsIndex .row li .vertical { overflow: hidden; background: #fff; color: #fff; padding: 0% 15px; height: 0; width: 80%; position: absolute; margin: 0 auto; left: 10%; transition: all .5s; -webkit-transition: all .5s; top: 50%; opacity: 0; border: 10px solid #fff; }
.index .box4 .newsIndex .row li .timer { position: relative; z-index: 5; font-size: 24px; transition: all .5s; -webkit-transition: all .5s; color: #fff; }
.index .box4 .newsIndex .row li .title { position: relative; z-index: 5; font-size: 18px; line-height: 28px; /*height: 36px;*/ overflow: hidden; color: #000000; transition: all .5s; -webkit-transition: all .5s; }
.index .box4 .newsIndex .row li .text { position: relative; z-index: 5; font-size: 14px; line-height: 28px; height: 44%; overflow: hidden; margin-top: 25px; color: #000000; opacity: .6; transition: all .5s; -webkit-transition: all .5s; }
.index .box4 .newsIndex .row li img { position: absolute; top: 0; height: 100%; z-index: 1; left: 0; opacity: 0;/*!  *//*!  */ }
.index .box4 .newsIndex .row li i { opacity: 0; transition: all .5s; -webkit-transition: all .5s; color: #c81528; font-weight: 100; background: #fff; height: 28px; width: 28px; border-radius: 50%; margin-top: 5px; }
.index .box4 .newsIndex .row li i:before { margin: 7px auto; text-align: center; display: block; }
.index .box4 .more { width: 184px; height: 46px; border-radius: 5px; display: block; background: #c81528; position: absolute; text-align: center; line-height: 46px; color: #fff; left: 50%; bottom: 10%; margin-left: -92px; overflow: hidden; }
.index .box4 .more:after { width: 180px; height: 42px; border: 1px solid #fff; content: ''; position: absolute; left: 2px; top: 2px; border-radius: 5px; transition: cubic-bezier(.55, .06, .68, .19) 0.4s; -webkit-transition: cubic-bezier(.55, .06, .68, .19) 0.4s; }
.index .box4 .more:hover:after { transform: scale(1.4); }
.index .box4 .newsIndex .row li:hover .vertical { width: 80%; position: absolute; height: 390px; top: 50%; margin: -195px auto 0; background: #c81528; padding: 25% 15px; opacity: 1; }
.index .box4 .newsIndex .row li:hover .timer { }
.index .box4 .newsIndex .row li:hover .title { color: #fff; }
.index .box4 .newsIndex .row li:hover .text { color: #fff; opacity: 1; }
.index .box4 .newsIndex .row li:hover img { opacity: .2; }
.index .box4 .newsIndex .row li:hover i { opacity: 1; }
.box4-bg { background: url(../images/index-news.jpg) no-repeat center; background-size: 100% 100%; position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.index .box5 { background: url(../images/index-team.jpg) no-repeat center; background-size: 100% 100%; overflow: hidden; }
.index .box5 .title-plate { position: absolute; width: 100%; top: 18%; text-align: center; }
.index .box5 .title-plate span { display: block; color: #c81528; text-align: center; text-transform: uppercase; position: relative; }
.index .box5 .title-plate span.cn { font-size: 24px; line-height: 48px; }
.index .box5 .title-plate span.en { font-size: 24px; display: inline-block; width: 100px; margin-top: 15px; }
.index .box5 .title-plate span.en:after { height: 26px; width: 2px; background: #c81528; content: ''; position: absolute; left: 0; top: 50%; margin-top: -13px; }
.index .box5 a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.index .box6 { overflow: hidden; }
.index .box6 .title-plate { background: url(../images/index-join.png) no-repeat; width: 787px; height: 137px; position: absolute; left: 50%; top: 20%; z-index: 5; margin-left: -393.5px; z-index: 15; }
.index .box6 .join { width: 350px; height: 94px; text-align: center; line-height: 94px; color: #c81528; background: url(../images/indx-join-moreBg.jpg); display: block; z-index: 16; position: absolute; border-radius: 15px; overflow: hidden; left: 50%; margin-left: -175px; top: 45%; font-size: 36px; }
.index .box6 .join:after { width: 346px; height: 90px; left: 2px; top: 2px; position: absolute; content: ''; border: 1px solid #c81528; border-radius: 15px; transition: all .3s; -webkit-transition: all .3s;}
.index .box6 .index-join-mask { background: url(../images/index-join-mask.jpg) no-repeat; position: absolute; width: 100%; height: 100%; opacity: 1; z-index: 1; top: 0; background-size: 100% 100%; opacity: .7; }
.index .box6 .index-join {/*! background: url(../images/index-join.jpg) no-repeat center bottom; */ position: absolute; width: 100%; height: 100%; opacity: .3; z-index: 5;/*! animation:Larger 54s linear forwards; */ background-attachment: fixed; }
.index .box6 .information { position: absolute; width: 100%; bottom: 15%; z-index: 16; }
.index .box6 .information ul { text-align: center; }
.index .box6 .information ul li { width: 321px; height: 54px; display: inline-block; margin: 0 1%; }
.index .box6 .information ul li a { display: block; width: 100%; height: 100%;}
.index .box6 .information ul li a .phone-num{text-align: left;}
.index .box6 .information ul li a .phone-num span{font-size: 1.6rem;color: #fff;}
.index .box6 .information ul li a .more-shop span{font-size: 1.6rem;color: #fff;text-align: left;}
.index .box6 .information ul li a .more-shop {text-align: left;}
.index .box6 .information ul li a .phone{margin-right: 5px;}
.index .box6 .information ul li a .position{margin-right:5px;}
/*1201*/
.index .box6 .join:hover:after{top: 7px; left: 7px; width: 336px;height: 80px;}
/*end*/
/*.index .box6 .information ul li.cur1 { background: url(../images/index-jpin-pic1.png) no-repeat center center; }
.index .box6 .information ul li.cur2 { background: url(../images/cha.png) no-repeat center center; }*/
.box6-bg { background: url(../images/index-join.jpg) no-repeat center bottom; background-size: 100% 100%; position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.index .box7 { background: url(../images/index-box7.jpg); box-shadow: 2px 2px 7px #626262; }
.index .box7 .porduct-text { font-size: 38px; color: #c81528; position: absolute; text-align: center; width: 100%; bottom: 27%; }
.index .box7 .Loong { position: absolute; width: 500px; height: 500px; left: 50%; top: 42%; margin: -250px 0 0 -250px; }
.index .box7 .Loong .index-droung1 { background: url(../images/loong.png); width: 424px; height: 425px; position: absolute; left: 50%; margin-left: -212px; z-index: 5; }
.index .box7 .Loong .index-droung2 { background: url(../images/loong.png); width: 404px; height: 425px; background-position: -425px 0; position: absolute; z-index: 15; left: 50%; margin-left: -202px; top: 7%; }
.index .box7 .Loong .index-droung3 { background: url(../images/loong.png); height: 172px; width: 1920px; position: absolute; left: 50%; margin-left: -960px; background-position: 0 -425px; bottom: 0px; z-index: 1; }
.index .box7 .Loong .index-droung4 { background: url(../images/Loong-show.png); width: 520px; height: 53px; position: absolute; left: 50%; margin-left: -260px; bottom: 9%; z-index: 2; }
.index .box7 .Loong .lightMask { position: absolute; height: 300px; width: 300px; transform: rotate(45deg); left: 50%; top: 50%; margin: -187px 0 0 -150px; z-index: 5; overflow: hidden; }
.index .box7 .Loong .lightMask .light { background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); position: absolute; height: 400px; width: 400px; transform: rotate(-45deg); top: 150%; left: -50%; margin: -200px 0 0 -200px; }
.index .box7 .Loong:hover .light { left: 150%; top: -50%; transition: all 1s; -webkit-transition: all 1s; }
.index .box7 .loong-text { width: 600px; position: absolute; left: 50%; margin-left: -300px; bottom: 22%; text-align: center; transform: scale(.7); }
.index .box7 .loong-text span { width: 235px; height: 36px; display: inline-block; background: url(../images/loong.png) no-repeat; margin: 0 15px; }
.index .box7 .loong-text .text1 { background-position: -825px 0; }
.index .box7 .loong-text .text2 { background-position: -825px -36px; }
.index .box7 .texat-information { text-align: center; font-size: 14px; line-height: 28px; position: absolute; width: 520px; left: 50%; margin-left: -260px; bottom: 12%; font-weight: 600; }
.index .box7 .more { position: absolute; width: 184px; height: 46px; text-align: center; display: block; line-height: 46px; background: #c81528; left: 50%; margin-left: -92px; bottom: 5%; border-radius: 10px; color: #fff; }
.index .box7 .more:after { position: absolute; content: ''; width: 180px; height: 42px; border: 1px solid #fff; left: 2px; top: 2px; border-radius: 10px; overflow: hidden; transition: cubic-bezier(.55, .06, .68, .19) 0.4s; -webkit-transition: cubic-bezier(.55, .06, .68, .19) 0.4s; }
.index .box7 .more:hover:after { transform: scale(1.4); }
.index-bg>ul>li { position: fixed; z-index: 1; opacity: 0; }
.index-bg>ul>li.active { opacity: 1; }
.TuOP { width: 60px; height: auto; position: fixed; z-index: 100; right: 2%; bottom: 5%; }
.TuOP .Top-btn { width: 60px; height: 38px; background: url(../images/up-top.png) no-repeat; background-size: cover; cursor: pointer; position: relative; top: 0; left: 0; }
.TuOP .btn-TC { width: 60px; height: 62px; background: url(../images/input-btnZXH.jpg) no-repeat; background-size: cover; bottom: 0; left: 0; position: relative; cursor: pointer; margin: 5px 0; }
/*.TuOP .btn-statement { width: 60px; height: 45px; background: url(../images/statement.jpg) no-repeat; background-size: cover; position: relative; cursor: pointer; }*/

.zxh { width: 100%; height: 100%; background: url(../images/ieBG.png); position: fixed; z-index: 150; top: 0; left: 0; width: 100%; height: 100%; display: none; }
.zxh .form-input { width: 864px; height: 380px; background: #fff; position: absolute; right: 5%; bottom: 5%; padding: 25px; }
.zxh .form-input .btn-off { height: 68px; width: 68px; border-radius: 50%; position: absolute; right: -34px; bottom: 52px; box-shadow: 0 3px 5px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -5px 5px rgba(100,100,100,0.1), inset 0 5px 5px rgba(255,255,255,0.3); background: radial-gradient(left top, circle cover, rgb(255, 90, 115) 3%, rgb(200, 1, 26) 91%); background: -o-radial-gradient(left top, circle cover, rgb(255, 90, 115) 3%, rgb(200, 1, 26) 91%); background: -ms-radial-gradient(left top, circle cover, rgb(255, 90, 115) 3%, rgb(200, 1, 26) 91%); background: -moz-radial-gradient(left top, circle cover, rgb(255, 90, 115) 3%, rgb(200, 1, 26) 91%); background: -webkit-radial-gradient(left top, circle cover, rgb(255, 90, 115) 3%, rgb(200, 1, 26) 91%); }
.zxh .form-input .btn-off:after { background: url(../images/brn_off2.png) no-repeat; position: absolute; content: ''; height: 25px; width: 25px; left: 50%; top: 50%; margin: -12px 0 0 -12px; cursor: pointer; }
.zxh .form-input .btn-off.active { background: #c7001a; background: -moz-linear-gradient(#c7001a, #fe536d); background: -ms-linear-gradient(#c7001a, #fe536d); background: -o-linear-gradient(#c7001a, #fe536d); background: -webkit-gradient(linear, 0 0, 0 100%, from(#c7001a), to(#fe536d)); background: -webkit-linear-gradient(#c7001a, #fe536d); background: linear-gradient(#c7001a, #fe536d); }
.zxh .form-input .title { font-size: 24px; line-height: 42px; color: #d60320; margin-left: 1%; }
.zxh .form-input .title i { }
.zxh .form-input .input { width: 31%; float: left; border: 1px solid #c9c9c9; height: 40px; margin: 0 1% 15px;/*!  */ }
.zxh .form-input .input>span { float: left; width: 22%; height: 38px; line-height: 38px; text-align: left; text-indent: .5em; font-size: 18px; color: #4c4c4c; }
.zxh .form-input .input>span:after { height: 27; }
.zxh .form-input .input .input-box { float: left; line-height: 38px; height: 38px; width: 78%; position: relative; }
.zxh .form-input .input .input-box input { line-height: 38px; width: 80%; opacity: .6; }
.zxh .form-input .input .input-box .btn_Prompt { width: 20px; height: 20px; position: absolute; display: block; top: 10px; right: 7px; }
.zxh .form-input .input .input-box .tipe-text { display: block; font-size: 12px; color: #d60320; line-height: 24px; height: 24px; }
.zxh .form-input .textarea { width: 97%; margin: 20px 1% 0; position: relative; height: 166px; }
.zxh .form-input .textarea>span { width: 70px; display: block; text-align: left; text-indent: .5em; font-size: 18px; color: #4c4c4c; position: relative; z-index: 5; line-height: 38px; }
.zxh .form-input .textarea .input-box { position: absolute; width: 100%; border: 1px solid #c9c9c9; height: 166px; top: 0; z-index: 1; }
.zxh .form-input .textarea .wordCount { }
.zxh .form-input .textarea .wordCount .wordwrap { position: absolute; bottom: 9px; right: 35px; color: #4c4c4c; font-size: 12px; }
.zxh .form-input .textarea .wordCount .wordwrap .word { color: #d00404; font-style: normal; margin: 0 3px; }
.zxh .form-input .textarea .btn_Prompt { width: 20px; height: 20px; position: absolute; display: block; bottom: 10px; right: 7px; }
.zxh .form-input .textarea .tipe-text { display: block; font-size: 12px; color: #d60320; line-height: 24px; height: 24px; }
.zxh .form-input .textarea textarea { height: 100%; font-size: 14px; line-height: 28px; text-indent: 6em; width: 100%; line-height: 38px; }
.zxh .form-input .btn-tj { width: 148px; height: 30px; background: #d00404; text-align: center; color: #fff; margin: 20px auto 0; display: block; cursor: pointer; }
.zxh .form-input .input.cur { border: 1px solid red; }
.error { background: url(../images/btn_error.png) no-repeat; }
.empty { background: url(../images/btn_empty.png) no-repeat; }
.Correct { background: url(../images/btn_Correct.png) no-repeat; }
 @keyframes Larger {
 0% {
 transform: scale(1);
}
 100% {
 transform: scale(1.3);
}
}
/*banner-in*/

.banner-in { height: 100vh; overflow: hidden; position: relative; transition-delay: .5s; -webkit-transition-delay: .5s; transition: all .5s; -webkit-transition: all .5s; opacity: 0; background: url(../images/bannerIn-dishes.jpg) center top no-repeat; background-size: cover;}
.banner-in .bannerIn-img { width: 100%; position: fixed; top: 0; }
.banner-in.vh70 { height: 70vh; }
.banner-in.vh70 .bannerIn-img { margin-top: -20%; }
.banner-in.active { opacity: 1; }
/*.newsHTML*/

.newsIn { }
.newsIn .pageTitle { position: absolute; bottom: 5%; left: 8.5%; width: 83%; }
.newsIn .pageTitle img { }
.newsHTML { position: relative; z-index: 5; background: url(../images/tybg.jpg); background-attachment: fixed; }
.newsHTML .tab-btn { margin: 50px auto; }
.newsHTML .tab-btn a { width: 190px; height: 50px; text-align: center; display: inline-block; line-height: 50px; background: #fff; border-radius: 5px; color: #c81528; position: relative; margin-right: 30px; }
.newsHTML .tab-btn a span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 15; }
.newsHTML .tab-btn a span.s { }
.newsHTML .tab-btn a span.s:after { content: ''; position: absolute; width: 2px; height: 1px; background: #fff; left: 50%; bottom: 3px; }
.newsHTML .tab-btn a span.s:before { content: ''; position: absolute; width: 2px; height: 1px; background: #fff; top: 3px; left: 50%; }
.newsHTML .tab-btn a span.h { }
.newsHTML .tab-btn a span.h:after { content: ''; position: absolute; width: 1px; height: 2px; background: #fff; top: 50%; right: 3px; }
.newsHTML .tab-btn a span.h:before { content: ''; position: absolute; width: 1px; height: 2px; background: #fff; top: 50%; left: 3px; }
.newsHTML .tab-btn a.active span:after, .newsHTML .tab-btn a:hover span:after { background: #c81528; }
.newsHTML .tab-btn a.active span:before, .newsHTML .tab-btn a:hover span:before { background: #c81528; }
.newsHTML .tab-btn a:after { position: absolute; content: ''; width: 184px; border: 1px solid #efb9bf; height: 44px; left: 3px; top: 3px; }
.newsHTML .tab-btn a.active, .newsHTML .tab-btn a:hover { background: #c81528; color: #fff; }
.newsHTML .tab-btn a.active:after, .newsHTML .tab-btn a:hover:after { }
.newsHTML .news-main {/*! max-width: 1580px; */ margin: 0 auto; position: relative; width: 83%; }
.newsHTML .news-main .left { }
.newsHTML .news-main .left ul { padding-top: 35px; border-top: 3px solid #c81528; border-bottom: 3px solid #c81528; }
.newsHTML .news-main .left ul li { overflow: hidden; margin-bottom: 50px; }
.newsHTML .news-main .left ul li .pic { width: 186px; height: 186px; border-radius: 50%; float: left; overflow: hidden; }
.newsHTML .news-main .left ul li .pic img { }
.newsHTML .news-main .left ul li .summary { float: right; width: 75%; height: 186px; padding-top: 21px; }
.newsHTML .news-main .left ul li .timer { color: #2c2c2c; font-size: 14px; display: inline-block; }
.newsHTML .news-main .left ul li .title-Label { color: #c81528; font-size: 14px; width: 114px; display: inline-block; height: 26px; text-align: center; line-height: 26px; border: 1px solid #c81528; margin-left: 25px; position: relative; z-index: 5; transition: all .5s; -webkit-transition: all .5s; }
.newsHTML .news-main .left ul li .title-Label:after { position: absolute; content: ''; background: url(../images/title-LabelBg.jpg) no-repeat; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; z-index: -1; transition: all .5s; -webkit-transition: all .5s; background-size: 100% 100%; }
.newsHTML .news-main .left ul li .title { color: #333333; font-size: 24px; line-height: 48px; overflow: hidden; height: 48px; transition: all .5s; -webkit-transition: all .5s; }
.newsHTML .news-main .left ul li .text { font-size: 14px; color: #666666; line-height: 28px; height: 84px; overflow: hidden; }
.newsHTML .news-main .left ul li:hover .title-Label { color: #fff; }
.newsHTML .news-main .left ul li:hover .title-Label:after { opacity: 1; }
.newsHTML .news-main .left ul li:hover .title { color: #c81528; }
.newsHTML .news-main .left .Flip { margin: 25px auto 75px; text-align: center; }
.newsHTML .news-main .right { }
.newsHTML .news-main .right .border { padding: 25px 30px; border: 1px solid #c81528; position: relative; }
.newsHTML .news-main .right .CornerFlower { background: url(../images/sidebar-icon1.jpg) no-repeat; height: 9px; width: 9px; position: absolute; display: block; z-index: 4; }
.newsHTML .news-main .right .CornerFlower.TL { left: -1px; top: -1px; }
.newsHTML .news-main .right .CornerFlower.TR { right: -1px; top: -1px; background-position: -9px 0px; }
.newsHTML .news-main .right .CornerFlower.BL { left: -1px; bottom: -1px; background-position: 0 -9px; }
.newsHTML .news-main .right .CornerFlower.BR { right: -1px; bottom: -1px; background-position: -9px -9px; }
.newsHTML .news-main .right .title { color: #c81528; font-size: 24px; }
.newsHTML .news-main .right ul { margin-bottom: 15px; }
.newsHTML .news-main .right ul li { border-bottom: 1px dotted #c81528; margin-top: 20px; }
.newsHTML .news-main .right ul li a { }
.newsHTML .news-main .right ul li .timer { color: #2c2c2c; font-size: 14px; display: inline-block; }
.newsHTML .news-main .right ul li .title-Label { display: inline-block; color: #c81528; font-size: 14px; width: 115px; height: 24px; border: 1px solid #c81528; text-align: center; line-height: 24px; margin-left: 25px; position: relative; z-index: 5; transition: all .5s; -webkit-transition: all .5s; }
.newsHTML .news-main .right ul li .title-Label:after { position: absolute; content: ''; background: url(../images/title-LabelBg.jpg) no-repeat; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; z-index: -1; transition: all .5s; -webkit-transition: all .5s; background-size: 100% 100%; }
.newsHTML .news-main .right ul li .text { color: #333333; font-size: 18px; line-height: 50px; height: 50px; overflow: hidden; transition: all .5s; -webkit-transition: all .5s; }
.newsHTML .news-main .right ul li:hover .title-Label { color: #fff; }
.newsHTML .news-main .right ul li:hover .title-Label:after { opacity: 1; }
.newsHTML .news-main .right ul li:hover .text { color: #c81528; }
/*newsHTMLTow*/

.newsHTML .news-main.Event { }
.newsHTML .news-main.Event ul { }
.newsHTML .news-main.Event ul li { position: relative; margin-bottom: 40px; }
.newsHTML .news-main.Event ul li a:after { position: absolute; content: ''; background: linear-gradient(top, transparent, rgb(0, 0, 0) 100%); background: -o-linear-gradient(top, transparent, rgb(0, 0, 0) 100%); background: -ms-linear-gradient(top, transparent, rgb(0, 0, 0) 100%); background: -moz-linear-gradient(top, transparent, rgb(0, 0, 0) 100%); background: -webkit-linear-gradient(top, transparent, rgb(0, 0, 0) 100%); height: 100%; width: 100%; bottom: -50%; }
.newsHTML .news-main.Event ul li a { position: relative; width: 100%; display: block; overflow: hidden; }
.newsHTML .news-main.Event ul li .pic { width: 100%; }
.newsHTML .news-main.Event ul li .pic img { width: 100%; }
.newsHTML .news-main.Event ul li .summary { position: absolute; height: 100%; width: 100%; left: 0; top: 0; color: #fff; padding: 4%; transform: translateY(62%); z-index: 16; transition: ease .6s; -webkit-transition: ease .6s; }
.newsHTML .news-main.Event ul li .timer { font-size: 14px; }
.newsHTML .news-main.Event ul li .title { font-size: 24px; margin-top: 10px; }
.newsHTML .news-main.Event ul li .text { font-size: 14px; line-height: 28px; opacity: 0; }
.newsHTML .news-main.Event ul li .more { position: absolute; z-index: 16; height: 26px; width: 26px; background: #fff; border-radius: 50%; color: #c81528; font-weight: 100; text-align: center; line-height: 26px; bottom: 8%; display: block; left: 5%; top: auto; opacity: 0; transition: ease .6s; -webkit-transition: ease .6s; }
.newsHTML .news-main.Event ul li .more:before { display: inline-block; }
.newsHTML .news-main.Event ul li .Mask { background: rgba(201,24,42,.7); }
.newsHTML .news-main.Event ul li:hover .summary { transform: translateY(0); }
.newsHTML .news-main.Event ul li:hover .more { opacity: 1; }
.newsHTML .news-main.Event .Flip { text-align: center; margin-bottom: 75px; }
/*dishesHTML*/

.dishesIn .pageTitle { position: absolute; top: 26%; left: 8.5%; width: 83%; text-align: center; }
.dishesIn .pageTitle img { margin: 0 auto; }
.dishesIn .tab-btn { margin-top: 3%; }
.dishesIn .tab-btn a { width: 190px; height: 50px; text-align: center; display: inline-block; line-height: 50px; background: #fff; border-radius: 5px; color: #c81528; position: relative; margin-right: 30px; }
.dishesIn .tab-btn a span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 15; }
.dishesIn .tab-btn a span.s { }
.dishesIn .tab-btn a span.s:after { content: ''; position: absolute; width: 2px; height: 1px; background: #fff; left: 50%; bottom: 3px; }
.dishesIn .tab-btn a span.s:before { content: ''; position: absolute; width: 2px; height: 1px; background: #fff; top: 3px; left: 50%; }
.dishesIn .tab-btn a span.h { }
.dishesIn .tab-btn a span.h:after { content: ''; position: absolute; width: 1px; height: 2px; background: #fff; top: 50%; right: 3px; }
.dishesIn .tab-btn a span.h:before { content: ''; position: absolute; width: 1px; height: 2px; background: #fff; top: 50%; left: 3px; }
.dishesIn .tab-btn a.active span:after, .dishesIn .tab-btn a:hover span:after { background: #c81528; }
.dishesIn .tab-btn a.active span:before, .dishesIn .tab-btn a:hover span:before { background: #c81528; }
.dishesIn .tab-btn a:after { position: absolute; content: ''; width: 184px; border: 1px solid #efb9bf; height: 44px; left: 3px; top: 3px; }
.dishesIn .tab-btn a.active, .dishesIn .tab-btn a:hover { background: #c81528; color: #fff; }
.dishesIn .tab-btn a.active:after, .dishesIn .tab-btn a:hover:after { }
.dishesIn .texat { color: #fff; font-size: 14px; margin-top: 3%; line-height: 28px; }
.dishesHTML { background: #000; background: #000; position: relative; z-index: 5; }
.dishesHTML .dishes-main { }
.dishesHTML .dishes-main .box1 { position: relative; }
.dishesHTML .dishes-main .box1 ul { }
.dishesHTML .dishes-main .box1 ul li { cursor: pointer; background: #000; -webkit-transition-duration: 2s;transition-duration: 2s; overflow: hidden;}
.dishesHTML .dishes-main .box1 .pic { background-size: auto 100% !important; opacity: .7;-webkit-transition-duration: 2s;transition-duration: 2s; }
.dishesHTML .dishes-main .box1 .pic img { width: 100%; }
.dishesHTML .dishes-main .box1 .summary { height: 165px; background: #b2b2b2; padding: 5%; -webkit-transition-duration: 0.5s;transition-duration: 0.5s; z-index: 10; position: relative;}
.dishesHTML .dishes-main .box1 .title { font-size: 24px; text-align: center; color: #242424; font-family: 黑体; }
.dishesHTML .dishes-main .box1 .text { font-size: 14px; color: #242424; opacity: .5; line-height: 28px; height: 56px; overflow: hidden; margin-top: 16px; }
.dishesHTML .dishes-main .box1 .dishes-btn { background: #fff; height: 52px; width: 52px; position: absolute; border-radius: 5px; top: 36%; z-index: 15; cursor: pointer; transition: all .5s; -webkit-transition: all .5s; }
.dishesHTML .dishes-main .box1 .dishes-btn:after { width: 27px; height: 27px; position: absolute; background: url(../images/dishes-btn.png) no-repeat; content: ''; left: 50%; top: 50%; margin: -13.5px 0 0 -13.5px; }
.dishesHTML .dishes-main .box1 .dishes-btn.next { right: 2%; }
.dishesHTML .dishes-main .box1 .dishes-btn.next:after { background-position: -27px -27px; }
.dishesHTML .dishes-main .box1 .dishes-btn.prev { left: 2%; }
.dishesHTML .dishes-main .box1 .dishes-btn.prev:after { background-position: 0 -27px; }
.dishesHTML .dishes-main .box1 .dishes-btn.next:hover:after { background-position: -27px 0; }
.dishesHTML .dishes-main .box1 .dishes-btn.prev:hover:after { background-position: 0 0; }
.dishesHTML .dishes-main .box1 .dishes-btn:hover { background: #c81528; }
/*1124*/
@media only screen and (min-width: 1200px) {
.dishesHTML .dishes-main .box1 ul li:hover .pic { opacity: 1; -webkit-transform: scale(1.1);transform: scale(1.1);}
}
/*end*/
.dishesHTML .dishes-main .box1 ul li:hover .summary { background: #FFFFFF;}
.dishesHTML .dishes-main .box1 .dishesBox1 { }
.dishesHTML .dishes-main .box1 .dishesBox1 span { }
.dishesHTML .dishes-main .box1 .dishesBox1 span.swiper-pagination-bullet-active { background: #c81528; }
.dishesHTML .dishes-main .box2 { position: relative; }
.dishesHTML .dishes-main .box2 .dishesBoxUl { }
.dishesHTML .dishes-main .box2 .dishesBoxUl li { margin: 0; position: relative; }
.dishesHTML .dishes-main .box2 .dishesBoxUl li .left { padding: 0; height: 100%; position: absolute; background: #c81528; }
.dishesHTML .dishes-main .box2 .dishesBoxUl li .right { padding: 0; position: relative; float: right; }
.dishesHTML .dishes-main .box2 .pic { width: 100%;}
.dishesHTML .dishes-main .box2 .pic img { width: 100%; }
.dishesHTML .dishes-main .box2 .summary { height: 50%; color: #fff; padding: 9%; }
.dishesHTML .dishes-main .box2 .title { font-size: 48px; text-align: right; line-height: 2.5em; border-top: 1px solid #d34453; border-bottom: 1px solid #d34453; }
.dishesHTML .dishes-main .box2 .text { text-align: right; font-size: 16px; line-height: 32px; margin-top: 10%; }
.dishesHTML .dishes-main .box2 .text p { text-align: right; font-size: 16px; line-height: 32px; }
.dishesHTML .dishes-main .box2 .dishes-btn2 { background: #fff; height: 52px; width: 52px; position: absolute; border-radius: 5px; bottom: 4%; z-index: 15; cursor: pointer; transition: all .5s; -webkit-transition: all .5s; }
.dishesHTML .dishes-main .box2 .dishes-btn2:after { width: 27px; height: 27px; position: absolute; background: url(../images/dishes-btn.png) no-repeat; content: ''; left: 50%; top: 50%; margin: -13.5px 0 0 -13.5px; }
.dishesHTML .dishes-main .box2 .dishes-btn2.next { left: 42%; }
.dishesHTML .dishes-main .box2 .dishes-btn2.next:after { background-position: -27px -27px; }
.dishesHTML .dishes-main .box2 .dishes-btn2.prev { left: 37%; }
.dishesHTML .dishes-main .box2 .dishes-btn2.prev:after { background-position: 0 -27px; }
.dishesHTML .dishes-main .box2 .dishes-btn2.next:hover:after { background-position: -27px 0; }
.dishesHTML .dishes-main .box2 .dishes-btn2.prev:hover:after { background-position: 0 0; }
.dishesHTML .dishes-main .box2 .dishes-btn2:hover { background: #c81528; }
.dishesHTML .dishes-main .box2 .CornerFlower { background: url(../images/sidebar-icon2.png) no-repeat; width: 9px; height: 9px; display: block; position: absolute; z-index: 15; }
.dishesHTML .dishes-main .box2 .CornerFlower.TL { left: .5%; top: 2%; }
.dishesHTML .dishes-main .box2 .CornerFlower.TR { right: .5%; top: 2%; background-position: -9px 0; }
.dishesHTML .dishes-main .box2 .CornerFlower.BL { left: .5%; bottom: 2%; background-position: 0 -9px; }
.dishesHTML .dishes-main .box2 .CornerFlower.BR { right: .5%; bottom: 2%; background-position: -9px -9px; }
.dishesHTML .dishes-main .box2 .Line { background: #868686; position: absolute; z-index: 15; }
.dishesHTML .dishes-main .box2 .Line.TL { top: calc(2% + 9px); width: 1px; height: calc(96% - 18px); left: .5%; }
.dishesHTML .dishes-main .box2 .Line.TR { right: .5%; width: 1px; top: calc(2% + 9px); height: calc(96% - 18px); }
.dishesHTML .dishes-main .box2 .Line.BL { top: 2%; height: 1px; width: calc(99% - 18px); left: calc(.5% + 9px); }
.dishesHTML .dishes-main .box2 .Line.BR { left: calc(.5% + 9px); bottom: 2%; height: 1px; width: calc(99% - 18px); }
/**/

.dishesHTML .dishes-main .box2 .dishesBoxUl .li { background: #da031a; padding: 0; margin: 0; }
.dishesHTML .dishes-main .box2 .dishesBoxUl .li .lefts { position: absolute; padding: 0; height: 100%; overflow: hidden; }
.dishesHTML .dishes-main .box2 .dishesBoxUl .li .lefts ul { position: absolute; height: 50%;}
.dishesHTML .dishes-main .box2 .dishesBoxUl .li .lefts ul li { }
.dishesHTML .dishes-main .box2 .dishesBoxUl .li .lefts ul li .pic { }
.dishesHTML .dishes-main .box2 .dishesBoxUl .li .lefts ul li .pic img { }
.dishesHTML .dishes-main .box2 .dishesBoxUl .li .lefts ol { position: absolute; bottom: 0; height: 50%; width: 100%; /*!  */ }
.dishesHTML .dishes-main .box2 .dishesBoxUl .li .lefts ol li { }
.dishesHTML .dishes-main .box2 .dishesBoxUl .li .lefts ol li .summary .title { }
.dishesHTML .dishes-main .box2 .dishesBoxUl .li .lefts ol li .summary { }
.dishesHTML .dishes-main .box2 .dishesBoxUl .li .lefts ol li .summary .text { }
.dishesHTML .dishes-main .box2 .dishesBoxUl .li .rights { float: right; padding: 0; overflow: hidden; }
.dishesHTML .dishes-main .box2 .dishesBoxUl .li .rights ul { }
.dishesHTML .dishes-main .box2 .dishesBoxUl .li .rights ul li { }
.dishesHTML .dishes-main .box2 .dishesBoxUl .li .rights ul li img { }
/**/

.dishesHTML .dishes-main .box3 { position: relative; background: #ddaf6a; }
.dishesHTML .dishes-main .box3 ul { margin: 0; transition: all 1s; -webkit-transition: all 1s; transition-delay: 4s; -webkit-transition-delay: 4s; background: #000; }
.dishesHTML .dishes-main .box3 ul li { background: url(../images/YouToCome.jpg) no-repeat; background-size: 600% auto; padding: 0; transition: cubic-bezier(.46, .03, .52, .96) 1.3s; -webkit-transition: cubic-bezier(.46, .03, .52, .96) 1.3s; }
.dishesHTML .dishes-main .box3 ul li img { width: 100%; }
.dishesHTML .dishes-main .box3 ul li.cur1 { background-position: 0 0; transition-delay: 1s; -webkit-transition-delay: 1s; }
.dishesHTML .dishes-main .box3 ul li.cur2 { background-position: 20% 0; transition-delay: 1.1s; -webkit-transition-delay: 1.1s; }
.dishesHTML .dishes-main .box3 ul li.cur3 { background-position: 40% 0; transition-delay: 1.2s; -webkit-transition-delay: 1.2s; }
.dishesHTML .dishes-main .box3 ul li.cur4 { background-position: 60% 0; transition-delay: 1.3s; -webkit-transition-delay: 1.3s; }
.dishesHTML .dishes-main .box3 ul li.cur5 { background-position: 80% 0; transition-delay: 1.4s; -webkit-transition-delay: 1.4s; }
.dishesHTML .dishes-main .box3 ul li.cur6 { background-position: 100% 0; transition-delay: 1.5s; -webkit-transition-delay: 1.5s; }
.dishesHTML .dishes-main .box3 ul li.cur7 { background-position: 0% 50%; transition-delay: 1.5s; -webkit-transition-delay: 1.5s; }
.dishesHTML .dishes-main .box3 ul li.cur8 { background-position: 20% 50%; transition-delay: 1.6s; -webkit-transition-delay: 1.6s; }
.dishesHTML .dishes-main .box3 ul li.cur9 { background-position: 40% 50%; transition-delay: 1.8s; -webkit-transition-delay: 1.8s;}
.dishesHTML .dishes-main .box3 ul li.cur10 { background-position: 60% 50%; transition-delay: 1.9s; -webkit-transition-delay: 1.9s; }
.dishesHTML .dishes-main .box3 ul li.cur11 { background-position: 80% 50%; transition-delay: 2s; -webkit-transition-delay: 2s; }
.dishesHTML .dishes-main .box3 ul li.cur12 { background-position: 100% 50%; transition-delay: 2.1s; -webkit-transition-delay: 2.1s; }
.dishesHTML .dishes-main .box3 ul li.cur13 { background-position: 0% 100%; transition-delay: 2.2s; -webkit-transition-delay: 2.2s; }
.dishesHTML .dishes-main .box3 ul li.cur14 { background-position: 20% 100%; transition-delay: 2.3s; -webkit-transition-delay: 2.3s; }
.dishesHTML .dishes-main .box3 ul li.cur15 { background-position: 40% 100%; transition-delay: 2.4s; -webkit-transition-delay: 2.4s; }
.dishesHTML .dishes-main .box3 ul li.cur16 { background-position: 60% 100%; transition-delay: 2.5s;  -webkit-transition-delay: 2.5s;}
.dishesHTML .dishes-main .box3 ul li.cur17 { background-position: 80% 100%; transition-delay: 2.6s; -webkit-transition-delay: 2.6s;}
.dishesHTML .dishes-main .box3 ul li.cur18 { background-position: 100% 100%; transition-delay: 2.7s; -webkit-transition-delay: 2.7s; }
.dishesHTML .dishes-main .box3 ul.active li { transform: rotateY(360deg); }
.dishesHTML .dishes-main .box3 ul.active { opacity: .6; background: #ddaf6a; }
.dishesHTML .dishes-main .box3 .eat { background: url(../images/icon_eat.png) no-repeat; width: 300px; height: 335px; position: absolute; left: 50%; top: 50%; margin: -168px 0 0 -180px; z-index: 15; }
.dishesHTML .dishes-main .box3 .eat a { width: 230px; height: 40px; text-align: center; line-height: 40px; font-size: 14px; background: #c81528; border-radius: 5px; color: #fff; position: absolute; left: 50%; margin-left: -115px; bottom: -50px; }
.ShowBigPic { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 102; background: rgba(0,0,0,.8); display: none; border: 4px solid red; }
.ShowBigPic .ShowBigPicBox { transform: scale(.2); -webkit-transform: scale(.2); transition: all 1.6s; -webkit-transition: all 1.6s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.ShowBigPic .summary { position: absolute; z-index: 15; color: #fff; bottom: 6%; left: 6%; width: 24%; }
.ShowBigPic .summary .title { font-size: 36px; line-height: 2.5em; border-top: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.2); }
.ShowBigPic .summary .text { font-size: 16px; line-height: 32px; margin-top: 35px; }
.ShowBigPic .summary .text p { }
.ShowBigPic.men .summary{bottom: 10%;}
.ShowBigPic.mendian .ShowBigPicBox .img-box{
	position: relative;
	width: 100%;
	height: 100%;
}
.ShowBigPic.mendian .ShowBigPicBox .img-box img{
	position: absolute;
	top: 50%;
	left: 50%;
	max-height: 80%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	display: none;
	box-shadow: 10px 10px 20px 2px rgba(255,255,255,.2);
}
/*1124*/
.ShowBigPic .bg { position: absolute; height: 100%; width: 100%;/*!  */ background-repeat: no-repeat; background-position: center center; background-size: auto 80% ;transition: all 1.6s; -webkit-transition: all 1.6s; }
/*end*/
.ShowBigPic .btn-off { background: url(../images/btn-off.png) no-repeat; width: 50px; height: 50px; position: fixed; z-index: 16; cursor: pointer; background-size: 100% 100%; right: 2%; top: 3%; transition: ease .5s; -webkit-transition: ease .5s; }
.ShowBigPic .btn-off:hover { transform: rotate(90deg); }
.ShowBigPic.active .ShowBigPicBox { transform: rotate(0) scale(1); opacity: 1; }
.ShowBigPic .ShowBigPicBox .btn-r,.ShowBigPic .ShowBigPicBox .btn-l{position: absolute;top: 50%;margin-top: -25px;width: 50px;height: 50px;cursor: pointer;}
.ShowBigPic .ShowBigPicBox .btn-l{left: 10%;}
.ShowBigPic .ShowBigPicBox .btn-r{right: 10%;}
.ShowBigPic .ShowBigPicBox .btn-r img,.ShowBigPic .ShowBigPicBox .btn-l img{width: 100%;height: 100%;}
/*.storesHTML*/

.storesIn .pageTitle { position: absolute; top: 20%; left: 8.5%; width: 83%; text-align: center; }
.storesIn .pageTitle img { margin: 0 auto; }
.storesIn .tab-btn { margin-top: 3%; }
.storesIn .tab-btn a { width: 190px; height: 50px; text-align: center; display: inline-block; line-height: 50px; background: #fff; border-radius: 5px; color: #c81528; position: relative; margin: 0 15px; }
.storesIn .tab-btn a span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 15; }
.storesIn .tab-btn a span.s { }
.storesIn .tab-btn a span.s:after { content: ''; position: absolute; width: 2px; height: 1px; background: #fff; left: 50%; bottom: 3px; }
.storesIn .tab-btn a span.s:before { content: ''; position: absolute; width: 2px; height: 1px; background: #fff; top: 3px; left: 50%; }
.storesIn .tab-btn a span.h { }
.storesIn .tab-btn a span.h:after { content: ''; position: absolute; width: 1px; height: 2px; background: #fff; top: 50%; right: 3px; }
.storesIn .tab-btn a span.h:before { content: ''; position: absolute; width: 1px; height: 2px; background: #fff; top: 50%; left: 3px; }
.storesIn .tab-btn a.active span:after, .storesIn .tab-btn a:hover span:after { background: #c81528; }
.storesIn .tab-btn a.active span:before, .storesIn .tab-btn a:hover span:before { background: #c81528; }
.storesIn .tab-btn a:after { position: absolute; content: ''; width: 184px; border: 1px solid #efb9bf; height: 44px; left: 3px; top: 3px; }
.storesIn .tab-btn a.active, .storesIn .tab-btn a:hover { background: #c81528; color: #fff; }
.storesIn .tab-btn a.active:after, .storesIn .tab-btn a:hover:after { }
.storesIn .texat { color: #fff; font-size: 24px; margin-top: 3%; line-height: 48px; }
.storesIn .numberSTORES { color: #fff; margin-top: 12px; }
.storesIn .numberSTORES strong { font-size: 36px; line-height: 50px; height: 50px; display: inline-block; }
.storesIn .numberSTORES strong .hezi { width: 34px; display: inline-block; height: 40px; overflow: hidden; margin-top: 1px; position: relative; top: 8px; }
.storesIn .numberSTORES strong .hezi .heziList { width: 34px; height: auto; position: relative; }
.storesIn .numberSTORES strong .hezi .heziList .TurningWood { width: 34px; height: 40px; line-height: 40px; display: block; }
.storesIn .numberSTORES span { display: block; }
.storesHTML { background: #000; }
.storesHTML .stores-main { }
.storesHTML .stores-main .box1 { }
.storesHTML .stores-main .box1 ul { margin: 0; }
.storesHTML .stores-main .box1 ul li { padding: 0; position: relative; cursor: pointer; overflow: hidden;}
.storesHTML .stores-main .box1 img { width: 100%;transition: ease .5s; -webkit-transition: ease .5s; }
.storesHTML .stores-main .box1 .names { position: absolute; top: 50%; z-index: 5; color: #fff; text-align: center; width: 100%; font-size: 30px; transition: ease .5s; -webkit-transition: ease .5s; }
.storesHTML .stores-main .box1 .names:after { position: absolute; content: ''; width: 38px; height: 3px; background: #fff; left: 50%; margin-left: -19px; bottom: -10px; }
.storesHTML .stores-main .box1 .mask-black { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; transition: ease .8s; -webkit-transition: ease .8s; }
.storesHTML .stores-main .box1 ul li:hover .mask-black { opacity: 0; }
.storesHTML .stores-main .box1 ul li:hover .names { opacity: 0; }
/*1124*/
.storesHTML .stores-main .box1 ul li:hover img{transform: translate3d(0,0,100px);}
/*end*/
/*storesPopularityHTML*/

.storesPopularityHTML { position: relative; z-index: 5; background: #fff; }
.storesPopularityHTML .Star-box { width: 90%; margin: 0 auto; position: relative; overflow: hidden; padding: 85px 0 125px; }
.storesPopularityHTML .Star-box .populartiyBtn { background: #fff; height: 52px; width: 52px; position: absolute; border-radius: 5px; top: 36%; z-index: 15; cursor: pointer; transition: all .5s; -webkit-transition: all .5s; }
.storesPopularityHTML .Star-box .populartiyBtn:after { width: 27px; height: 27px; position: absolute; background: url(../images/dishes-btn.png) no-repeat; content: ''; left: 50%; top: 50%; margin: -13.5px 0 0 -13.5px; }
.storesPopularityHTML .Star-box .populartiyBtn.btnL { left: 5% }
.storesPopularityHTML .Star-box .populartiyBtn.btnR { right: 5%; }
.storesPopularityHTML .Star-box .populartiyBtn.btnL:after { background-position: 0 -27px; }
.storesPopularityHTML .Star-box .populartiyBtn.btnR:after { background-position: -27px -27px; }
.storesPopularityHTML .Star-box .populartiyBtn.btnL:hover:after { background-position: 0 0; }
.storesPopularityHTML .Star-box .populartiyBtn.btnR:hover:after { background-position: -27px 0; }
.storesPopularityHTML .Star-box .populartiyBtn:hover { background: #c81528; }
.storesPopularityHTML ul { height: 560px; }
.storesPopularityHTML ul li {/*!  */ background: #fff; }
.storesPopularityHTML ul li .pic { position: relative; left: 0; width: 100%; background: #fff; height: 560px; transition: all 0.4s; -webkit-transition: all 0.4s; opacity: .7; cursor: pointer }
.storesPopularityHTML ul li .pic:hover { box-shadow: 2px 2px 2px #000; }
.storesPopularityHTML ul li .pic img { display: block; opacity: .7; width: 100%; }
.storesPopularityHTML ul li .names { background: #c81528; transition: all .4s; -webkit-transition: all .4s; position: absolute; text-align: center; line-height: 160px; font-size: 24px; color: #fff; overflow: hidden; bottom: -160px; width: 140%; left: -20%; height: 160px; opacity: 0; }
.storesPopularityHTML ul li .names:after { position: absolute; content: ''; width: 60px; height: 1px; background: #fff; left: 50%; margin-left: -30px; bottom: 33%; }
.storesPopularityHTML ul li.swiper-slide-active {/*!  */ z-index: 5; transform: translateY(-10%); -web-transition: all .4s; -webkit-transition: all .4s; }
.storesPopularityHTML ul li.swiper-slide-active .pic { width: 140%; left: -20%; opacity: 1; }
.storesPopularityHTML ul li.swiper-slide-active .pic img { opacity: 1; }
.storesPopularityHTML ul li.swiper-slide-active .names { opacity: 1; }
.storesPopularityHTML .scrollbarBox { height: 120px; position: relative; z-index: 16; width: 500px; margin: 0 auto; display: none; }
.storesPopularityHTML .scrollbarBox .swiper-scrollbar { height: 4px; }
.storesPopularityHTML .scrollbarBox .swiper-scrollbar-star { height: 2px; background: #ececec; margin-top: 35px; }
.storesPopularityHTML .scrollbarBox .swiper-scrollbar-star .swiper-scrollbar-drag { height: 14px; background: #c81528; top: -7px; }
/**/

.storesIn .Location { margin-top: 4%; position: relative; height: 205px; }
.storesIn #result { overflow: hidden; width: 945px; margin: 0 auto; }
.storesIn #result ul { overflow: hidden; width: 200000px; }
.storesIn #result ul li { float: left; width: 225px; height: 205px; border: 1px solid rgba(255,255,255,.8); color: rgba(255,255,255,.8); padding: 40px 9px; position: relative; margin-right: 135px; transition: all .5s; -webkit-transition: all .5s; z-index: 5; }
.storesIn #result ul li:after { position: absolute; content: ''; background: url(../images/Location-liBg.jpg) no-repeat; left: 0; top: 0; width: 100%; height: 100%; background-size: 100% 100%; opacity: 0; transition: all .5s; -webkit-transition: all .5s; z-index: -1; }
.storesIn #result ul li:hover { border: 1px solid #c81528; }
.storesIn #result ul li:hover:after { opacity: 1; }
.storesIn #result ul li .name { font-size: 18px; position: relative; text-align: center; }
.storesIn #result ul li .name:after { width: 36px; height: 2px; left: 50%; margin-left: -18px; background: #fff; opacity: .5; content: ''; position: absolute; bottom: -8px; }
.storesIn #result ul li .dizi { text-align: left; font-size: 12px; line-height: 24px; height: 48px; width: 80%; margin: 23px auto 0; float: right; position: relative; }
.storesIn #result ul li .dizi:after { content: 地址：; position: absolute; left: -18%; top: 0px; }
.storesIn #result ul li .number { text-align: left; font-size: 12px; line-height: 24px; height: 48px; width: 80%; margin: 0 auto; float: right; position: relative; }
.storesIn #result ul li .number:after { content: 电话：; position: absolute; left: -18%; top: 0px; }
.storesIn #result span { color: #fff; line-height: 8em; font-size: 24px; }
.storesIn .loding { background: url(../images/loding.gif) no-repeat; height: 50px; width: 50px; position: absolute; left: 50%; bottom: 13%; margin: 0 0 0 -25px; }
.storesIn .Btn { background: url(../images/Location-btn.png) no-repeat; height: 28px; width: 28px; cursor: pointer; position: absolute; top: 50%; margin-top: -14px; display: none; }
.storesIn .Btn.Lbtn { left: 15%; }
.storesIn .Btn.Rbtn { right: 15%; background-position: -28px 0; }
.storesIn .Btn.Lbtn:hover { background-position: 0 -28px; }
.storesIn .Btn.Rbtn:hover { background-position: -28px -28px; }
.storesIn .Geography { position: absolute; bottom: 2%; width: 100%; text-align: center; color: #fff; font-size: 14px; display: none; }
.storesIn .Geography .City { margin-right: 15px; }
.storesIn .Geography .number { margin: 0px 2px; }
.storesFindHTML { background: #000; }
.storesFindHTML .box1 { height: 870px; background: url(../images/tybg2.jpg); width: 100%; position: relative; }
.storesFindHTML .map { width: 50%; height: 100%; float: left; position: relative; }
.storesFindHTML .map .mapImg { margin: auto; text-align: center; margin-top: 17%; width: 792px; height: 669px; position: relative; }
.storesFindHTML .mapList { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.storesFindHTML .mapList li { width: 23px; height: 33px; position: absolute; top: 477px; left: 455px; }
.storesFindHTML .mapList li .bg-y { width: auto; height: auto; position: absolute; font-size: 0px; display: none; z-index: 8; }
.storesFindHTML .mapList li .mapText { width: 100px; text-align: center; position: absolute; bottom: -20px; z-index: 10; left: 50%; margin-left: -50px; font-size: 14px; color: #444343; cursor: pointer; }
.storesFindHTML .mapList li>img { position: absolute; top: 0; left: 0; z-index: 11; cursor: pointer; }
.storesFindHTML .mapList li.cur>img { animation: beat 2s linear infinite; -webkit-animation: beat 2s linear infinite; }
.storesFindHTML .mapList li>img:hover { animation: beat 2s linear infinite; -webkit-animation: beat 2s linear infinite; }
.storesFindHTML .mapList li.cur .mapText { color: #fefefe; }
.storesFindHTML .mapList li.cur .bg-y { display: block; }
.storesFindHTML .mapList li.SX { top: 340px; left: 475px; }
.storesFindHTML .mapList li.SX .bg-y { top: -75px; left: -34px; }
.storesFindHTML .mapList li.NX { top: 275px; left: 432px; }
.storesFindHTML .mapList li.NX .bg-y { top: -4px; left: -12px; }
.storesFindHTML .mapList li.GS { top: 320px; left: 410px; }
.storesFindHTML .mapList li.GS .bg-y { top: -124px; left: -151px; }
.storesFindHTML .mapList li.SC { top: 390px; left: 392px; }
.storesFindHTML .mapList li.SC .bg-y { top: -28px; left: -77px; }
.storesFindHTML .mapList li.ZQ { top: 413px; left: 445px; }
.storesFindHTML .mapList li.ZQ .bg-y { top: -12px; left: -9px; }
.storesFindHTML .mapList li.SXX { left: 520px; top: 286px; }
.storesFindHTML .mapList li.SXX .bg-y { top: -42px; left: -13px; }
.storesFindHTML .mapList li.XJ { left: 168px; top: 173px; }
.storesFindHTML .mapList li.XJ .bg-y { top: -109px; left: -168px; }
.storesFindHTML .mapList li.YN { left: 354px; top: 514px; }
.storesFindHTML .mapList li.YN .bg-y { top: -59px; left: -47px; }
.storesFindHTML .mapList li.GX { left: 483px; top: 530px; }
.storesFindHTML .mapList li.GX .bg-y { top: -15px; left: -60px; }
.storesFindHTML .mapList li.HN { left: 502px; top: 614px; }
.storesFindHTML .mapList li.HN .bg-y { top: 17px; left: -15px; }
.storesFindHTML .mapList li.GD { left: 554px; top: 514px; }
.storesFindHTML .mapList li.GD .bg-y { top: 14px; left: -52px; }
.storesFindHTML .mapList li.HNN { left: 543px; top: 449px; }
.storesFindHTML .mapList li.HNN .bg-y { top: -9px; left: -54px; }
.storesFindHTML .mapList li.HB { left: 538px; top: 401px; }
.storesFindHTML .mapList li.HB .bg-y { top: -17px; left: -55px; }
.storesFindHTML .mapList li.HNNN { left: 551px; top: 338px; }
.storesFindHTML .mapList li.HNNN .bg-y { top: -15px; left: -40px; }
.storesFindHTML .mapList li.FJ { left: 645px; top: 475px; }
.storesFindHTML .mapList li.FJ .bg-y { top: -6px; left: -37px; }
.storesFindHTML .mapList li.JX { left: 591px; top: 446px; }
.storesFindHTML .mapList li.JX .bg-y { top: -9px; left: -25px; }
.storesFindHTML .mapList li.ZJ { left: 655px; top: 413px; }
.storesFindHTML .mapList li.ZJ .bg-y { top: 14px; left: -22px; }
.storesFindHTML .mapList li.AH { left: 606px; top: 383px; }
.storesFindHTML .mapList li.AH .bg-y { top: -32px; left: -26px; }
.storesFindHTML .mapList li.JS { left: 645px; top: 356px; }
.storesFindHTML .mapList li.JS .bg-y { top: -16px; left: -46px; }
.storesFindHTML .mapList li.SD { left: 595px; top: 300px; }
.storesFindHTML .mapList li.SD .bg-y { top: -14px; left: -18px; }
.storesFindHTML .mapList li.TJ { left: 592px; top: 233px; }
.storesFindHTML .mapList li.TJ .bg-y { top: 1px; left: -19px; }
.storesFindHTML .mapList li.LN { left: 668px; top: 179px; }
.storesFindHTML .mapList li.LN .bg-y { top: 1px; left: -49px; }
.storesFindHTML .mapList li.HBB { left: 562px; top: 261px; }
.storesFindHTML .mapList li.HBB .bg-y { top: -59px; left: -12px; }
.storesFindHTML .mapList li.GZ { left: 445px; top: 470px; }
.storesFindHTML .mapList li.GZ .bg-y { top: -15px; left: -38px; }
/*1122*/
.storesFindHTML .mapList li.HLJ{top: 66px; left: initial; right: 70px;}
.storesFindHTML .mapList li.HLJ .bg-y{top:-66px;right: -66px;}
.storesFindHTML .mapList li.XZ{top: 330px;left: 125px;}
.storesFindHTML .mapList li.XZ .bg-y{top: -42px;left: -95px;}
.storesFindHTML .mapList li.QH{top: 280px;left: 271px;}
.storesFindHTML .mapList li.QH .bg-y{top: -24px;left: -68px;}
.storesFindHTML .mapList li.NMG{top: 190px;left:480px;}
.storesFindHTML .mapList li.NMG .bg-y{top: -184px;left: -151px;}
.storesFindHTML .mapList li.JL{top: 125px;left:688px;}
.storesFindHTML .mapList li.JL .bg-y{top: 1px;left: -54px;}
.storesFindHTML .mapList li.TW{top: 531px;left:675px;}
.storesFindHTML .mapList li.BJ{top: 200px;left:565px;}
.storesFindHTML .mapList li.BJ .bg-y{top: 60px;left: 0px;}
.storesFindHTML .mapList li.SH{top: 371px;left:670px;}
.storesFindHTML .mapList li.SH .bg-y{top: 40px;left: 0px;}
.storesFindHTML .mapList li.XG{top: 530px;left:580px;}
.storesFindHTML .mapList li.XG .bg-y{top: 40px;left: -8px;}
.storesFindHTML .mapList li.AM{top: 542px;left:534px;}
.storesFindHTML .mapList li.AM .bg-y{top: 31px;left: 23px;}


.storesFindHTML .serch { width: 520px; height: 77px; line-height: 77px; text-align: center; color: #FFFFFF; background-color: #c82126; position: absolute; left: 0; top: 13%; z-index: 10; font-size: 30px; }
.storesFindHTML .serch img { position: absolute; right: 0; top: 0; /*!  */ }
.storesFindHTML .serch>div { cursor: pointer; }
.storesFindHTML .serch ul { width: 100%; float: left; line-height: 48px; display: none;border-top: 1px solid #f5f5f5;}
.storesFindHTML .serch ul.cur { display: block; }
.storesFindHTML .serch ul li {border-right: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5; float: left; height: 45px; color: #000; background-color: #fff; box-sizing: border-box; cursor: pointer; font-size: 14px; width: calc(100% / 3) }
/*.storesFindHTML .serch ul li:nth-child(2n) { background-color: #9fa0a0; }*/
/*.storesFindHTML .serch ul li:nth-child(6n) { background-color: #9fa0a0; }*/
.storesFindHTML .serch ul li.cur { background-color: #C82126 !important; color: #fff;}
.storesFindHTML .serch ul li:hover { background-color: #C82126 !important; color: #FFFFFF; }
.storesFindHTML .serch ul li.bg { background-color: #9fa0a0; }
.storesFindHTML .covered { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100; display: none; }
.storesFindHTML .address { width: 55%; height: 740px; float: left; overflow: hidden; position: absolute; top: 100px; background: #fff; z-index: 15; }
.storesFindHTML .addressList { width: 80%; height: 396px; margin: 70px auto 0; position: relative; }
.storesFindHTML .addressList .title { font-size: 36px; color: #929290; font-family: 黑体; text-align: center; width: 100%; margin-bottom: 30px; }
.storesFindHTML .addressList .title .border { width: 34px; height: 3px; background-color: #c82126; margin: auto; }
.storesFindHTML .addressList .tab { width: 100%; height: auto; display: none; position: absolute; top: 0; }
.storesFindHTML .addressList .table_over { overflow: auto; height: 322px; }
 .storesFindHTML .addressList .table_over::-webkit-scrollbar {
 width:4px;
 height:5px;
}
 .storesFindHTML .addressList .table_over::-webkit-scrollbar-button {
 background-color:#ababa7;
}
 .storesFindHTML .addressList .table_over::-webkit-scrollbar-track {
 background:#ababa7;
}
 .storesFindHTML .addressList .table_over::-webkit-scrollbar-track-piece {
 background:url(http://www.lyblog.net/wp/wp-content/themes/mine/img/stripes_tiny_08.png);
}
 .storesFindHTML .addressList .table_over::-webkit-scrollbar-thumb {
 background:#c82126;
 border-radius:4px;
}
 .storesFindHTML .addressList .table_over::-webkit-scrollbar-corner {
 background:#82AFFF;
}
 .storesFindHTML .addressList .table_over::-webkit-scrollbar-resizer {
 background:#FF0BEE;
}
.storesFindHTML .addressList table { width: 100%; }
.storesFindHTML .addressList .addText { text-align: left; text-indent: 5px; }
.storesFindHTML .addressList td { border: 1px solid #efeeee; font-size: 12px; height: 32px; line-height: 32px; text-align: center; color: #595959; cursor: initial; }
.storesFindHTML .join_phoneInforamtion { width: 80%; margin: 34px auto 0; }
.storesFindHTML .join_phoneInforamtion img { display: block; margin-bottom: 10px; }
.storesFindHTML .join_phoneInforamtion span { display: block; margin-left: 50px; }
.storesFindHTML .county-box { width: 36%; height: auto; position: absolute; overflow: hidden; right: 13%; top: 10%; }
.storesFindHTML .county-box .county-names { margin-bottom: 15px; }
.storesFindHTML .county-box .county-names i { display: block; width: 46px; height: 46px; border-radius: 50%; background-color: #c81528; float: left; margin-right: 15px; background-image: url(../images/pin.png); background-repeat: no-repeat; background-position: center center }
.storesFindHTML .county-box .cityList { position: absolute; width: 100%; background: #fff; top: 121px; height: 567px; display: none;}
.storesFindHTML .county-box .cityList ol { overflow-y: auto; height: 567px; }
.storesFindHTML .county-box .cityList ol li { float: left; width: 50%; text-align: center; line-height: 80px; font-size: 18px; font-weight: 900; position: relative; transition: all .5s; -webkit-transition: all .5s; cursor: pointer; }
/*.storesFindHTML .county-box .cityList ol li.TITLE_TXT{}*/

.storesFindHTML .county-box .cityList ol li:after { position: absolute; content: ''; border-bottom: 1px solid #e0e0e0; width: 100%; height: 100%; left: 0; bottom: 0 }
.storesFindHTML .county-box .cityList ol li:nth-child(n):after { border-right: 1px solid #e0e0e0; }
.storesFindHTML .county-box .cityList ol li.active, .storesFindHTML .county-box .cityList ol li:hover { color: #c81528; }
.storesFindHTML .county-box .county-names span { height: 46px; font-size: 30px; color: #c81528; border-bottom: 1px solid #c81528; line-height: 46px; }
.storesFindHTML .county-box .title { height: 60px; line-height: 60px; background: #c81528; text-align: center; cursor: pointer; }
.storesFindHTML .county-box .title i { width: 0px; height: 0px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #fff; font-size: 0px; line-height: 0px; margin-left: 15px; display: inline-block; }
.storesFindHTML .county-box .title span { font-size: 24px; color: #fff; }
.storesFindHTML .county-box .countyList { }
.storesFindHTML .county-box .countyList ul { overflow-y: auto; height: 546px; padding: 0 0 0 0; margin-top: 20px; }
.storesFindHTML .county-box .countyList ul li {cursor: pointer; width: 49%; background: #fff; float: left; margin-bottom: 20px; padding: 20px; overflow: hidden; height: 119px; }
.storesFindHTML .county-box .countyList ul li:nth-child(2n) { margin-left: 2%; }
.storesFindHTML .county-box .countyList ul li .names { color: #333333; font-size: 16px; margin-bottom: 10px; }
.storesFindHTML .county-box .countyList ul li .dizhi { font-size: 12px; line-height: 24px; color: #393939; width: calc(100% - 40px); text-indent: -40px; float: right; position: relative; }
/*.storesFindHTML .county-box .countyList ul li .dizhi:after { content: '地址：'; position: absolute; color: #c81528; left: -35px;top: 0; }*/
.storesFindHTML .county-box .countyList ul li .phoneNumber { width: 86%; float: right; font-size: 12px; line-height: 24px; color: #393939; position: relative; }
.storesFindHTML .county-box .countyList ul li .phoneNumber:after { content: '电话：'; position: absolute; color: #c81528; left: -16%; }
/*.joinHTML*/

.joinIn { }
.joinIn>img { }
.joinIn .pageTitle { position: absolute; bottom: 7%; left: 8.5%; width: 83%; text-align: center; }
.joinIn .pageTitle img { }
.joinIn .pageTitle img.Cn { margin: 0 auto; }
.joinIn .pageTitle img.Tn { margin: 6% auto 2%; }
.joinIn .pageTitle img.En { margin: 0 auto; }
.joinHTML { position: relative; z-index: 5; background: #fff; }
.joinHTML .join-main { }
.joinHTML .join-main .content1200 { width: 1200px; margin: 0 auto; position: relative; padding-top: 290px; }
.joinHTML .box1 .JoinCondition { position: relative; margin-top: 85px; }
.joinHTML .box1 .JoinCondition .join-svg { position: absolute;/*!  */ width: 52%; top: -15%; }
.joinHTML .box1 .JoinCondition .join-svg svg { width: 100%;/*! height: 100%; */ }
.joinHTML .box1 { background: url(../images/join-box1.jpg) center center; height: 1100px; }
.joinHTML .box1 .left { }
.joinHTML .box1 .left img { width: 90%; }
.joinHTML .box1 .right { margin-top: 10%; }
.joinHTML .box1 .right ul { }
.joinHTML .box1 .right ul li { font-size: 20px; color: #000000; margin-bottom: 25px; width: 120%; margin-left: -5%; }
.joinHTML .box1 .right ul li span { height: 36px; width: 36px; display: inline-block; text-align: center; line-height: 36px; font-size: 18px; color: #fff; background: #c61427; border-radius: 50%; margin-right: 15px; }
.joinHTML .box1 .Big-title { color: #c61427; text-transform: uppercase; text-align: center; font-weight: 600; }
.joinHTML .box1 .Big-title span { display: block; }
.joinHTML .box1 .Big-title span.cn { font-size: 36px; }
.joinHTML .box1 .Big-title span.en { font-size: 12px; }
.joinHTML .box1 .round-file { height: 112px; width: 112px; border-radius: 50%; background: #c61427; position: absolute; left: 50%; margin-left: -56px; top: 16%; }
.joinHTML .box1 .round-file:after { position: absolute; content: ''; width: 42px; height: 53px; background: url(../images/join-icon1.png) no-repeat; left: 50%; top: 50%; margin: -26.5px 0 0 -21px; }
.joinHTML .box1 .min-round { height: 22px; width: 22px; background: #c61427; display: block; border-radius: 50%; position: absolute; top: -7px; left: 50%; margin-left: -11px; }
.joinHTML .box1 .min-arrow { background: url(../images/Arrow.png) no-repeat; width: 31px; height: 23px; position: absolute; left: 50%; margin: -16px; top: 24px; }
.joinHTML .box1 .min-line { width: 6px; height: 125px; background: #c61427; position: absolute; top: 45px; left: 50%; margin-left: -3px; }
.joinHTML .box2 .Big-title { position: absolute; color: #fff; text-transform: uppercase; width: 30%; top: 9%; z-index: 19; font-weight: 600; text-indent: 37%; }
.joinHTML .box2 .Big-title .cn { font-size: 36px; display: block; }
.joinHTML .box2 .Big-title .en { font-size: 12px; display: block; opacity: .5; position: relative; }
.joinHTML .box2 .cd-slider-wrapper { position: relative; height: 700px; overflow: hidden }
.joinHTML .box2 .cd-slider { position: relative; z-index: 1; height: 100%; overflow: hidden }
.joinHTML .box2 .cd-slider li { position: absolute; top: 0; left: 0; height: 100%; width: 100%; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform .6s; -moz-transition: -moz-transform .6s; transition: transform .6s }
.joinHTML .box2 .cd-slider li.is-visible { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) }
.joinHTML .box2 .cd-slider .cd-half-block { height: 100%; background-position: center center; background-repeat: no-repeat }
.joinHTML .box2 .cd-slider .image { background-size: cover; width: 60%; }
.joinHTML .box2 .cd-slider .content { padding: 8% 0 0 11%; color: #434343; font-size: 14px; background-color: #c61427; -webkit-font-smoothing: antialiased; line-height: 30px }
.joinHTML .box2 .no-touch .cd-slider .btn:hover { background: rgba(0,0,0,0.6) }
.joinHTML .box2 .cd-slider h2 { font-weight: bold; font-size: 45px; text-transform: uppercase; margin-bottom: .4em; /*! line-height: 40px; */ padding-top: 20%; color: #fff }
.joinHTML .box2 .cd-slider h2 i { font-size: 20px; margin-left: 15px; }
.joinHTML .box2 .cd-slider .tit { font-size: 24px; color: #fff; margin-bottom: 20px;line-height: 36px;}
.joinHTML .box2 .changeBtn { position: absolute; padding: 0; left: 0; z-index: 10; bottom: 15px; width: 40%; z-index: 15; }
.joinHTML .box2 .changeBtn .btns { width: 20px; height: 31px; transition: .4s; -webkit-transition: .4s; cursor: pointer; float: left; background: url(../images/induBtn.png) no-repeat;/*!  */ }
.joinHTML .box2 .changeBtn .btns.btnL { background-position: left center; margin-top: 14% }
.joinHTML .box2 .changeBtn .btns.btnL:hover { background-image: url(../images/induBtn2.png); transform: translateX(-5px) }
.joinHTML .box2 .changeBtn .btns.btnR { background-position: right center; margin-top: 14% }
.joinHTML .box2 .changeBtn .btns.btnR:hover { background-image: url(../images/induBtn2.png); transform: translateX(5px) }
.joinHTML .box2 .changeBtn .page { float: left; line-height: 65px; color: #fff; width: auto; background: 0; font-size: 26px; cursor: pointer; margin-left: 27%; }
.joinHTML .box2 .changeBtn .page .pageNum { width: 70px; height: 128px; display: inline-block; position: relative; }
.joinHTML .box2 .changeBtn .page .pageNum .number { width: 70px; height: 70px; display: block; text-align: center; line-height: 70px; font-size: 30px; position: absolute; bottom: 0; transition: all .5s; -webkit-transition: all .5s;}
.joinHTML .box2 .changeBtn .page .pageNum .number:after { position: absolute; content: ''; bottom: 0; transition: all .5s; -webkit-transition: all .5s; background: #fff; color: #c81528; width: 100%; height: 0; left: 0; z-index: -1; }
.joinHTML .box2 .changeBtn .page .pageNum.active .number, .joinHTML .box2 .changeBtn .page .pageNum:hover .number { color: #C61427; }
.joinHTML .box2 .changeBtn .page .pageNum.active .number:after, .joinHTML .box2 .changeBtn .page .pageNum:hover .number:after { height: 128px; }
.joinHTML .box2 .cd-slider-navigation { display: block }
.joinHTML .box2 .cd-slider li { pointer-events: none; z-index: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: z-index 0s .6s; -moz-transition: z-index 0s .6s; transition: z-index 0s .6s }
.joinHTML .box2 .cd-slider li.is-visible { pointer-events: auto; z-index: 3; -webkit-transition: z-index 0s 0s; -moz-transition: z-index 0s 0s; transition: z-index 0s 0s }
.joinHTML .box2 .cd-slider li.is-visible.covered { z-index: 2 }
.joinHTML .box2 .cd-slider .cd-half-block { height: 100%; /*!  */ float: right; position: relative; z-index: 1; }
.joinHTML .box2 .cd-slider .cd-half-block.content { -webkit-transform: translateX(200%); transform: translateX(200%); -webkit-transition: -webkit-transform .6s 0s ease-in-out; transition: transform .6s 0s ease-in-out }
.joinHTML .box2 .cd-slider .cd-half-block.image { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0s .3s; -moz-transition: -moz-transform 0s .3s; transition: transform 0s .3s }
.joinHTML .box2 .cd-slider li.is-visible .cd-half-block.content, .joinHTML .box2 .cd-slider li.is-visible .cd-half-block.image { -webkit-transform: translateX(0%); transform: translateX(0%) }
.joinHTML .box2 .cd-slider li.is-visible .cd-half-block.content { -webkit-transition: -webkit-transform .6s 0s ease-in-out; transition: transform .6s 0s ease-in-out }
.joinHTML .box2 .cd-slider .content { padding: 8% 0 0 11%; width: 40%; }
.joinHTML .box2 .cd-slider-navigation { padding: .5em 1em; background-color: rgba(0,0,0,0.8); -webkit-transform: translateZ(2px) translateX(-50%); -moz-transform: translateZ(2px) translateX(-50%); -ms-transform: translateZ(2px) translateX(-50%); -o-transform: translateZ(2px) translateX(-50%); transform: translateZ(2px) translateX(-50%); -webkit-transition: -webkit-transform .3s; -moz-transition: -moz-transform .3s; transition: transform .3s }
.joinHTML .box2 .cd-slider-navigation.slider-animating { -webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1) }
.joinHTML .box2 .cd-slider-navigation a { height: 40px; width: 40px; line-height: 40px; text-align: center; text-indent: 0; border: 0; border-radius: 0; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.joinHTML .box2 .cd-slider-navigation li.selected a { background-color: transparent; color: #f3b96c }
/**/

.joinHTML .box3 { overflow: hidden; position: relative; background: #fff; }
.joinHTML .box3 .left { width: 40%; position: absolute; float: left; height: 100%; background-size: auto 100% !important; }
.joinHTML .box3 .right { width: 60%; position: relative; float: right; padding-left: 4%; }
.joinHTML .box3 .right .Big-title { color: #c61427; text-transform: uppercase; margin: 74px 0 65px; font-weight: 600; position: relative; }
.joinHTML .box3 .right .Big-title:after { width: 220px; height: 83px; background: url(../images/join-good.jpg) no-repeat; position: absolute; content: ''; top: -10px; left: -230px; }
.joinHTML .box3 .right .Big-title span.cn { font-size: 36px; display: block; }
.joinHTML .box3 .right .Big-title span.en { font-size: 12px; display: block; }
.joinHTML .box3 .right .theSupportList { }
.joinHTML .box3 .right .theSupportList ul { }
.joinHTML .box3 .right .theSupportList ul li { height: 65px; overflow: hidden; margin-bottom: 65px; }
.joinHTML .box3 .right .theSupportList ul li .pic-icon { height: 40px; width: 40px; float: left; background: url(../images/join-supportIcon.jpg); }
.joinHTML .box3 .right .theSupportList ul li .pic-icon.cur1 { }
.joinHTML .box3 .right .theSupportList ul li .pic-icon.cur2 { background-position: -40px 0; }
.joinHTML .box3 .right .theSupportList ul li .pic-icon.cur3 { background-position: -80px 0; }
.joinHTML .box3 .right .theSupportList ul li .pic-icon.cur4 { background-position: -120px 0; }
.joinHTML .box3 .right .theSupportList ul li .summary { width: 85%; float: left; margin-left: 2%; }
.joinHTML .box3 .right .theSupportList ul li .summary .title { color: #c61427; font-size: 30px; font-weight: 600; }
.joinHTML .box3 .right .theSupportList ul li .summary .text { font-size: 18px; color: #323232; font-weight: 600; opacity: .7; }
.joinHTML .box4 { background: #f5eee6; padding: 80px 0 70px; }
.joinHTML .box4 .phoneNumber { width: 419px; height: 65px; background: url(../images/phoneNumber.png) no-repeat; margin: 0 auto; }
/*aboutUsHTML*/

.aboutUsHTML { position: relative; z-index: 5; }
.aboutUs-main { background: url(../images/aboutUs-mainBg.jpg); }
.aboutUsHTML .box1 { height: 705px; width: 1196px; margin: 0 auto; position: relative; background: url(../images/contact-informationBG.jpg); top: -120px; }
.aboutUsHTML .box1:after { position: absolute; content: ''; width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 30px solid #c81528; left: 50%; bottom: -30px; margin-left: -30px; }
.aboutUsHTML .box1 .CornerFlower { background: url(../images/sidebar-icon3.png) no-repeat; width: 9px; height: 9px; display: block; position: absolute; z-index: 15; }
.aboutUsHTML .box1 .CornerFlower.TL { left: 7px; top: 7px; }
.aboutUsHTML .box1 .CornerFlower.TR { right: 7px; top: 7px; background-position: -9px 0; }
.aboutUsHTML .box1 .CornerFlower.BL { left: 7px; bottom: 7px; background-position: 0 -9px; }
.aboutUsHTML .box1 .CornerFlower.BR { right: 7px; bottom: 7px; background-position: -9px -9px; }
.aboutUsHTML .box1 .Line { background: #e8c2be; position: absolute; z-index: 15; }
.aboutUsHTML .box1 .Line.TL { top: calc(7px + 9px); width: 1px; height: calc(96% - 4px); left: 7px; }
.aboutUsHTML .box1 .Line.TR { right: 7px; width: 1px; top: calc(7px + 9px); height: calc(96% - 4px); }
.aboutUsHTML .box1 .Line.BL { top: 6px; height: 1px; width: calc(100% - 31px); left: 16px; }
.aboutUsHTML .box1 .Line.BR { left: calc(.5% + 9px); bottom: 7px; height: 1px; width: calc(100% - 31px); }
.aboutUsHTML .box1 h1 { padding-top: 65px; }
.aboutUsHTML .box1 h1>img { margin: 0 auto; }
.aboutUsHTML .box1 .summary { color: #fff; padding: 0 8%; max-width: 1170px; margin: auto; }
.aboutUsHTML .box1 .summary h2 { text-align: center; line-height: 120px; position: relative; }
.aboutUsHTML .box1 .summary h2:after { content: ''; position: absolute; background: #fff; opacity: .5; height: 1px; width: 44%; left: 0px; top: 50%; }
.aboutUsHTML .box1 .summary h2:before { content: ''; position: absolute; background: #fff; opacity: .5; height: 1px; width: 44%; right: 0; top: 50%; }
.aboutUsHTML .box1 .summary p { font-size: 14px; line-height: 28px;text-indent: 2rem; }
.aboutUsHTML .box2 { width: 1196px; margin: 0 auto 0; padding-bottom: 30px; }
.aboutUsHTML .box2 .Big-title { text-align: center; color: #c61427; font-weight: 600; }
.aboutUsHTML .box2 .Big-title span { display: block; }
.aboutUsHTML .box2 .Big-title span.cn { font-size: 36px; }
.aboutUsHTML .box2 .Big-title span.en { font-size: 12px; }
.aboutUsHTML .box2 .summary { margin-top: 100px; }
.aboutUsHTML .box2 .summary ul { transition: all .5s; -webkit-transition: all .5s; }
.aboutUsHTML .box2 .summary ul li { position: relative; display: none; }
.aboutUsHTML .box2 .summary ul li.active { display: block; }
.aboutUsHTML .box2 .summary .title { color: #c81528; letter-spacing: .1em; font-size: 30px; line-height: 88px; }
.aboutUsHTML .box2 .summary .text { color: #333333; font-size: 14px; line-height: 28px; }
.aboutUsHTML .box2 .information { margin-top: 75px; position: relative; }
.aboutUsHTML .box2 .information ul { text-align: center; overflow: hidden; padding: 35px 0; position: relative; z-index: 5; }
.aboutUsHTML .box2 .information.cur1 .line2 { width: 20%; }
.aboutUsHTML .box2 .information.cur2 .line2 { width: 50%; }
.aboutUsHTML .box2 .information.cur3 .line2 { width: 80%; }
.aboutUsHTML .box2 .information.cur4 .line2 { width: 100%; }
.aboutUsHTML .box2 .information ul li { display: block; margin: 0 0 0 252px; position: relative; float: left; height: 109px; width: 109px; cursor: pointer; }
.aboutUsHTML .box2 .information ul li .pic { background: url(../images/ContactUs-information-pic.jpg); position: absolute; top: 0; height: 100%; width: 100%; z-index: 5; }
.aboutUsHTML .box2 .information ul li .pic:after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/ContactUs-information-pic.jpg); transition: all .4s; opacity: 0; }
.aboutUsHTML .box2 .information ul li .storyLine { background: url(../images/aboutUs-mainBg.jpg); width: 120%; z-index: 1; height: 120%; position: absolute; top: -10%; left: -10%; }
.aboutUsHTML .box2 .information ul li.cur1 { margin-left: 0; }
.aboutUsHTML .box2 .information ul li.cur2 { background-position: -109px 0; }
.aboutUsHTML .box2 .information ul li.cur3 { background-position: -218px 0; }
.aboutUsHTML .box2 .information ul li.cur4 { background-position: -327px 0; }
.aboutUsHTML .box2 .information .line1 { top: 50%; position: absolute; left: 0; width: 100%; height: 1px; background: #fff; z-index: 1; }
.aboutUsHTML .box2 .information .line2 { top: 50%; position: absolute; left: 0; width: 0; height: 1px; background: #C81528; z-index: 2; transition: all .5s; -webkit-transition: all .5s;-moz-transition: all .5s;}
.aboutUsHTML .box2 .information ul li.cur1 .pic { }
.aboutUsHTML .box2 .information ul li.cur2 .pic { background-position: -109px 0; }
.aboutUsHTML .box2 .information ul li.cur3 .pic { background-position: -218px 0; }
.aboutUsHTML .box2 .information ul li.cur4 .pic { background-position: -327px 0; }
.aboutUsHTML .box2 .information ul li.cur1 .pic:after { background-position: 0 -109px; }
.aboutUsHTML .box2 .information ul li.cur2 .pic:after { background-position: -109px -109px; }
.aboutUsHTML .box2 .information ul li.cur3 .pic:after { background-position: -218px -109px; }
.aboutUsHTML .box2 .information ul li.cur4 .pic:after { background-position: -327px -109px; }
.aboutUsHTML .box2 .information ul li.active { }
.aboutUsHTML .box2 .information ul li:hover .pic:after, .aboutUsHTML .box2 .information ul li.active .pic:after { opacity: 1; }
/*.aboutUsHTML .box2 .information ul li:hover:after{transform: scale(1);}*/





.aboutUsHTML .box2 .information ul li span { position: absolute; width: 100%; left: 0; text-align: center; bottom: -32px; color: #c81528; font-weight: 900; }
.aboutUsHTML .box2 .Big-title { }
.aboutUsHTML .box2 .Big-title span { }
.aboutUsHTML .box2 .Big-title span.cn { }
.aboutUsHTML .box2 .Big-title span.en { text-transform: uppercase; }
.aboutUsHTML .box3 { margin-top: 110px; position: relative; overflow: hidden; }
.aboutUsHTML .box3 .Big-title { text-align: center; color: #c61427; font-weight: 600; }
.aboutUsHTML .box3 .Big-title span { display: block; color: #cd0d00; text-transform: uppercase; }
.aboutUsHTML .box3 .Big-title span.cn { font-size: 36px; }
.aboutUsHTML .box3 .Big-title span.en { font-size: 12px; }
.aboutUsHTML .box3 .poster-main { position: relative; width: 900px; height: 270px; margin: 0 auto; }
.aboutUsHTML .box3 .poster-main a, .poster-main img { display: block; }
.aboutUsHTML .box3 .poster-main .poster-list { width: 900px; height: 270px }
.aboutUsHTML .box3 .poster-main .poster-list .poster-item { position: absolute; left: 0px; top: 0px }
.aboutUsHTML .box3 .poster-main .poster-btn { position: absolute; height: 100%; width: 100px; top: 0px; z-index: 10; opacity: 0.3; }
.aboutUsHTML .box3 .poster-main .poster-prev-btn { left: 0px; background: url(../image/btn_l.png) no-repeat center center; }
.aboutUsHTML .box3 .poster-main .poster-next-btn { right: 0px; background: url(../image/btn_r.png) no-repeat center center; }
.flipster { display: block; margin: 350px auto 0; width: 100%; position: relative; /*! overflow-x: hidden; *//*! overflow-y: visible; */ padding: 45px 0; z-index: 5; }
.flip-items, .flip-item { display: block; margin: 0 auto; padding: 0; list-style-type: none; }
.flip-items { width: 100%; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.flip-item { position: absolute; opacity: 0.99;/* Fix for strange clipping behavior on rotated elements in Chrome. */ }
.flip-past, .flip-future, .flip-next, .flip-prev { cursor: pointer; }
.flip-item img { display: block; width: 100%; }
/* @end */

/* @group Coverflow Style */

.flipster-coverflow .flip-items { -webkit-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; position: relative; padding-top: 2%; padding-bottom: 5%; }
.flipster-coverflow .flip-item { display: block; -webkit-transition: all 175ms ease-in-out; transition: all 175ms ease-in-out; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-perspective: 800px; perspective: 800px; position: absolute; width: 30%; }
.flipster-coverflow .flip-content { -webkit-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; -webkit-box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(0.05, rgba(255, 255, 255, 0.12)), color-stop(0.2, transparent)); }
.flipster-coverflow .flip-past .flip-content { -webkit-transform: rotateY(55deg) scale(0.75); transform: rotateY(55deg) scale(0.75); }
.flipster-coverflow .flip-future .flip-content { -webkit-transform: rotateY(-55deg) scale(0.75); transform: rotateY(-55deg) scale(0.75); }
.flipster-coverflow.no-rotate .flip-past .flip-content { -webkit-transform: scale(0.75); transform: scale(0.75); }
.flipster-coverflow.no-rotate .flip-future .flip-content { -webkit-transform: scale(0.75); transform: scale(0.75); }
.flipster-coverflow .flip-current .flip-content { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
.flipster-coverflow .flip-hidden { visibility: hidden; -webkit-opacity: 0; opacity: 0; }
/* @end */

/* @group Flip Items */

.flipster-carousel .flip-items { -webkit-perspective: 2000px; perspective: 2000px; }
.flipster-carousel .flip-items li { }
.flipster-carousel .flip-items li span { font-size: 24px; width: 100%; text-align: center; display: block; margin-top: 15px; opacity: 0; }
.flipster-carousel .flip-items li.flip-current span { opacity: 1; }
.flipster-carousel .flip-item { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 350ms ease-out; transition: all 350ms ease-out; }
.no-csstransforms .flipster-carousel .flip-item { -webkit-transition: none; transition: none; }
.flipster-carousel .flip-items img { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
.flipster-carousel .flip-past { -webkit-transform: translateX(-50%) translateY(-110%) translateZ(0) rotateY(0) scale(0.5); transform: translateX(-50%) translateY(-110%) translateZ(0) rotateY(0) scale(0.5); }
.flipster-carousel.no-rotate .flip-past { -webkit-transform: translateX(-80%) translateZ(0) scale(0.65); transform: translateX(-80%) translateZ(0) scale(0.65); }
.no-csstransforms3d .flipster-carousel .flip-past { -webkit-transform: translateX(-56%) scale(0.5); transform: translateX(-56%) scale(0.5); }
.no-csstransforms .flipster-carousel .flip-past { left: -20%; top: 40%; width: 50%; height: 50%; }
.flipster-carousel .flip-future { -webkit-transform: translateX(50%) translateY(-110%) translateZ(0) rotateY(0) scale(0.5); transform: translateX(50%) translateY(-110%) translateZ(0) rotateY(0) scale(0.5); }
.flipster-carousel.no-rotate .flip-future { -webkit-transform: translateX(80%) translateZ(0) scale(0.65); transform: translateX(80%) translateZ(0) scale(0.65); }
.no-csstransforms3d .flipster-carousel .flip-future { -webkit-transform: translateX(56%) scale(0.5); transform: translateX(56%) scale(0.5); }
.no-csstransforms .flipster-carousel .flip-future { left: 88%; top: 40%; width: 50%; height: 50%; }
.flipster-carousel .flip-prev { -webkit-transform: translateX(-90%) translateY(-60%) translateZ(0) rotateY(0) scale(0.7); transform: translateX(-90%) translateY(-60%) translateZ(0) rotateY(0) scale(0.7); }
.flipster-carousel.no-rotate .flip-prev { -webkit-transform: translateX(-60%) translateZ(0) scale(0.8); transform: translateX(-60%) translateZ(0) scale(0.8); }
.no-csstransforms3d .flipster-carousel .flip-prev { -webkit-transform: translateX(-24%) scale(0.75); transform: translateX(-24%) scale(0.75); }
.no-csstransforms .flipster-carousel .flip-prev { left: -9%; top: 20%; width: 75%; height: 75%; }
.flipster-carousel .flip-next { -webkit-transform: translateX(90%) translateY(-60%) translateZ(0) rotateY(0) scale(0.7); transform: translateX(90%) translateY(-60%) translateZ(0) rotateY(0) scale(0.7); }
.flipster-carousel.no-rotate .flip-next { -webkit-transform: translateX(60%) translateZ(0) scale(0.8); transform: translateX(60%) translateZ(0) scale(0.8); }
.no-csstransforms3d .flipster-carousel .flip-next { -webkit-transform: translateX(24%) scale(0.75); transform: translateX(24%) scale(0.75); }
.no-csstransforms .flipster-carousel .flip-next { left: 39%; top: 20%; width: 75%; height: 75%; }
.flipster-carousel .flip-past, .flipster-carousel .flip-future { -webkit-opacity: 0.6; opacity: 0.6; z-index: -4; -webkit-transition-delay: 87.5ms; transition-delay: 87.5ms; }
.flipster-carousel .flip-prev, .flipster-carousel .flip-next { -webkit-opacity: 0.8; opacity: 0.8; z-index: 2; -webkit-transition-delay: 58.333333333333336ms; transition-delay: 58.333333333333336ms; }
.flipster-carousel .flip-current { z-index: 999; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transition-delay: 58.333333333333336ms; transition-delay: 58.333333333333336ms; }
.flipster-carousel .flip-hidden { visibility: hidden; -webkit-opacity: 0; opacity: 0; -webkit-transform: rotateY(0deg) translateX(0) scale(0.5); -moz-transform: rotateY(0deg) translateX(0) scale(0.5); -o-transform: rotateY(0deg) translateX(0) scale(0.5); -ms-transform: rotateY(0deg) translateX(0) scale(0.5); transform: rotateY(0deg) translateX(0) scale(0.5); -webkit-transition-delay: 116.66666666666667ms; -moz-transition-delay: 116.66666666666667ms; -o-transition-delay: 116.66666666666667ms; transition-delay: 116.66666666666667ms; }


/* @end */

.no-transition { -webkit-transition-duration: 0ms !important; -moz-transition-duration: 0ms !important; -o-transition-duration: 0ms !important; transition-duration: 0ms !important; }
/* @end */

.aboutUsHTML .box3 .Loong { position: absolute; width: 500px; height: 500px; left: 50%; top: -335px; margin: 0 0 0 -250px; z-index: 0; }
.aboutUsHTML .box3 .Loong .index-droung1 { background: url(../images/loong.png); width: 424px; height: 425px; position: absolute; left: 50%; margin-left: -212px; z-index: 5; }
.aboutUsHTML .box3 .Loong .index-droung2 { background: url(../images/loong.png); width: 404px; height: 425px; background-position: -425px 0; position: absolute; z-index: 15; left: 50%; margin-left: -202px; top: 7%; }
.aboutUsHTML .box3 .Loong .index-droung3 { background: url(../images/loong.png); height: 172px; width: 1920px; position: absolute; left: 50%; margin-left: -960px; background-position: 0 -425px; bottom: -120px; z-index: 1; }
.aboutUsHTML .box3 .Loong .index-droung4 { background: url(../images/Loong-show.png); width: 520px; height: 53px; position: absolute; left: 50%; margin-left: -260px; bottom: 9%; z-index: 2; }
.aboutUsHTML .box3 .Loong .lightMask { position: absolute; height: 300px; width: 300px; transform: rotate(45deg); left: 50%; top: 50%; margin: -187px 0 0 -150px; z-index: 5; overflow: hidden; }
.aboutUsHTML .box3 .Loong .lightMask .light { background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); position: absolute; height: 400px; width: 400px; transform: rotate(-45deg); top: 150%; left: -50%; margin: -200px 0 0 -200px; }
.aboutUsHTML .box3 .Loong:hover .light { left: 150%; top: -50%; transition: all 1s; -webkit-transition: all 1s; }
.aboutUsHTML .box3 .loong-text { width: 600px; position: absolute; left: 50%; margin-left: -300px; bottom: 30%; text-align: center; }
.aboutUsHTML .box3 .loong-text span { width: 235px; height: 36px; display: inline-block; background: url(../images/loong.png) no-repeat; margin: 0 15px; }
.aboutUsHTML .box3 .loong-text .text1 { background-position: -825px 0; }
.aboutUsHTML .box3 .loong-text .text2 { background-position: -825px -36px; }
/*dch*/


.special{ background:url(../images/bannerIn-dishes2.jpg) center top no-repeat !important;}
.banner-in .team-banner-txt { position: absolute; top: 200px; width: 1040px; left: 50%; margin-left: -520px; }
.banner-in .team-banner-txt .biaoti { margin-bottom: 48px; text-align: center; }
.banner-in .team-banner-txt .biaoti img { margin: 0 auto; }
.team .team-loading .service .swiper-container.gallery-thumbs .swiper-wrapper .swiper-slide { background-size: cover; }
.team .team-loading .service .swiper-container.gallery-thumbs .swiper-wrapper .swiper-slide img{ width: 100%;}
.team .team-loading .service .swiper-scrollbar-drag { background-color: #c81528; }
.banner-in .team-banner-txt .biaoti img:first-of-type, .banner-in .team-banner-txt .biaoti img:nth-of-type(2) { margin: 0 12px 30px; display: inline-block; }
.banner-in .team-banner-txt .list-title { text-align: center; }
.banner-in .team-banner-txt .list-title a { width: 190px; height: 50px; text-align: center; display: inline-block; line-height: 50px; background: #c81528; border-radius: 5px; color: #fff; position: relative; margin: 0 5px; }
.banner-in .team-banner-txt .list-title a:after { position: absolute; content: ''; width: 184px; border: 1px solid #efb9bf; height: 44px; left: 3px; top: 3px; }
.banner-in .team-banner-txt .list-title a.active, .banner-in .team-banner-txt .list-title a:hover { background: #fff; color: #c81528; }
.banner-in .team-banner-txt .list-title a span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 15; }
.banner-in .team-banner-txt .list-title a span.s:before { content: ''; position: absolute; width: 2px; height: 1px; background: #c81528; top: 3px; left: 50%; }
.banner-in .team-banner-txt .list-title a span.s:after { content: ''; position: absolute; width: 2px; height: 1px; background: #c81528; left: 50%; bottom: 3px; }
.banner-in .team-banner-txt .list-title a span.h:before { content: ''; position: absolute; width: 1px; height: 2px; background: #c81528; top: 50%; left: 3px; }
.banner-in .team-banner-txt .list-title a span.h:after { content: ''; position: absolute; width: 1px; height: 2px; background: #c81528; top: 50%; right: 3px; }
.banner-in .team-banner-txt .list-title a.active span:before, .banner-in .team-banner-txt .list-title a:hover span:before { background: #fff; }
.banner-in .team-banner-txt .list-title a.active span:after, .banner-in .team-banner-txt .list-title a:hover span:after { background: #fff; }
.banner-in .team-banner-txt .team-introduce { margin: 90px auto 0; width: 1000px; color: #ffffff; font-size: 16px; line-height: 32px; text-align: center; }
.banner-in .team-banner-txt .team-introduce p { }
.team { background: #f1f1f1; position: relative; }
.team .team-loading .recuitment { position: relative; top: -100px; margin: 0 auto; width: 1435px; }
.team .team-loading .recuitment .swiper-container { max-width: 1200px; }
.team .team-loading .recuitment .swiper-container .detail-info { padding: 22px 22px 42px; background-color: #ffffff; height: 100%; }
.team .team-loading .recuitment .swiper-container .detail-info h2 { margin-bottom: 35px; line-height: 100px; font-size: 3.6rem; color: #c81528; border-bottom: 1px solid #cbcbcb; }
.team .team-loading .recuitment .swiper-container .detail-info aside { margin-bottom: 25px; font-size: 1.8rem; }
.team .team-loading .recuitment .swiper-container .detail-info .require { line-height: 24px; font-size: 1.4rem; height: 144px; overflow: auto; }
.team .team-loading .recuitment .swiper-container .detail-info a { margin-top: 46px; display: inline-block; width: 76px; height: 26px; line-height: 26px; font-size: 1.4rem; color: #ffffff; text-transform: uppercase; background-color: #c81528; text-align: center; }
.team .team-loading .recuitment .swiper-container .swiper-wrapper { }
.team .team-loading .recuitment .swiper-container .swiper-wrapper .swiper-slide { height: 514px; }
.team .team-loading .recuitment .boxs { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8); z-index: 999; }
.team .team-loading .recuitment .boxs.active { display: block; }
.team .team-loading .recuitment .more-info .zc { margin-bottom: 35px; line-height: 100px; font-size: 3.6rem; color: #c81528; border-bottom: 1px solid #cbcbcb; }
.team .team-loading .recuitment .more-info .ages { margin-bottom: 25px; font-size: 1.8rem; }
.team .team-loading .recuitment .more-info .adds { margin-bottom: 25px; font-size: 1.8rem; }
.team .team-loading .recuitment .more-info .yaoqiu { line-height: 24px; font-size: 1.4rem; max-height: 312px; overflow: auto; }
.team .team-loading .recuitment .more-info .close { position: absolute; top: 0; right: 0; transform-origin: center; transform: rotate(-90deg); opacity: 1; }
.team .team-loading .recuitment .more-info .close .add { position: absolute; /*width: 30px;*/ top: 66px; right: 15px; transform: rotate(45deg); }
.team .team-loading .recuitment .more-info .yinping { margin-top: 20px; display: inline-block; padding: 8px 15px; color: #fff; background-color: #c81528; }
.team .team-loading .recuitment .more-info { position: absolute; padding: 120px 65px; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid #c81528; background-color: #fff; z-index: 99; width: 1000px; }
.team .team-loading .recuitment .swiper-button-next, .team .team-loading .recuitment .swiper-button-prev { width: 54px; height: 52px; background-image: url(../images/t-arrow-right.png); background-size: 26px; background-color: #c81528; border-radius: 10px; }
.team .team-loading .recuitment .swiper-button-next.swiper-button-disabled, .team .team-loading .recuitment .swiper-button-prev.swiper-button-disabled { opacity: 1; background-color: #ffffff; background-image: url(../images/t-arrow-right-disabled.png); }
.team .team-loading .recuitment .swiper-button-prev { background-image: url(../images/t-arrow-left.png); }
.team .team-loading .recuitment .swiper-button-prev.swiper-button-disabled { background-image: url(../images/t-arrow-left-disabled.png); }
/*1124*/
.team .team-loading .service { position: relative; top: -100px; }
.team .team-loading .service .swiper-container.gallery-top { width: 1319px; height: 703px; }
.team .team-loading .service .swiper-container.gallery-top .swiper-wrapper { width: 100%; margin-left: auto; margin-right: auto; height: 100%; }
.team .team-loading .service .swiper-container.gallery-thumbs { position: relative; width: 1319px; height: 156px; box-sizing: border-box; padding: 10px 0 20px; }
.team .team-loading .service .swiper-container.gallery-thumbs .swiper-wrapper .swiper-slide { width: 25%; height: 100%; opacity: 0.4; }
.team .team-loading .service .swiper-container.gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-active { opacity: 1; }
.team .team-loading .service .swiper-scrollbar { width: 100%; opacity: 1; left: 0; }
.team .team-loading .fight.train .wrap .part { margin-bottom: 48px; transition: all .5s; -webkit-transition: all .5s; }
.team .team-loading .fight.train .wrap .part:hover { box-shadow: 12px 12px 28px rgba(64, 63, 63, 0.43); transform: translateY(-10px); -webkit-transform: translateY(-10px); }
.team .team-loading .fight.train .wrap>a:hover .part:after { opacity: 0; }
.team .team-loading .fight.train .wrap .part:after { position: absolute; width: 100%; height: 100%; content: ; left: 0; top: 0; background-color: #000; opacity: .5; transition: all .6s; -webkit-transition: all .6s; }
.team .team-loading .fight.train .wrap .part .p-name { font-size: 72px; bottom: initial; top: 50%; left: 90px; transform: translateY(-50%); }
.team .team-loading .fight.train .wrap .part .p-name img { margin-top: 30px; margin-bottom: 10px; }
.team .team-loading .fight.train .wrap .part:nth-of-type(odd) { margin-right: 0; }
.team .team-loading .fight .wrap { position: relative; top: -186px; margin: 0 auto; width: 1336px; }
.team .team-loading .fight .wrap .part { position: relative; float: left; margin-bottom: 16px; cursor: pointer; overflow: hidden; }
.team .team-loading .fight .wrap .part .bo { position: relative; float: left; /*margin-bottom: 16px;*/ width: 100%; overflow: hidden; }
.team .team-loading .fight .wrap .part .bo:hover:after { opacity: .2; }
.team .team-loading .fight .wrap .part .bo>img { width: 100%; }
.team .team-loading .fight .wrap .part .bo:after { position: absolute; top: 0; left: 0; content: ; width: 100%; height: 100%; background-color: #000; opacity: .6; transition: all .6s; -webkit-transition: all .6s; }
.team .team-loading .fight .wrap .part> img { width: 100%; }
.team .team-loading .fight .wrap .part .p-name { position: absolute; bottom: 60px; left: 60px; z-index: 1; font-size: 52px; color: #ffffff; }
.team .team-loading .fight .wrap .part .p-name img { margin-top: 10px; margin-bottom: 10px; }
.team .team-loading .fight .wrap .part .p-name p { font-size: 3.6rem; line-height: 30px; color: #F1F1F1; }
.team .team-loading .fight .wrap .part .p-name hr { margin: 40px 0; width: 115px; border-top-width: 3px; }
.team .team-loading .fight .wrap .part .p-name span { display: block; text-transform: uppercase; }
.team .team-loading .fight .wrap .part .circle { position: absolute; right: 0; bottom: 0; width: 144px; height: 144px; z-index: 1; }
.team .team-loading .fight .wrap .part .circle img { position: absolute; transition: all .5s; -webkit-transition: all .5s; transform: translate(15px, 15px); -webkit-transform: translate(15px, 15px); }
.team .team-loading .fight .wrap .part .circle img:first-of-type { width: 36px; bottom: 25px; right: 25px; z-index: 1; }
.team .team-loading .fight .wrap .part:hover .circle img { transform: translate(0, 0); }
.team .team-loading .t-team { margin-top: -126px; }
.team .team-loading .t-team .first-show { position: relative; height: 812px; }
.team .team-loading .t-team .first-show .pictures-box { height: 100%; /*background: url(../images/bg-zpq.jpg);*/background:#09070a; }
.team .team-loading .t-team .first-show .pictures-box ul { height: 100%; position: relative; z-index: 0; }
.team .team-loading .t-team .first-show .pictures-box ul li { height: 100%; position: absolute; left: 50%; }
.team .team-loading .t-team .first-show .pictures-box ul li img { height: 100%;}
.team .team-loading .t-team .first-show .Sudoku { position: absolute; top: 86px; left: 390px; width: 458px; z-index: 1; }
.team .team-loading .t-team .first-show .Sudoku a { margin: 0 6px; /*float: left;*/ position: absolute; display: inline-block; margin-bottom: 12px; width: 140px; height: 200px; overflow: hidden; transition: all 1s; -webkit-transition: all 1s; }
.team .team-loading .t-team .first-show .Sudoku a:first-of-type { top: 0; left: 0; }
.team .team-loading .t-team .first-show .Sudoku a:nth-of-type(2) { top: 0; left: 152px; }
.team .team-loading .t-team .first-show .Sudoku a:nth-of-type(3) { top: 0; left: 304px; }
.team .team-loading .t-team .first-show .Sudoku a:nth-of-type(4) { top: 212px; left: 0; }
.team .team-loading .t-team .first-show .Sudoku a:nth-of-type(5) { top: 212px; left: 152px; }
.team .team-loading .t-team .first-show .Sudoku a:nth-of-type(6) { top: 212px; left: 304px; }
.team .team-loading .t-team .first-show .Sudoku a:nth-of-type(7) { top: 424px; left: 0; }
.team .team-loading .t-team .first-show .Sudoku a:nth-of-type(8) { top: 424px; left: 152px; }
.team .team-loading .t-team .first-show .Sudoku a:nth-of-type(9) { top: 424px; left: 304px; }
.team .team-loading .t-team .first-show .Sudoku a:hover p { color: #ffffff; background-color: #c81528; }
.team .team-loading .t-team .first-show .Sudoku a img { display: block; width: 100%; }
.team .team-loading .t-team .first-show .Sudoku a p { position: absolute; margin-bottom: 0; color: #000; bottom: 0; left: 0; width: 100%; height: 32px; line-height: 32px; text-align: center; font-size: 1.2rem; background-color: #ffffff; }
.team .team-loading .t-team .first-show .controls { position: absolute; right: 0; bottom: 106px; width: 710px; height: 180px; background-color: #c81528; }
.team .team-loading .t-team .first-show .controls .post { display: block; padding: 10px 20px; color: #f1f1f1; margin-top: 18px; }
.team .team-loading .t-team .first-show .controls .post .ming { position: relative; font-size: 30px; margin-right: 20px; }
.team .team-loading .t-team .first-show .controls .post .ming:after { position: absolute; top: 12px; right: -10px; content: ; width: 2px; height: 24px; background-color: #fff; opacity: .8; }
.team .team-loading .t-team .first-show .controls .post .zhicheng { font-size: 18px; }
.team .team-loading .t-team .first-show .controls .post .xiangxi { margin-top: 10px; text-align: justify; font-size: 1.4rem; opacity: 0.8; }
.team .team-loading .t-team .first-show .controls .pre-btn,.team .team-loading .t-team .first-show .controls .next-btn { position: absolute; bottom: 110%; right: 134px; margin-top: -20px; width: 50px; height: 50px; background: url(../images/t-arrow-left-disabled.png)no-repeat center; background-size: 40px; cursor: pointer; background-color: #fff; border-radius: 10px; }
.team .team-loading .t-team .first-show .controls .pre-btn:hover { background-color: #c81528; background-image: url(../images/t-arrow-left.png); }
.team .team-loading .t-team .first-show .controls .next-btn:hover { background-color: #c81528; background-image: url(../images/t-arrow-right.png); }
.team .team-loading .t-team .first-show .controls .next-btn { right: 48px; background-image: url(../images/t-arrow-right-disabled.png); }
.team .team-loading .t-team .box2 { }
.team .team-loading .t-team #program { overflow: hidden; }
.team .team-loading .t-team #program ul { height: auto; }
.team .team-loading .t-team #program ul li { width: 356px; height: auto; float: left; cursor: pointer; position: relative; background: #000; }
.team .team-loading .t-team #program ul li .pic { position: relative; left: 0; top: 0; width: 100%; height: auto; opacity: .3; background-size: auto 100% !important; z-index: 1; transition: all .6s; -webkit-transition: all .6s;}
.team .team-loading .t-team #program ul li .pic img { width: 100%; position: relative; transition: all .6s; -webkit-transition: all .6s;}
.team .team-loading .t-team #program ul li:hover .pic img{opacity: 0;}
.team .team-loading .t-team #program ul li:hover .pic{opacity: 1;}
.team .team-loading .t-team #program ul li .title-img { position: absolute; bottom: 17%; text-align: center; color: #fff; left: 7%; font-size: 29px; }
.team .team-loading .t-team #program ul li .title-img img { }
.team .team-loading .t-team #program ul li .more { height: 50px; width: 50px; background: #c81528; border-radius: 50%; z-index: 5; position: absolute; left: 10%; bottom: 5%; color: #fff; font-size: 35px; text-align: center; line-height: 45px; transition: all .5s; -webkit-transition: all .5s; }
.team .team-loading .t-team #program ul li:hover .more { transform: rotate(45deg); }
.team .team-loading .t-team #program ul li .number { position: absolute; opacity: 0.4; font-size: 40px; border-bottom: 5px solid #fff; color: #fff; top: 15px; left: 15px; }
/**/
/*地图*/

.delBack { width: 110px; height: 110px; line-height: 110px; text-align: center; font-size: 18px; background: #c81528; color: #fff; left: -110px; transition-duration: .5s; -webkit-transition-duration: .5s; opacity: 0; position: fixed; top: 50%; margin-top: -55px; z-index: 100; cursor: pointer; }
.delBack:before { width: 34px; left: 50%; margin-left: -17px; height: 1px; background: #fff; position: absolute; top: 50%; margin-top: 14px; content: ''; }
.delBox { position: fixed !important; top: 0; width: calc(100% - 110px); background: #f8f8f8; z-index: 100 !important; overflow: auto; overflow-x: hidden; height: 100%; opacity: 0; right: -100%; transition-duration: .8s; -webkit-transition-duration: .8s; }
.delBack.open { left: 0px; opacity: 1; }
.delBox.open { opacity: 1; right: 0; }
.delBox .title { width: 100%; background: #c81528; color: #fff; padding: 70px 5% 40px 2%; }
.delBox .title .en { font-size: 60px; text-transform: uppercase; line-height: 60px; }
.delBox .title .ch { font-size: 30px; margin-bottom: 0; }
.delBox .title .btns { height: 21px; }
.delBox .title .btns .btn1 { background: url(../images/yy1.jpg); width: 127px; height: 21px; display: inline-block; }
.delBox .title .btns .btn2 { background: url(../images/yy2.jpg); width: 127px; height: 21px; display: inline-block; margin-left: 10px; }
.delBox .imgBox { width: 80%; background: #fff; margin-left: 0; margin: 2%; position: relative; }
.delBox .imgBox .showBox { width: 70%; margin-left: 0; }
.delBox .imgBox .btns { width: 83px; cursor: pointer; transition: .5s; -webkit-transition: .5s; height: 83px; background: url(../images/delBtns.png) no-repeat #b9b9b9; position: absolute; top: 50%; z-index: 2; margin-top: -41px; }
.delBox .imgBox .btns:hover { background-color: #00a570; }
.delBox .imgBox .btnL { left: 0; }
.delBox .imgBox .btnR { right: 0; background-position: right; }
.delBox .imgBox .textBox { position: absolute; height: 50%; top: 25%; right: 0px; width: 26%; right: 2%; }
.delBox .imgBox .textBox .tit { height: 70px; line-height: 70px; font-size: 24px; font-weight: bold; border: 1px solid #cccccc; border-left: none; border-right: none; margin-bottom: 5%; }
.delBox .imgBox .textBox .text { line-height: 28px; }
.containers .delBox .title { padding: 10px 5% 30px 2%; }
.containers .delBox .title .en { font-size: 28px; line-height: 34px; }
.containers .delBox .title .ch { font-size: 22px; line-height: 13px; }
.delBox .msBox { margin: 2%; width: 96%; }
.delBox .msBox .row >div{margin-bottom: 30px;}
.delBox .msBox img { max-width: 100%; }
.delBox .msBox .tit { font-size: 24px; color: #000000; font-weight: bold; height: 60px; line-height: 60px; border-bottom: 2px solid #ccc; margin-bottom: 2%; }
.delBox .msBox .texts { margin-bottom: 2%; line-height: 30px; }
.delBox .msBox .list { margin-top: 10px; overflow: hidden; }
.delBox .msBox .list li { float: left; max-width: 140px; }
.delBox .msBox .list li img { width: 100%; }
.delBg { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 99; background: #000000; opacity: .6; }
.delBox .msBox .ProvideService { background: none; }
.delBox .msBox .ProvideService ul { text-align: left; }
.delBox .msBox .ProvideService ul li:before { display: none; }
.delBox .msBox .ProvideService ul li:after { display: none; }
.delBox .msBox .ProvideService ul li .icon { background-image: url(../images/icon-ProvideService2.png); }
.delBox .msBox .ProvideService ul li span { color: #848484; }
.delBox.open { opacity: 1; right: 0; }
/*news*/

.NewsHTML { position: relative; z-index: 5; background: url(../images/tybg.jpg); background-attachment: fixed; }
.model_news_detail { max-width: 1000px; margin: auto; position: relative; padding-bottom: 35px; }
.model_news_detail .back { width: 100%; height: 50px; position: relative; }
.model_news_detail .back a { display: block; width: 150px; height: 40px; background: #FFFFFF; color: #c81528; line-height: 40px; text-align: center; position: absolute; top: 20px; right: 0px; border: 1px solid #c81528; }
.model_news_detail .back a:hover { background: #009837; color: #FFFFFF; }
.model_news_detail .title { width: 90%; height: auto; line-height: 35px; text-align: center; font-size: 24px; font-weight: bold; padding: 35px 5% 15px 5%; }
.model_news_detail .summary { width: 100%; height: auto; line-height: 20px; font-size: 12px; text-align: center; color: #666666; padding-bottom: 15px; border-bottom: 1px dotted #ccc; }
.model_news_detail .summary span { font-size: 14px; font-family: Georgia, Times, serif; color: #ff0000; font-weight: bold; }
.model_news_detail .detailContent { width: 100%; min-height: 300px; margin: 25px 0px; line-height: 28px; text-indent: 28px; color: #3E3E3E; }
.model_news_detail .detailContent img { text-indent: 0px; text-indent: 0px; max-width: 100%; margin: 15px auto; display: block; }
.model_news_detail .newShare { width: 100%; height: 25px; position: relative; margin: 15px 0px 35px 0px; }
.model_news_detail .newShare strong { float: right; margin-right: 10px; }
.model_news_detail .detailPage { width: 100%; height: auto; }
.model_news_detail .detailPage div a { font-weight: normal; }
.model_news_detail .detailPage div { width: 100%; line-height: 20px; border-bottom: 1px dotted #ccc; font-size: 14px; height: auto; padding: 5px 0px; font-weight: bold; }
/*置顶*/

.redColor { color: #FD0306; }
.zhiding { background: url(../images/zhiding.png); height: 32px; width: 32px; position: fixed; right: 15px; bottom: 35px; z-index: 25; cursor: pointer; transition: all .5s; -webkit-transition: all .5s; opacity: 0; filter: alpha(opacity=0) }
.zhiding.cur { opacity: 1; filter: alpha(opacity=100); }
.smHTML { width: 100%; margin: 0 auto; position: fixed; z-index: 999; background: rgba(0, 0, 0, 0.69); overflow-y: auto; height: 100%; display: none; }
.smHTML .statement,.kuang{ width: 1500px; height: 680px; position: absolute; left: 50%; top: 50%; margin: -340px 0 0 -750px; z-index: 15; background: #f3f3f3; }
.smHTML .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.smHTML .left { text-align: center; margin-top: 90px; }
.smHTML .left .content-box { padding: 0 10px; }
.smHTML .left h1 { margin-bottom: 40px; font-size: 4.6rem; color: #c51212; text-align: center; font-weight: bold; }
.smHTML .left .b1, .smHTML .left .b2 { font-size: 1.8rem; line-height: 2.6rem; margin-bottom: 30px; }
.smHTML .left .b1 span, .smHTML .left .b2 span { font-weight: 600; }
.smHTML .left .b2 { color: #c51212; }
.smHTML .left img { margin: -40px auto 15px; width: 60%;}
.smHTML .right { height: 100%; }
.smHTML .right .overflow-y { overflow-y: auto; height: 80%; width: 100%; padding-right: 15px; margin-top: 10%; }
.smHTML .right .text { }
.smHTML .right .text h3 { color: #c51212; font-size: 20px; }
.smHTML .right .box-list { margin-top: 15px; padding-bottom: 35px; overflow: hidden; }
.smHTML .right .box-list ul { }
.smHTML .right .box-list ul li { height: 100px; margin-bottom: 10px; }
.smHTML .right .box-list ul li .text { padding: 9px; font-size: 14px; line-height: 28px; background: #fff; }
.smHTML .right .texttitle { color: #c51212; margin: 45px 0 25px; }
.smHTML .right .summary { overflow: hidden; border: 1px solid #000; }
.smHTML .right .summary ul.titleList { width: 20%; border-right: 1px solid #000; }
.smHTML .right .summary ul { width: 30%; float: left; }
.smHTML .right .summary ul li.jmdz { border-bottom: 1px solid #000; }
.smHTML .right .summary ul li { font-size: 12px; height: 72px; padding: 4px; line-height: 20px; text-indent: 1em; padding: 10px; }
.smHTML .right .summary ul li.jmd { border-bottom: 1px solid #000; }
.smHTML .right .summary ul:nth-child(2) { border-right: 1px solid #000; }
.smHTML .CornerFlower { background: url(../images/sidebar-icon2.png) no-repeat; height: 9px; width: 9px; position: absolute; display: block; z-index: 4; }
.smHTML .CornerFlower.TL { left: .5%; top: 2%; }
.smHTML .CornerFlower.TR { right: .5%; top: 2%; background-position: -9px 0px; }
.smHTML .CornerFlower.BL { left: .5%; bottom: 2%; background-position: 0 -9px; }
.smHTML .CornerFlower.BR { right: 0.5%; bottom: 2%; background-position: -9px -9px; }
.smHTML .Line { background: #868686; position: absolute; z-index: 15; }
.smHTML .Line.TL { top: calc(2% + 9px); width: 1px; height: calc(96% - 18px); left: .5%; }
.smHTML .Line.TR { right: .5%; width: 1px; top: calc(2% + 9px); height: calc(96% - 18px); }
.smHTML .Line.BL { top: 2%; height: 1px; width: calc(99% - 18px); left: calc(.5% + 9px); }
.smHTML .Line.BR { left: calc(.5% + 9px); bottom: 2%; height: 1px; width: calc(99% - 18px); }

.index-bg {height: 520px;}


/*foo*/


/*media*/

@media only screen and (max-width:1200px) {
#navToggle { display: block; }
}
.index .box6 .information ul li a .position{float: left;margin-left: 75px;}
.index .box6 .information ul li a .phone{float: left;}
/*pc*/

@media only screen and (max-width:1600px) {
	.index .box1 .Background.b22{background-position: center top!important;}
.index .box6 .join:hover:after{top: 5px; left: 5px; width: 230px;height: 66px;}
	
	.smHTML .left img{margin-top: -10px;}
	.nav .nav-ol{margin-top: 70px;}
	
.nav h1{height: 70px;}
	.nav h1 a{margin-top: 10px;}
	.nav ul li{height: 70px;}
	.nav ul li span.cn{margin-top: 15px;}
	.nav{height: 70px;}
/*1121*/

.smHTML .left { margin-top: 40px; }
.smHTML .left h1 { margin-bottom: 15px; font-size: 3.6rem; }
.smHTML .left .b1 span, .smHTML .left .b2 span { font-size: 1.6rem; }
.smHTML .left .b1, .smHTML .left .b2 { font-size: 1.4rem; line-height: 2.1rem; margin-bottom: 15px; }
.index .box1 .banner-text { background-size: 100% auto; top: 40%; }
.index .box2 .Recommend ul li .text { max-width: 200px; }
.index .box3 .left .environment-text span.cn { font-size: 36px; line-height: 72px; }
.index .box3 .left .environment-text span.en { font-size: 14px; line-height: 28px; }
.index .box4 .newsIndex { width: 1300px; left: 50%; margin-left: -650px; }
.index .box4 .newsIndex .row li .vertical { width: 80%; left: 10%; }
.index .box4 .newsIndex .row li:hover .vertical { width: 80%; left: 10%; }
.index .box4 .title-plate { top: 15%; }
.index .box4 .title-plate span.cn { font-size: 24px; line-height: 48px; }
.index .box4 .title-plate span.en { font-size: 14px; line-height: 28px; margin-top: 10px; }
.index .box4 .newsIndex { width: 1200px; margin-left: -600px; }
.index .box4 .newsIndex .row li { padding: 25px 3%; }
.index .box4 .newsIndex .row li .vertical { width: 90%; left: 5%; }
.index .box4 .newsIndex .row li:hover .vertical { width: 90%; left: 5%; }
.index .box5 .title-plate span.cn { font-size: 20px; line-height: 40px; }
.index .box5 .title-plate span.en { font-size: 14px; line-height: 28px; }
.index .box6 .title-plate { width: 600px; background-size: 100% auto; margin-left: -300px; }
.index .box6 .join { font-size: 24px; line-height: 76px; height: 76px; width: 240px; margin-left: -120px; }
.index .box6 .join:after { width: 236px; height: 72px; }
.index .box7 .Loong .index-droung1 { }
.index .box7 .Loong .index-droung2 { }
.index .box7 .Loong .index-droung3 { }
.index .box7 .Loong .index-droung4 { }
.index .box7 .Loong, .index .box7 .loong-text { transform: scale(.7); }
.index .box7 .texat-information { font-size: 12px; line-height: 24px; }
.index .box7 .Loong { transform: scale(.8); top: 37%; }
.index .box7 .porduct-text { bottom: 31%; }
.index .box7 .loong-text { bottom: 24%; }
.nav h1 a img { width: 250px; }
/*nav*/

/*.nav ol { padding-top: 35px; width: 1000px; }*/
.nav ol li .nav-title { margin-bottom: 10px; }
.nav ol li > a { margin: 5px auto; }
/*.nav .nav-ol { height: 0; }*/
.nav .nav-footer { margin-top: 20px; }
/*.nav .nav-footer .content1200 { padding: 25px 0; }*/
.nav ol li .nav-title span.en { text-indent: 15px; }
.nav ol li .nav-title span.en::after { left: 0; }
/*.nav:hover .nav-ol { height: 478px; }*/
/*INbanner*/

.banner-in .pageTitle img { width: 400px; }
.banner-in .team-banner-txt .biaoti img { width: 400px; }
/*news*/

.newsHTML .news-main { width: 1200px; }
.newsHTML .news-main .left ul li .pic { width: 140px; height: 140px; margin-top: 6%; }
.newsHTML .news-main.Event ul li .summary { transform: translateY(55%); }
/*storesFind*/

.storesFindHTML .county-box { width: 40%; right: 5%; }
.storesIn .Btn.Lbtn { left: 5%; }
.storesIn .Btn.Rbtn { right: 5%; }
.storesIn .tab-btn { margin-top: 1%; }
.storesIn #result ul li { height: 160px; padding: 15px 9px; }
.storesIn #result ul li .dizi { margin: 13px auto 0; }
/*storesPopularity*/ 

.storesPopularityHTML ul li .names { line-height: 100px; height: 100px; bottom: -100px; }
/*.storesIn*/

.storesIn .Location { height: 160px; margin-top: 5%; }
/*about*/

.aboutUsHTML .box3 { margin-top: 100px; }
/*team*/

.team .team-loading .fight.train .wrap .part .p-name img { height: 40px; }
.team .team-loading .recuitment .more-info .yaoqiu { max-height: 212px; }
.team .team-loading .t-team .first-show .Sudoku { left: 120px; }
.team .team-loading .fight .wrap { width: 1000px; }
.team .team-loading .service .swiper-container { height: 600px; }
/*.team .team-loading .service .swiper-container.gallery-top { width: 1000px!important; height: 600px!important; }*/

.team .team-loading .service .swiper-container.gallery-top .swiper-slide { background-position: center; }
/*.team .team-loading .service .swiper-container.gallery-thumbs { width: 1000px!important; }*/

/*.team .team-loading .service .swiper-scrollbar { width: 1000px!important; }*/

.team .t-team .second-show .ul .li:first-of-type>img { margin-left: -150%; }
.team .t-team .second-show .ul .li:nth-of-type(4)>img { margin-left: -35%; }
.banner-in .team-banner-txt { top: 150px; }
.team .team-loading .t-team { margin-top: 0; }
.team .team-loading .fight .wrap { top: -100px; }
.team .team-loading .service { top: -100px; }
.banner-in .team-banner-txt .biaoti { margin-bottom: 15px; }
.banner-in .team-banner-txt .biaoti img:first-of-type, .banner-in .team-banner-txt .biaoti img:nth-of-type(2) { margin-bottom: 0; }
.banner-in .team-banner-txt .team-introduce { margin: 20px auto 0; }
.banner-in .team-banner-txt .team-introduce { font-size: 14px; line-height: 28px; width: 100%; }
.team .team-loading .recuitment { max-width: 100%; }
/*dishes*/



.banner-in .pageTitle { top: 150px; }
.newsIn .pageTitle { top: auto; bottom: 0; }
.smHTML .statement,.kuang { width: 1000px; margin-left: -500px; height: 500px; margin-top: -250px; }
/*.smHTML .left img { width: 100%; }*/
.smHTML .right .box-list ul li { height: 150px; }
.smHTML .right .box-list ul li div{height: 100%;}
.smHTML .right .summary ul li{height: 100px;}
.team .team-loading .fight.train .wrap .part .p-name { font-size: 36px; }
.team .team-loading .fight .wrap .part .p-name { font-size: 36px; }
.team .team-loading .service .swiper-container.gallery-top { width: 1000px; }
.team .team-loading .service .swiper-container.gallery-thumbs { width: 1000px; }

	.index .box1 .banner-text.t00{width: 600px;margin-left: -300px;}
	/*.index .box1 .banner-text.t22,.index .box1 .banner-text.t33,.index .box1 .banner-text.t11{width: 600px;margin-left: -300px;}*/
/*ly*/
	

}

@media only screen and (max-width:1440px ) {
	.team .team-loading .service .swiper-container.gallery-top{height: 500px;}
	.team .team-loading .service .swiper-container.gallery-top .swiper-slide{background-position: center top;}
	.team .team-loading .service .swiper-container.gallery-thumbs{height: 140px;}
	.index .box1 .Background{background-size: auto 120%!important;}
	.index .box7 .more{bottom: 2%;}
	.banner-in .pageTitle{top: 105px;}
	.storesIn #result ul li{height: 145px;}
	.storesFindHTML .county-box{width: 35%;}
	.nav .nav-footer .content1200{width: 1000px;}
	.dishesHTML .dishes-main .box2 .dishesBoxUl .li .rights{
		height: 538px;
	}
	.dishesHTML .dishes-main .box2 .dishesBoxUl .li .rights ul li img{
		width: 100%;
	}
/*ly*/
.dishesHTML .dishes-main .box2 .dishesBoxUl .li .lefts ol li .summary .title{    line-height: 1.6em;font-size: 26px;}
.dishesHTML .dishes-main .box2 .dishesBoxUl .li .lefts ol li .summary{}
}
/*pad*/

@media screen and (max-width:1200px) {
	.delBox .msBox{width: 96%;}
.index .box1 .Background.b22{background-position: 60% top!important;}
	
.index .box1 .Background.b33{background-position: 70% top!important;}
	/*1124*/
	.smHTML .close{right: 0;width: 30px;height: 30px;top: -35px;}
	.ShowBigPic .btn-off{right: initial;left: 15px;top: 15px;}
	.ShowBigPic .summary{width: 50%;text-align: center;}
	.index .box4 .newsIndex .row li i{opacity: 1;}
	/*end*/
/*meitu*/
.storesHTML{background-color: #fff;}
.storesHTML .stores-main .box1 ul li{margin: 20px 0;}
/*团队介绍*/
.team .team-loading .t-team .first-show .controls{bottom: 0;}
/*加盟*/
.joinHTML .box2 .changeBtn .page{margin-left: 20%;}

.nav{height: 70px;}
.nav h1{height: 70px;}
#mobileNav ul{margin-top: 70px;}
#navToggle{top: 20px;right: 15px;}
.nav h1 a{margin-top: 10px;}
	
/*.smHTML{display: none !important;}*/

/*html, body {height:auto !important;width: 100%!important;overflow-y: auto!important;}*/
/*1124*/
/*.ShowBigPic .bg { background-size: 100% auto; }*/
/*end*/
.banner-in.vh70 { height: auto; }
.banner-in .team-banner-txt .team-introduce { width: 96%; }
/*********************index*/
.index { height: 100%; width: 100%; }
.index .box2 .Recommend ul li > img, .index .box2 .Recommend ul li .text { transform: translateY(0); }
.index-bg { display: none; }
.index .box2 { height: auto; }
.index .box2 .Recommend ul li>img { height: auto; }
.index .box2 .Recommend ul li { position: relative; }
.index .box2 .ifMoverClick { display: none; }
.index .box2 .Recommend ol { display: none; }
.index .box2 .more { top: 0; }
.index .box2 .more:hover { top: -10%; }
.index .box2 .Recommend-pagination { }
.index .box2 .Recommend-pagination span { width: 12px; height: 12px; border-radius: 50%; background: #fff; cursor: pointer; position: relative; margin: 0 5px; z-index: 5; transition: all .4s; -webkit-transition: all .4s; opacity: .5; }
.index .box2 .Recommend-pagination span.swiper-pagination-bullet-active { background: #c81528;}
.index .box2 .Recommend ul li .text { max-width: 160px; }
.index .box2 .Recommend ul li > img { height: 100%; width: auto; transform: translateX(-25%); }
.index .box2 .Recommend ul li.active> img { transform: translateX(-25%); }
.index .box3 { height: 480px; }
.index .box3 .left, .index .box3 .right { background-size: auto 100%; height: 100%; background-position: center center; }
.index .box3 .index-box3bg { display: none; }
.index .box3 .left .environment-text span.cn, .index .box3 .right .environment-text span.cn { font-size: 28px; line-height: 56px; }
.index .box3 .left .environment-text span.en, .index .box3 .right .environment-text span.en { font-size: 20px; }
.index .box4 { background: url(../images/index-news.jpg) no-repeat center center; height: auto; padding-bottom: 35px; }
.index .box4 .newsIndex .row li{ width: 25%;}
.index .box4 .newsIndex { width: 96%; left: 2%; top: 0; margin-top: 35px; position: relative; margin-bottom: 45px; margin-left: 0; }
.index .box4 .newsIndex .row li .vertical { display: none; }
.index .box4 .newsIndex .row li:hover .title, .index .box4 .newsIndex .row li:hover .text { color: #000000; }
.index .box5 { background-size: auto 100%; background-position: top; height: 461px; }
.index .box5 .title-plate { top: 15%; }
.index .box6 { background-size: 100% auto; background-position: top; background: url(../images/index-join.jpg) no-repeat center bottom; }
/*.banner-in*/

.banner-in { height: auto; }
.banner-in .bannerIn-img { position: relative; }
/*footer*/

.footer { height: auto; padding-bottom:15px;}
.footer .bq { font-size: 14px; }
.footer .top { height: auto; padding-bottom: 15px; }
.footer.index-footer { display: block; z-index: 15; }
.footer.index-footer .bq { bottom: 0; width: 100%; position: absolute; }
.footer.index-footer .footer-logo { margin-top: 15%; }
.footer .content1200 { width: 100%; padding-bottom: 35px; padding-top: 0; height: auto; }
.footer .bottom { height: auto; }
.footer .left .text-up i { display: inline-block; float: none; position: relative; top: 5px; }
.footer .left .text-up { width: 100%; margin-top: 15px; text-align: center; }
.footer .left .text-botom { text-align: center; }
.footer .left { overflow: hidden; }
.footer .bottom { width: 80%; margin: 0 auto; }
.footer .left .text-botom .icon3 { display: inline-block; float: none; position: relative; top: 5px; }
.footer .right { margin-top: 15px; }
.footer .right ul { text-align: center; }
.footer .right ul li { float: none; display: inline-block; }
/*dishes*/

.dishesHTML .dishes-main .box2 .dishesBoxUl .li .lefts { position: relative; }
.dishesHTML .dishes-main .box2 .dishesBoxUl .li .lefts ul { position: relative; }
.dishesHTML .dishes-main .box2 .dishesBoxUl .li .rights { display: none; }
.dishesHTML .dishes-main .box2 .summary { height: auto; padding: 0; bottom: 0; top: auto; }
.dishesHTML .dishes-main .box2 .dishesBoxUl .li .lefts .olDIv { position: absolute; bottom: 11%; left: 7%; width: 86%; overflow: hidden; }
.dishesHTML .dishes-main .box2 .dishesBoxUl .li .lefts .olDIv li { }
.dishesHTML .dishes-main .box2 .dishesBoxUl .li .lefts ol { position: relative; }
.dishesHTML .dishes-main .box2 .dishesBoxUl .li .lefts ol li .summary .title { font-size: 32px; text-align: left; }
.dishesHTML .dishes-main .box2 .dishesBoxUl .li .lefts ol li .summary .text { margin-top: 25px; text-align: left; }
.dishesHTML .dishes-main .box2 .dishes-btn2.next { top: 50%; right: 2%; margin-top: -26px; left: auto; }
.dishesHTML .dishes-main .box2 .dishes-btn2.prev { top: 50%; left: 2%; margin-top: -26px; }
.dishesHTML .dishes-main .box3 .eat { width: 250px; background-size: 100% auto; height: 280px; margin: -168px 0 0 -125px; }
/*storesFinde*/



.storesIn .pageTitle { width: 100%; left: 0; }
.storesIn #result { width: 80%; }
.storesFindHTML { }
.storesFindHTML .stores-main { }
.storesFindHTML .stores-main .box1 { height: auto; padding-bottom: 35px; }
.storesFindHTML .map { height: auto; float: none; width: 100%; }
.storesFindHTML .map .mapImg { display: none; }
.storesFindHTML .serch { position: relative; width: 100%; }
.storesFindHTML .county-box { position: relative; width: 96%; margin: 30px auto 0; left: 0; top: 0; }
.storesFindHTML .county-box .countyList ul { height: 407px; }
/*news*/

.newsHTML .news-main { width: 96%; margin: 0 auto; }
.newsHTML .news-main .right { display: none; }
.newsHTML .news-main .left ul li .pic { margin-top: 2%; }
.newsHTML .news-main .left ul li .summary { width: 82%; }
.newsHTML .news-main.Event ul li .timer { font-size: 12px; }
.newsHTML .news-main.Event ul li .title { font-size: 20px; }
/*join*/

.joinHTML .box1 { height: auto; }
.joinHTML .box1 .JoinCondition .join-svg { }
.joinHTML .join-main .content1200 { width: 100%; }
.joinHTML .box1 .right ul li { font-size: 14px; }
.joinHTML .box1 .left img { width: 80%; float: right; margin-right: 25px;}
.joinHTML .box1 .right { margin-top: 5%; }
.joinHTML .box1 .JoinCondition { padding-bottom: 80px; }
.joinHTML .box2 .cd-slider-wrapper { height: 520px; }
.joinHTML .box2 .cd-slider .tit{font-size: 24px;}
.joinHTML .box2 .cd-slider h2 { font-size: 26px; }
.joinHTML .box2 .changeBtn .page .pageNum .number { width: 54px; }
.joinHTML .box2 .changeBtn .page .pageNum { width: 54px; }
/*aboutUs*/

.aboutUsHTML .box1 { width: 96%; }
.aboutUsHTML .box2 { width: 96%; }
.aboutUsHTML .box2 .information ul { text-align: center; }
.aboutUsHTML .box2 .information ul li { display: inline-block; margin: 0 3%; float: none; }
.index .box4 .newsIndex { }
.index .box4 .more { position: relative; top: 0; }
.index .box4 .title-plate { position: relative; top: 0; margin-top: 80px; }
.index .box4 .newsIndex .row { padding: 85px 0 95px;margin: 0 auto; }
/*nav*/

.nav h1 { width: 40%; }
.nav ul { display: none; }
.nav:hover .nav-ol { display: none; }
/*t-train*/

.team .team-loading .fight.train .wrap .part .p-name { font-size: 30px; }
.team .team-loading .fight .wrap .part .p-name span { font-size: 24px; }
/*t-service*/

.team .team-loading .service { width: 90%; margin: 0 auto; }
.team .team-loading .service .swiper-container.gallery-top { width: auto; }
.team .team-loading .service .swiper-container.gallery-thumbs { width: auto; }
.team .team-loading .recuitment { width: 86%; }
.team .team-loading .recuitment .swiper-button-next { right: -60px; }
.team .team-loading .recuitment .swiper-button-prev { left: -60px; }
.team .team-loading .t-team .first-show .Sudoku { display: none; }
/*1124*/
/*.team .team-loading .t-team .first-show .pictures-box ul li { left: 0; width: 100%; }
.team .team-loading .t-team .first-show .pictures-box ul li img { margin: 0 auto; }*/
.team .team-loading .t-team .first-show .controls { width: 100%; display: none;}
/*end*/
.team .team-loading .t-team .first-show .controls .post { width: 80%; margin: 0 auto; }
.team .team-loading .t-team #program ul { height: auto; }
.banner-in .team-banner-txt { top: 100px; }
/*1122*/
.index .box1 .banner-text{width: 80%;/*left: 10%;*/margin-left: 0;}
/*.index .box1 .banner-text.t11,.index .box1 .banner-text.t22,*/.index .box1 .banner-text.t33{width: 80%;left: 10%;margin-left: 0;background-size: 100% auto;}
/*1124 团队介绍siwper*/
.team .team-loading .t-team .first-show{height: 520px;}
.team .team-loading .t-team .first-show .pictures-box ul li{position: initial;left: initial;height: auto;}
.team .team-loading .t-team .first-show .pictures-box ul li img{display: inline-block;}
.team .team-loading .t-team .first-show .pictures-box ul li .top{position:relative;}
.team .team-loading .t-team .first-show .pictures-box ul .swiper-button-next{width: 40px;height: 40px;background: url(../images/t-arrow-right-disabled.png)no-repeat center;background-color: #fff;background-size: 30px;border-radius: 10px;}
.team .team-loading .t-team .first-show .pictures-box ul .swiper-button-prev{width: 40px;height: 40px;background: url(../images/t-arrow-left-disabled.png)no-repeat center;background-color: #fff;background-size: 30px;border-radius: 10px;}
.team .team-loading .t-team .first-show .pictures-box ul li .top img{margin-left: 15%;}
.team .team-loading .t-team .first-show .pictures-box ul li .con{width:50%;position: absolute;bottom: 30px;right:0;background-color: #C81528;}
 .team .team-loading .t-team .first-show .pictures-box ul li .con .post{padding: 10px 20px;color: #f1f1f1;margin-top: 18px;}
 .team .team-loading .t-team .first-show .pictures-box ul li .con .post .ming{    position: relative;font-size: 30px;margin-right: 20px;}
 .team .team-loading .t-team .first-show .pictures-box ul li .con .post .ming:after{position: absolute;top: 12px;right: -10px;content: ;width: 2px;height: 24px;background-color: #fff;opacity: .8;}
}

@media screen and (max-width:768px) {
	.index .box3 .right{
		background-position: 75% center;
	}
	.index .box1 .Background.b33{background-position: 80% top!important;}
	
.index .box2 .Recommend ul li.active > img,.index .box2 .Recommend ul li > img{transform: translateX(-50%);margin-left: 50%;}
	
	/*1125*/
	.index .box5{background-size: 120% auto;background-image: url(../images/index-team1.jpg);background-position:center 70%;background-color: #d4d3cc;}
/*团队介绍*/
.ShowBigPic .bg{background-size: 100% auto;}
.team .team-loading .fight .wrap .part.col-md-6{padding: 0;}
	
/*加盟*/
.joinHTML .box2 .changeBtn{width: 60%;}
/*1121*/

.banner-in .bannerIn-img { width: 125%; left: -10%; }
.smHTML .statement,.kuang { width: 94%; left: 3%; margin-left: 0; height: 70%; top: 50%; margin-top: 0; transform: translateY(-50%); -webkig-transform: translateY(-50%); overflow: auto; }
.kuang{overflow: initial;}

.smHTML .right .summary ul li { height: 120px; border-bottom: 1px solid; line-height: 1.8rem; margin-bottom: 0; }
.smHTML .right .box-list { padding-bottom: 15px; }
.smHTML .left img { margin-top: 5%; width: 60%; }
.smHTML .right .overflow-y { margin-top: 5%; height: auto; padding-right: 0; }
.smHTML .CornerFlower { display: none; }
.smHTML .right .summary ul li { height: 70px; }
.smHTML .Line { display: none; }
.nav h1 { width: 40%; }
.nav ul { display: none; }
.nav:hover .nav-ol { display: none; }
.index .box2 .Recommend ul li .text { max-width: 250px; }
.index .box3 { height: auto; }
.index .box4 { background-size: auto 100%; height: auto; padding-bottom: 65px; background-position: center center; }
.index .box5 .title-plate { top: 30%; }
.index .box6 { height: 600px; }
.index .box7 { height: 700px; }
.index .box5 { }
.footer .bq { font-size: 12px; }
.storesPopularityHTML ul { height: 400px; }
.storesPopularityHTML ul li .pic { height: 100%; }
.storesPopularityHTML .Star-box { }
.newsHTML .news-main .left ul li .summary { width: 77%; }
.joinHTML .box1 .JoinCondition .join-svg { display: none; }
.joinHTML .box1 .left { display: none; }
.joinHTML .box1 .right ul li { width: 90%; margin: 0 auto 25px; }
.joinHTML .box1 .JoinCondition { margin-top: 40px; padding-bottom: 40px; }
.joinHTML .box2 .cd-slider .image { display: none; }
.joinHTML .box2 .cd-slider .content { width: 100%; }
.joinHTML .box3 .left { display: none; }
.joinHTML .box3 .right { padding: 0; width: 100%; padding-left: 20%; }
.aboutUsHTML .box1 { height: auto; padding-bottom: 35px; }
.flipster { width: 80%; transform: scale(.7); margin: 150px auto 0; }
.banner-in .team-banner-txt { width: 100%; left: 0; margin-left: 0; }
.banner-in .team-banner-txt .list-title a { margin-bottom: 15px; }
.team .team-loading .fight .wrap { width: 100%; top: 0; padding-top: 35px; }
.team .team-loading .fight .wrap .part { width: 96%; margin: 0 auto 15px !important; float: none; }
.team .team-loading .fight.train .wrap .part .p-name { font-size: 30px; }
.team .team-loading .fight .wrap .part .p-name span { font-size: 24px; }
.team .team-loading .recuitment { top: 0; padding-top: 35px; }
.team .team-loading .service { top: 0; padding-top: 35px; }
.team .team-loading .t-team #program ul li .more { height: 40px; width: 40px; font-size: 35px; line-height: 34px; }
.team .team-loading .recuitment .more-info { width: 90%; }
}

/*phone*/

@media only screen and (max-width: 767px) {
	.smHTML .right .box-list ul li .text{height: auto;}
	.smHTML .left .b2{color: initial;}
	.smHTML .left .b1 span, .smHTML .left .b2 span{color: #c51212;}
	.ShowBigPic .ShowBigPicBox .btn-r, .ShowBigPic .ShowBigPicBox .btn-l{width: 40px;height: 40px;}
	.ShowBigPic .ShowBigPicBox .btn-r{
		right: 10px;
	}
	.ShowBigPic .ShowBigPicBox .btn-l{
		left: 10px;
	}
	.ShowBigPic.mendian .ShowBigPicBox .img-box img{width: 100%;max-height: 60%;}
	.ShowBigPic .summary .title{font-size: 24px;}
	.ShowBigPic .summary{width: 100%;left: 0;}
	.ShowBigPic .summary .text{margin-top: 0;}
	.smHTML .right .box-list,.smHTML .right .summary{border-right: none;border-left: none;}
	.smHTML .right .summary ul:nth-of-type(1){
		width: 40%;
		border-left: none;
	}
	.smHTML .right .summary ul:nth-of-type(2){
		width: 60%;
		border-right: none;
	}
	.smHTML .right .summary ul:nth-of-type(3){
		width: 40%;
		border-left: none;
	}
	.smHTML .right .summary ul:nth-of-type(4){
		border-bottom: none;
		border-right: none;
		width: 60%;
		}
	.enter{
		display: block;
		position: absolute;
		bottom: 10%;
		left: 50%;
		margin-left: -60px;
		margin-bottom: -20px;
		width: 120px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		background-color: #c10000;
		border-radius: 14px;
		font-size: 14px;
		color: #fff;
		z-index: 16;
		box-shadow: 0 0 10px 3px rgba(0,0,0,.4);
	}
	.enter:after{
		position: absolute;
		content: ;
		width: 114px;
		height: 24px;
		top: 3px;
		left: 3px;
		border: 1px solid #fff;
		opacity: .5;
		border-radius: 10px;
		}
	.smHTML .right .overflow-y{padding-bottom: 50px;}
	.smHTML .statement, .kuang{
		width: 80%;
		height: 80%;
		top: 45%;
		left: 10%;
	}
	/*.smHTML .statement.row:after{
		position: absolute;
		content: ;
		width: 100%;
		height: 20px;
		bottom: 0;
		left: 0;
		background: #fff;	
	}*/
	.kuang{
		box-shadow: 0 0 15px 8px rgba(0,0,0,.2);
	}
	.smHTML .statement{
    width: calc(80% - 14px);
    left: calc(10% + 8px);
    height: calc(80% - 14px);
    /*box-sizing: border-box;*/
    border: 1px solid #808080;
    padding: 3px;
	}
	.smHTML .statement .left{padding: 0;margin-top: 18px;}
	.smHTML .statement .right{padding: 0 5px;}
	.smHTML .right .texttitle h3{line-height: 28px;font-size: 20px;}
	.smHTML .close{display: none;}
	.delBox .msBox .row >div{margin-bottom: 10px;}
	.storesFindHTML .county-box .cityList ol{height: 428px;}
	/*.smHTML .statement,.kuang{border-radius: 50%;padding-bottom: 50px;}*/
	.index .box6 .information ul li a .phone-num span{font-size: 2.3rem;}
	.index .box6 .information ul li a .more-shop span{font-size: 2.1rem;}
	.index .box6 .information ul li a div.phone-num img{height: 22px;}
	.index .box1 .Background.b33{background-position: 75% top!important;}
.smHTML .right .box-list ul li { height: auto; }
	
	.storesIn .Geography{line-height: 22px;}
	.Flip .Flip-jup{margin-left: 0;}
	/*1201*/
	.index .box6 .information ul li a div{
		height: 40px;
	}
	.index .box6 .information ul li a .phone-num{text-align: center;}
	.index .box6 .information ul li a div.phone,.index .box6 .information ul li a div.position{
		margin-bottom: 10px;
		height: 30px;
	}
	.index .box6 .information ul li a .phone,.index .box6 .information ul li a .position{
		float: none;
	}
	.index .box6 .information ul li a .position{margin-left: 0;}
	/*.index .box6 .information ul li a div.more-shop img{margin-left: -20px;}*/
	/*.index .box6 .information ul li a div.phone-num{float: right;}*/
	.index .box6 .information ul li a img{height: 100%;display: inline-block;}
	.index .box6 .information ul li a div.more-shop{text-align: center;}
	/*end*/
	.Flip .Flip-btn{margin-bottom: 8px;}
		.dishesHTML .dishes-main .box1 .summary{opacity: 1;}
	.dishesHTML .dishes-main .box1 .pic img{opacity: 0;}
	.dishesHTML .dishes-main .box1 .pic{opacity: 1;}
	.storesHTML .stores-main .box1 .names{opacity: 0;}
	.storesHTML .stores-main .box1 .mask-black{opacity: 0;}
	.index .box2 .more{top: 0;width: 30px;height:222px;background-size: 100%;}
	/*1129*/
	.footer.index-footer{display: flex;display: -webkit-flex;flex-direction: column;align-content: center;-webkit-align-content: center;justify-content: center;-webkit-justify-content: center;}
	.banner-in .team-banner-txt{top: 80px;}
	/*detail*/
	.model_news_detail .title{margin:10px auto;line-height: 28px;font-size: 20px;font-weight: 500;padding: 0;}
	.model_news_detail .detailContent{width: 94%;margin: 25px auto;}
	.model_news_detail .detailContent p{text-align: justify!important;text-indent: 0;}
	
	.newsHTML .news-main .left ul li .pic.px{margin-bottom: 15px;}
	.newsHTML .news-main .left ul li .title-Label.tx{float: right;font-size: 1.0rem;width: 60px;height: 22px;line-height: 20px;}
	.newsHTML .news-main .left ul li .summary.sx{padding: 0; padding-bottom: 10px; border-bottom: 1px solid #c81528;}
	.newsHTML .news-main .left ul li:last-of-type .summary.sx{border-bottom: none;}
	.newsHTML .news-main .left ul li .summary.sx .title{margin-bottom: 10px; font-size: 20px;height: auto;line-height: 30px;word-break: break-all;}
	.newsHTML .news-main .left ul li .summary.sx .text{margin-top: 15px; font-size: 1.4rem;text-align: justify;}
	.index .box5 .title-plate span.en:after{height: 19px;margin-top: -10px;}
	.index .box4 .title-plate span.en{width: 70px;}
	.index .box4 .title-plate span.en:after{height: 19px;margin-top: -10px;}
	.index .box3 .left .environment-text span.en{margin-top: 0;}
	.index .box3 .right .environment-text span.en{margin-top: 0;}
	.index .box3 .right .environment-text span.en:after{height: 19px;top: 5px;}
	.footer .ewm{margin-top: 0px;padding-top: 30px;}
	.index .box3 .left .environment-text span.en:after{top:5px; height: 19px;}
	.index .box4 .newsIndex .row li .text{line-height: 24px;height: 45%;margin-top: 0;}
	.index .box4 .newsIndex .row li{height: 220px; padding: 15px 3% 0;}
	/*1125*/
	.index .box4 .newsIndex .row li .timer{color: #000;font-size: 1.4rem;opacity: .6;}
	.index .box4 .newsIndex .row{padding-top: 25px;}
	.box4 .swiper-container-horizontal>.swiper-pagination-bullets,.box4 .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 15px;}
	.index .box4 .more{position: absolute;top: initial;bottom: 40px;}
	.index .box6 .information ul li.cur2{background-position: 36px center;}
	.index .box6 .information ul li.cur1{background-position: center;}
	.index .box5{background-size: 150% auto;background-position: center 75%;}
	.footer .left .text-up{text-align: left;}
	.footer .right ul li{width: 45%;margin: 10px 0 25px;}
	.footer.index-footer  .content1200{position: initial;}
	.footer.index-footer  .left{position: initial;width: 100%;left: 0;top:52%;}
	.footer.index-footer  .right{width:100%;position: initial;left: 0;bottom: 8%;}
	.index .box2 .Recommend-pagination{z-index: 15;}
	.index .box4 .newsIndex{height: 300px;position: absolute;top: 55%;transform: translateY(-50%);}

	/*end*/
	.ShowBigPic .bg{background-size: 100% auto;}
	.delBack.open{top: 10px;left: 10px;margin-top: 0;}
	/*加盟*/
	.joinHTML .box1 .right ul li{position: relative;padding-left: 51px;}
	.joinHTML .box1 .right ul li span{position: absolute;top: -5px;left: 0;}
	/*shouye*/
	.index .box4 .newsIndex .row li i{opacity: 1;}
	.index .box4 .newsIndex .swiper-pagination-bullet-active{background-color: #c81528;}
	.index .box3 .right{background-size: auto 100%;background-position: center;}
	.dishesIn .bannerIn-img{top: 50px;}
	.dishesIn{height: 80vh;}
	/*团队介绍*/
	.team .team-loading .t-team .first-show .pictures-box ul li .top{text-align: center;}
	.team .team-loading .t-team .first-show .pictures-box ul li .top img{margin-left: 0;}
	.team .team-loading .t-team .first-show .pictures-box ul li .con{bottom: 0;width: 100%;}
	.team .team-loading .t-team .first-show .pictures-box ul li .con .post{padding: 0;width: 94%;margin: 10px auto 0;}
	.team .team-loading .t-team .first-show .pictures-box ul li .con .post .xiangxi{font-size: 1.2rem;line-height: 20px;text-align: justify;}
	
/*菜品*/
.dishesHTML .dishes-main .box2 .dishesBoxUl .li{}
.dishesHTML .dishes-main .box2 .dishesBoxUl .li .lefts .olDIv{position: initial;}
.dishesHTML .dishes-main .box2 .dishesBoxUl .li .lefts .olDIv{margin:0 auto;width: 94%;left: 0;}
.dishesHTML .dishes-main .box2 .dishesBoxUl .li .lefts ol li .summary .title{font-size: 2.4rem;}
.dishesHTML .dishes-main .box2 .dishesBoxUl .li .lefts ol li .summary .text{font-size: 1.2rem;opacity: .8;padding-bottom: 15px;margin-top: 10px;line-height: 20px;}
.dishesHTML .dishes-main .box3 .eat{transform: scale(.6);-webkit-transform: scale(.6);}
/*品牌故事手机端*/
.aboutUsHTML .box2 .summary ul li{margin-bottom: 20px;}
.aboutUsHTML .box2 .summary ul li .sbs{margin-right:  10px; text-align: center;}
.aboutUsHTML .box2 .summary ul li .sbs .pic{margin-bottom:15px;display:block;width:100%;height:70px;background: url(../images/chuancheng.jpg)no-repeat center;background-size: 70px;}
.aboutUsHTML .box2 .summary ul li .sbs .pic.s1{background-image: url(../images/jiangxin.jpg);}
.aboutUsHTML .box2 .summary ul li .sbs .pic.s2{background-image: url(../images/xinyi.jpg);}
.aboutUsHTML .box2 .summary ul li .sbs .pic.s3{background-image: url(../images/dream.jpg);}
.aboutUsHTML .box2 .summary ul li .sbs span{text-align: center;bottom: -32px;color: #c81528;font-weight: 900;}	
#mobileNav{height: 100%;}
#mobileNav ul{height: 100%;}
#mobileNav ul li{height: 50px;}
.aboutUsHTML .box2 .information{display: none;}
.footer .bottom{width: 94%;}
.footer .content1200{padding-bottom: 0;}
.footer .footer-logo{margin-top: 0;display: none;}
.joinHTML .box1 .min-line{height: 60px;}
.joinHTML .join-main .content1200{padding-top: 160px;}
.joinHTML .box2 .changeBtn .page .pageNum{width: 45px;}
.joinHTML .box2 .changeBtn .page .pageNum .number{width: 100%;}
.joinHTML .box1 .round-file{width: 60px;height: 60px;margin-left: -30px;top: 10%;}
.joinHTML .box1 .round-file:after{background-size: 50%;background-position: center;}
.team .team-loading .service{padding-top: 20px;}
.team .team-loading .fight .wrap{padding-top: 0;margin-top: -70px;}
.team .team-loading .fight .wrap .part.col-md-6{padding: 0;}
.team .team-loading .fight .wrap .part .circle{width: 100px;height: 100px;}
.team .team-loading .fight .wrap .part .circle img{transform: translate(-10px,0);}
.team .team-loading .fight .wrap .part .circle img:first-of-type{width: 25px;bottom: 5px;right: 0;}
.team .team-loading .fight.train .wrap .part .p-name{font-size: 2.4rem;}
.team .team-loading .fight .wrap .part{width:100%;margin: 0 auto 10px!important;}
.ShowBigPic .btn-off{width: 30px;height: 30px;left: 3%;right: initial;top: 6px;}
.team .team-loading .t-team .first-show .controls .pre-btn, .team .team-loading .t-team .first-show .controls .next-btn{width: 40px;height: 40px;background-size: 25px;}
.team .team-loading .t-team .first-show .controls{bottom: 0;}
.team .team-loading .t-team .first-show .controls .post{width: 94%;padding: 10px;}
.team .team-loading .t-team .first-show .controls .post .xiangxi{font-size: 1.2rem;line-height: 20px;}
.storesPopularityHTML .Star-box .populartiyBtn{opacity: .5;}
.storesHTML{background-color: #fff;}
.newsHTML .news-main.Event ul li .title{font-size: 16px;margin-top: 0;}
#navToggle span{top: 4px;width: 26px;}
#navToggle span:nth-of-type(3){bottom: 3px;}
.storesHTML .stores-main .box1 ul li{margin: 10px 0;}
.storesPopularityHTML ul li.swiper-slide-active .pic{width: 100%;left: 0;}
.storesPopularityHTML ul li .names{width: 100%;left: 0;height: 60px;line-height: 60px;bottom: -60px;opacity: 1;background-color: #fff;color: #c81528;}
.storesPopularityHTML ul li .names:after{bottom: 20%;background-color: #c81528;}
.storesPopularityHTML ul li.swiper-slide-active{transform: translateY(0);}
.storesPopularityHTML .Star-box{width: 100%;padding: 10px 0 70px;}
.storesPopularityHTML .Star-box .populartiyBtn.btnR{right: 0;width: 40px;height: 40px;}
.storesPopularityHTML .Star-box .populartiyBtn.btnL{left: 0;width: 40px;height: 40px;}
.storesPopularityHTML ul li .pic{opacity: 1;}
.newsHTML .news-main{width: 94%;}
.newsHTML .news-main .left.col-lg-7{padding: 0;}
.newsHTML .news-main .left ul{padding-top: 20px;}
.newsHTML .news-main .left ul li{margin-bottom: 30px;}
#navToggle{top: 10px;}
.nav h1 a{margin-top: 10px;}
.newsHTML .news-main .left ul li .text{font-size: 1.2rem;line-height: 20px;height: auto;}
.newsHTML .news-main.Event ul li .summary{transform: translateY(50%);}
.dishesHTML .dishes-main .box1 .text{font-size:1.2rem;line-height: 20px;}
.storesFindHTML .county-box .countyList ul li .dizhi{line-height: 16px;}
/*1121*/
.index .swiper-wrapper{ height: 100%;display: flex;}
.smHTML .left img { width: 70%; }
.smHTML .right .summary ul li { height: 100px; text-indent: 0; }
.storesIn #result ul li { height: 130px; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-around; -webkit-justify-content: space-around;}
.storesFindHTML .serch { height: 60px; line-height: 60px; font-size: 24px; }
.storesFindHTML .serch img { width: 77px; height: 60px; }
.storesFindHTML .serch>div { padding-right: 77px; }
.storesFindHTML .county-box .countyList ul li { padding: 10px; margin-bottom: 10px; }
/*.storesFindHTML .county-box .countyList ul li .dizhi { width: 75%; }*/
.storesFindHTML .county-box .countyList ul li .dizhi:after { top: 0; left: -35px; }
.storesIn .tab-btn a { line-height: 40px; }
.newsHTML .tab-btn a { line-height: 40px; }
.newsHTML .tab-btn { margin: 15px auto 0; }
.newsHTML .news-main.Event ul li { margin-bottom: 10px; }
.newsHTML .news-main.Event .Flip { margin-bottom: 20px; }
.newsHTML .news-main .left .Flip { margin-bottom: 20px; }
.banner-in .team-banner-txt .list-title a { line-height: 40px; }
.banner-in .team-banner-txt .team-introduce { font-size: 1.2rem; line-height: 1.6rem;opacity: .9; }
.team .team-loading .recuitment { width: 80%; }
.team .team-loading .recuitment .swiper-button-next, .team .team-loading .recuitment .swiper-button-prev { display: none; }
.joinHTML .box2 .cd-slider .tit { height: auto; font-size: 1.4rem;line-height: 20px;}
.joinHTML .box2 .Big-title { text-align: center; text-indent: 0; }
.joinHTML .box3 .right .Big-title { margin: 24px 0; }
.joinHTML .box1 .JoinCondition { margin-top: 20px; }
.joinHTML .box3 .right .theSupportList ul li { margin-bottom: 20px; line-height: 24px; }
.aboutUsHTML .box1 h1 { padding-top: 30px; }
.aboutUsHTML .box1 .summary h2 { line-height: 80px; }
/*.aboutUsHTML .box1 .summary p { font-size: 1.2rem; line-height: 20px; }*/
.aboutUsHTML .box2 { margin-top: -200px; }
.aboutUsHTML .box2 .summary { margin-top: 60px; }
.aboutUsHTML .box2 .information { margin-top: 20px; }
.aboutUsHTML .box3 { margin-top: 0; }
.TuOP { display: none; }
.index .box1 .banner-box .banner-page.videoBanner{ display: none; }
.index .box1 .phone-bg { position: absolute; top: 0; left: 0; width: 100%; opacity: .7; height: 100%; background: #71502e; }
.index .box1 .phone-banner-text { background: url(../images/banner-text.png) no-repeat; position: absolute; width: 300px; background-size: 100% auto; left: 50%; height: 131px; margin-left: -150px; content: ''; top: 40%; }
/*.index .box2 .more a { display: none; }*/
.index .box2 { }

.index .box1 .Anchor { display: none; }
.index .box1 .Background {}
.index .box1 .banner-text { width: 300px !important; background-size: 100% auto !important; left: 50% !important; height: 131px !important; margin-left: -150px !important;}
.index .box2 .Recommend ul li .text {width: calc(100%/2.5);left: 5%;top: initial;}
/*1206*/
.index .box3 .left, .index .box3 .right { background-size: cover; height: 100%;}
.index .box3 .right{display: none;}
/*end*/
.index .box3 .left .environment-text span.cn, .index .box3 .right .environment-text span.cn { font-size: 18px; line-height: 30px;}
.index .box3 .left .environment-text span.en, .index .box3 .right .environment-text span.en { font-size: 14px; line-height: 30px;}
.index .box4 .newsIndex { margin-top: 0; }
.index .box4 .newsIndex .row { background: no-repeat; padding-bottom: 0; margin: 0 auto; }
.index .box4 .newsIndex .row li { background: #fff; width: 84%; margin: 0 auto 25px; }
/*.index .box5 { background-size: auto 100%; height: 410px; background: url(../images/bg.png); }*/
.index .box5 .title-plate{ top: 15%;}
/*.index .box5 a { background: url(../images/index-team.jpg) no-repeat center; background-position: bottom; background-size: 140% auto; }*/
.index .box5 .title-plate { width: 96%; left: 2%; }
.index .box5 .title-plate span.cn { font-size: 14px; line-height: 28px; }
.index .box5 .title-plate span.en { font-size: 12px; line-height: 24px; width: 70px;}
.index .box6 .title-plate { width: 300px; background-size: 100% auto; margin-left: -150px; }
.index .box6 .join { width: 184px; height: 46px; line-height: 46px; border-radius: 5px; margin-left: -92px; font-size: 16px;top: initial; bottom: 10%;}
.index .box6 .title-plate{top: 17%;}
.index .box6 .information{bottom: 50%;transform: translateY(50%); -webkit-transform: translateY(50%);}
.index .box6 .join:after { width: 180px; height: 42px; border-radius: 5px; }
.index .box6 .information ul li { width: 250px; height: auto; background-size: auto 100%!important; margin-bottom: 30px; }
.index .box6 { height: 500px; }
.index .box7 .Loong { transform: scale(.4); top: 30%; }
.index .box7 .loong-text span { }
.index .box7 .texat-information { width: 96%; left: 2%; margin-left: 0; top: 62%; bottom: auto; }
.index .box7 .porduct-text { top: 46%; bottom: 0; font-size: 24px;}
.index .box7 .loong-text { top: 55%; bottom: auto; transform: scale(.5); }
.index .box8 { height: 700px; }
/**/
.footer .top{ margin-bottom: 0;}
.footer .left .text-up { font-size: 16px; line-height: 28px; line-height: 20px;top: 10px;}
.footer .left .text-botom { font-size: 14px; line-height: 28px; text-align: justify;padding-left: 123px;text-indent: -73px;}
.footer .left .text-botom .icon3{margin-right: 0;margin-left: -28px;left: -20px;top:10px;}
.footer .right ul { height: auto; }
.footer .right ul li { margin: 0 0 35px; width: 45%;}
.footer .bq { height: auto; line-height: 24px; display: none;}
.footer .right ul li img{width: 30px;}
.footer .footer-logo img { width: 300px; margin-top: 15px;}
.footer.index-footer .footer-logo{ margin-top:20%;display: none;}
.footer.index-footer .footer-logo img{ width: 70%; margin: 0 auto;}
.footer .ewm ul li img { width: 80px;}
.index .box5 .title-plate{ margin-top: 15%;}
.index .box5 .title-plate img{ width: 50%;}
.nav { height: 50px; }
.nav h1 { height: 100%; }
.nav h1 a img { width: 90%; margin: 0 auto; }
#mobileNav ul { margin-top: 50px; }
#navToggle { top: 10px; }
.dishesHTML .dishes-main .box1 .dishes-btn { display: none; }
.dishesHTML .dishes-main .box2 .dishes-btn2 { display: none; }
.banner-in .pageTitle { top: 100px; width: 100%; left: 0; }
.banner-in .pageTitle img { width: 90%; margin: 0 auto; }
.banner-in .bannerIn-img { width: 900px; left: 50%; margin-left: -450px; }
.banner-in .tab-btn a, .newsHTML .tab-btn a { width: auto; height: auto; padding: 0px 20px; margin: 0 1% 15px; }
.banner-in .team-banner-txt .list-title a { width: 110px; height: auto; padding: 0px 20px; margin: 0 1% 15px; }
.banner-in .tab-btn a:after, .newsHTML .tab-btn a:after, .banner-in .team-banner-txt .list-title a:after { display: none; }
.banner-in .texat { font-size: 12px; line-height: 24px; width: 96%; margin: 20px auto 0; }
.storesIn .tab-btn { margin-top: 15px; }
.storesIn .Btn.Lbtn { left: 1%; }
.storesIn .Btn.Rbtn { right: 1%; }
.storesPopularityHTML .scrollbarBox { display: none; }
.newsHTML .news-main .left ul li .pic { float: none; margin: 0 auto; }
.newsHTML .news-main .left ul li .summary { width: 100%; margin: 0 auto; float: none;height: auto;}
.banner-in .team-banner-txt .biaoti img { width: 100%; margin: 0 auto !important; }
.team .team-loading .fight.train .wrap .part .p-name { height: 50%; width: 100%; left: 0; text-indent: 1em; }
.team .team-loading .fight .wrap .part .p-name span { display: none; }
.team .team-loading .fight .wrap .part .p-name hr { display: none; }
.team .team-loading .fight .wrap .part .p-name p { display: none; }
.delBox { width: 100%; }
.delBox .title .en { font-size: 24px; }
.delBox .msBox { width: 96%; }
.delBack { z-index: 101; width: 30px; height: 30px; font-size: 0; overflow: hidden; }
.delBack:before { display: none; }
.delBack::after { content: ''; position: absolute; background: url(../images/brn_off2.png) no-repeat; height: 20px; width: 20px; background-size: 100% 100%; left: 50%; top: 50%; margin: -10px 0 0 -10px; }
.team .team-loading .service .swiper-container.gallery-top { height: 200px; }
.team .team-loading .service .swiper-container.gallery-top .swiper-slide { background-size: 135% auto;background-position: top;}
.team .team-loading .recuitment { width: 94%; padding: 15px 0 }
.team .team-loading .recuitment .swiper-container .swiper-wrapper .swiper-slide { height: 350px; }
.team .team-loading .recuitment .swiper-container .detail-info h2 { font-size: 16px; line-height: 32px; margin-bottom: 5px; }
.team .team-loading .recuitment .swiper-container .detail-info aside { margin-bottom: 5px; }
.team .team-loading .recuitment .swiper-container .detail-info a { margin-top: 25px; }
.team .team-loading .recuitment .more-info { height: 100%; width: 100%; padding: 30px;}
.team .team-loading .service .swiper-container.gallery-thumbs{height: 125px;}
/*1124*/
.joinHTML .box2 .changeBtn { display:none;}
.joinHTML .box2 .Big-title { width: 100%; position: initial;margin: 20px auto;}
.joinHTML .box2 .cd-slider li.is-visible .cd-half-block.content { padding: 0; height: auto; position: initial; width: 96%;margin-bottom: 15px;}
/*end*/
.joinHTML .box2 .cd-slider { }
.joinHTML .box2 .cd-slider-wrapper { background: #c61427; }
.joinHTML .box2 .changeBtn .page .pageNum .number { height: 30px; width: 45px; line-height: 30px; font-size: 14px; }
.joinHTML .box2 .changeBtn .page .pageNum { width: 45px; height: 90px; }
.joinHTML .box2 .changeBtn .page .pageNum.active .number::after, .joinHTML .box2 .changeBtn .page .pageNum:hover .number::after { height: 90px; }
.joinHTML .box3 .right { padding: 0; width: 96%; margin: 0 auto; float: none; }
.joinHTML .box3 .right .Big-title::after { display: none }
.joinHTML .box3 .right .theSupportList ul li .summary { width: 80%; }
.joinHTML .box3 .right .theSupportList ul li { height: auto; }
.joinHTML .box3 .right .theSupportList ul li .summary .text { font-size: 14px; line-height: 28px; }
.joinHTML .box3 .right .theSupportList ul li .summary .title { font-size: 18px; }
.joinHTML .box4 { padding: 15px 0 0; }
.joinHTML .box4 .phoneNumber { width: 300px; background-size: 100% auto; }
.aboutUsHTML .box2 .summary .title { line-height: 39px; font-size: 18px; padding: 0 1rem;text-align: center;}
.aboutUsHTML .box2 .information ul li.cur1 { margin: 0 3% }
.flipster { transform: scale(.6); margin: 100px auto 0; width: 60%; }
.aboutUsHTML .box3 .Loong { transform: scale(.7); }
.team .team-loading .t-team #program ul li .title-img { left: 10%; margin-left: 0; padding: 5px 0; font-size: 20px; }
.team .team-loading .t-team .first-show .controls { height: auto; }
.team .team-loading .t-team .first-show { height: auto; }
.team .team-loading .t-team .first-show .pictures-box ul li img { width: 100%; height: auto; }
.aboutUsHTML .box2 .summary .text{font-size:1.2rem;line-height: 22px;padding: 0 1rem;color: #666;}
/*1124*/
.joinHTML .box2 .cd-slider-wrapper{height: auto;padding-bottom: 20px;}
.joinHTML .box2 .cd-slider{overflow: initial;}
.joinHTML .box2 .cd-slider li{position: initial;top: 0;left: 0;height: auto;}
.joinHTML .box2 .cd-slider h2{padding-top: 0;font-size: 1.8rem;}
.joinHTML .box1 .JoinCondition{padding-bottom: 20px;}
.joinHTML .box2 .cd-slider h2 i{display: none;}
.joinIn .pageTitle,.newsIn .pageTitle{padding-top: 90px;}
}
/*@media only screen and (width: 1366px ) {
	.nav:hover .nav-ol{height: 380px;}
	.nav ol{padding-top: 15px;}
	.nav .nav-ol{margin-top: 70px;}
	.nav .nav-footer .content1200{padding: 10px 0;}
	.nav ol li>a{line-height: 20px;}
	.nav h1{height: 70px;}
	.nav h1 a{margin-top: 10px;}
	.nav ul li{height: 70px;}
	.nav ul li span.cn{margin-top: 15px;}
	.nav{height: 70px;}
	.joinHTML .box2 .changeBtn .page{margin-left: 20%;}
}*/
@media only screen and (min-width: 1200px ) {
.index .box6 .information ul li a img{width: 100%;}
.index .box6 .information ul li a .phone{float: left;animation: tel .6s ease alternate infinite;}
.index .box6 .information ul li a .phone-num{float: right;}
.index .box6 .information ul li a .position{float: left;animation: location .6s ease alternate infinite;}
.index .box6 .information ul li a .more-shop{float: right;}
.index .box6 .information ul li.cur2 a{margin: 0 auto; width: 62%;}
.index .box6 .information ul li a .position{margin-left: 0;}
@keyframes tel{
	from{transform: rotate(15deg);}
	to{transform: rotate(0);}
}
@-webkit-keyframes tel{
	from{-webkit-transform: rotate(15deg);}
	to{-webkit-transform: rotate(0);}
}
@keyframes location{
	from{margin-top: -10px;}
	to{margin-top: 0;}
}
@-webkit-keyframes location{
	from{margin-top: -15px;}
	to{margin-top: 0;}
}
}

/*15:00过后修改*/
.team .team-loading .t-team .first-show .controls .pre-btn img, .team .team-loading .t-team .first-show .controls .next-btn img{display: none;}
.team .team-loading .recuitment .swiper-button-prev img,.team .team-loading .recuitment .swiper-button-next img{display: none}









.pages{
    padding:25px 0;
    text-align: center;}
.pages *{
    margin: 0 2px;}
.pages a{
    border: 1px solid #bfbfbf;
	color:#646464;
    padding: 2px 5px;}
.pages a:hover{
	color:#f00;
    border: 1px solid #F00;}
.pages span{
    padding: 2px 5px;}
.pages span.nolink{
	color:#ccc;
    border: 1px solid #CCCCCC;}