@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;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.3));
behavior: url(css/PIE.htc);
pointer-events:none;//鼠标穿透
-webkit-animation:0.3s ease-in 1.1s 1 ui;
-webkit-animation-fill-mode:both;
*/

/*
解决safari浏览器添加transform属性对文字的影响
-webkit-font-smoothing: antialiased;
*/
/*--默认--*/
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0;padding:0;}
html{_background-image:url(about:blank);_background-attachment:fixed;}
body{line-height:120%; min-height:100px; font-family:"黑体",Arial;font-size:14px; min-width:1250px;  max-width:1920px; margin:0 auto; color:#333;}
ol,ul,li{list-style:none outside none;padding:0;}
a{text-decoration:none;color:#333;}
a:hover{color:#006db8;}
img{border:none;vertical-align:middle;}
table{border-collapse:collapse;}
tr,td,th{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
i,b,strong{font-style:normal;font-weight:normal;}
input,textarea,select{border:1px solid #CCC;font-family:"黑体",Arial;outline:none;border:none;background:none;padding:0;}

input::-ms-clear{display: none;}
input::-ms-reveal{display: none;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #fff; opacity: 1;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#fff;opacity: 1;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#fff;opacity: 1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#fff;opacity: 1;}
textarea{ resize:none; }


a:focus{outline:none;}


.tran_scale{ overflow:hidden !important; display:block; transform: rotate(0deg); -webkit-transform: rotate(0deg); }
.tran_scale img{transition:all 0.8s; -webkit-transition:all 0.8s;  -moz-transition:all 0.8s; transform:scale(1,1); -webkit-transform:scale(1,1); display:block; }


/*clear 页头，页脚，内容区都不用再加清除样式 */
.cf:before{ content: ''; display: table }
.cf:after{ content: ''; display: table; clear: both; }
.cf{ *zoom: 1 }
.fr{ float:right; }
.fl{ float:left; }
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
.wrap{ width:1230px; margin:0 auto; position: relative; z-index:1; }

.body_box{  overflow: hidden; }
.v_w .logo{ position: absolute; width:23.8%; top:10%; left:9%; z-index:100; }
.v_w .text{ position: absolute; bottom:11%; right:6%; width:45%; z-index:100;  }
.v_w .logo img,.v_w .text img{ display: block; width:100%; }
.v_w{ position: relative; width:100%; text-align: center;  }
.img_map { height:100%; text-align: center; position: relative; display: inline-block; }
.img_map img{ display: inline-block;  height:auto;max-width: 100%;}

.ico_yx{ position: absolute; width:6.75%; top:29.2%; left:53%; z-index:10; }
.ico_lz{ position: absolute; width:3.8%; top:42.4%; right:28.6%; z-index:10; }
.ico_jq{ position: absolute; width:1.85%; top:43.4%; right:16%; z-index:10; }
.ico_lz span,.ico_lz a,.ico_yx span,.ico_yx a,.ico_jq span,.ico_yx a{ display: block; }
.ico_lz span img,.ico_yx span img,.ico_jq span img{ display: block;width:100%; opacity:0; fillter:alpha(opacity=0); transition:all 0.5s; -webkit-transition:all 0.5s;  }

.ico_lz a:hover span img,.ico_yx a:hover span img,.ico_jq a:hover span img{ opacity:1; fillter:alpha(opacity=100);  }

.ico_yx .img,.ico_lz .img,.ico_jq .img{ position: absolute; width:54px; height:126px; bottom:95%; left:50%; margin-left:-30px; transition:all 0.5s; -webkit-transition:all 0.5s;  transform:translateY(-5px); -webkit-transform:translateY(-5px); animation:anim 1.5s infinite; -webkit-animation:anim 1.5s infinite; }
.ico_yx .img img,.ico_lz .img img,.ico_jq .img img{ display: block; width:100%; height:100%;  }

.ico_lz a:hover .img,.ico_yx a:hover .img,.ico_jq a:hover .img{ transform:translateY(0px) !important; -webkit-transform:translateY(0px) !important;  }




.ico_lz a:hover .img,.ico_yx a:hover .img{ transform:translateY(0px) !important; -webkit-transform:translateY(0px) !important;  }

@keyframes anim{
	0%{ transform:translateY(-5px); -webkit-transform:translateY(-5px);  }
	50%{ transform:translateY(5px); -webkit-transform:translateY(5px);  }
	100%{ transform:translateY(-5px); -webkit-transform:translateY(-5px);  }
}
@-webkit-keyframes anim{
	0%{ transform:translateY(-5px); -webkit-transform:translateY(-5px);  }
	50%{ transform:translateY(5px); -webkit-transform:translateY(5px);  }
	100%{ transform:translateY(-5px); -webkit-transform:translateY(-5px);  }
}