@charset "utf-8";

.header{ position:fixed; top:0; left:0; right:0; z-index: 1005; background:#fff;}
.logo{ display:block; }
.lgImg{ display:block; width:100%; }
.pic,.pic2{ display:block; overflow:hidden; position:relative; }
.rel{ position:relative; }
.pic > img{ display:block; width:100%; transition:600ms; -webkit-transition:600ms; }
.pic2 > img{display:block; width:100%; }
.tx{ text-align:justify; overflow:hidden; line-height:25px !important; }
.freeTx{ text-align:justify; }
.freeTx img{display:block;	margin:0 auto;	max-width:100%; height:auto !important; }
.nowti{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:1.4; }
.now{white-space:nowrap; overflow:hidden;}
.ti,.name,.ch{ line-height:1.4; }
.en{ line-height:1.1; }
.fixbg{ background-repeat:no-repeat; background-position: center center; background-size:cover; background-attachment:fixed; }
.wsibf,.pager{ text-align:center; font-size:0;}
.wsib,.pager a{ display: inline-block; *zoom: 1; *display: inline; vertical-align:middle; font-size:14px; }
.menuBox{ position:fixed;width:320px;top:0; right:-320px;height:100%;  background:#f8f8f8; z-index:1004; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;	display:none;}
.mcv{ line-height:44px; text-align:center; cursor:pointer; display:none; } 
.caret { display: inline-block; width: 0px; height: 0px; margin-left: 10px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.ico,.aw{display:block;	background-repeat:no-repeat;background-position:center center;}
.l{float:left;}
.r{float:right;}
.foLine{ position:relative; }
.foLine .wLine{ display:block; position:absolute; background:red;transition:400ms;-webkit-transition:400ms; }
.foLine .wLine_1{ width:0; height:5px; top:0; left:0; }
.foLine .wLine_2{ width:0; height:5px; bottom:0; right:0; }
.foLine .wLine_3{ height:0; width:5px; bottom:0; left:0; }
.foLine .wLine_4{ height:0; width:5px; top:0; right:0; }
.foLine:hover .wLine_1,.foLine:hover .wLine_2{ width:100%; }
.foLine:hover .wLine_3,.foLine:hover .wLine_4{ height:100%; }
.tac{text-align: center;}
.ttu{ text-transform:uppercase; }
.fwb{ font-weight:bold; }
.line{ display:block; }

/* animation */
.trtion{ transition:700ms; -webkit-transition:700ms; transition-timing-function:ease-out; -webkit-transition-timing-function:ease-out;  }
.dly_1{ transition-delay:100ms; -webkit-transition-delay:100ms; }
.dly_15{ transition-delay:150ms; -webkit-transition-delay:150ms; }
.dly_2{ transition-delay:200ms; -webkit-transition-delay:200ms; }
.dly_3{ transition-delay:300ms; -webkit-transition-delay:300ms; }
.dly_4{ transition-delay:400ms; -webkit-transition-delay:400ms; }
.dly_45{ transition-delay:450ms; -webkit-transition-delay:450ms; }
.dly_5{ transition-delay:500ms; -webkit-transition-delay:500ms; }
.dly_6{ transition-delay:600ms; -webkit-transition-delay:600ms; }
.dly_7{ transition-delay:700ms; -webkit-transition-delay:700ms; }
.dly_8{ transition-delay:800ms; -webkit-transition-delay:800ms; }
/* animation end */

/* menuBtn */
 .trans, .trans:hover { -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.menu-handler { display: none; background:#d3a63a; overflow: hidden; width: 60px; height: 60px; cursor: pointer; position:absolute; right:0; top: 0px; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); z-index:1012; }
.menu-handler .burger { width: 32px; height: 4px; background: #fff; display: block; position: absolute; z-index: 5; top: 18px; left: 50%; margin: 0px 0px 0px -16px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 28px; }
.menu-handler .burger-3 { top: 38px; }
.menu-handler.active .burger-1 { top: 30px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: -100%; }
.menu-handler.active .burger-3 { top: 30px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); } 
/* menuBtn end */

/*slick*/
.slick-dots{ font-size:0; text-align:center; margin-top:38px; }
.slick-dots li{ width:6px; height:6px; border: 3px solid #959595; border-radius:100%; margin:0 5px; display: inline-block;*zoom: 1;*display: inline; vertical-align:middle; transition: 300ms; -webkit-transition: 300ms;  }
.slick-dots li a{ display:block; width:100%; height:100%; }
.slick-dots li.slick-active,.slick-dots li:hover{ background:#d3a63a !important; border-color: #d3a63a; }
/*slick end*/

@keyframes phoneRotate { 
	from, to { transform: none; }
  	20% { transform: rotate(-10deg); }
  	40% { transform: rotate(10deg); }
 	60% { transform: rotate(-10deg); }
  	80% { transform: rotate(10deg); } 
	} 
@keyframes phoneJump { 
	from, to { transform: none; }
  	50% { transform: translate(0, -7px); } 
	} 
@keyframes _cyLogoShow { 
	0% { background: linear-gradient(120deg, transparent -15%, rgba(255, 255, 255, 0.5), transparent 15%); }
  	10% { background: linear-gradient(120deg, transparent -5%, rgba(255, 255, 255, 0.5), transparent 25%); }
  	20% { background: linear-gradient(120deg, transparent 5%, rgba(255, 255, 255, 0.5), transparent 35%); }
  	30% { background: linear-gradient(120deg, transparent 15%, rgba(255, 255, 255, 0.5), transparent 45%); }
  	40% { background: linear-gradient(120deg, transparent 25%, rgba(255, 255, 255, 0.5), transparent 55%); }
  	50% { background: linear-gradient(120deg, transparent 35%, rgba(255, 255, 255, 0.5), transparent 65%); }
  	60% { background: linear-gradient(120deg, transparent 45%, rgba(255, 255, 255, 0.5), transparent 75%); }
  	70% { background: linear-gradient(120deg, transparent 55%, rgba(255, 255, 255, 0.5), transparent 85%); }
  	80% { background: linear-gradient(120deg, transparent 65%, rgba(255, 255, 255, 0.5), transparent 95%); }
  	90% { background: linear-gradient(120deg, transparent 75%, rgba(255, 255, 255, 0.5), transparent 105%); }
  	100% { background: linear-gradient(120deg, transparent 85%, rgba(255, 255, 255, 0.5), transparent 115%); } 
	} 
@keyframes logoShow { 
	from, to { transform: scale(1, 1); }
    25% { transform: scale(0.9, 1.1); }
    50% { transform: scale(1.1, 0.9); }
    75% { transform: scale(0.95, 1.05); } 
   } 

.slick-arrow,.c-prev,.c-next{ width:28px; height:28px; background:#959595; border-radius:100%; display:block; position:relative; z-index:99; }
.slick-arrow i,.c-prev:before,.c-next:before{ display:block; position:absolute; top:0; bottom:0; width:35px; transition:transform 300ms; -webkit-transition:transform 300ms; }
.slick-prev i,.c-prev:before{ right:11px; background:url(../images/index/ix-ico-4.png) no-repeat left center; }
.slick-next i,.c-next:before{ left:11px; background:url(../images/index/ix-ico-5.png) no-repeat right center; }
.c-prev:before,.c-next:before{ content:""; }
.c-prev,.c-next{ background:#ddd; transition:300ms; -webkit-transition:300ms; }
.c-prev:before{ background:url(../images/pd-ico-1.png) no-repeat center center; }
.c-next:before{ background:url(../images/pd-ico-4.png) no-repeat center center; }