@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;overflow-x: hidden;}
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;}
input,textarea,select{border:1px solid #CCC;font-family:"微软雅黑",Arial;outline: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:1560px; margin:0 auto; position: relative; z-index:1; }

.body_box{ overflow: hidden;}


/*header*/

.header{width: 100%;position: fixed;top:0px;left: 0px;z-index: 1000;background: #fff;height: 131px;line-height: 131px;overflow: hidden;}
.header .logo{float: left;margin-left:80px;}
.header .logo,
.header .logo img{width: 1.23rem;height: 0.72rem;}
.header .headNav,
.header .headMenuBox .nav{float: right;width: 84.156%;position: relative;overflow: hidden;}
.header .headNav .nav{width:93%;display: inline-block;vertical-align: middle;}
.header .headNav li{float: left;position: relative;width: 11.005%;}
.header .headNav li:last-child{background: url(../images/line.jpg) no-repeat right center;}
.header .headNav li .one,
.header .headNav2 li .one{color: #333333;font-size: 0.2rem;position: relative;display: block;}
.header .headNav li .one.onece,
.header .headNav li.active{color:#f4570d;}
.header .headNav li.active a,
.header.active .headNav li.active .one{color:#f4570d;}

.header .headNav li:nth-child(1) .one{margin-left: 0.4rem;}
.header .headNav .search{display: inline-block;vertical-align: middle;width: 0.24rem;height: 0.24rem;background: url(../images/search.png) no-repeat;background-size: cover;
margin-left:1.5%;}
.header .headMenuBox{width:100%;position: absolute;top:1.25rem;left: 0;z-index: 100;background:rgba(255,255,255,0.8);padding: 0.46rem 0 0.37rem;
opacity: 0;transform: translateY(60px);-webkit-transform: translateY(60px);transition: 0.8s;-webkit-transition: 0.8s;}
.header.on{overflow: visible;}
.header.on .headMenuBox{opacity: 1;transform: translateY(0px);-webkit-transform: translateY(0px);}
.header .headMenuBox .nav li{float: left;width:10.2%;line-height: normal;}
.header .headMenuBox .nav li a{color: #333333;font-size: 0.14rem;display: block;line-height: 1;}
.header .headMenuBox .nav li a + a{margin-top: 21px;}
.header .headMenuBox .nav li a:hover{color: #f55f18;text-decoration: underline;}
.header .headMenuBox .nav li:last-child{background:none;}
.header .headNav li .menu,
.header .headNav2 li .menu{width: 1.29rem;position: absolute;top:0.72rem;left:0;z-index: 100;border-top: 3px solid #f55f18;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;overflow: hidden;
display: none;}
.header .headNav li .menu a,
.header .headNav2 li .menu a{display: block;height: 0.44rem;line-height: 0.44rem;color: #666666;font-size: 0.14rem;padding-left: 0.15rem;position: relative;background: #fff;
border-bottom: 1px solid #e5e5e5;}
.header .headNav li .menu a:after{content: "";display: block;width:5px;height:8px;position: absolute;top:50%;right:0.13rem;margin-top: -4px;background: url(../images/arrow.png) no-repeat;}
.header .headNav li .menu a:last-child{border: 0;}
.header .headNav li .menu a:hover{background: #f1f1f1;}
.header .headNav li .menu a:hover:after{background: url(../images/arrows.png) no-repeat;}
.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.27rem; height:0.35rem; }
.header .visual i.line {width: 100%;height:3px;background-color: #333;-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: 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: #333;-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;}
.header .searchMobile{display:block;width: 0.24rem;height: 0.24rem;background: url(../images/search.png) no-repeat;background-size: cover;
position: absolute;top: 50%;right:0.8rem;margin-top: -0.12rem;display: none;}

/*footer*/
.footer{background: url(../images/footer.jpg) no-repeat center top;background-size: cover;overflow: hidden;position: relative;padding: 0 0.85rem 0 0.8rem;}
.footer .foot1{padding: 0.8rem 0 0.3rem;border-bottom: 1px solid #52565e;}
.footer .footNav{float: left;width: 62.343%;}
.footer .footNav li{float: left;width: 11.612%;}
.footer .footNav li a{display: block;color: #848587;font-size: 0.12rem;line-height: 1;margin-bottom: 0.11rem;}
.footer .footNav li a:nth-child(1){color: #FFF;font-size: 0.18rem;margin-bottom: 0.31rem;position: relative;}
.footer .footNav li + li a:nth-child(1):before{content: "";display: block;background: url(../images/ling.png) no-repeat;background-size: cover;width: 0.07rem;height: 0.07rem;
position: absolute;top: 0.05rem;left:-24%;}
.footer .footTact{float: left;width:26.718%;border-left: 1px solid #56595d;padding:0 4%;box-sizing: border-box;}
.footer .footTact p{color: #919293;font-size: 0.18rem;line-height: 1.5;font-family: Arial;padding-bottom: 0.32rem;}
.footer .footTact p span{color: #FFF;font-size: 0.16rem;display: block;}
.footer .wechat{float: left;width:10.9%;text-align: right;}
.footer .wechat img{width: auto;max-width: 100%;}
.footer .wechat p{color: #FFF;font-size: 0.12rem;line-height: 1.5;padding-top: 0.14rem;}
.footer .foot2 p{float: left;color: #787676;font-size: 0.12rem;line-height: 1;}
.footer .foot2 .link{float: right;color: #8f8f8f;font-size: 0.12rem;line-height: 1;padding: 0;background: none;}
.footer .foot2 .link a{display: inline-block;color: #8f8f8f;font-size: 0.12rem;line-height: 1;vertical-align: middle;}
.footer .foot2{padding: 0.34rem 0 0.6rem;}

.footer .footNav li a:hover,
.footer .foot2 .link a:hover{color: #FFF;}



.webMap .webList li .webBox a:hover,
.searchList li a:hover,
.navBox .navr a:hover,
.casesList li .cont .tle:hover{color: #f55f18;}











@media screen and (max-width: 1680px){
.footer .footTact{width: 22.718%;}
.footer .footNav{width: 66.343%;}
.footer .footNav li{width: 12.5%;}
.wrap{width: auto;padding: 0 0.75rem;}
}

@media screen and (max-width: 1480px){
.footer .footNav li + li a:nth-child(1):before{left: -21%;}
}

@media screen and (max-width: 1440px){
.header .headNav li .one, 
.header .headNav2 li .one{font-size: 0.16rem;}
.footer .foot1{padding: 0.5rem 0 0.3rem;}
.footer .foot2{padding: 0.24rem 0 0.3rem;}
.footer .footNav li a:nth-child(1){font-size: 0.16rem;margin-bottom: 0.2rem;}
.footer .footTact p{font-size: 0.16rem;}
.footer .footTact{width:17.718%;padding: 0 3%;}
.footer .footNav{width: 71.343%;padding-bottom: 0.2rem;}
.footer{padding: 0 0.5rem;}
.header .headNav, .header .headMenuBox .nav{width: 78.156%;}
.header .headMenuBox{padding: 0.3rem 0;top:0.86rem;}
.wrap{padding: 0 0.5rem;}
.header{height: 90px;line-height: 90px;}
}

@media screen and (max-width: 1280px){
.footer .footNav{width: 100%;float: none;}
.footer .footTact{width:80%;padding: 0;border: 0;}
.footer .footTact p{float: left;width: 30%; }
.footer .footTact p + p{margin-left: 4%;}
.footer .wechat{width: 20%;}
.footer .footNav li + li a:nth-child(1):before{left:-30%;}
}

@media screen and (max-width: 1000px){
.footer .footNav,
.header .headMenuBox{display: none;}
.header .logo{float: none;position: absolute;top: 0;left: 0.3rem;margin-left:0;}
.header .logo, 
.header .logo img{width: 0.75rem;height: 0.44rem;}
.header{height: 0.65rem;line-height: 0.65rem;}
.header .headNav{display: none;}
.header .menu-activator,
.header .searchMobile{ display: block;}
.header .headNav2{height: 100%;background:rgba(255,255,255,0.9);padding:0.8rem 0.3rem;}
.header .headNav2 li .one{height:auto;display: inline-block;}
.header .headNav2 li{position: relative;}
.header .headNav2 li .menu{width: 100%;position: static;}
.header .headNav2 li:after{content: "";display: block;border-left: 0.07rem solid transparent;border-right: 0.07rem solid transparent;border-top: 0.1rem solid #f55f18;
position: absolute;top:0.3rem;right: 0;}
.header .headNav2 li:nth-child(1):after,
.header .headNav2 li:nth-child(4):after,
.header .headNav2 li:nth-child(9):after{display: none;}
.header{overflow: visible;}
}

@media screen and (max-width:768px){
.footer .foot2{text-align: center;}
.footer .foot2 p,
.footer .foot2 .link{float: none;}
.footer .foot2 .link{padding-top: 0.1rem;}
.footer .footTact{width:75%;}
.footer .footTact p{float: none;width: auto;}
.footer .footTact p + p{margin-left: 0;}
.footer .wechat{width:25%;text-align: center;}
.footer .wechat img{width:100%;max-width: none;}
.footer .foot1{padding: 0.5rem 0 0.1rem;}
.wrap{padding: 0 0.3rem;}
}