@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));
behavior:url('');
pointer-events:none;//鼠标穿透
-webkit-animation:0.3s ease-in 1.1s 1 ui;
-webkit-animation-fill-mode:both;
*/


/*--默认--*/
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{-webkit-text-size-adjust:none;line-height:120%;font-family:微软雅黑,'Heiti SC',黑体,Arial;font-size:12px;min-width:1230px;max-width:1920px;}
ol,ul,li{list-style:none outside none;padding:0;}
a{text-decoration:none;color:#474747;}
a:hover{color:#474747;}
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;}
i,b,strong{font-style:normal;font-weight:normal;}
input,textarea,select{border:1px solid #CCC;font-family:微软雅黑,'Heiti SC',黑体,Arial;outline:none;border:none;background:none;padding:0;}
a:focus{outline:none;}

/*--滚动条插件--*/
.jspContainer{overflow:hidden;position:relative;}
.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:6px;}
.jspDrag{background:#474747;}
.jspTrack{background:#aaa;background:url(../image/line1.png) center top repeat-y;}


/*--类--*/
.block{width:1230px;margin:0 auto; position:relative;}
.clear{clear:both;height:0;overflow:hidden;}
.left{float:left;}
.right{float:right;}
.footb{position:fixed;_position:absolute;bottom:0;width:100%;}
.clearfix:after{content:"";clear:both;display:block;}
/*头部*/

#header .header_top{ height:105px;}
#header .header_top .logo{ float:left; margin-top:27px; margin-left:15px;}
#header .header_top .input{ width:361px; height:33px; background:url(../images/input.png) center center no-repeat; float:right; margin-right:17px; margin-top:35px; font-size:14px; color:#909090; font-family:AvianRegular;}
#header .header_top .input input{ width:315px; float:left;font-size:14px; color:#909090; font-family:AvianRegular; background:none; border:none; line-height:33px; height:33px;}
#header .header_top .input .btn{ width:45px; height:33px; float:right;}
#header .header_bottom{ background:url(../images/header.png) center center repeat; z-index:10; position:relative; height:50px; }
#header .header_bottom .nav li{ float:left; font-size:14px; color:#ffffff; line-height:50px; margin:0 28px; }
#header .header_bottom .nav li a{ color:#ffffff;}
#header .header_bottom .nav{ position:absolute; left:153px; top:0;}
#header .header_bottom .tel{ position:absolute; right:20px; top:12px;font-family:AvianRegular; font-size:20px; color:#ffffff; line-height:25px; border-left:2px solid #fbdc93; background:url(../images/tel.png) 18px center no-repeat; padding-left:48px;}

/*首页*/
.home1{ margin-top:-50px; }
.home1 .focus{ width:100%; height:100%; position:relative; overflow:hidden; }
.home1 .focus .frame{ width:100%; height:100%; position:relative; overflow:hidden; float:left;}
.home1 .focus .frame .child{ width:100%; height:100%; position:relative; overflow:hidden; float:left;}
.home1 .focus .frame .child img{ width:100%; height:auto;}
.home1 .focus .nav a{ display:inline-block; width:13px; height:13px; background:url(../images/nav.png) right center no-repeat; margin:0 2px;}
.home1 .focus .nav a.now{ background:url(../images/nav.png) left center no-repeat; width:13px; height:13px;}
.home1 .focus .nav{ width:100%; text-align:center; left:0; bottom:35px; height:13px; position:absolute;}
.home1 .focus .frame .child .text{ position:absolute; left:50%; top:50%; margin-top:-70px; margin-left:-615px; width:1215px; padding-left:15px;}
.home1 .focus .frame .child .text h1{ font-size:43px; color:#ffffff; line-height:1.2;}
.home1 .focus .frame .child .text h2{ font-size:44px; font-weight:bold; color:#ffffff; line-height:1.4;}
.home1 .focus .frame .child .text h3{ font-size:20px; color:#ffffff; line-height:1.5; margin:13px 0 14px;}
.home1 .focus .frame .child .text p{ font-size:14px; color:#ffffff; line-height:1.5; width:460px;}
.title{ text-align:center;}
.title h2{ font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#474747; line-height:1.7;}
.title h3{ font-size:28px; color:#474747; line-height:1.2;}
.title p{ font-size:14px; color:#707070; line-height:1.5; margin-top:20px; width:705px;}
.title .more{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#707070; line-height:1.5; width:100px; display:block; background:url(../images/more.png) right center no-repeat; margin-top:15px;}
.title .more:hover{ background:url(../images/more2.png) right center no-repeat; color:#ec5d3d;}
.home2{ position:relative; height:620px;}
.home2 .title{ text-align:left; padding-top:27px; padding-left:19px;}
.home2{ margin-top:120px;}
.home2 .list .item{ width:400px; height:256px; overflow:hidden; float:left; text-align:center; position:relative; }
.home2 .list .item.i1{position:absolute; right:0; top:0;  }
.home2 .list .item.i2{position:absolute; left:0; top:268px;  }
.home2 .list .item.i3{position:absolute; left:414px; top:268px;  }
.home2 .list .item.i4{position:absolute; right:0; top:268px;  }
.home2 .list .item a h3{ font-size:20px; color:#ffffff; line-height:1.7;}
.home2 .list .item a h4{ font-size:14px; color:#ffffff; line-height:1.7;}
.home2 .list .item a i{margin-bottom:13px; display:block;}
.home2 .list .item .child{ position:absolute; left:0; top:0; width:100%; text-align:center; padding-top:60px;}
.home2 .list .item:hover .img1{ display:none; }
.home3{ padding-bottom:105px;}
.home3 .title h3{ line-height:1;}
.home3 .title h2{ line-height:1.5}
.home3 .list{ margin-top:30px;}
.home3 .list .item{ width:33%; float:left; border-right:1px solid #dcdcdc; text-align:center;}
.home3 .list .item .pic{ width:393px; height:221px; overflow:hidden; margin:0 auto;}
.home3 .list .item  .text{ text-align:left; padding-top:25px; padding-left:12px;}
.home3 .list .item  .text h3{ font-size:18px; color:#474747; line-height:1.5;}
.home3 .list .item  .text h4{ font-size:14px; color:#909090; font-family:Arial, Helvetica, sans-serif; line-height:1.2; margin:10px 0;}
.home3 .list .item  .text p{ font-size:14px; color:#707070; line-height:1.5; width:367px;}
.home3 .list .item  .text .more{ font-size:14px; color:#707070; line-height:1.5; font-family:Arial, Helvetica, sans-serif; width:100px; background:url(../images/more1.png) right center no-repeat; display:block; margin-top:10px;}
.home3 .list .item:hover .more{ background:url(../images/more2.png) right center no-repeat; color:#ec5d3d;}
.home3 .list .item.last{ border:none; padding-right:0;}


/*底部*/
#footer{ background:url(../images/footer.png) center center repeat; padding:37px 0;}
#footer .footer_l{ float:left; margin-left:30px;}
#footer .footer_l h3{ font-size:18px; color:#818181; line-height:1.5;}
#footer .footer_l h4{ font-size:40px; line-height:1.2;color:#818181; font-family:AvianRegular; margin-top:10px;} 
#footer .footer_r { float:right; margin-right:35px;}
#footer .footer_r p{ color:#818181; font-size:14px; line-height:2; text-align:right;}
#footer .footer_r p a{color:#818181; display:inline-block; padding:0 9px;}
#footer .footer_r p a.last{ padding-right:0;}







