@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:13px;}
.jspDrag{background:url(../images/line2.png) right center no-repeat;}
.jspTrack{background:url(../images/line1.png) 5px center no-repeat;}


/*--类--*/
.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{ position:relative; z-index:50;}
#header .logo{ position:absolute; top:6px; left:0;}
#header .nav{ position:absolute; left:215px; top:0;}
#header .nav li{ display:inline-block; font-size:14px;  line-height:100px; margin:0 21px;}
#header .nav li a{ color:#ffffff;}
#header .tools{ position:absolute; right:0; top:0;}
#header .tools .tel{ background:url(../images/tel.png) left center no-repeat; padding-left:23px; line-height:100px; font-size:20px; color:#ffffff; font-family:AvianRegular; float:left; margin-right:45px;}
#header .tools .search{ width:150px; background:url(../images/search2.png) center center no-repeat; height:31px; float:right; margin-top:35px; line-height:31px;}
#header .tools .search input{ width:108px; margin-left:5px; float:left; height:31px; line-height:31px; background:none; border:none; color:#ffffff;}
#header .tools .search .btn{ float:right; width:30px; line-height:31px; height:31px;}
/*首页*/
.home1{ position:relative;}
.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 5px;}
.home1 .focus .nav a.now{background:url(../images/nav.png) left center no-repeat; width:13px; height:13px;}
.home1 .focus .nav{ position:absolute; left:50%; margin-left:-615px; bottom:47px; text-align:right; width:1210px;padding-right:20px;}
.home1 .text{ position:absolute; right:50%; margin-right:-615px; top:228px; width:1210px; text-align:right; padding-right:20px;}
.home1 .text .tit img{ width:355px; height:auto;}

.home1 .text h3{ font-size:32px; color:#ffffff; line-height:1.5;  float:right; }
.home1 .text h4{ font-size:18px; color:#ffffff; line-height:1.5; margin-top:88px; }
.home1 .text h3:after{ content:""; width:94px; height:3px; background:#ffffff; display:block; margin-top:18px;}
.title { text-align:center;}
.title h2{ font-size:48px; color:#474747; line-height:1.2; font-family:Impact; text-transform:uppercase;}
.title h3{ font-size:30px; color:#474747; line-height:1.4;}
.title h3:after{ content:""; display:block; width:88px; height:3px; background:#8b8b8b; margin-top:20px;}
.title p{ font-size:14px; color:#707070; line-height:1.5; margin-top:20px;}
.home2{ padding:120px 0 105px;}
.home2 .title{ text-align:left;}
.home2 .title h2{ text-align:left;}
.home2 .title h3{ text-align:left;float:left;}

.home2 .title p{ margin-top:85px;}
.home2 .body_left{ width:550px; float:left; padding-top:55px;}
.home2 .body_left .btn a{ width:155px; height:42px; text-align:center; display:inline-block; line-height:42px; border-radius:50px; font-size:16px; color:#474747; border:1px solid #dadada; margin-right:10px;}
.home2 .body_left .btn{ margin-top:30px;}
.home2 .body_left .btn a:hover{ background:#2655a5;border:1px solid #2655a5; color:#ffffff;}
.home2 .body_right{ float:right; width:615px; height:424px; overflow:hidden;}
.home3{ padding-bottom:107px;}
.home3 .title h3:after{ margin:0 auto; margin-top:22px;}
.home3 .list{ margin-top:28px;}
.home3 .list .item{ width:395px; float:left; border:1px solid #dadada; text-align:center; padding:18px 0 40px;position:relative; margin-left:19px;}
.home3 .list .item .text{ text-align:left; padding-left:20px; padding-top:20px;}
.home3 .list .item .text h3{ font-size:18px; color:#474747; line-height:1.5;}
.home3 .list .item .text h4{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#909090; line-height:1.5; margin:9px 0 7px;}
.home3 .list .item .text p{ font-size:14px; color:#707070; line-height:1.5; width:344px;}
.home3 .list .item .text .more{ font-size:14px; color:#707070; line-height:1.5; background:url(../images/more.png) 130px center no-repeat #ffffff; width:140px; text-align:left; padding-left:50px; display:block; position:absolute; left:50%; margin-left:-95px;bottom:-10px;}
.home3 .list .item.frist{ margin-left:0;}
.home3 .list .item .text .more:hover{ color:#2655a5; background:url(../images/more1.png) 130px center no-repeat #ffffff;}

/*底*/
#footer{ background:url(../images/footer.png) center center repeat; padding:18px 50px 10px 20px;}
#footer .footer_l{ float:left;}

#footer .footer_l h3 .tit{ font-size:14px; color:#ffffff; line-height:75px; float:left;}
#footer .footer_l h3 { font-family:Impact; font-size:40px; color:#ffffff; line-height:75px;}
#footer .footer_l p{ font-size:14px; color:#818181; line-height:1.7; margin-bottom:10px;}
#footer .footer_l p a{ color:#818181; }
#footer .footer_r { float:right;}
#footer .footer_r .pic{ width:124px; height:124px; overflow:hidden;}
#footer .footer_r h4{ color:#ffffff; font-size:14px; line-height:1; text-align:center; margin-top:8px;}
#footer .footer_r .code{ float:left; margin-left:15px;}

.page{ width:100%; text-align:center;}
.page a{ display:inline-block; border:1px solid #cecece; line-height:27px; border-radius:5px; padding:0 9px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#707070;}
.page a.prev,.page a.next{ font-size:18px;}
.page a.prev,.page a{ margin:0 5px;}
.page .none{ border:none; padding:0;}
.page a.now{ color:#ffffff; background:#2655a5; border:1px solid #2655a5;}
.page a:hover{color:#ffffff; background:#2655a5; border:1px solid #2655a5;}
.page a.none:hover{ background:none;  color:#707070;border:none;}