@font-face { 
font-family:"AvianRegular"; 
src: url('AvianRegular.eot'); 
src: url('AvianRegular.eot?#iefix') format('embedded-opentype'), 
  	 url('AvianRegular.woff') format('woff'), 
     url('AvianRegular.ttf')  format('truetype'), 
     url('AvianRegular.svg#Garamond') format('svg'); 
    font-weight: normal;
    font-style: normal;
}
@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));
pointer-events:none;
-webkit-appearance:none;
.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;}
}
*/


/*--默认--*/
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;_background-image:url(about:blank);_background-attachment:fixed;}
body{-webkit-text-size-adjust:none;font-family:微软雅黑,'Heiti SC',Arial,黑体;font-size:12px;color:#707070;}
ol,ul,li{list-style:none outside none;}
a{text-decoration:none;color:inherit;}
a:hover{color:#666;}
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;color:#474747;line-height:100%;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;}
i,em,b,strong{font-style:normal;font-weight:normal;}
input,textarea,select{padding:0;border:1px solid #CCC;font-family:inherit;outline:none;background:none;border:none;}

/*--滚动条插件--*/
.jspScrollable {outline:none;}
.jspContainer{overflow:hidden;position:relative;outline:none;}
.jspPane{position:absolute;}
.jspVerticalBar{position:absolute;top:0;right:0;width:16px;height:100%;}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;}
.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0;}
.jspCap{display:none;}
.jspHorizontalBar .jspCap{float:left;}
.jspTrack{background:#dde;position:relative;}
.jspDrag{background:#ddd;position:relative;top:0;left:0;cursor:pointer;}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%;}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;}
.jspArrow.jspDisabled{cursor:default;background:#80808d;}
.jspVerticalBar .jspArrow{height:16px;}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%;}
.jspVerticalBar .jspArrow:focus{outline:none;}
.jspCorner{background:#eeeef4;float:left;height:100%;}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{margin:0 -3px 0 0;}
.jspVerticalBar{width:12px;}
.jspDrag{background:#ebebeb;}
.jspTrack{background:url(../image/line2.png) center top repeat-y;}

/*@font-face{
    font-family:'AvianRegular';
    src: url('AvianRegular.eot');
    src: url('AvianRegular.eot?#iefix') format('embedded-opentype'),
         url('AvianRegular.woff2') format('woff2'),
         url('AvianRegular.woff') format('woff'),
         url('AvianRegular.ttf') format('truetype'),
         url('AvianRegular.svg#AvianRegular') format('svg');
    font-weight:normal;
    font-style:normal;
}*/

/*--类--*/
.clear{clear:both;height:0;overflow:hidden;}
.clearfix:after{content:"";clear:both;display:block;}
.left{float:left;}
.right{float:right;}
.footer_f{position:fixed;left:0;bottom:0;width:100%;}


/*--通用--*/
body{min-width:1250px;max-width:1920px;font-size:14px;color:#707070;}
.block{width:1230px;margin:0 auto;position:relative;}
#body{overflow:hidden;}


.page{text-align:center;height:36px;margin-top:10px;}
.page li{display:inline-block;height:36px;line-height:36px;font-size:20px;font-family:Avian Regular;margin:0 8px;}
.page li a{color:#474747;display:block;height:36px;}
.page li.now a,.page li:hover a{color:#2f56a5;}



#header{height:140px;position:absolute;width:100%;min-width:1250px;background:url(../image/black60.png) center center repeat;z-index:2;}
#header .logo{position:absolute;top:26px;left:21px;}
#header .nav{position:absolute;top:80px;left:0;}
#header .nav li{ float:left; position:relative;margin-right:27px;}
#header .nav li a{ display:block; font-size:16px; line-height:60px;padding:0 23px; color:#fff;}
#header .nav li:hover a{color:#ddd;}
#header .nav .subnav{ display:none; position:absolute; left:0; top:60px; width:100%; float:none; padding:22px 0 16px; text-align:center; background:url(../image/black60.png);}
#header .nav .subnav a{ font-size:16px; line-height:40px; color:#fff; padding:0; border:none;}
#header .nav .subnav a:hover{ color:#61c2f5;}
#header .lang{position:absolute;line-height:36px;text-align:center;font-size:14px;color:#fff;right:18px;top:25px;background:url(../image/lang.png) center center no-repeat;width:36px;height:36px;}
#header .num{display:block;background:url(../image/img1.png) left center no-repeat;line-height:1;color:#fff;font-size:29px;font-family:Arial, Helvetica, sans-serif;position:absolute;padding-left:33px;top:29px;left:940px;}
#header .search{display:block;background:url(../image/search.png) center center no-repeat;width:272px;height:38px;position:absolute;left:940px;top:85px;}
#header .search input{height:36px;width:210px;margin:1px 0 0 15px;color:#fff;font-size:12px;float:left;}
#header .search .btn{display:block;height:38px;width:45px;float:right;}



#footer{height:65px;background:#2b2b2b;}
#footer .p1{line-height:65px;color:#fff;font-size:14px;position:absolute;left:0;top:0;}
#footer a{color:#fff;}
#footer .p2{line-height:65px;color:#fff;font-size:14px;text-align:center;padding-left:65px;}
#footer .p3{line-height:65px;color:#fff;font-size:14px;position:absolute;right:0;top:0;}


.carousels .focus{  width:100%; height:100% ;position:relative; overflow:hidden;}
.carousels .focus .frame{  width:100%; height:100%; position:relative;  float:left;overflow:hidden;}
.carousels .focus .frame .child{ width:100%; height:100%; position:relative; float:left;overflow:hidden;}
.carousels .focus .nav{ width:100px; height:35px; border-radius:30px; background:url(../image/nav1-new.png) center center repeat; position:absolute; left:50%; margin-left:-50px; bottom:100px; text-align:center;}
.carousels .focus .nav a{ display:inline-block; width:14px; height:35px; background:url(../image/nav2-new.png) right center no-repeat; margin:0 2px;}
.carousels .focus .nav .now{width:14px; height:35px; background:url(../image/nav2-new.png) left center no-repeat; }

.home1{height:858px;position:relative;}
.home1 .text{width:1230px;margin:0 auto;text-align:center;padding-top:410px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;
transform:scale(0.7) rotateX(60deg);-webkit-transform:scale(0.7) rotateX(60deg);-moz-transform:scale(0.7) rotateX(60deg);
transition:all 1.2s ease-out 0s;-webkit-transition:all 1.2s ease-out 0s;-moz-transition:all 1.2s ease-out 0s;}
.home1.show .text{transform:scale(1) rotateX(0deg);-webkit-transform:scale(1) rotateX(0deg);-moz-transform:scale(1) rotateX(0deg);opacity:1;}
.home1 .text h3{color:#fff;font-family:impact;font-size:80px;line-height:1;}
.home1 .text h4{color:#fff;font-size:40px;line-height:1.2;margin-top:15px;}
.home1 .arrow{display:block;background:url(../image/arrow1.png) center center no-repeat;width:53px;height:27px;position:absolute;left:50%;margin-left:-26.5px;bottom:48px;}
.home2{background:#f4f4f4;padding-top:90px;}
.home2 h2{text-align:center;font-size:30px;color:#474747;line-height:1.2;}
.home2 .links{height:32px;text-align:center;margin-top:20px;}
.home2 .links a{display:inline-block;padding:0 13px;height:32px;line-height:30px;color:#474747;font-size:16px;margin:0 8px;}
.home2 .links a.now{background:#00a5f4;border-radius:5px;color:#fff;}
.home2 .box{height:357px;margin-top:30px;}
.home2 .box .div{float:left;width:306px;margin-left:1px;}
.home2 .box .div.a{margin-left:0;}
.home2 .box .div .pic{position:relative;width:306px;height:231px;overflow:hidden;}
.home2 .box .div .pic img{width:100%;height:auto;
	 -webkit-transition:all .8s ease 0s;
	 -moz-transition:all .8s ease 0s;
	 transition:all .8s ease 0s;}
.home2 .box .div:hover .pic img{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	transform:scale(1.1);}
.home2 .box .div .pic .arrow{display:block;background:url(../image/arrow2.png) center center no-repeat;width:20px;height:9px;position:absolute;bottom:0;left:25px;}
.home2 .box .div h3{padding-left:23px;font-size:18px;color:#474747;line-height:72px;}
.home2 .box .inner{display:none;}
.home2 .box .inner.a{display:block;}
.home3{height:706px;background:#f4f4f4;}
.home3 .div1{position:absolute;left:0;top:0;background:#26629a;width:495px;height:235px;padding:0 60px;opacity:0;transform:translate(200px,0);-webkit-transform:translate(200px,0);-moz-transform:translate(200px,0);transition:all 1.2s ease-out 0s;-webkit-transition:all 1.2s ease-out 0s;-moz-transition:all 1.2s ease-out 0s;}
.home3 .div1 h3{color:#fff;font-size:30px;line-height:1.2;margin:65px 0 20px;}
.home3 .div1 p{color:#fff;font-size:16px;line-height:1.5;}
.home3 .div2{position:absolute;left:0;top:235px;width:615px;height:471px;overflow:hidden;opacity:0;transform:translate(0,-200px);-webkit-transform:translate(0,-200px);-moz-transform:translate(0,-200px);transition:all 1.2s ease-out 0.2s;-webkit-transition:all 1.2s ease-out 0.2s;-moz-transition:all 1.2s ease-out 0.2s;}
.home3 .div3{position:absolute;left:615px;top:0;width:615px;height:471px;overflow:hidden;opacity:0;transform:translate(0,200px);-webkit-transform:translate(0,200px);-moz-transform:translate(0,200px);transition:all 1.2s ease-out 0.4s;-webkit-transition:all 1.2s ease-out 0.4s;-moz-transition:all 1.2s ease-out 0.4s;}
.home3 .div4{position:absolute;left:615px;top:471px;width:309px;height:235px;overflow:hidden;opacity:0;transform:translate(-200px,200px);-webkit-transform:translate(-200px,200px);-moz-transform:translate(-200px,200px);transition:all 1.2s ease-out 0.6s;-webkit-transition:all 1.2s ease-out 0.6s;-moz-transition:all 1.2s ease-out 0.6s;}
.home3 .div5{background:#fff;position:absolute;left:305px;top:471px;width:310px;height:235px;text-align:center;opacity:0;transform:translate(-200px,0);-webkit-transform:translate(-200px,0);-moz-transform:translate(-200px,0);transition:all 1.2s ease-out 0.8s;-webkit-transition:all 1.2s ease-out 0.8s;-moz-transition:all 1.2s ease-out 0.8s;}
.home3 .div5 img{margin-top:52px;}
.home3 .div5 h3{font-size:16px;color:#474747;line-height:1.2;margin-top:13px;}
.home3 .div6{background:#464646;position:absolute;right:0;top:471px;width:310px;height:235px;text-align:center;opacity:0;transform:translate(200px,-200px);-webkit-transform:translate(200px,-200px);-moz-transform:translate(200px,-200px);transition:all 1.2s ease-out 1s;-webkit-transition:all 1.2s ease-out 1s;-moz-transition:all 1.2s ease-out 1s;}
.home3 .div6 img{margin-top:52px;}
.home3 .div6 h3{font-size:16px;color:#fff;line-height:1.2;margin-top:13px;}
.home3.show .div1,.home3.show .div2,.home3.show .div3,.home3.show .div4,.home3.show .div5,.home3.show .div6{transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);opacity:1;}
.home4{padding:90px 0 82px;background:#f4f4f4;}
.home4 .title{text-align:center;}
.home4 .title h3{font-size:36px;color:#474747;line-height:1.2;}
.home4 .title h4{font-size:16px;color:#474747;line-height:1.2;margin-top:7px;}
.home4 .box{margin-top:40px;}
.home4 .box .div{float:left;width:465px;position:relative;height:100px;padding-left:75px;margin-left:125px;}
.home4 .box .div.a{margin-left:25px;}
.home4 .box .div .date{position:absolute;left:0;top:0;}
.home4 .box .div .date .s1{font-size:14px;color:#474747;line-height:1;font-family:Arial, Helvetica, sans-serif;font-weight:bold;display:block;}
.home4 .box .div .date .s2{font-size:50px;color:#474747;line-height:1;font-family:Arial, Helvetica, sans-serif;font-weight:bold;display:block;}
.home4 .box .div h3{font-size:18px;color:#474747;line-height:1.2;}
.home4 .box .div p{font-size:14px;color:#474747;line-height:1.5;margin-top:5px;}
.home4 .more{display:block;background:url(../image/btn1.png) center center no-repeat;width:149px;height:33px;line-height:31px;text-align:center;color:#fff;font-size:14px;margin:5px auto 0;}
.home5{height:387px;position:relative;}
.home5 .pic{position:absolute;width:960px;height:387px;left:50%;margin-left:-960px;overflow:hidden;}
.home5 .text{position:absolute;width:960px;height:387px;right:50%;margin-right:-960px;background:#26629a;}
.home5 .text .inner{width:480px;margin:77px 0 0 70px;position:relative;}
.home5 .text .inner h2{color:#fff;font-size:30px;line-height:1.2;}
.home5 .text .inner h3{color:#fff;font-size:40px;line-height:1.2;font-weight:bold;font-family:Arial, Helvetica, sans-serif;margin-top:28px;}
.home5 .text .inner .p{margin-top:5px;}
.home5 .text .inner .p p{color:#fff;font-size:16px;line-height:38px;padding-left:35px;}
.home5 .text .inner .er{position:absolute;top:70px;right:0;}
.home6{height:210px;background:#313131;padding-top:60px;}
.home6 h2{text-align:center;color:#fff;font-size:24px;line-height:1.2;}
.home6 .focus{margin-top:22px;height:110px;position:relative;overflow:hidden;}
.home6 .focus .frame{height:70px;position:relative;overflow:hidden;}
.home6 .focus .frame .child{float:left;height:70px;}
.home6 .focus .frame .child .div{float:left;height:68px;width:238px;border:solid 1px #484848;margin-left:7px;text-align:center;}
.home6 .focus .frame .child .div.a{margin-left:0;}
.home6 .focus .frame .child .div a{display:block;line-height:68px;color:#fff;font-size:14px;}
.home6 .focus .nav{height:16px;width:100%;position:absolute;left:0;bottom:0;text-align:center;}
.home6 .focus .nav a{width:16px;height:16px;background:url(../image/dian1.png) center center no-repeat;display:inline-block;margin:0 2px;}
.home6 .focus .nav a.now{background:url(../image/dian2.png) center center no-repeat;}






.gotop{display:block;background:url(../image/img7.png) center center no-repeat;width:69px;height:61px;position:fixed;right:0;bottom:262px;z-index:5; display:none;}
.gohome{display:block;background:url(../image/img8.png) center center no-repeat;width:69px;height:61px;position:fixed;right:0;bottom:200px;z-index:5;}














