@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(../images/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:"微软雅黑";font-size:14px;  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; }


/*清除样式 */
.clearfix {
  zoom: 1;
  _height: 1px
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
.wrap{ width:1440px; margin:0 auto; position: relative; z-index:1; }

.body_box{ overflow: hidden;}


/*header*/
.header{width: 100%;position: absolute;top:0.7rem;left: 0px;z-index: 100;}
.header .logo{float: left;}
.header .logo,
.header .logo img{width: 2.9rem;height: 1.27rem;}
.header .headNav{float: right;}
.header .headNav li{float: left;position: relative;padding-bottom: 0.06rem;}
.header .headNav li:after{content: "";display: block;width: 0;height: 0.02rem;background: #f08300;position: absolute;left: 50%;bottom: 0;transition: 0.6s;-webkit-transition: 0.6s;}
.header .headNav li.active:after,
.header .headNav li:hover:after{width: 100%;left: 0;}
.header .headNav li + li{margin-left: 0.42rem;}
.header .headNav li .one,
.header .headNav2 li .one{color: #FFF;font-size: 0.18rem;}
.header .language,
.header .headNav2 .language{text-align: right;padding: 0.53rem 0 0.35rem;}
.header .language .uage,
.header .headNav2 .language .uage{background:url(../images/language.png) no-repeat left center;background-size: 0.32rem 0.16rem;padding-left: 0.44rem;display: inline-block;}
.header .language a,
.header .headNav2 .language a{color: #FFF;font-size: 0.18rem;line-height: 1;display: inline-block;}
.header .language .cn,
.header .headNav2 .language .cn{position: relative;padding-right: 0.11rem;margin-right: 0.09rem;}
.header .language .cn:after,
.header .headNav2 .language .cn:after{content: "";display: block;width: 0.02rem;height: 0.2rem;background: #FFF;position: absolute;top: 0;right: 0;}
.header .language .search,
.header .headNav2 .language .search{display:inline-block;width:0.2rem;height: 0.18rem;background:url(../images/search.png) no-repeat;background-size:0.2rem 0.18rem;
margin-left: 0.1rem;}
.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.3rem; height:0.35rem; }
.header .visual i.line {width: 100%;height:0.03rem;background-color: #fff;-webkit-border-radius: 0.02rem;-moz-border-radius: 0.02rem;border-radius: 0.02rem;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: 0.06rem;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: 0.16rem;-moz-transition-delay: 140ms;-o-transition-delay: 140ms;-webkit-transition-delay: 140ms; transition-delay: 140ms;  }
.header .visual i.line.line03 {top: 0.26rem;-moz-transition-delay: 70ms;-o-transition-delay: 70ms;-webkit-transition-delay: 70ms; transition-delay: 70ms;  }
.header .visual i.line.line04 {top: 0.3rem;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.16rem;}
.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  }
.headNav2{display: none;}

.searchAlpha{width: 100%;height: 100%;position: fixed;top:0;left: 0;z-index: 2000;background: rgba(0,0,0,.80);display: none;}
.searchAlpha .close{display: block;position: absolute;top: 0;right: 0.08rem;z-index: 10;width: 0.4rem;height: 0.4rem;background:url(../images/close.png) no-repeat;
background-size:0.4rem 0.4rem;}
.searchAlpha .close:hover{background:url(../images/closes.png) no-repeat;background-size:0.4rem 0.4rem;}
.searchAlpha .sou_box{width:12rem;position: absolute;top:50%;left:50%;z-index:10;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.searchAlpha .sou_box .inner{float: left;width: 1044px;height: 87px;position: relative;}
.searchAlpha .sou_box .inner:before{content: "";display: block;width: 1px;height: 0.26rem;background: #f08300;position: absolute;left: 0.3rem;top: 50%;
transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.searchAlpha .sou_box .inner .sou_text{width: 100%;height: 0.87rem;line-height: 0.87rem;background: #FFF;border:0;outline: none;color: #333333;font-size: 0.24rem;
display: block;-webkit-appearance:none;box-sizing: border-box;padding: 0 0.5rem;}
.searchAlpha .sou_box .inner .sou_text:-moz-placeholder { 
    color: #919191;font-size: 0.24rem;
}

.searchAlpha .sou_box .inner .sou_text::-moz-placeholder {
   color: #919191;font-size: 0.24rem; 
}

.searchAlpha .sou_box .inner .sou_text:-ms-input-placeholder{
    color: #919191;font-size: 0.24rem; 
}

.searchAlpha .sou_box .inner .sou_text::-webkit-input-placeholder{
    color: #919191;font-size: 0.24rem; 
}
.searchAlpha .sou_box .sou_But{float: left;width:1.56rem;height: 0.87rem;line-height: 0.87rem;background: #3d7cbd;border:0;outline: none;color: #FFF;font-size: 0.24rem;
display: block;-webkit-appearance:none;text-align: center;cursor: pointer;border-top-right-radius: 0.02rem;border-bottom-right-radius: 0.02rem;}

/*footer*/
.footer{background: url(../images/footer.jpg) no-repeat center top;background-size: cover;overflow: hidden;position: relative;padding-bottom: 0.63rem;}
.footer .title{text-align: center;padding: 0.72rem 0 0.3rem;}
.footer .title h3{color: #FFF;font-size: 0.26rem;line-height:1;font-weight: bold;padding-bottom: 0.1rem;}
.footer .title p{color: #FFF;font-size: 0.18rem;line-height:1;font-family: Arial;text-transform: uppercase;}
.footer .footul{width: 11.02rem;margin:0 auto;}
.footer .footul li{text-align: center;float: left;}
.footer .footul li .full{width: 1.02rem;height: 1.02rem;position: relative;display: inline-block;}
.footer .footul li .full img{width: 1.02rem;height: 1.02rem;position: absolute;top: 0;left: 0;z-index:5;}
.footer .footul li .full:before{content: "";display: block;width: 1.02rem;height: 1.02rem;background: rgba(240,131,0,0.4);position: absolute;top: 0;left: 0;z-index: 1;border-radius: 100%;}
.footer .footul li .full:after{content: "";display: block;width: 0.9rem;height: 0.9rem;background: rgba(240,131,0,1);position: absolute;top:50%;left:50%;z-index: 3;margin: -0.45rem 0 0 -0.45rem;
border-radius: 100%;}
.footer .footul li h3{color: #FFF;font-size: 0.18rem;line-height:1;padding: 0.22rem 0 0.17rem;}
.footer .footul li p{color: #b8bfc0;font-size: 0.12rem;line-height:1.5;}
.footer .footul li:nth-child(1),
.footer .footul li:nth-child(3){width:15%;}
.footer .footul li:nth-child(2){width:70%;}
.footer .footul li:nth-child(1),
.footer .footul li:nth-child(2){position: relative;}
.footer .footul li:nth-child(1):after,
.footer .footul li:nth-child(2):after{content: "";display: block;width:3.3rem;height: 0.05rem;background:url(../images/dian.png) repeat-x;position: absolute;top:0.49rem;z-index: 3;}
.footer .footul li:nth-child(1):after{right:-3.25rem;}
.footer .footul li:nth-child(2):after{right:-0.2rem;}
.footer .footNav{text-align: center;padding: 0.5rem 0 0.22rem;}
.footer .footNav a{display: inline-block;color: #FFF;font-size: 0.14rem;line-height:1;margin: 0 0.16rem;}
.footer .copyright{text-align: center;color: #b0b8b9;font-size: 0.12rem;}
.footer .copyright a{color: #b0b8b9;font-size: 0.12rem;}



@media screen and (max-width: 1600px){
.wrap{width:auto;padding: 0 4%;}
.header .logo, 
.header .logo img{width: 2rem;height: 0.88rem;}
.header .language{ padding: 0.2rem 0;}
.header{top: 0.5rem;}
.footer .title h3{font-size: 0.24rem;}
.footer .title p{font-size: 0.16rem;}
.footer .title{padding: 0.4rem 0 0.2rem;}
.footer .footul li .full,
.footer .footul li .full::before,
.footer .footul li .full img{width: 0.8rem;height: 0.8rem;}
.footer .footul li .full:after{width: 0.7rem;height: 0.7rem;margin: -0.35rem 0 0 -0.35rem;}
.footer .footul li:nth-child(1)::after{width: 3.5rem;top: 0.35rem;right: -3.3rem;}
.footer .footul li:nth-child(2)::after{width: 3.5rem;top: 0.35rem;right: -0.3rem;}
.footer .footNav{padding: 0.3rem 0 0.2rem;}
.footer{padding-bottom: 0.4rem;}
.searchAlpha .sou_box .inner .sou_text,
.searchAlpha .sou_box .sou_But{height: 0.66rem;line-height: 0.66rem;}
.searchAlpha .sou_box .inner{height: 0.66rem;}
.searchAlpha .sou_box .sou_But,
.searchAlpha .sou_box .inner .sou_text{font-size: 0.2rem;}
.searchAlpha .sou_box .inner .sou_text:-moz-placeholder { 
    color: #919191;font-size: 0.2rem;
}

.searchAlpha .sou_box .inner .sou_text::-moz-placeholder {
   color: #919191;font-size: 0.2rem; 
}

.searchAlpha .sou_box .inner .sou_text:-ms-input-placeholder{
    color: #919191;font-size: 0.2rem; 
}

.searchAlpha .sou_box .inner .sou_text::-webkit-input-placeholder{
    color: #919191;font-size: 0.2rem; 
}
.searchAlpha .sou_box .inner::before{height: 0.21rem;}
}

@media screen and (max-width: 1280px){
.footer .title h3{font-size: 0.2rem;}
.footer .title p{font-size: 0.15rem;}
.footer .footul li h3{font-size: 0.16rem;padding: 0.15rem 0 0.13rem;}
.searchAlpha .sou_box{width: 9rem;}
.searchAlpha .sou_box .inner{width: 744px;}
}

@media screen and (max-width: 1199px){
.header .headNav li + li{margin-left: 0.35rem;}
.footer .footul{width: 8.6rem;text-align: center;}
.footer .footul li:nth-child(1), 
.footer .footul li:nth-child(3){width:1.5rem;}
.footer .footul li:nth-child(2){width:5.5rem;}
.footer .footul li{float: none;display: inline-block;}
.footer .footul li .full,
.footer .footul li .full::before,
.footer .footul li .full img{width: 0.6rem;height: 0.6rem;}
.footer .footul li .full:after{width: 0.5rem;height: 0.5rem;margin: -0.25rem 0 0 -0.25rem;}
.footer .footul li:nth-child(1)::after{width:2.5rem;top: 0.3rem;right:-2.25rem;}
.footer .footul li:nth-child(2)::after{width: 2.5rem;top: 0.3rem;right:-0.25rem;}
}

@media screen and (max-width: 1000px){
.header .logo, 
.header .logo img{width: 1rem;height: 0.44rem;}
.header{top: 0.3rem;}
.header .headNav{display: none;}
.header .menu-activator{ display: block;}
.header.active .menu-activator{top: 0.3rem;}
.header.active{height: 100%;background: rgba(0,0,0,0.8);top: 0;padding-top: 0.3rem;}
.header .wrap{border: 0;}
.header .headNav2{height: 100%;padding-top: 0.7rem;}
.header .headNav2 li .one{height:auto;padding:0.1rem 0;display: inline-block;}
.header .headNav2 li{position: relative;text-align: center;height:0.8rem;line-height:0.8rem;}
.footer .footNav{padding: 0.2rem 0;}
.footer .footul{width:7rem;}
.footer .footul li{vertical-align: top;}
.footer .footul li:nth-child(1), 
.footer .footul li:nth-child(3){width:1rem;}
.footer .footul li:nth-child(2){width:4rem;margin: 0 0.3rem;}
.footer .footul li:nth-child(1)::after{width:2.1rem;top: 0.3rem;right:-2rem;}
.footer .footul li:nth-child(2)::after{width:2.1rem;top: 0.3rem;right:-0.5rem;}
.searchAlpha .sou_box{width: 100%;text-align: center;font-size: 0;}
.searchAlpha .sou_box .inner{width: 50%;height: 0.5rem;display: inline-block;float: none;}
.searchAlpha .sou_box .inner .sou_text, 
.searchAlpha .sou_box .sou_But{height: 0.5rem;line-height: 0.5rem;font-size: 0.18rem;}
.searchAlpha .sou_box .inner .sou_text:-moz-placeholder { 
    color: #919191;font-size: 0.18rem;
}

.searchAlpha .sou_box .inner .sou_text::-moz-placeholder {
   color: #919191;font-size: 0.18rem; 
}

.searchAlpha .sou_box .inner .sou_text:-ms-input-placeholder{
    color: #919191;font-size: 0.18rem; 
}

.searchAlpha .sou_box .inner .sou_text::-webkit-input-placeholder{
    color: #919191;font-size: 0.18rem; 
}
.searchAlpha .sou_box .sou_But{width: 15%;display: inline-block;float: none;}
.searchAlpha .sou_box .inner::before{height: 0.18rem;left: 0.2rem;}
.searchAlpha .sou_box .inner .sou_text{padding: 0 0.35rem;}
.header .headNav2 li .one,
.header .language a, 
.header .headNav2 .language a{font-size: 0.26rem;}
.header .headNav2 .language .cn::after{height: 0.28rem;}
.header .headNav2 .language .search{width: 0.25rem;height: 0.23rem;background: url(../images/search.png) no-repeat;background-size: 0.25rem 0.23rem;}
.header .headNav2 .language .uage{background: url(../images/language.png) no-repeat left center;background-size: 0.4rem 0.2rem; padding-left: 0.5rem;}
}
}


@media screen and (max-width: 768px){
.footer .footul li:nth-child(1)::after,
.footer .footul li:nth-child(2)::after{display: none;}
.footer .footul li:nth-child(1), 
.footer .footul li:nth-child(3),
.footer .footul li:nth-child(2){width: auto;display: block;}
.footer .footul li + li{padding-top: 0.2rem;}
.footer .copyright{width: 5.5rem;margin: 0 auto;}
.footer .footul{width: auto;}
.footer .footNav a{margin: 0 0.1rem;}
.footer .title h3{font-size: 0.24rem;}
.footer .title p{font-size: 0.16rem;}
}

@media screen and (max-width: 640px){
.header .visual{width: 0.35rem;}
}











/*

@media screen and (max-width: 1800px){
.header .wrap{padding:0.53rem 0 0;margin: 0 7.5%;}
}

@media screen and (max-width: 1440px){
.footer .footNav{height: 1rem;line-height: 1rem;}
.footer .footNav a{font-size: 0.16rem;}
.header .wrap{padding: 0.3rem 0 0;}
.header .headNav li + li{margin-left: 0.35rem;}
.header .headNav li .menu,
.header .language .uage{width: 1.1rem;}
.header .logo, 
.header .logo img{width: 0.4rem;height: 0.4rem;}
.header .logo{margin-top: 0.08rem;}
.header .headNav li .one, 
.header .headNav2 li .one{height: 0.65rem;}
.header .language .uage,
.header .headNav li .menu{top: 0.65rem;}
}

@media screen and (max-width: 1000px){
.footer .footNav,
.footer .foot .footLogo{display: none;}
.footer .foot .footCent{padding: 0;width: 70%;}
.footer .foot .footCent{width: 70%;}
.footer .foot .jiathis{width: 30%;}
.footer .foot{padding-top: 5%;}
.footer .copyright .outlink::after{width: 0.5rem;left: -0.65rem;}
.header .logo{float: none;position: absolute;top: 0.25rem;left: 0;}
.header .logo, 
.header .logo img{width: 0.48rem;height: 0.48rem;}
.header .headNav{display: none;}
.header .menu-activator{ display: block;}
.header.active{height: 100%;background: rgba(0,0,0,0.8);}
.header .wrap{border: 0;}
.header .headNav2{height: 100%;padding-top: 0.7rem;}
.header .headNav2 li .one{height:auto;padding:0.1rem 0;display: inline-block;}
.header .headNav2 li{position: relative;}
.header .headNav2 li:after{content: "";display: block;width: 0;height: 0;position: absolute;top:0.15rem;right: 0;border-top: 0.1rem solid #FFF;border-left: 0.05rem solid transparent;
border-right: 0.05rem solid transparent;}
.header .headNav2 li.active:after{border-top: 0.1rem solid transparent;border-bottom: 0.1rem solid #FFF;top: 0.05rem;}
.header .headNav2 li .menu{width: 100%;position: static;}
.header .headNav2 li.active .one::after, 
.header .headNav2 li:hover .one::after{opacity: 0;}
.header .headNav2 .admin{margin: 0.2rem 0 0;float: none;display: inline-block;}
.header .headNav2 .language .uage a:after,
.header .headNav2 .language .uage a:hover:after{background: none;}
.header .headNav2 .language .uage a:hover{background: #fff;}
.header .headNav2 .language{float: none;display: inline-block;padding:0.18rem 0 0.18rem 0.35rem;}
.header .headNav2 .language::before{top:40%;left:0.2rem;background: #fff;}
.header .headNav2 .language .uage{width: 1.2rem;top: 0.5rem;left:0.3rem;}
}

@media screen and (max-width: 768px){
.footer .copyright p,
.footer .copyright .outlink{float: none;text-align: center;}
.footer .copyright .outlink::after{display: none;}
.footer .foot{padding-top: 0.3rem;}
.footer .foot .jiathis{padding-top: 0.1rem;}
.footer .copyright{padding: 0.2rem 0 0.3rem;}
.footer .copyright .outlink{padding-top: 0.05rem;}
.footer .foot .footCent,
.footer .foot .jiathis{float: none;width: auto;text-align: center;}
.footer .foot .jiathis a{margin: 0 0.15rem;}
.footer .foot .jiathis{padding: 0.2rem 0 0.05rem;}
.footer .foot .footCent p span{display: block;}
.header .menu-activator{top: 0.33rem;}
}

@media screen and (max-width: 640px){
.header .visual i.line.line02{top: 14px;}
.header .visual i.line.line03{top: 22px;}
}

@media screen and (max-width: 480px){
.header .menu-activator{top: 0.26rem;}
}
*/

