/* CSS Reset */
body, div, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, button{margin: 0;padding: 0;border: 0;}
html{-webkit-text-size-adjust:none; }
body{overflow-x:hidden;margin:0; padding:0;background: #000;}
body sup {display: inline-block!important;vertical-align: top;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
a{text-decoration:none;color:#efce2f;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;} 
a:hover{text-decoration:none;color:#000;} 
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; } 
a *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
* {font-family:'Conv_AGENCYR',PingFang SC,Helvetica Neue,Arial, ;}
input,select,textarea {-webkit-appearance: none;border-radius: 0;outline: none}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none; font-size:14px;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#a1a4b2;font-size:14px;}
input::-moz-input-placeholder,textarea::-moz-input-placeholder{color: #a1a4b2;font-size:14px;}
input::-ms-input-placeholder,textarea::-ms-input-placeholder {color: #a1a4b2;font-size:14px;}
img {max-width: 100%;max-height:100%;}
.left{ float:left;}
.right{ float:right;}
.clear { clear:both;}
.alltransition {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.opacity0{filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}
.no-touch { height:100%;}
.no-touch body{ overflow:hidden;height:100%;}
.pcshow { display:block;}
.mbshow { display:none!important;}
.relative {position: relative;}
.table {display: table;width: 100%;height: 100%;}
.table-cell {display: table-cell;vertical-align: middle;}
.fullscreen,.fullscreen body {height: 100%;overflow: hidden}
.display-block {display: block!important;}
.height-auto {height: auto!important;}
.hide {display: none;opacity: 0;width: 0px;height: 0px;z-index: -1;overflow: hidden;}
.content {width:100%;margin: auto;position: relative;}
.img-block {display: block;width: 100%;height: auto;}
 


 
/* top */
.logo {position: fixed;left:3%;top:5%;width: 89px;height: 97px;z-index: 99;}

.scroll-nav{font-size: 0;position: absolute;left: 3%;bottom: 5%;color: #fff;}
.scroll-nav i{background: url("../images/s1.png");width: 20px;height: 30px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.scroll-nav h5{margin: 0px;font-weight: normal;font-size: 16px;text-transform: uppercase;display: inline-block;vertical-align: middle;}


.nav-box {position:absolute;width: 100%;height: 100%;}
.nav-box-relative {position:relative;width: 100%;height: 100%;text-align: center;}
.nav-box-relative .table-cell{font-size: 0;}
.nav-line {width:0;height: 1px;background: #fff;opacity: .2;position: absolute;top: 50%;margin-top: 7px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;transition-delay: 600ms;}
.nav-line.nline1 {left: 0;}
.nav-line.nline2 {right: 0;}
.nav-c-box {border: 1px solid #fff;position: absolute;left:50%;top:50%;width: 20px;height:20px;margin: -10px 0 0 -10px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);opacity: .3;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.nav-c-box.ncbox1 {transition-delay: 200ms;}
.nav-c-box.ncbox2 {transition-delay: 400ms;width: 10px;height:10px;margin: -5px 0 0 -5px;}
.no-touch .nav-c-box.ncbox1 {width: 600px;height:600px;margin: -294px 0 0 -300px;}
.no-touch .nav-c-box.ncbox2 {width: 400px;height:400px;margin: -200px 0 0 -200px;}
.no-touch .nav-box .nav-line {width: 27.8%;}
.nav-swiper {width: 100%;height: 100%;}
.nav-swiper .nav-txt {padding: 0 30px;display: inline-block;overflow: hidden;position: relative;z-index: 5;}
.nav-swiper .nav-txt::after {content: '';display: block;width: 100%;height: 1px;position: absolute;background-color: #000;left:0;top: 50%;margin-top:7px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.nav-swiper .nav-txt a {color: #fff;}
.nav-swiper .nav-txt a h6{font-size: 14px;margin: 0;color: #c80822;}
.nav-swiper .nav-txt a h6 span {}
.nav-swiper .nav-txt a h3 {font-size: 40px;margin: 0;text-transform: uppercase;letter-spacing: 3px;position: relative;-webkit-transition:none;-moz-transition:none;transition:none;}
.nav-swiper .nav-txt a h3 strong {position: relative;z-index: 3;padding:0px;}
/*.nav-swiper .nav-txt a h3::after {content: '';display: block;width: 0; height: 10px;background: #c80822;position: absolute;left: 50%;top: 50%;margin-top: -5px; z-index: 1;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}*/
.nav-swiper .swiper-slide-active .nav-txt {background:none;}
.nav-swiper .swiper-slide-active .nav-txt h3 {font-size: 100px;line-height: 90px;}
.nav-swiper .swiper-slide-active .nav-txt h3 strong {padding: 0 20px;}
.nav-swiper .swiper-slide-active .nav-txt h3::after {width: 100%;left: 0;transition-delay: 200ms;}
.nav-swiper .swiper-slide-active .nav-txt::after {width: 100%;height: 10px;background: #c80822;margin-top:3px;left: 0;transition-delay: 200ms;}
.nav-swiper .swiper-slide-prev .nav-txt{text-align: right;}
.nav-swiper .swiper-slide-next .nav-txt{text-align: left;}



/* nav */
.nav-language {display: block;position:fixed;right:3%;top:7%;z-index:99; }
.menu-toggle {display: none;width:60px;height:60px; position:relative;float: right;border: 1px solid #333;}
.menu-toggle a {display: block;overflow: hidden;position: relative;}
.menu-toggle i {display: block;position: absolute;background: #fff;z-index: 3;}
.menu-toggle i.line-t {width: 100%;height: 1px;top: 0;left: 0;}
.menu-toggle i.line-b {width: 100%;height: 1px;bottom: 0;left: 0;}
.menu-toggle i.line-l {width: 1px;height: 100%;top: 0;left: 0;}
.menu-toggle i.line-r {width: 1px;;height: 100%;;top: 0;right: 0;}
.menu-toggle i.line-br {width:16px;height: 1px;bottom: 6px;right: -3px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-50deg);display: none;}


.menu-toggle a:hover span.hamburger{-webkit-animation: wa1 1000ms 1;animation: wa1 1000ms 1;}
.menu-toggle a:hover span.hamburger:before {-webkit-animation: wa2 1000ms 1;animation: wa2 1000ms 1;}
@keyframes wa1{0%{width: 0%;left:0;margin-left:0px;} 100%{width: 24px;left: 50%;margin-left: -12px;}}
@keyframes wa2{0%{width: 0%;left:0;margin-left:0px;} 100%{width: 18px;left: 50%;margin-left: -12px;}}

.menu-toggle i{background: none;}
.menu-toggle:hover i{background: #fff;z-index: 9;}
.menu-toggle i::before {content: '';display: block;position: absolute;background: #fff;opacity: 0;}
.menu-toggle i.line-t::before {right: 0;top: 0;width:100%;height: 1px;      animation: line1 2000ms 0ms  infinite;}/* infinite */
.menu-toggle i.line-l::before {left: 0;top: 0;width:1px;height:100%;        animation: line2 2000ms 1500ms  infinite;} 
.menu-toggle i.line-b::before {left: 0;bottom: 0;width:100%;height:1px;     animation: line1 2000ms 2500ms  infinite;} 
.menu-toggle i.line-r::before {right: 0;bottom: 0;width:1px;height:100%;    animation: line2 2000ms 3500ms  infinite;} 
.menu-toggle i.line-br::before {left: 0;bottom: 0;width:16px;height:1px;    animation: line1 2500ms 1500ms  infinite;} 
@keyframes line1{0%{width: 0%;opacity: 0;} 50%{width: 100%;opacity: 1;}100%{width: 100%;opacity: 0;}}
@keyframes line2{0%{height: 0%;opacity: 0;} 50%{height: 100%;opacity: 1;}100%{height: 100%;opacity: 0;}}






.menu-toggle span.hamburger,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:2px;background:#fff;position:absolute;top:50%;margin-top:-5px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger:after {margin-top:-7px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:7px;top:0;transition-delay:0.2s;}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.12s;-webkit-transform:translateX(-70px);-moz-transform:translateX(-70px);-ms-transform:translateX(-70px);-o-transform:translateX(-70px);transform:translateX(-70px);}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);-moz-transform:translateX(70px);-ms-transform:translateX(70px);-o-transform:translateX(70px);transform:translateX(70px);}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.menu-toggle span.hamburger:before {width:18px;}

.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:24px;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);-moz-transform:translateY(-70px) translateX(-70px) rotate(45deg);-ms-transform:translateY(-70px) translateX(-70px) rotate(45deg);-o-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);-moz-transform:translateY(70px) translateX(-70px) rotate(-45deg);-ms-transform:translateY(70px) translateX(-70px) rotate(-45deg);-o-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);-moz-transform:translateY(-70px) translateX(70px) rotate(-45deg);-ms-transform:translateY(-70px) translateX(70px) rotate(-45deg);-o-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;-moz-transform:rotate(-45deg) !important;-ms-transform:rotate(-45deg) !important;-o-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}
 
.cd-nav-trigger {width: 100%;height: 100%;display: block;}
.cd-nav-container{position: fixed; z-index:90; top:0px; right: 0; width: 100%;height:100%;overflow-y: auto;overflow-x: hidden; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.cd-nav-container.is-visible{-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);-webkit-overflow-scrolling: touch;}

.cd-overlay{position: fixed;background: #000 url("../images/nav-bg.jpg");background-size:cover; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s; -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s; transition: opacity 0.4s 0s, visibility 0s 0.4s;z-index:10;}
.cd-overlay.is-visible{opacity: 1;z-index:80; visibility: visible; -webkit-transition: opacity 0.4s 0s, visibility 0s 0s; -moz-transition: opacity 0.4s 0s, visibility 0s 0s; transition: opacity 0.4s 0s, visibility 0s 0s;}


.language {display: block;float: right;padding:5px 30px 0 0 ;text-align: right;}
.language h6{margin: 0;color: #fff;font-weight: normal;font-size: 14px;text-transform: uppercase;position: relative;padding: 0 0 10px 15px}
.language h6::after {content: '';display: block;width: 100%;height: 1px;background: #fff;position: absolute;bottom: 0;right: 0;}
.language .language-link{padding:10px 0 0 0;}
.language .language-link a{font-size: 14px;text-transform: uppercase; margin-left:20px;color: #fff;}
.language .language-link a.cur{color: #cb152d;}

.right-menu {text-align: right;position: fixed;right:3%;top:50%;z-index: 70;margin-top: -100px;}
.right-menu li {list-style: none;margin: 0;padding: 0;display: block;}
.right-menu a{color: #fff;display: inline-block;text-transform: uppercase;padding: 10px 5px;overflow: hidden;font-size: 14px;position: relative;}
.right-menu a strong {font-weight: normal;position: relative;z-index: 3;}
.right-menu a::after {content: '';display: block;width:0;height: 2px;background: #cb0822;position: absolute;left: 0;top: 50%;margin-top: -1px;z-index: 1;}
.right-menu a.cur::after {width: 100%;}
.right-menu a:hover {opacity: .5;}
.right-menu.rm2 {top:80%;margin-top:0;}


.scroll-left {position: fixed;left:1%;top:83%;z-index: 40;}
.index-scroll {z-index:70;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.index-scroll h6{margin: 0;font-weight: normal;font-size: 0;position: relative;padding-bottom:7px;padding-left: 30px;}
.index-scroll h6::after {content: '';display: block;width: 100%;height: 1px;background: #fff;position: absolute;bottom: 0;left: 0;-webkit-animation: w100 3000ms infinite ease-in-out;animation: w100 3000ms infinite ease-in-out;}
.index-scroll h6 span{font-size: 12px;color: #fff;text-transform: uppercase;letter-spacing: 1px; margin-right: 10px;display: inline-block;vertical-align: middle;}
.index-scroll h6 i{width: 12px;height: 10px; background: url("../images/d.png");display: inline-block;vertical-align: middle;-webkit-animation: op01 1000ms infinite ease-in-out;animation: op01 1000ms infinite ease-in-out;}
@keyframes w100{0%{width: 0;}100%{width: 100%;}}
@keyframes op01{0%{opacity: 0;}100%{opacity: 1;}}



.copy-bottom {color: #747474;font-size: 12px;text-transform: uppercase;padding: 0px ;overflow: hidden;position: absolute;width: 100%;z-index: 50;bottom: 5%;}
.copy-bottom * {font-family:Arial;}
.copy-bottom .content {margin: auto!important;position: relative!important;left: auto!important;top: auto!important;width:70%!important;}
.copy-bottom .center{width: 100%;text-align: center;}
.copy-bottom .center a{color: #747474;}
.copy-bottom .center a:hover {color: #fff;}


.popup-window {background: rgba(0,0,0,.5);position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;height: 100%;display: none;}
.popup-window-content {background: #fff;width: 800px;padding: 5% 2% 5% 5%;margin: auto;position: relative;z-index: 10;opacity: 0;transform: translate(0px,-100px);transition: all .4s;}
.popup-window-content .rolling-content{overflow: auto;height: 500px;position: relative;}
.popup-window-content .rolling-content .rolling-h{padding-right: 50px;font-size: 16px;color: #7d7d7d;line-height: 26px;}
.popup-window-content .rolling-content .rolling-h h2{color: #000;margin: 10px 0;text-transform: uppercase;font-size: 30px;}
.popup-window-content-bg {position: absolute;left: 0;top: 0;width:100%;height: 100%;z-index: 1;}
.ani-show1 {display: block;opacity: 1;transform: translate(0px,0px);transition-delay: .5s;}
.video-window-content {width: 80%;height: auto;margin: auto;position: relative;z-index: 10;}
.video-window-content video {width: 100%;height: auto;display: block;margin: auto;}





/*浏览器*/
#browser_ie {BACKGROUND-COLOR: #f6f6b4; DISPLAY: none; HEIGHT:auto;overflow: hidden; COLOR: #000; FONT-SIZE: 15px;text-align: center;position: absolute;left: 0;top: 0;width: 100%;z-index: 9999;}
#browser_ie .brower_info {MARGIN: 0px auto; WIDTH: 800px;padding: 1% 0;overflow: hidden;position:relative;text-align: center;}
#browser_ie .brower_info .notice_info {POSITION: relative;overflow: hidden;}
#browser_ie .brower_info .notice_info P { text-align: center; LINE-HEIGHT: 25px;overflow: hidden;DISPLAY: inline-block}
#browser_ie .browser_list {POSITION: relative;text-align: center;}
#browser_ie .browser_list IMG {WIDTH: 40px; HEIGHT: 40px}
#browser_ie .browser_list SPAN {TEXT-ALIGN: center;padding:1%;DISPLAY: inline-block;vertical-align: top;}
.close { z-index: 9999;width: 30px; height:30px;background: url("../images/xx.png") center no-repeat;background-size: 40%;text-align:center; padding:10px; position:absolute; right:2%; display:block; top:30px;cursor: pointer;}
.close:hover {background: url("../images/xx.png") center no-repeat #000;background-size: 40%; }

 


 




/*scrollbar*/
::-webkit-scrollbar{height:4px; width:0px;}
::-webkit-scrollbar-button{height:0; width:0}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{display:block}
::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement{display:none}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{border-style:solid; border-color:transparent}
::-webkit-scrollbar-track:vertical::-webkit-scrollbar-track:horizontal{background-clip:padding-box; background-color:#ccc;}
::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 1px 1px 0 #ccc,inset 0 -1px 0 #ccc; background-clip:padding-box; background-color:#ccc; min-height:28px;}
::-webkit-scrollbar-thumb:hover{-webkit-box-shadow:inset 1px 1px 1px #ccc; background-color:#ccc;}
::-webkit-scrollbar-thumb:active{-webkit-box-shadow:inset 1px 1px 3px #ccc; background-color:#ccc;}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{border-width:0;}
::-webkit-scrollbar-track:hover{-webkit-box-shadow:inset 1px 0 0 #ccc; background-color:#ccc}
::-webkit-scrollbar-track:active{-webkit-box-shadow:inset 1px 0 0 #ccc,inset -1px -1px 0 #ccc; background-color:#ccc}



 

@font-face {
	font-family: 'Conv_AGENCYR';
	src: url('../fonts/AGENCYR.eot');
	src: local('☺'), url('../fonts/agencyr.woff') format('woff'), url('../fonts/agencyr.ttf') format('truetype'), url('../fonts/agencyr.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

 
@font-face {
	font-family: 'Conv_AGENCYB';
	src: url('../fonts/agencyb.eot');
	src: local('☺'), url('../fonts/agencyb.woff') format('woff'), url('../fonts/agencyb.ttf') format('truetype'), url('../fonts/agencyb.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}