@charset "utf-8";
/* CSS Document */
/*
color:red !important;/* Firefox、IE7支持 
_color:red;  IE6支持 
*color:red;  IE6、IE7支持 
*+color:red; IE7支持/
color:red\9; IE6、IE7、IE8支持 
color:red\0; IE8支持
@media screen and(-webkit-min-device-pixel-ratio:0){} chrome
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#99000000', EndColorStr='#99000000');
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templets/ftwcm/images/bg_index.body1.png');_background:none;
background:linear-gradient(#e99c40,#d35224);-webkit-background:linear-gradient(#e99c40,#d35224);
pointer-events;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.3));
-moz-appearance:none;
-webkit-appearance:none;
appearance:none;
select::-ms-expand{display:none;}
input::-moz-placeholder{opacity:1;}
input::-webkit-placeholder{opacity:1;}
input::-ms-placeholder{opacity:1;}
.gray{-webkit-filter: grayscale(100%);filter:grayscale(100%);filter:gray;}
@media screen and (min-width:540px){
body{width:540px;}
header{width:540px;}
}
@media screen and (max-width:320px){
body{width:320px;}
header{width:320px;}
}
@-webkit-keyframes a1{}

white-space:nowrap;不换行
*/ 
html{ overflow-x:auto; overflow-y:auto;}
*{ padding:0; margin:0;outline:none !important;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}
ul, ol,li{ list-style-type:none;}
body, button, input, select, textarea{  font-family: 'Microsoft yahei'; font-size:12px;}
code, kbd, pre, samp { font-family: 'Microsoft yahei';}
a{ text-decoration:none; color:#333; cursor:pointer;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
	 -o-transition: all 0.2s ease-out 0s; 
		transition: all 0.2s ease-out 0s;}
img{border:0; max-width:100%;}
li { line-height:normal; }
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family: 'Microsoft yahei'; }
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
body{ position:relative; float:left; width:100%;}
select{ margin:0; padding:0; font-family: 'Microsoft yahei'; border:none;}
textarea{ resize:none;outline:none; }
label{ margin-bottom:0; font-weight:normal;}
input,select,textarea{ margin:0; padding:0; border:0; outline:none;
 -moz-border-radius:0px; 
 -webkit-border-radius:0; 
 -khtml-border-radius:0;
 border-radius:0;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;
}

/*********************************************************************重置***********************************************************************/

