@charset "utf-8";
@font-face {
    font-family: 'GOTHIC13';
    src: url('../fonts/gothic13.eot');
    src: url('../fonts/gothic13.eot') format('embedded-opentype'),
        url('../fonts/gothic13.woff2') format('woff2'),
        url('../fonts/gothic13.woff') format('woff'),
        url('../fonts/gothic13.ttf') format('truetype'),
        url('../fonts/gothic13.svg#gothic13') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Aachen BT';
    src: url('../fonts/aachen bt.eot');
    src: url('../fonts/aachen bt.eot') format('embedded-opentype'),
        url('../fonts/aachen bt.woff2') format('woff2'),
        url('../fonts/aachen bt.woff') format('woff'),
        url('../fonts/aachen bt.ttf') format('truetype'),
        url('../fonts/aachen bt.svg#aachen bt') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
	font-family: "SourceHanSansCN-Regular";
	src: url("../fonts/sourcehansanscn-regular.woff2") format("woff2"),
		 url("../fonts/sourcehansanscn-regular.woff") format("woff"),
		 url("../fonts/sourcehansanscn-regular.ttf") format("truetype"),
		 url("../fonts/sourcehansanscn-regular.eot") format("embedded-opentype"),
		 url("../fonts/sourcehansanscn-regular.svg") format("svg");
  }
