@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;
*/
/*--默认--*/
* { margin: 0; padding: 0; }
html { _background-image: url(about:blank); _background-attachment: fixed; }
body {min-width: 1300px; min-height: 100px; font-family:Arial, "微软雅黑"; font-size: 14px; margin: 0 auto; color: #333; }
ol, ul, li { list-style: none outside none; padding: 0; margin: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; }
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; }


/*清除样式 */
.clearfix { zoom: 1; _height: 1px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.wrap{ width: 1300px; margin: 0 auto; position: relative; z-index: 1; }

/*header*/
.header{background: #1d243d;height: 100px;line-height: 100px;}
.header .menu-activator{ display: none;position: relative;z-index: 99999999;position: absolute;top:0;right:0.3rem;}
.header .visual { display: inline-block; vertical-align: middle; cursor: pointer; color: #fff;}
.header .visual { position: relative; width:0.4rem; height:0.25rem; }
.header .visual i.line {width: 100%;height:3px;background-color: #FFF;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;display: block;position: absolute;-moz-transition: all 300ms ease;
 -o-transition: all 300ms ease;-webkit-transition: all 300ms ease;transition: all 300ms ease;-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);  }
.header .visual i.line.line01 {top: 0px;filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity: 1;-moz-transition-delay: 210ms;-o-transition-delay: 210ms;-webkit-transition-delay: 210ms;transition-delay: 210ms;  }
.header .visual i.line.line02 {top: 7px;-moz-transition-delay: 140ms;-o-transition-delay: 140ms;-webkit-transition-delay: 140ms; transition-delay: 140ms;  }
.header .visual i.line.line03 {top: 14px;-moz-transition-delay: 70ms;-o-transition-delay: 70ms;-webkit-transition-delay: 70ms; transition-delay: 70ms;  }
.header .visual i.line.line04 {top: 30px;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;-moz-transition-delay: 0ms;-o-transition-delay: 0ms;-webkit-transition-delay: 0ms;transition-delay: 0ms;  }
.header .menu-activator.active .visual i.line:nth-child(1),
.header .menu-activator.active div.visual i.line:nth-child(3){top:0.1rem;  }
.header .menu-activator.active .visual i.line:nth-child(1) {-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)  }
.header .menu-activator.active .visual i.line:nth-child(3) {-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg); transform:rotate(45deg) }
.header .menu-activator.active .visual i.line:nth-child(2){filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity:0  }
.header .menu-activator.active .visual i.line.line01, 
.header .menu-activator.active div.visual i.line.line02, 
.header .menu-activator.active div.visual i.line.line03, 
.header .menu-activator.active div.visual i.line.line04 {background-color: #FFF;-moz-transition-delay:0ms;-o-transition-delay:0ms;-webkit-transition-delay:0ms;transition-delay:0ms  }
.header .visual:hover i.line.line01, 
.header .menu-activator.active div.visual:hover i.line.line03 {filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1  }
.header .visual:hover i.line.line01, 
.header .menu-activator.active div.visual:hover i.line.line02, 
.header .menu-activator.active div.visual:hover i.line.line03, 
.header .menu-activator.active div.visual:hover i.line.line04 {-moz-transition-delay:0ms;-o-transition-delay:0ms;-webkit-transition-delay:0ms;transition-delay:0ms  }
.navul2{display: none;}
.header .head{position: relative;width: 1400px;margin: 0 auto;}
.header .logo{float: left;width: 215px;}
.header .logo img{width: 215px;height: 66px;}
.header .navul{float: right;width: 1057px;}
.header .navul li{float: left;margin-left: 45px;}
.header .navul li a{color: #ffffff;font-size: 18px;display: block;}
.header .navul li a:hover,
.header .navul li a.active{color: #e37217;}

/*footer*/
.footer{background: #1d243d;}
.footer .foot{width: 1200px;margin: 0 auto;padding: 40px 0;}
.footer .flogo{float: left;}
.footer .flogo,
.footer .flogo img{width: 128px;height: 114px;}
.footer .fBox{float: left;width: 305px;border-left: 1px solid #4a5064;padding-left: 21px;margin-left: 20px;}
.footer .fBox h3{color: #ffffff;font-size: 18px;line-height: 1;padding-bottom: 14px;}
.footer .fBox p{color: #ffffff;font-size: 13px;line-height:23px;}
.footer .fchat{float: right;width: 132px;margin-right: 10px;}
.footer .fchat img{float: left;width: 109px;height: 109px;margin-top: 3px;}
.footer .fchat p{color: #ffffff;font-size: 14px;float: right;width: 14px;}
.footer .copyright{background: #171d31;height: 50px;line-height:50px;text-align: center;}
.footer .copyright,
.footer .copyright a{color: #ffffff;font-size: 14px;}
.footer .copyright a{margin-left: 10px;}

@media screen and (max-width: 1480px){
.header .head{width: auto;padding: 0 3%;}
.header .navul{width: auto;}
.header .navul li{margin-left: 35px;}
body{min-width: 0;}
}
@media screen and (max-width: 1280px){
.header .navul li{margin-left: 30px;}
}
@media screen and (max-width: 750px){
.wrap{width: auto;}
.header .navul{display: none;}
.header{padding: 0 0.3rem;height: 1rem;line-height: 1rem;}
.header .head{width: auto;}
.header .logo{width: auto;}
.header .logo img{width: 1.9rem;height: 0.58rem;}
.header .menu-activator{ display: block;}
.header .navul2{position: absolute;top: 1rem;right:-0.3rem;width: 41.5%;background: #fff;border-top: 1px solid #eee;z-index: 100;}
.header .navul2 li a{color: #333;font-size:0.24rem;border-bottom: 1px solid #eee;display: block;padding-left: 0.3rem;height: 0.8rem;line-height: 0.8rem;}
.footer .foot{width: auto;padding: 0.4rem 0;text-align: center;}
.footer .flogo,
.footer .flogo img{width: 1.28rem;height: 1.14rem;}
.footer .flogo{float: none;width: auto;height: auto;}
.footer .fBox{float: none;width: auto;padding: 0.35rem 0 0.25rem;margin-left: 0;border:0;}
.footer .fBox h3{font-size: 0.28rem;padding-bottom: 0.14rem;}
.footer .fBox p{font-size: 0.22rem;line-height:0.4rem;}
.footer .fchat{float: none;width: auto;margin-right: 0;}
.footer .fchat img{float: none;width: 1.09rem;height: 1.09rem;margin-top: 0;}
.footer .fchat p{font-size: 0.22rem;float: none;width: auto;padding-top: 0.2rem;}
.footer .copyright{height: auto;line-height:normal;padding: 0.2rem;}
.footer .copyright,
.footer .copyright a{font-size: 0.22rem;}
.footer .copyright a{margin-left: 0.1rem;}
}