.pz_top{ float:left; width:100%; position:relative; z-index:999;}
.pz_banner{ float:left; width:100%; position:relative; background:#343434; overflow:hidden;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.pz_main{ float:left; width:100%; overflow:hidden;}
.pz_down{ float:left; width:100%; overflow:hidden; background:#191919;}
/*@media screen and (max-width:767px) {
.pz_down{ padding-bottom:50px;}
}*/

.pz_banner.banner-in{ height:0 !important; position:absolute; z-index:-1;}
.banner_1{ width:100%; height:100%; position:absolute; left:0; top:0;}
.banner_1 i{ font-style:normal;}
.banner_1 .banner_btn{ width:30px; height:65px; position:absolute; left:50%; bottom:25px; margin-left:-15px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;
animation:myfirst 1s infinite;
-moz-animation:myfirst 1s infinite; /* Firefox */
-webkit-animation:myfirst 1s infinite; /* Safari and Chrome */
-o-animation:myfirst 1s infinite; /* Opera */}
.banner_1 .banner_btn img{display:block;}
@keyframes myfirst
{
0%   { bottom:15px;}
50%  { bottom:25px;}
75%  { bottom:25px;}
100% { bottom:15px;}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   { bottom:15px;}
50%  { bottom:25px;}
75%  { bottom:25px;}
100% { bottom:15px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   { bottom:15px;}
50%  { bottom:25px;}
75%  { bottom:25px;}
100% { bottom:15px;}
}

@-o-keyframes myfirst /* Opera */
{
0%   { bottom:15px;}
50%  { bottom:25px;}
75%  { bottom:25px;}
100% { bottom:15px;}
}
@media screen and (max-width:767px) {
.b_nav{bottom:80px;}
.banner_1 .banner_btn{ width:20px; height:44px; bottom:80px; margin-left:-10px;}
@keyframes myfirst
{
0%   { bottom:55px;}
50%  { bottom:80px;}
75%  { bottom:80px;}
100% { bottom:55px;}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   { bottom:55px;}
50%  { bottom:80px;}
75%  { bottom:80px;}
100% { bottom:55px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   { bottom:55px;}
50%  { bottom:80px;}
75%  { bottom:80px;}
100% { bottom:55px;}
}

@-o-keyframes myfirst /* Opera */
{
0%   { bottom:55px;}
50%  { bottom:80px;}
75%  { bottom:80px;}
100% { bottom:55px;}
}
}

/*--类--*/

/*--通用--*/

.body .a_l{position:absolute;bottom:0;top:50%;width:140px;height:96px;left:-22px; margin-top:-70px;z-index:1;border-top:3px solid #fff; font-size:16px; color:white; font-weight:bold; font-family:Arial; text-transform:uppercase; line-height:96px; text-align:center; cursor:pointer;
transform:rotate(90deg);
-ms-transform:rotate(90deg);    /* IE 9 */  
-moz-transform:rotate(90deg);   /* Firefox */  
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */  
-o-transform:rotate(90deg);     /* Opera */  
transition:all 0.7s ease-out 0s;-webkit-transition:all 0.7s ease-out 0s;}
.body .a_l:hover{background-color:rgba(255,255,255,0.15);}
.body .a_l:after{content:"";position:absolute;right:0px;top:-3px;width:100%;height:3px;background:#d32329;
transition:all 0.3s cubic-bezier(0,1,1,1) 0s;-webkit-transition:all 0.3s cubic-bezier(0,1,1,1) 0s;clip:rect(3px 70px 3px 70px);}
.body .a_l:hover:after{clip:rect(0px 140px 3px 0);}
.body .a_r{position:absolute;right:0;top:50%;width:140px;height:96px;right:-22px; margin-top:-70px;z-index:1;border-bottom:3px solid #fff; font-size:16px; color:white; font-weight:bold; font-family:Arial; text-transform:uppercase; line-height:96px; text-align:center; cursor:pointer;
transition:all 0.7s ease-out 0s;-webkit-transition:all 0.7s ease-out 0s;
transform:rotate(90deg);
-ms-transform:rotate(90deg);    /* IE 9 */  
-moz-transform:rotate(90deg);   /* Firefox */  
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */  
-o-transform:rotate(90deg);     /* Opera */  }
.body .a_r:hover{background-color:rgba(255,255,255,0.15);}
.body .a_r:after{content:"";position:absolute;bottom:-3px;left:0;width:100%;height:3px;background:#d32329;
transition:all 0.3s cubic-bezier(0,1,1,1) 0s;-webkit-transition:all 0.3s cubic-bezier(0,1,1,1) 0s;clip:rect(3px 70px 3px 70px);}
.body .a_r:hover:after{clip:rect(0px 140px 3px 0);}

.banner{width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;}
.banner .frame{position:relative;height:100%;overflow:hidden;}
.banner .child{position:absolute;left:0;top:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;z-index:-1;}
.banner .vbg{position:absolute;left:50%;top:50%;width:100%;height:100%;display:none;
transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.banner .vbgm{position:absolute;left:0%;top:0%;width:100%;height:100%;display:none;}
.b_nav{position:absolute;left:0;bottom:30px;right:0;text-align:center;}
.b_nav i{display:inline-block;width:14px;height:14px;margin:0 5px;cursor:pointer;vertical-align:middle;
-moz-border-radius:50%; 
 -webkit-border-radius:50%; 
 -khtml-border-radius:50%;
 border-radius:50%;}
.b_nav i.now{ background-position:right center; box-shadow:0 0 6px rgba(0,0,0,1);}

.main{position:absolute;left:94px;top:98px;right:94px;bottom:110px;background:rgba(255,255,255,0);}
.main .bdr{position:absolute;background:#ddd;
transition:all 1s cubic-bezier(0,1.3,0.7,1) 0s;-webkit-transition:all 1s cubic-bezier(0,1.3,0.7,1) 0s;}
.main .b1{left:0;top:0;width:1px;height:1px;}
.loaded .main .b1{width:100%;}
.main .b2{right:0;top:0;width:1px;height:1px;}
.loaded .main .b2{height:100%;}
.main .b3{right:0;bottom:0;width:1px;height:1px;}
.loaded .main .b3{width:100%;}
.main .b4{left:0;bottom:0;width:1px;height:1px;}
.loaded .main .b4{height:100%;}

.home{position:relative;height:100%;}
.titbox{position:absolute;left:50%;top:50%;text-align:center;color:#fff;width:100%;cursor:default;display:none;
transform:translate(-50%,-56%);-webkit-transform:translate(-50%,-56%);}
.titbox:first-child{display:block;}
.titbox h3{font-size:80px;font-family:Cambria,Arial;color:#d32329;text-transform:uppercase; font-weight:bold;}
.titbox h4{font-size:54px;margin-top:22px;color:#fff;}
.titbox p{font-size:24px;margin-top:28px; padding-top:30px;}
.titbox p b{ font-weight:normal;}
.titbox2{position:absolute;left:50%;top:50%;text-align:center;color:#fff;width:600px;cursor:default;opacity:0;
transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.s .titbox2{animation:ht 4s linear 0.3s 1 both;-webkit-animation:ht 4s linear 0.3s 1 both;}
.s.dly .titbox2{animation-delay:3s;-webkit-animation-delay:3s;}
.titbox2 h3{font-size:60px;font-family:Impact;color:#fff;text-transform:uppercase;}
.titbox2 h4{font-size:42px;font-family:'幼圆';margin-top:5px;color:#fff;}
.titbox2 p{font-size:20px;margin-top:8px;}
@-webkit-keyframes ht{
0%{-webkit-transform:translate(-50%,-50%) scale(1);opacity:0;filter:blur(0);}
10%{-webkit-transform:translate(-50%,-48.5%) scale(1.05);opacity:0.7;filter:blur(2px);}
30%{-webkit-transform:translate(-50%,-46.5%) scale(1.3);opacity:0;filter:blur(3px);}
100%{-webkit-transform:translate(-50%,-46.5%) scale(1.3);opacity:0;filter:blur(3px);}
}
@keyframes ht{
0%{transform:translate(-50%,-50%) scale(1);opacity:0;filter:blur(0);}
10%{transform:translate(-50%,-48.5%) scale(1.05);opacity:0.7;filter:blur(2px);}
30%{transform:translate(-50%,-46.5%) scale(1.3);opacity:0;filter:blur(3px);}
100%{transform:translate(-50%,-46.5%) scale(1.3);opacity:0;filter:blur(3px);}
}






.showtit i{opacity:0;display:inline-block;vertical-align:text-bottom;
transform:translateY(120px);-webkit-transform:translateY(120px);
transition:all 1s ease-in-out 0s;-webkit-transition:all 1s ease-in-out 0s;
}
.showtit.act i{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.showtxt i{display:inline-block;text-align:left;}
.showtxt i b{opacity:0;display:inline-block;white-space:nowrap;overflow:hidden;
transition:all 0.6s ease-out 0s;-webkit-transition:all 0.6s ease-out 0s;}
.showtxt i b.h{width:0;}
.showtxt.act i b.h{width:100%;opacity:1;}