@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot'); /* IE9 */
  src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff2') format('woff2'),
  url('../fonts/iconfont.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}

.iconfont { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
table, caption, tbody, tfoot, thead, tr, th, td,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);}
html::-webkit-scrollbar {width:8px;background:none;}
html::-webkit-scrollbar-thumb {width:8px;background:#af251b;}
html::-webkit-scrollbar-corner {background:none;}
html::-webkit-scrollbar:horizontal{height:9px;}
body { font: 14px/1.8 "SourceHanSansCN-Regular","PingFangSC-Regular","HiraginoSansGB-W3","微软正黑体","Microsoft JhengHei","SimHei","黑体","Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif; margin: 0 auto; color: #424249; background-color: #fff; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
strong { font-weight: bold; }
img { border: 0; }
input { outline: none; font-family:  "SourceHanSansCN-Regular","PingFangSC-Regular","HiraginoSansGB-W3","微软正黑体","Microsoft JhengHei","SimHei","黑体","Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; outline: none;  font-family:  "SourceHanSansCN-Regular","PingFangSC-Regular","HiraginoSansGB-W3","微软正黑体","Microsoft JhengHei","SimHei","黑体","Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif;}
::-moz-selection { background: #af251b; color: #fff; text-shadow: none; }
::selection { background: #af251b; color: #fff; text-shadow: none; }
select{ outline: none;}
select::-ms-expand { display: none; }
table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
table{border-collapse:collapse;}
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner{ width: 70%; margin: 0px auto;}
.top a:link, .top a:visited { color: #32323a;}
.top a:active, .top a:hover { color: #af251b;}
.top-t{ position: relative; padding-top: 125px;}
.logo{ position: absolute; left: 0; right: 0; bottom: 5%; width: 124px; margin: 0 auto; animation: music-move 2s infinite alternate ease-in-out; -webkit-animation:music-move 2s infinite alternate ease-in-out; transform-origin: bottom; -webkit-transform-origin: bottom;}
@keyframes music-move
{
	0% { -webkit-transform: rotate(0deg);transform: rotate(0deg);} 
	33% { -webkit-transform: rotate(-3deg);transform: rotate(-3deg);}
	66% { -webkit-transform: rotate(3deg);transform: rotate(3deg);}
	100% {  -webkit-transform: rotate(0deg);transform: rotate(0deg);}
}
@-webkit-keyframes music-move 
{
	0% { -webkit-transform: rotate(0deg);transform: rotate(0deg);} 
	33% { -webkit-transform: rotate(-3deg);transform: rotate(-3deg);}
	66% { -webkit-transform: rotate(3deg);transform: rotate(3deg);}
	100% {  -webkit-transform: rotate(0deg);transform: rotate(0deg);}
}

.logo a{ display: block;}
.logo a img{ width: 100%; display: block;}
.nav-box{ position: relative; border: 8px solid #3b3b3b; border-top: 0 none; padding: 8px 10px; z-index: 1;}
.nav-box::before{ content: ""; position: absolute; left: 10px; top: 8px; bottom: 8px; right: 10px; border: 3px solid #3b3b3b; z-index: -1;}
.nav-box .nico{ position: absolute; left: 32px; top: 0; bottom: 0; margin: auto 0; background: url(../images/nico1.png) no-repeat; background-size: cover; width: 54px; height: 54px;}
.nav-box .nico2{ left: auto; right: 32px;}
.nav{ margin: 0 100px; display: -webkit-flex;  display: flex; flex-wrap: wrap; justify-content: space-between;}
.nav li{ float: left; display: block;}
.nav a{ position: relative; display: block; height: 96px; padding: 0 20px; text-align: center;}
.nav a span{ display: block;}
.nav .zh{ width: 120px; padding: 15px 0 5px; margin: 0 auto 5px; font-size: 24px; line-height: 1.5; background: url(../images/nav_bot.png) repeat-x scroll left bottom;}
.nav .en{ text-transform: uppercase;}
.nav a::before{ content: ""; position: absolute;left: 0; bottom: 0; top: 0; right: 0; border: 3px solid transparent; -webkit-transition: 0.3s; transition: 0.3s;}
.nav a::after{ content: ""; position: absolute; left: 50%; bottom: -8px; width: 0; height: 8px; background-color: #af251b; -webkit-transition: 0.3s; transition: 0.3s;}
.nav a:hover::before,.nav a.active::before{ border-color: #af251b;}
.nav a:hover::after,.nav a.active::after{ width: 80%; left: 10%;}
.logo2 a{ display: block; height: 75px; margin-top: 10px;}
.logo2 a::before,.logo2 a::after{ display: none;}
.logo2 a img{ height: 100%; display: block;}
.logo3{ position: relative; float: left; display: none; padding: 10px 0; margin-left: 3%;}
.logo3 a{ display: block; height: 34px;}
.logo3 a img{ height: 100%; display: block;}
.menu-handler{ position: fixed; right: 1%; top: 0; width:54px;height: 54px; display:none; cursor: pointer; z-index: 1010;}
.menu-handler span { position: relative; display: block; margin: 25.5px auto 0; width: 22px; height: 3px; background-color: #af251b; border-radius: 3px; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s;}
.menu-handler span:after,
.menu-handler span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 3px; border-radius: 3px; left: 0;
 background-color: #af251b; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s}
.menu-handler span:before {top: -8px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}
.menu-handler span:after {bottom: -8px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;
transition-property: bottom,transform;}
.menu-handler.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.menu-handler.active span:after,.menu-handler.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s}
.menu-handler.active span:before {top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.menu-handler.active span:after {bottom: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.menubarM a:link, .menubarM a:visited { color: #32323a;}
.menubarM a:active,.menubarM a:hover { color: #333333;}   
.menubarM { position: fixed; display: none; right: 0px; top: 0px; width: 294px; background:url(../images/logo4.png) no-repeat scroll right 60% #fff; color: #333333; height: 100%; height:100vh; overflow-x:hidden; overflow-y:auto; -moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%); -webkit-overflow-scrolling:touch;  z-index: 1008; -webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94); -moz-transition:all .5s cubic-bezier(.25,.46,.45,.94);-ms-transition:all .5s cubic-bezier(.25,.46,.45,.94); -o-transition:all .5s cubic-bezier(.25,.46,.45,.94);transition:all .5s cubic-bezier(.25,.46,.45,.94); }
.menubarM{ padding:80px 0 0 5%;}
.menubarM-list>li{ margin-bottom: 10px;}
.menubarM-list>li>a { position: relative; display: block; font-weight: bold; padding: 12px 50px 12px 65px; font-size: 16px; border-radius: 26px 0 0 26px;}
.menubarM-list>li.cur>a{ background-color: #af251b; color: #fff;}
.menubarM-list>li>a::before{ content: ""; position: absolute; left: 20px; top: 0; bottom: 0; margin: auto 0; width: 30px; height: 30px; background-size: cover;}
.menubarM-list li:nth-child(1) a::before{ background-image: url(../images/n1.png);}
.menubarM-list li:nth-child(2) a::before{ background-image: url(../images/n2.png);}
.menubarM-list li:nth-child(3) a::before{ background-image: url(../images/n3.png);}
.menubarM-list li:nth-child(4) a::before{ background-image: url(../images/n4.png);}
.menubarM-list li:nth-child(5) a::before{ background-image: url(../images/n5.png);}
.menubarM-list li:nth-child(6) a::before{ background-image: url(../images/n6.png);}
.menubarM-list li.cur:nth-child(1) a::before,.menubarM-list li:nth-child(1) a:hover::before{ background-image: url(../images/n11.png);}
.menubarM-list li.cur:nth-child(2) a::before,.menubarM-list li:nth-child(2) a:hover::before{ background-image: url(../images/n22.png);}
.menubarM-list li.cur:nth-child(3) a::before,.menubarM-list li:nth-child(3) a:hover::before{ background-image: url(../images/n33.png);}
.menubarM-list li.cur:nth-child(4) a::before,.menubarM-list li:nth-child(4) a:hover::before{ background-image: url(../images/n44.png);}
.menubarM-list li.cur:nth-child(5) a::before,.menubarM-list li:nth-child(5) a:hover::before{ background-image: url(../images/n55.png);}
.menubarM-list li.cur:nth-child(6) a::before,.menubarM-list li:nth-child(6) a:hover::before{ background-image: url(../images/n66.png);}
.menubarM-list>li>a:hover{ background-color: #af251b; color: #fff;}
.menubarM-list .subnav { display: none; padding: 10px 0;}
.menubarM-list .subnav a { position: relative; display: block; padding: 10px 55px; line-height: 1.4; }
.pusher-black { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 1005; background-color: rgba(0,0,0,0.4); visibility:hidden; filter:alpha(Opacity=0);opacity:0;-webkit-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -moz-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -ms-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -o-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;}
.menuOpen .pusher-black { visibility:visible;filter:alpha(enabled=false); opacity:1;}
.menuOpen .menubarM { -moz-transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0);  transform:translateX(0);}

.foot{ color: #424249;}
.foot a:link, .foot a:visited { color: #424249;}
.foot a:active, .foot a:hover { color: #af251b;}
.foot-t{ width: 80%; padding: 35px 0 45px; margin: 0px auto;}
.foot-t dd{ float: left; display: inline-block; margin-right: 5%;}
.foot-t dd.foot-erm{ float: right; width: 140px; display: inline-block; text-align: center; line-height: 1.5; margin-right: 0; }
.foot-erm .txt{ padding-top: 15px;}
.foot-txt .t{ font-size: 30px; line-height: 1.5; padding: 20px 0; letter-spacing: 1px; font-weight: normal;}
.foot-txt .c{ font-size: 18px; margin-bottom: 25px;}
.btn-online{ position: relative; display: inline-block; float: left; padding: 0 30px 0 36px; border: 1px solid #e5e5e5; height: 36px; line-height: 36px; border-radius: 5px; font-size: 18px; margin-right: 15px;}
.btn-online:before{ content: ""; position: absolute; left: 14px; width: 3px; height: 18px; top: 9px; background-color: #af251b;}
.foot-c{ position: relative; padding: 0 10%; text-align: center; z-index: 1;}
.foot-c:before{ content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background-color: #e5e5e5; z-index: -1;}
.foot-c .name{ background-color: #fff; border-radius: 14px; height: 28px; border: 1px solid #e5e5e5; padding: 0 25px; display: inline-block; line-height: 28px; font-size: 18px;}
.foot-b{ width: 80%; padding: 22px 0; margin: 0px auto; text-align: center;}
.sharp-box { padding-bottom: 10px;}
.sharp-box a{ display: inline-block; *display: inline; *zoom: 1; width: 34px; height: 34px; line-height: 34px; text-align: center; color: #fff; border-radius: 50%; margin: 0 5px; font-size: 18px;}
.foot .sharp-box a{ color: #fff;}
.sharp-box a.item1{ background-color: #6acb88;}
.sharp-box a.item2{ background-color: #e75d66;}
.sharp-box a.item3{ background-color: #457ecd;}
.sharp-box a:hover{ background-color: #333;}
.fixedImg { background-position: center top; background-repeat: no-repeat; background-size: cover;}
.imgw{ width: 100%; display: block;}
.ellipsisT{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; }
.linkA{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/w0.png) no-repeat;}
.pageC a:link, .pageC a:visited { color: #333;}
.pageC a:active, .pageC a:hover { color: #af251b;}
.pageC img{ max-width: 100% !important; height: auto !important; }
.pageC{ overflow: hidden; text-align:justify;}
.transition6{ transition: 0.6s; -webkit-transition: 0.6s;}
.scaleO:hover .imgw{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.scaleO2:hover .imgw{ transform: scale(1.08); -webkit-transform: scale(1.08); -moz-transform: scale(1.08);}
.pos-ov{ position: relative; overflow: hidden;}
.dock { position: fixed; bottom: 5%; right: 0px; z-index: 999;}
.dock-list a:link, .dock-list a:visited { color: #fff; }
.dock-list a:active, .dock-list a:hover { color: #fff; }
.dock-list li{ margin-bottom: 15px;}
.dock-list li:last-child{ margin-bottom: 0;}
.dock-list a{ position: relative; display: block; width: 66px; border: 10px solid rgba(255,255,255,.7); border-radius: 50%;}
.dock-list a .ico{ display: block; background-color: #af251b; border-radius: 50%;}
.dock-list .txt{ position: absolute; right: 135%; top: 50%; margin-top: -35px; opacity: 0; visibility: hidden; z-index: -1; transition: .3s; -webkit-transition: .3s;}
.dock-list a:hover .txt{ right: 125%; opacity: 1; visibility: visible; z-index: 10;}
.ermsblack { background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.4); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1030; display: none; }
.ermSBox { width: 90%; height: auto; position: fixed; left: 5%; top: 60%; transform: translateY(-50%); z-index: 1004; }   
.ermSBox .img img { max-width: 100%; margin: 0px auto; display: block; }
.ermclose{ position: absolute; left: 55%; top: -15px; display: block; background: url(../images/ermclose.png) no-repeat scroll center center #af251b; width: 62px; height: 62px; border: 3px solid #fff; border-radius: 50%; transition: .3s;}
.ermclose:hover{ background-color: #771913; cursor: pointer;}
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #f1f1f1 url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
a.slick-disabled{ cursor: not-allowed;}
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
.slick-dots { position: absolute; bottom: 0; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; z-index: 400;}
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:''}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:''}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}

.pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden; outline: 0 }
.pswp * { -webkit-box-sizing: border-box; box-sizing: border-box }
.pswp img { max-width: none }
.pswp--animate_opacity { opacity: .001; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(.4,0,.22,1); transition: opacity 333ms cubic-bezier(.4,0,.22,1) }
.pswp--open { display: block }
.pswp--zoom-allowed .pswp__img { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in }
.pswp--zoomed-in .pswp__img { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab }
.pswp--dragging .pswp__img { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing }
.pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/black_80.png) repeat; background: none rgba(0,0,0,.8); opacity: 0; transform: translateZ(0); -webkit-backface-visibility: hidden; will-change: opacity }
.pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden }
.pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0 }
.pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none }
.pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 333ms cubic-bezier(.4,0,.22,1); transition: transform 333ms cubic-bezier(.4,0,.22,1) }
.pswp__bg { will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(.4,0,.22,1); transition: opacity 333ms cubic-bezier(.4,0,.22,1) }
.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none }
.pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden }
.pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden }
.pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0 }
.pswp__img--placeholder { -webkit-backface-visibility: hidden }
.pswp__img--placeholder--blank { background: #222 }
.pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0 }
.pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC }
.pswp__error-msg a { color: #CCC; text-decoration: underline }
.pswp__button { width: 44px; height: 44px; position: relative; background: 0 0; cursor: pointer; overflow: visible; -webkit-appearance: none; display: block; border: 0; padding: 0; margin: 0; float: right; opacity: .75; -webkit-transition: opacity .2s; transition: opacity .2s; -webkit-box-shadow: none; box-shadow: none }
.pswp__button:focus, .pswp__button:hover { opacity: 1 }
.pswp__button:active { outline: 0; opacity: .9 }
.pswp__button::-moz-focus-inner { padding: 0; border: 0 }
.pswp__ui--over-close .pswp__button--close { opacity: 1 }
.pswp__button { background: url(../images/default-skin.png) 0 0 no-repeat; background-size: 264px 88px; width: 44px; height: 44px }

@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx) {
    .pswp--svg .pswp__button { background-image: url(../images/default-skin.svg); }
    .pswp__button--close { color: #fff }
}

.pswp__button--close { background-position: 0 -44px }
.pswp__button--share { background-position: -44px -44px }
.pswp__button--fs { display: none }
.pswp--supports-fs .pswp__button--fs { display: block }
.pswp--fs .pswp__button--fs { background-position: -44px 0 }
.pswp__button--zoom { display: none; background-position: -88px 0 }
.pswp--zoom-allowed .pswp__button--zoom { display: block }
.pswp--zoomed-in .pswp__button--zoom { background-position: -132px 0 }
.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right { visibility: hidden }
.pswp__button--arrow--left, .pswp__button--arrow--right { top: 50%; width: 97px; height: 97px; line-height: 97px; margin-top: -49px; position: absolute;  color: #fff; display: block; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.pswp__button--arrow--left { left: 2%; background-image: url(../images/next1.png);}
.pswp__button--arrow--right { right: 2%;  background-image: url(../images/prev1.png);}}
.pswp__button--arrow--left:hover, .pswp__button--arrow--right:hover { color: #fff; background-color: #00A2E9; }
.pswp__counter, .pswp__share-modal { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.pswp__share-modal { display: block; background: rgba(0,0,0,.5); width: 100%; height: 100%; top: 0; left: 0; padding: 10px; position: absolute; z-index: 1600; opacity: 0; -webkit-transition: opacity .25s ease-out; transition: opacity .25s ease-out; -webkit-backface-visibility: hidden; will-change: opacity }
.pswp__share-modal--hidden { display: none }
.pswp__share-tooltip { z-index: 1620; position: absolute; background: #FFF; top: 56px; border-radius: 2px; display: block; width: auto; right: 44px; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.25); box-shadow: 0 2px 5px rgba(0,0,0,.25); -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-transition: -webkit-transform .25s; transition: transform .25s; -webkit-backface-visibility: hidden; will-change: transform }
.pswp__share-tooltip a { display: block; padding: 8px 12px; color: #000; text-decoration: none; font-size: 14px; line-height: 18px }
.pswp__share-tooltip a:hover { text-decoration: none; color: #000 }
.pswp__share-tooltip a:first-child { border-radius: 2px 2px 0 0 }
.pswp__share-tooltip a:last-child { border-radius: 0 0 2px 2px }
.pswp__share-modal--fade-in { opacity: 1 }
.pswp__share-modal--fade-in .pswp__share-tooltip { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
.pswp--touch .pswp__share-tooltip a { padding: 16px 12px }
a.pswp__share--facebook:before { content: ''; display: block; width: 0; height: 0; position: absolute; top: -12px; right: 15px; border: 6px solid transparent; border-bottom-color: #FFF; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none }
a.pswp__share--facebook:hover { background: #3E5C9A; color: #FFF }
a.pswp__share--facebook:hover:before { border-bottom-color: #3E5C9A }
a.pswp__share--twitter:hover { background: #55ACEE; color: #FFF }
a.pswp__share--pinterest:hover { background: #CCC; color: #CE272D }
a.pswp__share--download:hover { background: #DDD }
.pswp__counter { float: left; height: 44px; font-size: 13px; line-height: 44px; color: #FFF; opacity: .75; padding: 0 10px }
.pswp__caption { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px }
.pswp__caption__center { text-align: center; max-width: 600px; font-size: 15px; margin: 0 auto; padding: 20px 10px; color: #fff }
.pswp__caption__center .xzy-zan { float: right; display: block }
.pswp__caption--empty { display: none }
.pswp__caption--fake { visibility: hidden }
.pswp__preloader { width: 44px; height: 44px; position: absolute; top: 0; left: 50%; margin-left: -22px; opacity: 0; -webkit-transition: opacity .25s ease-out; transition: opacity .25s ease-out; will-change: opacity; direction: ltr }
.pswp__preloader__icn { width: 20px; height: 20px; margin: 12px }
.pswp__preloader--active { opacity: 1 }
.pswp__preloader--active .pswp__preloader__icn { background: url(preloader.gif) 0 0 no-repeat }
.pswp--css_animation .pswp__preloader--active { opacity: 1 }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { -webkit-animation: clockwise .5s linear infinite; animation: clockwise .5s linear infinite }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { -webkit-animation: donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite; animation: donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite }
.pswp--css_animation .pswp__preloader__icn { background: 0 0; opacity: .75; width: 14px; height: 14px; position: absolute; left: 15px; top: 15px; margin: 0 }
.pswp--css_animation .pswp__preloader__cut { position: relative; width: 7px; height: 14px; overflow: hidden }
.pswp--css_animation .pswp__preloader__donut { -webkit-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; border: 2px solid #FFF; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; background: 0 0; margin: 0 }

@media screen and (max-width:1024px) {
    .pswp__preloader { position: relative; left: auto; top: auto; margin: 0; float: right }
}
@-webkit-keyframes clockwise {
    0% { -webkit-transform: rotate(0); transform: rotate(0) }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}
@keyframes clockwise {
    0% { -webkit-transform: rotate(0); transform: rotate(0) }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}
@-webkit-keyframes donut-rotate {
    0% { -webkit-transform: rotate(0); transform: rotate(0) }
    50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg) }
    100% { -webkit-transform: rotate(0); transform: rotate(0) }
}
@keyframes donut-rotate {
    0% { -webkit-transform: rotate(0); transform: rotate(0) }
    50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg) }
    100% { -webkit-transform: rotate(0); transform: rotate(0) }
}

.pswp__ui { -webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550 }
.pswp__top-bar { position: absolute; left: 0; top: 0; height: 44px; width: 100% }
.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right, .pswp__caption, .pswp__top-bar { -webkit-backface-visibility: hidden; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(.4,0,.22,1); transition: opacity 333ms cubic-bezier(.4,0,.22,1) }
.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { visibility: visible }
.pswp__caption, .pswp__top-bar { background-color: rgba(0,0,0,.5) }
.pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar { background-color: rgba(0,0,0,.3) }
.pswp__ui--idle .pswp__top-bar { opacity: 1 }
.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right { opacity: 0 }
.pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__top-bar { opacity: .001 }
.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter { display: none }
.pswp__element--disabled { display: none !important }
.pswp--minimal--dark .pswp__top-bar { background: 0 0 }
/*base style end*/

/*index style*/
.banner-box{ background-color: #af251b; padding:0 2%;}
.banner-item1{ position: relative; overflow: hidden; background: url(../images/banner_bg1.jpg) repeat-x scroll left bottom #88c6e3;}
.pos{ position: absolute;}
.banner-item1 .img1{ position: absolute; left: -1%; bottom: 0; width: 102%;  -webkit-animation:do-horiz-animation 4s infinite alternate;animation:do-horiz-animation 4s infinite alternate;}
@-webkit-keyframes do-horiz-animation {
	0% {
	-webkit-transform:translateX(-1%);
	transform:translateX(-1%);
}
100% {
	-webkit-transform:translateX(1%);
	transform:translateX(1%);
}
}@keyframes do-horiz-animation {
	0% {
	-webkit-transform:translateX(-1%);
	transform:translateX(-1%);
}
100% {
	-webkit-transform:translateX(1%);
	transform:translateX(1%);
}
}
.banner-item1 .img2{ width: 22.98%; bottom: -8%; left: 39.5%;}
.banner-item1.slick-active .img2{-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);  -webkit-animation: gelatine .9s ;animation: gelatine .9s ; }
@keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1); transform: scale(0.95, 1); }
}
@-webkit-keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1); transform: scale(0.95, 1); }
}
@keyframes grow
{
0% {  
  -webkit-transform: scale(0);
  transform: scale(0);
}
60% {  
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
80% {  
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
100% {
  -webkit-transform: scale(1);
  transform: scale(1);
}
}
.banner-item1 .img3{ width: 9.9%; bottom: -6%; left: 55.5%;}
.banner-item1 .img4{ width: 6.29%; top: 8%; left: 3%;}
.banner-item1 .img5{ width: 6.29%; top: 8%; right: 3%;}
.banner-item1 .img6{ width: 6%; top: 15%; left: 22%;}
.banner-item1 .img7{ width: 23.5%; bottom: 10%; right: 12.29%;}
.banner-item1 .cloud1{ width: 8.38%; right: 18%; top: 12%;  -webkit-animation: cloud1 3s infinite linear;
    animation: cloud1 3s infinite linear;}
.banner-item1 .cloud2{ width: 20.8%; left: 28%; top: -18%;  -webkit-animation: cloud2 2s infinite alternate;
    animation: cloud2 2s infinite alternate;}
.banner-item1 .cloud3{ width: 18.3%; left: -8%; top: 10%;  -webkit-animation: cloud1 3s infinite linear;
    animation: cloud1 3s infinite linear;}
@keyframes cloud1 {
    0% {
        transform: translateY(0) rotate(0);
    }
    25% {
        transform: translateY(0) rotate(-5deg);
    }
    40% {
        transform: translateY(4px) rotate(-5deg);
    }
    85% {
        transform: translateY(1px) rotate(5deg);
    }
    100% {
        transform: translateY(0) rotate(0);
    }
}
@-webkit-keyframes cloud1 {
    0% {
        -webkit-transform: translateY(0) rotate(0);
    }
    25% {
        -webkit-transform: translateY(0) rotate(-5deg);
    }
    40% {
        -webkit-transform: translateY(4px) rotate(-5deg);
    }
    85% {
        -webkit-transform: translateY(1px) rotate(5deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(0);
    }
}
@-webkit-keyframes cloud2 {
	0% {
	-webkit-transform:translateY(-6%);
	transform:translateY(-6%);
}
100% {
	-webkit-transform:translateY(4%);
	transform:translateY(4%);
}
}@keyframes cloud2 {
	0% {
	-webkit-transform:translateY(-6%);
	transform:translateY(-6%);
}
100% {
	-webkit-transform:translateY(4%);
	transform:translateY(4%);
}
}
.banner-item1 .ye {  /*-webkit-animation: ye2 5s 1s linear infinite; animation: ye2 5s 1s linear infinite;*/ -webkit-animation: yezi 16s infinite;animation: yezi 16s infinite; -webkit-transition-timing-function: linear;transition-timing-function: linear; opacity: 0;}
.banner-item1 .ye1{ width: 6.2%; left: 24%; bottom: 35%; -webkit-animation-delay: 3s; animation-delay: 3s;}
.banner-item1 .ye2{ width: 6.1%; left: 55%; top: -5%; -webkit-animation-delay: 2s; animation-delay: 2s;}
.banner-item1 .ye3{ width: 3.4%; right: 11%; top: 18%; -webkit-animation-delay: 3s; animation-delay: 3s;}
.banner-item1 .ye4{ width: 1.4%; right: 10.5%; top: 58%; -webkit-animation-delay: 1s; animation-delay: 1s;}
.banner-item1 .ye5{ width: 7.5%; left: 39%; top: 57%; -webkit-animation-delay: 2s; animation-delay: 2s;}
.banner-item1 .ye6{ width: 1.4%; left: 23%; bottom: 25%; -webkit-animation-delay: 1s; animation-delay: 1s;}
@-webkit-keyframes ye2 {
  0% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%); opacity: 0; }
  20% {opacity: 1; }
  50% {
    -webkit-transform: translate(-100%, 75%);
            transform: translate(-100%, 75%); opacity: 1; }
  70% { opacity: 1; }
  100% {
    -webkit-transform: translate(-200%, 150%);
            transform: translate(-200%, 150%); opacity: 0; } 
}
@-webkit-keyframes yezi {
	0% {
		opacity: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	50%{
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(500px) rotate(600deg);
		transform: translateY(500px) rotate(600deg)
	}
}
@keyframes yezi {
	0% {
		opacity: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	50%{
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(500px) rotate(600deg);
		transform: translateY(500px) rotate(600deg)
	}
} 
.bot-lin1,.bot-lin2,.bot-lin3,.bot-lin4{ background-color: #fff;}
.bot-lin1{ height: 6px; margin-top: 9px;}
.bot-lin2{ height: 8px; margin-top: 18px;}
.bot-lin3{ height: 12px; margin-top: 22px;}
.bot-lin4{ height: 14px; margin-top: 22px;}
.iboxT{ margin-bottom: 50px;}
.iboxT .t{ text-align: center; width: 494px; margin: 0px auto;}
.ibox-about{ padding: 80px 0 0; background-color: #af251b;}
.iabout-desc{ position: relative;}
.iabout-desc .img1{ position: relative; width: 349px; margin: 0px auto 46px;}
.iabout-desc .g{ width: 48.99%;}
.iabout-desc .g1{ left: -50%; top: 1%;}
.iabout-desc .g2{ right: -50%; top: 1%;}
.iabout-desc .img2{ position: relative; margin: 0px auto -208px; width: 602px;}
.iabout-img{ position: absolute; left: 5%; right: 5%; bottom: 190px;}
.iabout-desc .btn-more{ position: absolute; left: -1%; bottom: 168px;}
.action.tflipInX{-webkit-animation-duration:1s; animation-duration:1s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX;}
@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
.ibox-video{ padding: 280px 0 108px; background: url(../images/box_bg2.png) repeat #dadada; animation: animatedfoot1 20s linear infinite; -webkit-animation: animatedfoot1 20s linear infinite; }
@keyframes animatedfoot1 {
    from { background-position: 0 0; }
    to { background-position: -100% 0; }
}
@-webkit-keyframes animatedfoot1 {
    from { background-position: 0 0; }
    to { background-position: -100% 0; }
}
.ivideo-box{ position: relative; overflow: hidden; width: 1164px; margin: 0px auto; border: 10px solid #fff;}
.ivideo-box .video-item{ width: 100%; display: block; cursor: pointer;}
.video-pdesc{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(175,37,27,.8);}
.vico{ position: absolute; left: 5%; right: 5%; top: 50%; transform: translateY(-50%);}
.vico .txt{ display: block; text-align: center; font-size: 16px; font-weight: bold; color: #fff; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 20px;}
.vico .ico{ width: 114px; display: block; margin: 0 auto;}
.btn-more{ display: block; width: 252px;}
.btn-more img{ width: 100%; display: block;}
.ibox-pro{ border-top: 12px solid #af251b; padding: 80px 0 90px;}
.ibox-pro .btn-more{ position: absolute; right: -2%; top: 0px;}
.ipro-box{ position: relative; margin: 0 auto; width: 80%; padding-bottom: 135px;}
.ipro-box .pos-ov{ margin: 0 32px;}
.ipro-box .slick-arrow { position: absolute; width: 40px; height: 40px; line-height: 40px; z-index: 406; top: auto; top: 5px; background-position: center center; background-repeat: no-repeat; background-color: #af251b; border-radius: 50%; text-align: center; color: #fff;}
.ipro-box .slick-prev{ left: 0; background-image: url(../images/abtn.png);}
.ipro-box .slick-next{ right: 0; background-image: url(../images/abtn2.png);}
.ipro-box .slick-arrow:hover{ background-color:#666666;}
.ipro-numbox{ position: absolute; left: 0; width: 100%; bottom: 0; height: 48px; line-height: 48px; text-align: center;}
.ipro-numbox:before{ content: ""; position: absolute; left: 0; right: 0; top: 50%; width: 100%; height: 3px; background-color: #af251b;}
.ipro-dots{ position: relative; display: inline-block; margin: 0px auto; height: 42px; line-height: 42px; border-radius: 24px; border: 3px solid #af251b; background-color: #fff; padding: 0 20px;}
.ipro-box .slick-dots{ position: relative;}
.ipro-box .slick-dots li{ position: relative; margin: 7px 12px; width:24px; height: 24px; border: 2px solid transparent; border-radius: 50%; transition: .3s;}
.ipro-box .slick-dots li:before{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; background-color: #7d7d7d; width: 12px; height: 12px; border-radius: 50%; transition: .3s;}
.ipro-box .slick-dots li.slick-active{ border-color: #af251b;}
.ipro-box .slick-dots li.slick-active:before{ width: 14px; height: 14px; background-color: #af251b;}
.ibox-joinT{ position: relative; padding: 16px 15%; background-color: #af251b;}
.ibox-joinT .name{ text-align: center;}
.ibox-joinT .name img{ max-width: 100%; display: block; margin: 0px auto;}
.ibox-joinT .nico{ position: absolute; left: 3%; top: 0; bottom: 0; margin: auto 0; background: url(../images/logo6.png) no-repeat; background-size: cover; width: 62px; height: 62px;}
.ibox-joinT .nico2{ left: auto; right: 3%;}
.ibox-join{ position: relative; background: url(../images/bg3.jpg) repeat; padding: 65px 0 228px;}
.ijion-box{ position: relative; width: 84%; margin: 0px auto; display: block;}
.ijion-box .jbg{ position: absolute; border: 2px solid #2f3f3e; background-color: #af251b; width: 100%; height: 100%;}
.ijion-box .jbg0{ left: 0; top: 0;}
.ijion-box .jbg1{ left: 10px; top: 8px;}
.ijion-box .jbg2{ left: 20px; top: 16px;}
.ijion-box .jbg3{ left: 30px; top: 24px;}
.ijion-box .jline{ position: absolute; top: 100%; width: 20px; border: 2px solid #2f3f3e; background-color: #af251b; height: 224px;}
.ijion-box .jline1{ left: 6%;}
.ijion-box .jline2{ right: 6%;}
.ijoin-desc{ position: relative; border: 2px solid #2f3f3e; background-color: #af251b; padding-bottom: 70px; z-index: 1; padding: 12px 12px 60px;}
.ijoin-desc:before{ content: ""; position: absolute; left: 12px; top: 12px; right: 12px; bottom: 12px; border: 2px solid #2f3f3e; background-color: #fff; z-index: -1;}
.ijoin-desc .title{ position: relative; background: url(../images/box_t1.png) no-repeat scroll center bottom; width: 273px; height: 53px; line-height: 46px; text-align: center; color: #fff; display: block; margin: 0px auto; font-size: 32px; font-weight: bold; margin-bottom: 60px;}
.ijoin-desc .title:before,.ijoin-desc .title:after{ content: ""; position: absolute; top: 18px; width: 12px; height: 12px; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 0 2px  #318f6d;}
.ijoin-desc .title:before{ left: 34px;}
.ijoin-desc .title:after{ right: 34px;}
.ijoin-list{ width: 80%; margin: 0px auto;}
.ijoin-list{ display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; text-align: center;}
.ijoin-list2{ flex-direction:row-reverse;}
.ijoin-list .num{ position: relative; border: 2px solid #d3d3d3; background-color: #fff; display: block; margin: 0px auto; border-radius: 50%; width: 112px; height: 112px; line-height: 112px; text-align: center; font-family: "GOTHIC13"; -webkit-text-fill-color: transparent; text-stroke: 1px #FFFFFF; -webkit-text-stroke: 1px #FFFFFF; font-size: 49px; z-index: 1; margin-bottom: 5px;}
.ijoin-list .num:before{ content: ""; position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; background-color: #af251b; border-radius: 50%; z-index: -1;}
.ijoin-list .txt{ font-size: 20px;}
.ijoin-list li{ position: relative; margin-bottom: 40px; width: 20%;}
.ijoin-list2 li:first-child{ margin-right: 20%;}
.ijoin-list .line{ position: absolute; left: 80%; top: 58px; width: 40%; height: 2px; background-color: #d2d2d2;}
.ijoin-list .line:before{ content: ""; position: absolute; right: 0; bottom: 0; background: url(../images/line1.png) no-repeat; width: 11px; height: 11px;}
.ijoin-list li:nth-child(5) .line{ position: absolute; left: 50%; width: 2px; height: 100px; top: 100%; background-color: #d2d2d2;}
.ijoin-list li:nth-child(5) .line:before{ display: none;}
.ijoin-list2{ position: relative;}
.ijoin-list2 .line:before{ background-image: url(../images/line2.png); right: auto; left: 0;}
.ijoin-list2:before{ content: ""; position: absolute; right: 10%; top: 58px; height: 2px; background-color: #d2d2d2; width: 10%;}
.ibox-jointxt{ position: absolute; left: 0; bottom: 0; right: 0; width: 50%; margin: 0 auto; z-index: 10; pointer-events:none; max-width: 990px;}
.ibox-join .btn-more{ position: absolute; right: 14%; bottom: 3%;}
/*index sytle end*/
/*about style*/
.item-span span,.item-span2 i{ display: inline-block; font-style: inherit; visibility: hidden; }
.action.item-span span,.action.item-span2 i{visibility: visible; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-backface-visibility:visible!important; backface-visibility:visible!important; -webkit-animation-name:fade-in-blur; animation-name:fade-in-blur; }
.p-image {
    opacity: 0;
    filter: grayscale(100%);
    transform-origin: center top;
    transform: translateY(100px) scale(1.2);
    transition: opacity 0.8s linear .0s,
                filter 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0.6s,
                transform 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);

}
.action.p-image {
    opacity: 1;
    filter: grayscale(0%);
    transform: translateY(0) scale(1);
}
@-webkit-keyframes fade-in-blur{0%{opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}40%{opacity:1}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fade-in-blur{0%{opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}40%{opacity:1}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes pageHeaderTtlImg{0%{transform:scale(1.1);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="5" /></filter></svg>#filter');filter:blur(5px)}50%{filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');filter:blur(0)}100%{transform:scale(1);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');filter:blur(0)}}
.pbanner { position: relative; overflow: hidden;}
.pbanner .imgbox{ height: 100%; height: 100vh;}
.pbanner .imgbox p{ height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; animation:pageHeaderTtlImg 2s cubic-bezier(.25,.46,.45,.94) both .3s}
.pbanner-desc{ position: absolute; left: 5%; width: 90%; top: 50%; transform: translateY(-50%); color: #fff;}
.pbanner-desc .t{ text-align: center; font-family: "Aachen BT"; font-size: 150px; text-transform: uppercase;}
.pding1{ padding: 110px 0;}
.pding2{ padding: 72px 0;}
.sider-box{ position: absolute; left: 105px; top: 135px; z-index: 1000;}
.sider-logo{ width: 95px; position: absolute; left: -95px; top: -78px;}
.sider-logo .yuan{ background: url(../images/yuan1.png) no-repeat; width: 38px; height: 38px; background-size: cover; position: absolute; left: 32%; bottom: -8%; z-index: -1; -webkit-animation: 4s linear 0s infinite running Turnico; animation:4s linear 0s infinite running Turnico;}
.sider-box.fsShow{ position: fixed;}
.sider-nav li{ padding: 15px 0; line-height: 1; font-size: 18px;}
.sider-nav:before{ content: ""; position: absolute; left: 1px; width: 1px; top: 22px; bottom: 22px; background-color: #af251b;}
.sider-nav a{ display: block; position: relative; padding-left: 20px; color: #3b3b3b;}
.sider-nav a:before{ content: ""; position: absolute; left: -2px; top: 0; bottom: 0; margin: auto 0; width: 6px; height: 6px; border-radius: 50%; background-color: #af251b; z-index: 2;}
.sider-nav a:after{ content: ""; position: absolute; left: -9px; width: 16px; height: 16px; top: 0; bottom: 0; margin: auto 0; border-radius: 50%; border: 2px solid #af251b; background-color: #fff; z-index: 1; transform: scale(0); -webkit-transform: scale(0); transition: .4s; -webkit-transition: .4s; opacity: 0; visibility: hidden;}
.sider-nav .active a:after{ transform: initial; -webkit-transform: initial; opacity: 1; visibility: visible;}
.aboutPage1{ position: relative;}
.aboutPage1 .desc{ float: left; display: block; width: 44%; margin-left: 3%; margin-top: 35px;}
.aboutPage1 .pimg{ float: right; display: block; width: 36%; margin-right: 3%; border: 3px solid #ff5447; padding: 13px;}
.pageT{ padding-bottom: 45px; line-height: 1.5;}
.pageT .t{ position: relative; padding: 0 10px; font-size: 30px; z-index: 1;}
.pageT .t:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 30%; background-color: #ffd1ce; z-index: -1; transition: .4s;}
.pageT .t.action:before{ width: 100%;} 
.f18{ font-size: 18px;}
.about-img{ position: relative;}
.about-img .pimg{ padding-bottom: 35%;}
.about-logo{ position: absolute; left: 15%; top: -90px; background: url(../images/a1.png) no-repeat; background-size: cover; width: 180px; height: 180px; -webkit-animation: 8s linear 0s infinite running Turnico; animation: 8s linear 0s infinite running Turnico; }
@-webkit-keyframes Turnico {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    25% { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
    50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
    75% { -webkit-transform: rotate(270deg); transform: rotate(270deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes Turnico {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    25% { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
    50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
    75% { -webkit-transform: rotate(270deg); transform: rotate(270deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
.w616{ width: 616px; margin: 0px auto;}
.aboutPage2{ position: relative; overflow: hidden; z-index: 1;}
.aboutPage2:before{ content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 50%; background-color: #e6e6e6; z-index: -1;}
.about-demo{ position: relative; padding-bottom: 70px; margin-bottom: 70px;}
.about-demo .swiper-slide{ width: 910px;}
.about-demo .swiper-slide-active .pimg{ background-color: #fff; padding: 15px;}
.about-demo .swiper-pagination{ bottom: 0; width: 100%;}
.about-demo .swiper-pagination-bullet{ background-color: #c9c9c9; opacity: 1; width: 18px; height: 18px; margin: 0 10px;}
.about-demo .swiper-pagination-bullet-active{ background-color: #af251b;}
.aboutPage3{ padding-top: 150px; z-index: 1;}
.aboutPage3:before{ height: 100%;content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 50%; background: url(../images/a7.png) no-repeat scroll right bottom #af251b; background-size: 100% auto; z-index: -1;}
.aboutPage3 .title{ width: 70%; max-width: 688px; margin: 0px auto 50px;}
.ip-desc{ float: left; display: block; width: 29%; margin-left: 18%;}
.ip-img{ float: right; display: block; padding: 0 12.5% 25%; width: 25%;}
.ip-desc .ico{ margin-top: 15%;}
.aboutPage4{ background: url(../images/a10.png) no-repeat scroll center bottom #e6e6e6; background-size: 100% auto; padding-top: 120px;}
.media-img{ position: relative; float: left; display: block; width: 40%; margin-bottom: -8%;}
.media-desc{ float: right; display: block; width: 42%;}
.media-img .name{ position: absolute; left: 5%; right: 5%; bottom: 22%; text-align: center; font-size: 36px; line-height: 1.5; }
.pbot-lin1,.pbot-lin2,.pbot-lin3{ background-color: #af251b;}
.pbot-lin1{ height: 18px; margin-bottom: 8px;}
.pbot-lin2{ height: 11px; margin-bottom: 8px;}
.pbot-lin3{ height: 6px;}
.aboutPage5{ padding: 112px 0 160px; background: url(../images/box_bg2.png) repeat; animation: animatedfoot1 20s linear infinite; -webkit-animation: animatedfoot1 20s linear infinite; }
.aboutPage5 .ivideo-box{ border-color: #e6e6e6;}
.aboutPage6{ padding-top: 100px;}
.join-img{ max-width: 634px; margin: 0px auto; width: 60%;}
.join-list{ padding-bottom: 20px;}
.join-list li{ margin-bottom: 38px; border-radius: 6px; border:2px solid #af251b;}
.join-list .title{ position: relative; background-color: #af251b; padding: 12px 60px 12px 55px; color: #fff; cursor: pointer;}
.join-list .title:before{ content: ""; position: absolute; left: 20px; top: 15px; width: 15px; height: 15px; border: 2px solid #fff; border-radius: 50%;}
.join-list .desc{ position: relative; background-color: #ffffff; padding: 50px 45px 100px;  display: none;}
.join-list .desc:before{ content: ""; position: absolute; left: 0; bottom: 0; height: 30px; background: url(../images/line.png) repeat -2px; width: 100%;}
.join-list .Abox{ border-bottom: 2px solid #af251b; border-top: 2px solid #af251b; padding: 5px 15px; margin-bottom: 30px;}
.green{ color: #af251b;}
.join-list .pageC{ margin: 0 15px;}
.join-ico{ position: absolute; right: 15px; top: 0; bottom: 0; margin: auto 0; border: 0; width: 33px; height: 33px; border-radius: 50%; background-color: #fff; transition: .4s;}
.join-ico i{ position: absolute; background-color: #af251b;}
.join-ico .i1{ width: 66%; height: 2px; left: 17%; top: 50%; margin-top: -1px;}
.join-ico .i2{ height: 66%; width: 2px; left: 50%; top: 17%; margin-left: -1px; transition:400ms;-webkit-transition:400ms;}
.active .join-ico{ -webkit-transform: rotate(45deg); transform: rotate(45deg);}
/*about style end*/

/*join style*/
.joinPage1{ position: relative; background-color: #ececec;}
.join-type{ /*margin-left: -2%; */display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between;}
.join-type li{ width: 22%; border: 3px solid #af251b; background-color: #fff; /* float: left; display: block; width: 23%; margin-left: 2%;*/ margin-top: 25px;}
.join-type .item{ padding-bottom: 40px;}
.join-type .num{ position: relative; width: 62px; height: 62px; line-height: 62px; text-align: center; color: #3b3b3b; font-size: 40px; font-weight: bold; border:2px solid #af251b; border-left: 0 none; border-top: 0 none; }
.join-type .num span{ position: relative; display: block; background-color: #fff;}
.join-type .num:before{ content: ""; position: absolute; width: 100%; height: 100%; border: 2px solid #af251b; left: 2px; top: 2px;}
.join-type .iyuan{ position: relative; margin: 54px auto 88px; width: 50%; max-width: 165px;}
.join-type .iyuan .ico{ background: url(../images/io_yuan.png) no-repeat; width: 48px; height: 48px; border-radius: 50%; position: absolute; left: 5%; top: -4%;}
.join-type .txt{ position: relative; width: 80%; margin: 0px auto; padding: 15px 10px; text-align: center; font-size: 17px;}
.join-type .txt:before,.join-type .txt:after{ content: ""; position: absolute; border: 2px solid #af251b; width: 100%; height: 100%;}
.join-type .txt:before{ left: -5px; top: -5px;}
.join-type .txt:after{ right: -5px; bottom: -5px;}
.join-type li:hover .iyuan{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1;}
@keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
}
@-webkit-keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
.joinPage2 .pageT{ color: #fff;}
.joinPage2 .pageT .t:before{ background-color: #ff837b;}
.process-list{ position: relative; color: #fff;}
.process-list:before{ content: ""; position: absolute; left: 50%; width: 2px; margin-left: -1px; top: 85px; bottom: 85px; background-color: #fff;}
.process-list dd{ position: relative; margin-top: 14px;}
.process-list .num{ position: absolute; left: 50%; top: 50%; margin:-35px 0 0 -35px; display: block; width: 66px; height: 66px; line-height: 66px; border: 2px solid #fff; border-radius: 50%; text-align: center; font-size: 30px; font-family: "GOTHIC13"; background-color: #af251b;}
.process-item{ position: relative; background-color: #af251b; padding: 18px 2%; border-radius: 10px; width: 36%; transition: .55s cubic-bezier(.23,1,.32,1); cursor: pointer;}
.process-item:hover{ transform: translateY(-5%);}
.process-item:hover .icon{ background-color: #fff; color: #af251b;}
.process-item .icon{ width: 88px; height: 88px; display: block; font-size: 52px; line-height: 88px; text-align: center; border: 4px solid #fff; border-radius: 50%; color: #fff; float: left; display: inline-block; transition: .3s;}
.process-item .desc{ padding:12px 0 12px 125px;}
.process-item .t{ font-size: 26px; font-weight: normal;}
.process-item2{ margin-left: 58%;}
.process-item1 .sj{ content: ""; position: absolute; right: -16px; top: 50%; margin-top: -8px; border-top: 10px solid transparent; border-bottom: 10px solid transparent;  border-left: 16px solid #af251b;}
.process-item2 .sj{ content: ""; position: absolute; left: -16px; top: 50%; margin-top: -8px; border-top: 10px solid transparent; border-bottom: 10px solid transparent;  border-right: 16px solid #af251b;}
.help-box{ position: relative; padding: 256px 0 188px;}
.help-box .xian{ position: absolute; top: 168px; left:0; right: 0; background: url(../images/xian1.png) no-repeat scroll center center; height: 713px;}
.help-img{ width: 437px; margin: 0px auto;}
.help-item{ position: absolute; width: 375px; border: 3px solid #af251b; z-index: 2; background-color: #fff;}
.help-item1{ left: 4.4%; top: 0;}
.help-item2{ right: 5%; top: 0;}
.help-item3{ left: 0; top: 204px;}
.help-item4{ right: 0; top: 204px;}
.help-item5{ left: 0; top: 448px;}
.help-item6{ right: 0; top: 448px;}
.help-item7{ left: 4.4%; bottom: -10px;}
.help-item8{ right: 5%; bottom: -10px;}
.help-iteml{ padding: 5px 0 0 4px;}
.help-itemr{ padding: 5px 4px 0 0;}
.help-item .title{ position: relative; background-color: #af251b; color: #fff; padding: 2px 80px 2px 18px; font-size: 26px; line-height: 1.5; font-weight: normal;}
.help-item i{ position: absolute; width: 8px; height: 8px; border: 2px solid #fff; display: block; border-radius: 50%; top: 0; bottom: 0; margin: auto 0;}
.help-item .i1{ right: 18px;}
.help-item .i2{ right: 40px;}
.help-item .i3{ right: 64px;}
.help-item .f18{ padding: 15px 5%; border-left: 3px solid #af251b; line-height: 1.5; text-align: justify;}
.help-itemr .f18{ border-right: 3px solid #af251b; border-left: 0 none;}
.helo-dian{ position: absolute; bottom: -15px;}
.help-iteml .helo-dian{ right: -15px;}
.help-itemr .helo-dian{ left: -15px;}
.helo-dian .dian{ position: relative; border: 2px solid #af251b; background-color: #fff; width: 26px; height: 26px; border-radius: 50%; display: block;}
.helo-dian .dian:before{ content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background-color: #af251b; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
/*join style end*/
/*store style*/
.bge6{ background-color: #e6e6e6;}
.pageby{ line-height: 1.2; font-size: 90px; font-family: "Aachen BT"; -webkit-text-fill-color: transparent; text-stroke: 2px #af251b; -webkit-text-stroke: 2px #af251b; text-transform: uppercase; margin-bottom: 30px;}
.pageby2{ margin-bottom: 100px;}
.store-demo .swiper-slide{ width: 1052px; opacity: 0.5; transition: .3s; margin: 0px 63px;}
.store-demo .swiper-slide-active{ opacity: 1;}
.store-demo .swiper-arrow{ position: absolute; top: 50%; margin-top: -42px; width: 42px; height: 84px; font-size: 24px;}
.store-demo .swiper-button-prev{ left: 50%; margin-left: -568px; background-color: #af251b; color: #fff; border-radius: 42px 0 0 42px;}
.store-demo .swiper-button-prev:before{ content:"\e603";}
.store-demo .swiper-button-next{ right: 50%; margin-right: -568px; background-color: #af251b; color: #fff; border-radius: 0 42px 42px 0;}
.store-demo .swiper-button-next:before{ content:"\eb5b";}
.store-demo .swiper-pagination{ position: relative; text-align: center; width: 100%; padding-top: 40px;}
.store-demo .swiper-pagination-bullet{ width: 18px; height: 18px; margin: 0 9px;}
.store-demo .swiper-pagination-bullet-active{ background-color: #af251b;}
/*store style end*/
/*contact style*/
.contact-page{ padding-left: 15%;}
.contact-desc{ float: left; display: block; width: 300px;}
.contact-t{ font-size: 26px; line-height: 1.5; font-weight: bold; margin-bottom: 35px;}
.contact-t span{ display: inline-block; border-bottom: 10px solid #e6e6e6; padding-bottom: 10px;}
.contact-desc .iconfont{ margin-right: 5px; color: #5f5f5f;}
.mapBox{ margin-left: 400px; height: 695px;}
.BMap_bubble_title{ color: #af251b !important; font-size: 16px !important; margin-bottom: 5px;}
.BMap_bubble_content{ font-size: 12px;}
.anchorBL{ display: none !important;}
.bg03754c{ background-color: #af251b;}
.messagePage{ color: #fff;}
.messagePage .pageT{ color: #fff; float: left; display: block;}
.messagePage .pageT .t:before{ background-color: #ffd1ce;}
.message-desc{ margin-left: 400px;}
.f36{ font-size: 36px;}
.f21{ font-size: 21px;}
.message-bot{ width: 100%; height: 10px; background-color: #ffd1ce; margin: 10px 0 100px;}
.message-tab{ width: 100%; display: block; font-size: 21px;}
.message-tab li{ float: left; display: block; width: 45%; margin-right: 5%; padding-bottom: 20px;}
.message-tab .cpadding{ padding: 80px 5% 40px 0;}
.message-tab .cname{ float: left; display: inline-block; width: 70px;}
.message-tab .citem{ padding-left: 70px;}
.message-tab .mtxt{ border: 0 none; background-color: transparent; border-bottom: 4px solid #fff; color: #fff; font-size: 19px; width: 100%; padding-bottom: 5px;}
.message-tab .mtxt2{ border: 0px none; background-color: #fff; padding: 10px 3%; width: 94%; resize: none; height: 192px; color: #af251b; font-size: 19px;}
.message-tab .mtxt::-webkit-input-placeholder {color: #fff;}
.message-tab .mtxt::-moz-input-placeholder {color: #fff;}
.message-tab .mtxt::-ms-input-placeholder {color: #fff;}
.message-tab .mtxt2::-webkit-input-placeholder {color: #af251b;}
.message-tab .mtxt2::-moz-input-placeholder {color: #af251b;}
.message-tab .mtxt2::-ms-input-placeholder {color: #af251b;}
.message-tab .cbtn{ padding-left: 70px;}
.message-tab .mbtn{ float: left; display: block; width: 156px; font-size: 19px; height: 36px; line-height: 32px; border: 2px solid #ffd1ce; text-align: center; border-radius: 18px; color: #fff; margin-right: 34px;background-color: #af251b;cursor:pointer;}
.message-tab .mbtn:hover{ background-color: #fff; color: #5a120d;}
.message-tab .mbtn:last-child{ margin-right: 0;}
/*contact style end*/

.bgec{ background-color: #ececec;}
.pding3{ padding: 85px 0;}
.tealist{ margin-left: -2%;}
.tealist .item,.tealist .frist-item{ position: relative; float: left; display: block; width: 31.33%; margin-left: 2%; margin-bottom: 5%;}
.tealist .item{ cursor: pointer;}
.tealist .item .desc{ display: none;}
.tealist .type{ position: absolute; top: 54%; left: 16%; right: 16%; color: #fff; font-size: 30px;}
.tealist .txt{ position: absolute; left: 50%; top: 50%; font-size: 18px; padding: 10px 40px; background-color: #af251b; text-align: center; color: #fff; transform:translate(-50%) scale(0.9); transition: .4s; -webkit-transition: .4s; opacity: 0; visibility: hidden;}
.tealist .txt:before{ content: ""; position: absolute; left: 3px; top: 3px; right: 3px; bottom: 3px; border: 1px solid #fff;}
.boxt-line { background-color: #af251b; position: absolute; z-index: 2; -webkit-transition: 0.6s; transition: 0.6s;}
.boxt-s1 { width: 14px; left: 0%; bottom: 0px; height: 0px; }
.boxt-s2 { width: 0px; left: 0%; top: 0px; height: 14px; }
.boxt-s3 { width: 14px; right: 0%; top: 0px; height: 0px; }
.boxt-s4 { width: 0px; right: 0%; bottom: 0px; height: 14px; }

.bubble-nav{ text-align: center; border-top: 3px solid #af251b; border-bottom: 3px solid #af251b;}
.bubble-nav li{ display: inline-block; *display: inline; *zoom: 1;  border-right: 3px solid #af251b;}
.bubble-nav li:first-child{ border-left: 3px solid #af251b;}
.bubble-nav a{ display: block; padding: 32px 50px; font-size: 22px; color: #3b3b3b;}
.bubble-nav .io{ position: relative; float: left; width: 28px; height: 30px; border: 4px solid #7e7e7e; display: inline-block; margin-right: 10px;}
.bubble-nav .io::before{ content: ""; position: absolute; left: 0; top: -10px; background: url(../images/sel1.png) no-repeat; width: 0; height: 37px; transition: .3s; background-size: cover;}
.bubble-nav a.active .io::before{ width: 49px;}
.bubble-bg{ position: relative; background-color: #af251b; margin-top: 4px; height: 46px;}
.bubble-bg::before,.bubble-bg::after{ content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background-color: #fff; left: 3%; top: 50%; margin-top:-4px;}
.bubble-bg::after{ left: auto; right: 3%;}
.bubble-bg .line{ position: absolute; left: 5%; right: 5%; width: 90%; height: 2px; top: 50%; margin-top: -1px; background-color: #fff;}
.pswp__counter{ display: none;}
.pswp__caption__center .txt{ font-size: 24px;}
.pswp__caption__center .desc{ font-size: 16px;}
.obox-black{ position: fixed; left: 0; top:0; background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.35); width: 100%; height: 100%; z-index: 1030; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch;}
.obox-page{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 1038px; border: 6px solid #af251b; background-color: #fff; border-radius: 20px;}
.obox-page .bt{ background-color: #eeeeee; padding: 16px 0;}
.obox-page .c{ width: 90%; margin: 0px auto; padding: 30px 0; font-size: 20px;}
.obox-page .title{ font-size: 34px; color: #333; margin-bottom: 20px;}
.obox-page a.btn-close{ border-top: 1px solid #c3c3c3; display: block; height: 82px; line-height: 82px; text-align: center; color: #af251b; font-size: 32px;}
.obox-page a.btn-close:hover{ color: #333;}