@font-face { 

font-family:"Avian Regular"; 

src: url('Avian Regular.eot'); 

src: url('Avian Regular.eot?#iefix') format('embedded-opentype'), 

  	 url('Avian Regular.woff') format('woff'), 

     url('Avian Regular.ttf')  format('truetype'), 

     url('Avian Regular.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:1250px;max-width:1920px;}

ol,ul,li{list-style:none outside none;padding:0;}

a{text-decoration:none;color:#707070;}

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;}

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%;}



/*首页*/



.home1{ height:886px; overflow:hidden; position:relative;}

.home1 .text{ position:absolute; left:0; top:155px;}



.home1 .wen{ position:absolute; left:40px; top:543px;float: left; }

.home1 .wen h3{ font-size:84px;color: white;}



.home1 .tu{ position:absolute; left:475px; top:514px;float: left; }



.home1 .tu a{ width:257px; height:60px; display:inline-block; background:#fcfeff; border-radius:50px; margin:0 17px; line-height:60px; font-size:46px; color:#1062b4; margin-top:20px; text-align: center;}

.home1 .tu a:hover{ background:url(../images/groung.png) center center no-repeat; color:#ffffff;}



.home2{ padding-bottom:90px; background:#f5f5f5;color: white;}

.home2 .home2-left h3{ font-size:37px; line-height:1.2; margin-bottom:23px;}

.home2 .home2-left h4{ font-size:34px; line-height:1.2; margin-bottom:23px;}

.home2 .home2-left h4 a{ color: #133984;}

.home2 .home2-left p{ font-size:30px; color:#474747; line-height:1.5; margin-bottom:7px;}

.home2 .home2-left{ width:50%; background:#ffffff; float:left; overflow:hidden; height:525px; margin-top:-225px;opacity:0;transition:all 1.5s ease-out 0s;-webkit-transition:all 1.5s ease-out 0s; -moz-transition: all 1.5s ease-out 0s;-o-transition:all 1.5s ease-out 0s;transform:translateY(-100px);-webkit-transform:translateY(-100px);}

.home2 .home2-left .child{ padding:30px 30px 30px 30px;}

.home2 .home2-right{ width:50%; float:right; margin-top:-140px; background:#3e8ddc; text-align:center; height:425px; padding:50px 0;opacity:0;transition:all 1.5s ease-out 0s;-webkit-transition:all 1.5s ease-out 0s;transform:translateY(-50px);-webkit-transform:translateY(-50px);  }

.home2.show .home2-left{transform:translateY(0);-webkit-transform:translateY(0);transform:scale(1);-webkit-transform:scale(1);opacity:1;}

.home2.show .home2-right{transform:translateY(0);-webkit-transform:translateY(0);transform:scale(1);opacity:1;}

.home2 .home2-right a{ width:200px; height:52px; display:inline-block; background:#fcfeff; border-radius:50px; margin:0 17px; line-height:52px; font-size:30px; color:#1062b4; margin-top:20px; }

.home2 .home2-right a:hover{ background:url(../images/groung.png) center center no-repeat; color:#ffffff;}

.home3{ height:955px; overflow:hidden; text-align:center; padding:100px 0 0;}

.home3 h3{ font-size:50px; color:#ffffff; line-height:1.4;}

.home3 .list{ position:relative; margin-top:45px;}

.home3 .list .item{ width:272px;  overflow:hidden; position:absolute;left:-200px;top:0;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;float:left; margin-left:5px; text-align:center;}

.home3 .list .item.frist{ margin-left:0;}

.home3 .list .item .pic{ width:240px; height:238px; overflow:hidden; margin:0 auto;transition:transform 0.5s;

-moz-transition:-moz-transform 0.5s; /* Firefox 4 */

-webkit-transition:-webkit-transform 0.5s; /* Safari and Chrome */

-o-transition:-o-transform 0.5s; /* Opera */

}

.home3 .list .item .pic:hover{transform:rotate(90deg);

-moz-transform:rotate(90deg); /* Firefox 4 */

-webkit-transform:rotate(90deg); /* Safari and Chrome */

-o-transform:rotate(90deg); /* Opera */}

.home3 .list .item .text h4{ font-size:34px; color:#ffffff; line-height:1.2; margin:35px 0 20px;}

.home3 .list .item .text p{ font-size:30px; color:#ffffff; line-height:1.5;}

.home4{ background:url(../images/pic5.png) center center no-repeat; height:1210px; text-align:center; padding-top:60px;}

.home4 h3{ font-size:65px; color:#474747; line-height:1.2; }

.home4 .div{ position:relative; padding-top:100px;}

.home4 .div .line{ width:819px; height:1225px; margin-top:100px; margin:0 auto;z-index:100;}



.home4 .div .content{ position:absolute; left:0; top:0; width:100%; height:100%;}



.home4 .div .content .item h4{ width:120px; height:120px; background:#60c1ec; border-radius:50%; font-size:30px; color:#ffffff; line-height:115px;  z-index:200;}

.home4 .div .content .item.i1 h4{position:absolute; left:50%; margin-left:-60px; top:35px;}

.home4 .div .content .item.i2 h4{position:absolute; left:50%; margin-left:-60px; top:170px;}

.home4 .div .content .item.i3 h4{position:absolute; left:50%; margin-left:-60px; top:305px;}

.home4 .div .content .item.i4 h4{position:absolute; left:50%; margin-left:-60px; top:440px;}

.home4 .div .content .item.i5 h4{position:absolute; left:377px; top:550px;}

.home4 .div .content .item.i6 h4{position:absolute; left:220px; top:720px; line-height:1.5; padding-top:25px; height:95px;}

.home4 .div .content .item.i7 h4{position:absolute; left:355px; top:720px;line-height:1.5; padding-top:25px; height:95px;}

.home4 .div .content .item.i8 h4{position:absolute; left:490px; top:720px;}

.home4 .div .content .item.i9 h4{position:absolute; left:625px; top:720px;}

.home4 .div .content .item.i10 h4{position:absolute; left:760px;top:720px;}

.home4 .div .content .item.i11 h4{position:absolute;  left:895px;top:720px;}

.home4 .div .content .item.i12 h4{position:absolute;  left:766px;top:902px;}

.home4 .div .content .item.i13 h4{position:absolute;  left:50%; margin-left:-138px; bottom:40px;background:url(../images/item6.png) center center no-repeat; width:275px; height:275px; background-size:100%;}

.home4 .div .content .i14{position:absolute;  left:50%; margin-left:-230px; bottom:-182px;}





.home4 .div .content .i14 a{ width:200px; height:52px; display:inline-block; background:#fcfeff; border-radius:50px; margin:0 17px; line-height:52px; font-size:30px; color:#1062b4; margin-top:20px; }

.home4 .div .content .i14 a:hover{ background:url(../images/groung.png) center center no-repeat; color:#ffffff;}



.home4 .div .content .item i{ display:block; width:142px; height:142px; background:url(../images/item5.png) center center no-repeat;/*position:absolute; left:50%; margin-left:-71px; top:55px; */opacity:0;transition:all 1.5s ease-out 0s;-webkit-transition:all 1.5s ease-out 0s;transform:scale(0);-webkit-transform:scale(0); z-index:1; }

.home4 .div .content .i1 i{position:absolute; left:50%; margin-left:-71px; top:55px;}

.home4 .div .content .i2 i{position:absolute; left:50%; margin-left:-71px; top:190px;}

.home4 .div .content .i3 i{position:absolute; left:50%; margin-left:-71px; top:300px;}

.home4 .div .content .i4 i{position:absolute; left:50%; margin-left:-71px; top:415px;}

.home4 .div .content .i5 i{position:absolute; left:355px; top:527px;}

.home4 .div .content .i6 i{position:absolute; left:277px; top:698px;}

.home4 .div .content .i7 i{position:absolute; left:386px; top:698px;}

.home4 .div .content .i8 i{position:absolute; left:490px; top:698px;}

.home4 .div .content .i9 i{position:absolute; left:595px; top:698px;}

.home4 .div .content .i10 i{position:absolute; left:701px;  top:698px;}

.home4 .div .content .i11 i{position:absolute; left:808px;   top:698px;}

.home4 .div .content .i12 i{position:absolute; left:743px;  top:879px;}

.home4 .div .content .i13 i{position:absolute; left:50%; margin-left:-100px; bottom:32px; background:url(../images/item7.png) center center no-repeat; border-radius:50%; width:219px; height:219px;}

.home4 .div .content .item.show i{transform:scale(1);-webkit-transform:scale(1);transform:scale(1);opacity:1;}

.home5{ margin-top:-279px; background:url(../images/home.png) center center no-repeat; height:1200px; width:100%; padding-top:530px; text-align:center; overflow:hidden; background-size:135% 1600px;}

.home5 .home5-left{ float:left; width:50%; opacity:0;transition:all 1.5s ease-out 0s;-webkit-transition:all 1.5s ease-out 0s;transform:rotateY(-90deg) translateZ(500px) translateX(-300px) scale(0.5);-webkit-transform:rotateY(-90deg) translateZ(500px) scale(0.5);}

.home5.show .home5-left{ transform:rotateY(0deg) translateZ(0px) translateX(0px) scale(1);-webkit-transform:rotateY(0deg) translateZ(100px) scale(1);opacity:1;}

.home5.show .home5-right{ transform:rotateY(0deg) translateZ(0px) translateX(0px) scale(1);-webkit-transform:rotateY(0deg) translateZ(100px) scale(1);opacity:1;}

.home5 .home5-right{ float:right; width:50%;opacity:0;transition:all 1.5s ease-out 0s;-webkit-transition:all 1.5s ease-out 0s;transform:rotateY(-90deg) translateZ(-500px) translateX(800px) scale(0.5);-webkit-transform:rotateY(-90deg) translateZ(-500px) translateX(800px) scale(0.5);  }

.home5 .inner{ margin-top:35px; padding:0 16px;}

.home5 h3{ font-size:45px; color:#ffffff; line-height:1.2;}

.home5 p{ font-size:32px; color:#ffffff; line-height:1.2; margin-top:12px;}

.home5 .home5-left h4 b{ display:block; background:url(../images/left1.png) center center no-repeat; width:100%; height:139px;}

.home5 .home5-left h4{ font-size:32px; color:#ffffff; line-height:2.2;}

.home5 .home5-left .div{ margin-top:30px;}

.home5 .home5-left .div p{ text-align:left; font-size:28px; color:#ffffff; line-height:1.5; margin:0;clear:both;}

.home5 .home5-left .div p span{  }

.home5 .home5-left .div p .num{ width:18px; display:inline-block;}

.home5 .home5-right .div p .num{ width:18px; display:inline-block;}

.home5 .home5-right h4 b{ display:block; background:url(../images/right1.png) center center no-repeat; width:100%; height:139px;}

.home5 .home5-right h4{ font-size:32px; color:#ffffff; line-height:2.2;}

.home5 .home5-right .div{ margin-top:30px; }

.home5 .home5-right .div p{ text-align:left; font-size:28px; color:#ffffff; line-height:1.5; margin:0;clear:both; padding-left:48px; }

.home5 .home5-right .div p span{  }

.home6{ text-align:center; margin-top:-225px;}

.home6 .title h3{ font-size:48px; line-height:1.2; margin:10px 0 35px;}

.home6 .title .p1{ font-size:28px; color:#474747; line-height:1.5;}

.home6 .title .p2{ font-size:30px; color:#133984; line-height:1.5; margin-top:15px; font-weight:bold;}

.home6 .title p{ width:920px; margin:0 auto;}

.home6 .focus{ width:100%; position:relative; overflow:hidden; height:555px; margin-top:60px;}

.home6 .focus .frame{ width:100%; position:relative; overflow:hidden; float:left; height:555px;}

.home6 .focus .frame .child{ width:100%; position:relative; overflow:hidden; float:left; height:555px;}

.home6 .focus .frame .child .pic{ width:639px; height:480px; overflow:hidden; position:absolute; left:0; top:0; z-index:1;}

.home6 .focus .frame .child .text{ width:640px; height:485px; overflow:hidden; border:9px solid #efefef; position:absolute; right:0; top:50px; text-align:left;}

.home6 .focus .frame .child .text h3{ font-size:32px; line-height:1.5;}

.home6 .focus .frame .child .text p{ font-size:28px; color:#474747; line-height:1.5; margin-top:18px;}

.home6 .focus .frame .child .text .text-other{ padding:30px 30px 0 80px;}

.home6 .focus .prev{ width:66px; height:57px; display:block; background:url(../images/prev.png) center center no-repeat; position:absolute; right:88px; bottom:55px; z-index:2;}

.home6 .focus .next{ width:66px; height:57px; display:block; background:url(../images/next.png) center center no-repeat; position:absolute; right:55px; bottom:55px; z-index:1;}

.home7{ text-align:center; padding-top:148px;}

.home7 .title h3{ font-size:45px; line-height:1.2; }

.home7 .title .h3{ margin-bottom:33px;}

.home7 .title p{ font-size:30px; color:#474747; line-height:1.5; width:865px ; text-align:center; margin:0 auto;}

.home7 .inner .tabss{ margin:47px 0 33px;}

.home7 .inner .tabss a{ display:inline-block; width:170px; height:50px; line-height:50px; border:1px solid #c1c1c1; border-radius:40px; font-size:30px; color:#474747; margin:0 8px;}

.home7 .inner .tabss .now{ background:#1062b4; border:none; color:#ffffff;}

.home7 .inner .div .roll .pic1{ width:614px; height:614px; overflow:hidden; float:left;}

.home7 .inner .div .roll .pic2{ width:305px; height:614px; overflow:hidden; float:left;}

.home7 .inner .div .roll .pic2 i{ display:block; width:306px; height:307px; overflow:hidden;}

.home7 .inner .div .roll .text{ width:308px; height:614px; overflow:hidden; float:left; background:#3abfc4; text-align:left;}

.home7 .inner .div .roll .text h4{ font-size:32px; color:#ffffff; line-height:1.2;}

.home7 .inner .div .roll .text h5{ font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#ffffff; line-height:1; text-transform:uppercase; margin:10px 0 22px;}

.home7 .inner .div .roll .text p{ font-size:24px; color:#ffffff; line-height:1.5;}

.home7 .inner .div .roll .text .child{ padding:20px 20px 0;}

.home7 .inner .div .roll{ display:none;}

.home7 .inner .div .roll.r{ display:block;}

.home7 .inner .div{ height:614px;}

.home8{ text-align:center; padding-top:130px;}

.home8 h3{ font-size:45px; line-height:1.2; margin-bottom:32px;}

.home8 p{ font-size:30px; color:#474747; line-height:1.5;}



.home8 .focus{ width:100%; position:relative; overflow:hidden; margin-top:57px;}

.home8 .focus .frame{ width:100%; position:relative; overflow:hidden; float:left; }

.home8 .focus .frame .child{ width:100%; position:relative; overflow:hidden; float:left; }

.home8 .focus .frame .child .div{ background:#f0f0f0; height:711px;}

.home8 .focus .frame .child .div .pic{ width:530px; height:745px; overflow:hidden; float:left; margin-left:50px;}

.home8 .focus .frame .child .div .pic{ height:100%; width:auto;}

.home8 .focus .frame .child .div .text{ width:500px; height:585px; background:#ffffff; float:right; text-align:left; margin-top:50px; margin-right:120px;}

.home8 .focus .frame .child .div .text h3{ font-size:32px; color:#474747; line-height:1.5; margin-bottom:15px;}

.home8 .focus .frame .child .div .text h4{ font-size:30px; color:#474747; line-height:1.4;}

.home8 .focus .frame .child .div .text p{ font-size:28px; color:#707070; line-height:1.5; margin-top:10px; }

.home8 .focus .frame .child .div .text a{ display:inline-block; width:156px; height:50px ; line-height:50px; font-size:16px; color:#ffffff; background:#1062b4; border-radius:30px; text-align:center; margin:0 10px;}

.home8 .focus .frame .child .div .text .and{ text-align:center;}

.home8 .focus .frame .child .div .text .a-o{ background:#3abfc4;}

.home8 .focus .frame .child .div .text h3 span{ font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#474747; line-height:1.2; background:url(../images/tel.png) left center no-repeat;  padding-left:30px; float:right;}

.home8 .focus .frame .child .div .text .other{ padding:20px 20px;}

.home8 .focus .prev { width:42px; height:84px; background:url(../images/prev1.png) center center no-repeat; position:absolute; left:5px; top:345px; }

.home8 .focus .next { width:42px; height:84px; background:url(../images/next1.png) center center no-repeat; position:absolute; right:5px; top:345px; }

.home9{ height:1555px; text-align:center; padding:35px 10px 90px; background-color:#e88988;}

.home9 h3{ font-size:45px; color:#ffffff; line-height:1.2;}

.home9 .div .part{ float:left;}

.home9 .div .part.other{ float:right;}

.home9 .div .part .part-left{ float:left;}

.home9 .div .part .part-right{ float:left; width:415px; height:440px; margin-left:45px; text-align:left;}

.home9 .div .part .part-left h2{ font-family:Arial, Helvetica, sans-serif; font-size:33.02px; color:#ffffff; line-height:1; text-transform:uppercase;}

.home9 .div{ margin-top:70px;}

.home9 .div .part .part-left h3{ font-size:28.58px; color:#ffffff; line-height:1.1;}

.home9 .div .part .part-left h4{ font-family:Impact; font-size:98.63px; color:#ffffff; line-height:1.2;}

.home9 .div .part .part-right h4{ font-family:微软雅黑; font-size:32px; color:#ffffff; line-height:1;}

.home9 .div .part .part-right p{ font-size:28px; color:#ffffff; line-height:1.5; margin-top:25px;}

.home10{ background:#192c3a; text-align:center; padding:110px 0;}

.home10 h3{ font-size:45px; color:#ffffff; line-height:1.2; margin-bottom:25px;}

.home10 p{ font-size:30px; color:#ffffff; line-height:1.5; width:1030px; text-align:center; margin:0 auto;}

.home10 .tel{ font-family:Impact; font-size:51px; color:#ffffff; line-height:1.5; background:url(../images/tel1.png) 300px center no-repeat; margin-top:15px;}

.home10 .list{ margin-top:15px;}

.home10 .list h4{ height:60px; line-height:60px; text-align:left; color:#ffffff; font-size:16px; background:url(../images/h4.png) 15px center no-repeat; padding-left:40px; border-bottom:1px solid #254054;}



.home10 .list h4 .more{ font-size:30px; color:#ffffff; float:right; margin-right:20px; background:url(../images/more.png) left center no-repeat; padding-left:20px;}

.home10 .list h4:hover{ background:url(../images/h4.png) 15px center no-repeat #14242f;}

.home10 .list h4 a{color:#ffffff; font-size:32px; width:100%; display:block;}

.home10 .and{ text-align:center; margin-top:30px;}

.home10 .and a{ display:inline-block; width:200px; height:50px ; line-height:50px; font-size:30px; color:#ffffff; background:#1062b4; border-radius:30px; text-align:center; margin:0 10px;}

.home10 .and .a-o{ background:#3abfc4;}



#divbg{ display:none;}



/*底部*/

#footer{background:#383838; text-align:center; padding:25px 0;}

#footer .p1{ font-size:30px; color:#ffffff; line-height:1.2;}

#footer .p1 .en{ font-family:Arial, Helvetica, sans-serif;}

#footer .p2{ font-size:14px; color:#ffffff; line-height:1.5;}

.nav-right{ position:fixed; right:0; bottom:100px; z-index:300;}

.nav-right a{ display:block; width:70px; height:50px; line-height:50px; font-size:14px; color:#ffffff; background:#4c4c4c; border-radius:5px; text-align:center; margin-top:1px;}

.nav-right a:hover{ background:#3abfc4; color:#ffffff;}

.nav-right .top{ width:70px; height:32px; display:block; padding-top:18px; }