@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: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 -4px 0 0;}



.jspVerticalBar{width:8px;}

.jspDrag{background:#3e8ddc;}

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





/* 头部 */

#top{height:97px;width:100%;position:fixed;left:0;top:0;min-width:1250px;background:#fff;z-index:3;box-shadow:0 0 20px rgba(0,0,0,0.2);}

#top .div{float:left;height:97px;}

#top .div .img{float:left;margin:22px 0 0 45px;}

#top .div .img img{transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}

#top .div:hover .img img{transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);}

#top .div h3{font-size:16px;float:left;line-height:97px;margin-left:8px;}







/* 底部 */

.footer{background:#333;color:#fff;text-align:center;height:80px;line-height:80px;font-size:12px;}

.footer span{margin:0 30px;}







.snav{position:fixed;right:10px;top:350px;z-index:3;}

.snav .div{height:48px;margin-bottom:1px;position:relative;}

.snav .div .in1{background:url(../image/bg4.png) center center no-repeat;width:55px;height:48px;right:0;top:0;text-align:center;position:absolute;display: none;}

.snav .div i{display:inline-block;height:100%; vertical-align:middle;}

.snav .div .in2{background:url(../image/bg5.png) center center no-repeat;width:105px;height:48px;right:0;top:0;text-align:center;position:absolute;opacity: 1;}

.snav .div .in2 .img{float:left;height:48px;margin-left:9px;}

.snav .div .in2 h3{color:#fff;line-height:48px;font-size:14px;margin-left:5px;}







.home1{background:url(../image/banner.jpg) center top no-repeat;height:900px;}

.home1 .logo{position:absolute;left:-20px;top:20px;}

.home1 .text{position:absolute;top:300px;left:0;width:580px;opacity:0;

transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;

transform:scale(2);-webkit-transform:scale(2);-moz-transform:scale(2);

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

.home1.show .text{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);opacity:1;}

.home1 .text h2{color:#fff;font-size:40px;line-height:1.2;}

.home1 .text h3{color:#fff;font-size:44px;line-height:1.1;}

.home1 .text h4{color:#fff;font-size:148px;line-height:1;margin-top:-25px;font-weight:bold;}

.home1 .text p{color:#fff;font-size:14px;line-height:1.5;margin-top:20px;}

.home2{height:918px;}

.home2 .box1{background:url(../image/bg1.png) center center no-repeat;width:466px;height:840px;position:absolute;left:0;top:149px; z-index:2;opacity:0;

transform:translateX(-50px);-webkit-transform:translateX(-50px);

transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}

.home2.show .box1{transform:translateX(0px);-webkit-transform:translateX(0px);opacity:1;}

.home2 .box1 h2{color:#fff;font-size:36px;line-height:1.3;margin:61px 0 0 61px;}

.home2 .box1 h3{color:#fff;font-size:14px;line-height:1.3;margin:6px 0 0 61px;}

.home2 .box1 .div{margin:45px 0 0 61px;width:340px;}

.home2 .box1 .div h4{color:#fff;font-size:24px;line-height:1;margin-left:-5px;}

.home2 .box1 .div h4 span{font-family:impact;font-size:90px;margin-right:8px;}

.home2 .box1 .div p{font-size:14px;color:#fff;line-height:1.5;margin-top:15px;}

.home2 .box2{position:absolute;right:0;top:160px;width:765px; z-index:2;}

.home2 .box2 .div{float:left;width:210px;height:220px;text-align:center;margin-left:45px;cursor:pointer;}

.home2 .box2 .div .img{height:112px;}

.home2 .box2 .div .img i{display:inline-block; vertical-align:middle; height:100%;}

.home2 .box2 .div .img img{transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}

.home2 .box2 .div:hover .img img{transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);}

.home2 .box2 .div h2{font-size:22px;line-height:1.3;color:#474747;}

.home2 .box2 .div p{font-size:14px;line-height:1.5;color:#474747;margin-top:8px;}

.hide1{position:absolute;background:#fff;width:730px;height:647px;top:-11px;right:0;display:none;

-webkit-box-shadow:0 0 5px 5px #f8f8f8;  

-moz-box-shadow:0 0 5px 5px #f8f8f8;

-o-box-shadow:0 0 5px 5px #f8f8f8; 

box-shadow:0 0 5px 5px #f8f8f8;   }

.hide1 .close{display:block;width:23px;height:23px;position:absolute;top:50px;right:50px;z-index:2;}

.hide1 .focus0{position:relative;width:604px;margin:60px auto 0;}

.hide1 .prev{position:absolute;left:70px;bottom:57px;background:url(../image/arrow1.png) left center no-repeat;width:12px;height:22px;display:block;z-index:2;}

.hide1 .next{position:absolute;right:70px;bottom:57px;background:url(../image/arrow1.png) right center no-repeat;width:12px;height:22px;display:block;z-index:2;}

.hide1 .focus0 .frame{width:604px;overflow:hidden;margin:0 auto;height:550px;position:relative;}

.hide1 .focus0 .frame ul{position:absolute;left:0;width:100000px;}

.hide1 .focus0 .frame ul li{float:left;width:604px;position:relative;height:500px;}

.hide1 .focus0 .frame ul li h2{font-size:24px;color:#474747;line-height:1.3;margin-top:32px;}

.hide1 .focus0 .frame ul li h3{font-size:18px;color:#474747;line-height:1.3;margin-top:10px;}

.hide1 .focus0 .frame ul li p{font-size:14px;color:#474747;line-height:1.5;margin-top:20px;width:600px;}

.hide1 .focus0 .frame ul li .s1{position:absolute;left:45px;line-height:22px;font-size:14px;color:#474747;top:507px;}

.hide1 .focus0 .frame ul li .s2{position:absolute;right:45px;line-height:22px;font-size:14px;color:#474747;top:507px;}

.home3{background:url(../image/bg2.jpg) center top no-repeat;height:1309px;margin-top:-173px;}

.home3 .title{text-align:center;padding-top:355px;}

.home3 .title h2{font-size:36px;line-height:1.3;color:#fff;}

.home3 .title h3{font-size:14px;line-height:1.3;color:#fff;margin-top:15px;}

.home3 .box{margin:75px 0 0 -70px;}

.home3 .box .div{width:580px;margin-left:70px;height:135px;float:left;}

.home3 .box .div h3{color:#fff;font-size:22px;line-height:1.3;}

.home3 .box .div p{color:#fff;font-size:14px;line-height:1.5;margin-top:10px;}

.home3 .btn{display:block;background:url(../image/btn1.png) center center no-repeat;width:364px;height:68px;text-align:center;margin:10px auto 0;line-height:68px;color:#fff;font-size:18px;animation:nav_float 2s linear 0s infinite;-webkit-animation:nav_float 2s linear 0s infinite;}

@-webkit-keyframes nav_float{

0%{-webkit-transform:translateX(0);}

50%{-webkit-transform:translateX(-20px);}

100%{-webkit-transform:translateX(0);}

}

@keyframes nav_float{

0%{transform:translateX(0);}

50%{transform:translateX(-20px);}

100%{transform:translateX(0);}

}

.home3 .btn:hover{animation-play-state:paused;-webkit-animation-play-state:paused;}

.hide2{height:620px;background:#fff;position:fixed;left:50%;top:50%;width:1230px;margin:-310px 0 0 -615px;display:none;z-index:4;}

.hide2 .close{display:block;width:23px;height:23px;position:absolute;top:40px;right:40px;z-index:2;}

.hide2 .pic{height:520px;overflow:auto;width:1020px;margin:80px auto 0;padding-right:60px;}

.home4{height:685px;}

.home4 .title{text-align:center;padding-top:118px;}

.home4 .title h2{font-size:36px;line-height:1.3;color:#474747;}

.home4 .title h3{font-size:14px;line-height:1.3;color:#474747;margin-top:10px;}

.home4 .box{margin:50px 0 0 -76px;}

.home4 .box .div{width:354px;float:left;margin-left:76px;height:353px;text-align:center;}

.home4 .box .div.d1{background:url(../image/c1.png) center center no-repeat;opacity:0;transition:all 1.2s ease-out 0s;-webkit-transition:all 1.2s ease-out 0s;-moz-transition:all 1.2s ease-out 0s;transform:translate(0,200px);-webkit-transform:translate(0,200px);-moz-transform:translate(0,200px);}

.home4 .box .div.d2{background:url(../image/c2.png) center center no-repeat;opacity:0;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;transform:translate(0,200px);-webkit-transform:translate(0,200px);-moz-transform:translate(0,200px);}

.home4 .box .div.d3{background:url(../image/c3.png) center center no-repeat;opacity:0;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;transform:translate(0,200px);-webkit-transform:translate(0,200px);-moz-transform:translate(0,200px);}

.home4.show .box .div{transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);opacity:1;}

.home4 .box .div h3{font-size:24px;color:#474747;line-height:1.3;margin-top:135px;}

.home4 .box .div p{font-size:14px;color:#474747;line-height:1.5;margin:15px auto 0;width:248px;}

.home5{background:url(../image/bg3.jpg) center top no-repeat;height:1349px;}

.home5 .title{text-align:center;padding-top:230px;}

.home5 .title h2{font-size:36px;line-height:1.3;color:#fff;}

.home5 .title h3{font-size:14px;line-height:1.3;color:#fff;margin-top:14px;}

.home5 .box1{margin-top:55px;height:635px;position:relative;}

.home5 .box1 .div1{background:url(../image/green60.png) center center repeat;height:635px;width:610px;position:absolute;left:0;top:0;opacity:0;transition:all 1.2s ease-out 0s;-webkit-transition:all 1.2s ease-out 0s;-moz-transition:all 1.2s ease-out 0s;transform:translate(0,-200px);-webkit-transform:translate(0,-200px);-moz-transform:translate(0,-200px);}

.home5 .box1 .div1 .tit{position:relative;margin:47px 0 0 60px;height:50px;padding-left:115px;padding-top:40px;}

.home5 .box1 .div1 .tit .num{position:absolute;left:0;top:0;color:#fff;font-family:impact;font-size:108px;line-height:1;}

.home5 .box1 .div1 .tit h2{color:#fff;font-size:30px;line-height:1.3;}

.home5 .box1 .div1 .tit h3{color:#fff;font-size:16px;line-height:1.3;font-family:AvianRegular;}

.home5 .box1 .div1 .ul{margin:55px 0 0 60px;background:url(../image/line2.png) 6px 12px no-repeat;width:475px;}

.home5 .box1 .div1 .ul .li{padding-left:37px;background:url(../image/dian1.png) left 5px no-repeat;margin-top:20px;}

.home5 .box1 .div1 .ul .li h3{font-size:18px;color:#fff;line-height:1.3;}

.home5 .box1 .div1 .ul .li h3 b{font-weight:bold;margin-right:12px;}

.home5 .box1 .div1 .ul .li p{font-size:14px;color:#fff;line-height:1.5;margin-top:9px;}

.home5 .box1 .div2{background:url(../image/green60.png) center center repeat;height:396px;width:610px;position:absolute;right:0;top:0;opacity:0;transition:all 1.2s ease-out 0.5s;-webkit-transition:all 1.2s ease-out 0.5s;-moz-transition:all 1.2s ease-out 0.5s;transform:translate(0,200px);-webkit-transform:translate(0,200px);-moz-transform:translate(0,200px);}

.home5 .box1 .div2 .tit{position:relative;margin:50px 0 0 47px;height:46px;padding-left:90px;padding-top:22px;}

.home5 .box1 .div2 .tit .num{position:absolute;left:0;top:0;color:#fff;font-family:impact;font-size:78px;line-height:1;}

.home5 .box1 .div2 .tit h2{color:#fff;font-size:24px;line-height:1.3;}

.home5 .box1 .div2 .tit h3{color:#fff;font-size:16px;line-height:1.3;font-family:AvianRegular;}

.home5 .box1 .div2 .ul{margin:32px 0 0 47px;background:url(../image/line3.png) 6px 17px no-repeat;width:475px;}

.home5 .box1 .div2 .ul .li{padding-left:33px;background:url(../image/dian1.png) left 5px no-repeat;margin-top:20px;}

.home5 .box1 .div2 .ul .li h3{font-size:18px;color:#fff;line-height:1.3;font-weight:bold;}

.home5 .box1 .div2 .ul .li .p{font-size:14px;color:#fff;line-height:1.5;margin-top:15px;}

.home5 .box1 .div2 .ul .li .p p{margin-top:9px;}

.home5 .box1 .div3{background:url(../image/green60.png) center center repeat;height:229px;width:610px;position:absolute;right:0;bottom:0;opacity:0;transition:all 1.2s ease-out 1s;-webkit-transition:all 1.2s ease-out 1s;-moz-transition:all 1.2s ease-out 1s;transform:translate(200px,0);-webkit-transform:translate(200px,0);-moz-transform:translate(200px,0);}

.home5 .box1 .div3 .tit{position:relative;margin:35px 0 0 47px;height:46px;padding-left:90px;padding-top:22px;}

.home5 .box1 .div3 .tit .num{position:absolute;left:0;top:0;color:#fff;font-family:impact;font-size:78px;line-height:1;}

.home5 .box1 .div3 .tit h2{color:#fff;font-size:24px;line-height:1.3;}

.home5 .box1 .div3 .tit h3{color:#fff;font-size:16px;line-height:1.3;font-family:AvianRegular;}

.home5 .box1 .div3 .ul{margin:30px 0 0 47px;background:url(../image/line4.png) 6px 17px no-repeat;width:475px;}

.home5 .box1 .div3 .ul .li{padding-left:33px;background:url(../image/dian1.png) left 5px no-repeat;margin-top:20px;}

.home5 .box1 .div3 .ul .li h3{font-size:18px;color:#fff;line-height:1.3;font-weight:bold;}

.home5 .box1 .div3 .ul .li .p{font-size:14px;color:#fff;line-height:1.5;margin-top:8px;}

.home5 .box1 .div3 .ul .li .p p{margin-top:9px;}

.home5.show .box1>div{transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);opacity:1;}

.home5 .box2{margin-top:72px;background:url(../image/line5.png) left 153px no-repeat;height:185px;}

.home5 .box2 .div{float:left;width:269px;text-align:center;height:185px;position:relative;}

.home5 .box2 .div.first{margin-left:69px;}

.home5 .box2 .div .img{height:85px;transform-origin:center bottom;-webkit-transform-origin:center bottom;}

.home5 .box2 .div:hover .img{animation:l2r 0.5s ease-out 0s;-webkit-animation:l2r 0.5s ease-out 0s;}

@-webkit-keyframes l2r{

0%{-webkit-transform:rotate(0);}

25%{-webkit-transform:rotate(-10deg);}

50%{-webkit-transform:rotate(0deg);}

75%{-webkit-transform:rotate(6deg);}

100%{-webkit-transform:rotate(0deg);}

}

@keyframes l2r{

0%{transform:rotate(0);}

25%{transform:rotate(-10deg);}

50%{transform:rotate(0deg);}

75%{transform:rotate(6deg);}

100%{transform:rotate(0deg);}

}

.home5 .box2 .div .img i{display:inline-block; vertical-align:middle; height:100%;}

.home5 .box2 .div h3{font-size:22px;color:#fff;line-height:1.3;}

.home5 .box2 .div .c{display:block;background:url(../image/dian2.png) left center no-repeat;width:58px;height:58px;position:absolute;bottom:0;left:50%;margin-left:-29px;}

.home5 .box2 .div:hover .c{background:url(../image/dian2.png) right center no-repeat;}

.home6 .title{text-align:center;padding-top:145px;width:1110px;margin:0 auto;}

.home6 .title h3{font-size:36px;color:#474747;line-height:1.3;}

.home6 .title p{font-size:14px;color:#474747;line-height:1.5;margin-top:25px;}

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

.home6 .tabar a{display:inline-block;background:url(../image/btn2.png) center top no-repeat;height:45px;line-height:45px;width:189px;font-size:16px;color:#474747;margin:0 12px;}

.home6 .tabar a.now{background:url(../image/btn2.png) center bottom no-repeat;color:#fff;}

.home6 .box{margin-top:55px;}

.home6 .box .focus{width:1230px;overflow:hidden;position:relative;height:705px;display:none;}

.home6 .box .focus.a{display:block;}

.home6 .box .focus .frame{width:10000px;position:absolute;left:0;top:0;height:705px;}

.home6 .box .focus .frame .child{float:left;width:390px;margin-right:30px;cursor:pointer;}

.home6 .box .focus .frame .child .pic{width:390px;height:500px;overflow:hidden;}

.home6 .box .focus .frame .child img{width:100%;height:auto;

	 -webkit-transition:all .8s ease 0s;

	 -moz-transition:all .8s ease 0s;

	 transition:all .8s ease 0s;}

.home6 .box .focus .frame .child:hover img{

	-webkit-transform:scale(1.1);

	-moz-transform:scale(1.1);

	transform:scale(1.1);}

.home6 .box .focus .frame .child h3{text-align:center;font-size:24px;color:#474747;line-height:1.3;margin-top:32px;}

.home6 .box .focus .frame .child h4{text-align:center;font-size:14px;color:#474747;line-height:1.3;margin-top:6px;}

.home6 .box .focus .arrow_l{display:block;background:url(../image/arrow2.png) left center no-repeat;width:36px;height:54px;position:absolute;left:0;top:220px;}

.home6 .box .focus .arrow_r{display:block;background:url(../image/arrow2.png) right center no-repeat;width:36px;height:54px;position:absolute;right:0;top:220px;}

.bgblack{width:100%;height:100%;position:fixed;left:0;top:0;z-index:3;background:url(../image/black80.png) center center repeat;display:none;}

.home6 .box .focus .frame .child .hide3{position:fixed;background:#fff;width:1230px;height:504px;top:50%;left:50%;z-index:4;margin:-252px 0 0 -615px;display:none;}

.home6 .box .focus .frame .child .hide3 .close{display:block;width:23px;height:23px;position:absolute;top:55px;right:50px;}

.home6 .box .focus .frame .child .hide3 .inner{width:1022px;margin:105px auto 0;}

.home6 .box .focus .frame .child .hide3 .inner h3{font-size:24px;color:#474747;line-height:1.3;text-align:left;}

.home6 .box .focus .frame .child .hide3 .inner h3 span{font-size:18px;margin-left:20px;}

.home6 .box .focus .frame .child .hide3 .inner h4{font-size:18px;color:#474747;line-height:1.3;text-align:left;margin-top:40px;}

.home6 .box .focus .frame .child .hide3 .inner p{font-size:14px;color:#474747;line-height:1.5;text-align:left;margin-top:20px;}

.home7{height:300px;position:relative;overflow:hidden;}

.home7 .box1{background:url(../image/bg7.jpg) center center no-repeat;width:1032px;height:757px;position:absolute;top:0;left:50%;margin-left:-960px;opacity:0;transform:translate(200px,200px);-webkit-transform:translate(200px,200px);-moz-transform:translate(200px,200px);transition:all 1.2s ease-out 0s;-webkit-transition:all 1.2s ease-out 0s;-moz-transition:all 1.2s ease-out 0s;}

.home7 .box1 .inner{width:535px;float:right;margin:148px 148px 0 0;}

.home7 .box1 .inner h2{color:#fff;font-size:34px;line-height:1.3;}

.home7 .box1 .inner h3{color:#fff;font-size:24px;line-height:1.3; text-indent:-10px;margin-top:5px;}

.home7 .box1 .inner .p1{margin-top:30px;color:#fff;line-height:1.1;font-size:16px;}

.home7 .box1 .inner .p1 b{font-size:40px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;}

.home7 .box1 .inner .p2{margin-top:50px;font-size:14px;line-height:1.5;color:#fff;}

.home7 .box2{width:1031px;height:828px;background:url(../image/bg8.png) center center no-repeat;position:absolute;top:57px;right:50%;margin-right:-960px;opacity:0;transform:translate(200px,-200px);-webkit-transform:translate(200px,-200px);-moz-transform:translate(200px,-200px);transition:all 1.2s ease-out 0.3s;-webkit-transition:all 1.2s ease-out 0.3s;-moz-transition:all 1.2s ease-out 0.3s;}

.home7 .box2 .c1{background:url(../image/c4.png) center top no-repeat;width:248px;height:233px;position:absolute;right:335px;top:-45px;z-index:-1;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;}

.home7 .box2 .c2{background:url(../image/c5.png) center center no-repeat;width:231px;height:231px;position:absolute;left:490px;top:-40px;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.9s;-webkit-transition:all 1.2s ease-out 0.9s;-moz-transition:all 1.2s ease-out 0.9s;}

.home7 .box2 .c2 .s1{display:block;color:#fff;font-size:30px;line-height:1.3;margin-top:85px;}

.home7 .box2 .c2 .s2{display:block;color:#fff;font-size:16px;line-height:1.3;}

.home7.show .box1,.home7.show .box2,.home7.show .box2 .c1,.home7.show .box2 .c2{transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);opacity:1;}

.home7 .box2 .inner{width:540px;margin:205px 0 0 125px;}

.home7 .box2 .inner h2{font-size:36px;color:#474747;line-height:1.3;margin-bottom:45px;}

.home7 .box2 .inner .div{margin-top:40px;}

.home7 .box2 .inner .div h3{font-size:24px;color:#474747;line-height:1.3;}

.home7 .box2 .inner .div p{font-size:14px;color:#474747;line-height:1.5;margin-top:10px;}

.home7 .box3{position:absolute;width:1230px;left:50%;margin-left:-615px;top:20px;background:url(../image/line6.png) left 153px no-repeat;height:185px;}

.home7 .box3 .div{float:left;width:269px;text-align:center;height:185px;position:relative;}

.home7 .box3 .div.first{margin-left:69px;}

.home7 .box3 .div .img{height:85px;transform-origin:center bottom;-webkit-transform-origin:center bottom;}

.home7 .box3 .div:hover .img{animation:l2r 0.5s ease-out 0s;-webkit-animation:l2r 0.5s ease-out 0s;}

.home7 .box3 .div .img i{display:inline-block; vertical-align:middle; height:100%;}

.home7 .box3 .div h3{font-size:22px;color:#474747;line-height:1.3;}

.home7 .box3 .div .c1{display:block;background:url(../image/dian3.png) left center no-repeat;width:58px;height:58px;position:absolute;bottom:0;left:50%;margin-left:-29px;}

.home7 .box3 .div:hover .c1{background:url(../image/dian3.png) right center no-repeat;}

.home7 .box3 .div .c2{display:block;background:url(../image/dian4.png) left center no-repeat;width:58px;height:58px;position:absolute;bottom:0;left:50%;margin-left:-29px;}

.home7 .box3 .div:hover .c2{background:url(../image/dian4.png) right center no-repeat;}

.home7 .box3 .div .c3{display:block;background:url(../image/dian5.png) left center no-repeat;width:58px;height:58px;position:absolute;bottom:0;left:50%;margin-left:-29px;}

.home7 .box3 .div:hover .c3{background:url(../image/dian5.png) right center no-repeat;}

.home7 .box3 .div .c4{display:block;background:url(../image/dian6.png) left center no-repeat;width:58px;height:58px;position:absolute;bottom:0;left:50%;margin-left:-29px;}

.home7 .box3 .div:hover .c4{background:url(../image/dian6.png) right center no-repeat;}

.home8 .title{text-align:center;}

.home8 .title h2{font-size:36px;line-height:1.3;color:#474747;}

.home8 .title h3{font-size:14px;line-height:1.3;color:#474747;margin-top:10px;}

.home8 .box{margin-top:63px;height:700px;position:relative;}

.home8 .box .pic{position:absolute;left:50%;margin-left:-960px;top:0;height:700px;width:960px;overflow:hidden;}

.home8 .box .pic .inner{position:absolute;left:0;top:0;display:none;}

.home8 .box .pic .inner.a{display:block;}

.home8 .box .text{position:absolute;right:50%;margin-right:-960px;top:0;height:700px;width:960px;background:#192c3a;}

.home8 .box .text .in{margin:120px 0 0 -55px;}

.home8 .box .text .in p{position:relative;padding-left:177px;font-size:14px;line-height:2.5;color:#fff;cursor:pointer;float:left;clear:both;}

.home8 .box .text .in p span{position:absolute;left:135px;top:0;font-family:Arial, Helvetica, sans-serif;}

.home8 .box .text .in p.now span{background:url(../image/line7.png) left 40px no-repeat;padding-left:124px;left:0;font-size:30px;top:-23px}





@media screen and (max-width:640px){

	*, *:before, *:after{ box-sizing:border-box;}



	body{ line-height:1.5; font-size:0.22rem; min-width:320px;}

	/*--类--*/

	.block{ width:100%; height:100%; padding: 0 0.2rem;}



	/* 头部 */

	.header{ height:1rem; top:0; min-width:320px; z-index: 3;}

	.header .logo{ position: absolute; left:0; top:0; bottom: 0; margin: auto; width: 2rem; height: 0.87rem;}

	.header .logo img{ display: block; width: 100%;}

	.header .nav_main{ position: fixed; left: 0; top: 0; right: 0; padding: 1rem 0; background: #fff; line-height:2; z-index: 10; display: none;}

	.header .nav_main.down{ display: block;}

	.header .nav_main a{ display: block; margin: 0; font-size:0.3rem; text-align: center; color: #474747;}



	/* 底部 */

	.footer{ padding: 0.2rem 0; height:auto; font-size:0.22rem; line-height:1.5;}

	.footer br{ display: block;}

	.footer span{ margin: 0 0 0 0.2rem;}

	.footer span:after{ content: ''; display: block;}



	.snav{ right:0.1rem;}

	.snav .div{height:auto;}

	.snav .div .in2{ position: static; padding: 0 0.1rem; background-size: contain; width:auto; height:0.46rem; white-space: nowrap; background: #54a7e0; border-radius: 0.05rem;}

	.snav .div .in2 .img{ display: none;}

	.snav .div .in2 h3{ line-height:0.46rem; font-size:0.22rem !important; margin-left:0;}



	.menu-btn{ position: absolute; top: 0; bottom: 0; right: 0.2rem; margin: auto; width: 0.3rem; height: 0.3rem; background: url(../image/menu-btn.png) center no-repeat; background-size: contain; display: block;}

	.menu-close{ position: absolute; top: 0.2rem; right: 0.2rem; width: 0.23rem; height: 0.23rem; background: url(../image/close.png) center no-repeat; background-size: contain;}



	#top{ position: relative; height:auto; min-width:320px; overflow: hidden;}

	#top .block{ padding: 0;}

	#top .div{ float:left; width: 50% !important; height:0.6rem;}

	#top .div .img{ margin:0.1rem 0 0 0.3rem !important;}

	#top .div .img img{ width: 0.4rem;}

	#top .div h3{ font-size:0.2rem; line-height:0.6rem; margin-left:0.1rem;}



	.home1{ background-size: cover; height:9rem; margin-top:0;}

	.home1 .logo{left:0.2rem;top:0.2rem; width: 2rem;}

	.home1 .logo img{ width: 100%;}

	.home1 .text{ top:3rem; left:0.2rem; right: 0.2rem; width:auto;}

	.home1 .text h2{ font-size:0.4rem; }

	.home1 .text h3{ font-size:0.4rem; }

	.home1 .text h4{ font-size:1rem; margin-top:0;}

	.home1 .text p{ font-size:0.22rem; margin-top:0.2rem;}



	.home2{ height:auto;}

	.home2 .box1{ width:100%; height:auto; padding: 0.2rem; background: #4f8ddb; position:static;}

	.home2 .box1 h2{ font-size:0.3rem; margin:0.5rem 0 0;}

	.home2 .box1 h3{ font-size:0.22rem; margin:0.1rem 0 0;}

	.home2 .box1 .div{ margin:0.3rem 0 0; width:100%;}

	.home2 .box1 .div h4{ font-size:0.24rem; margin-left:0;}

	.home2 .box1 .div h4 span{ font-size:0.5rem; margin-right:0.1rem;}

	.home2 .box1 .div p{ font-size:0.22rem; margin-top:0.1rem;}

	.home2 .box2{ position:static; width:100%; overflow: hidden;}

	.home2 .box2 .div{ width:49%; height:3rem; margin-left:0;}

	.home2 .box2 .div:nth-child(even){ float: right;}

	.home2 .box2 .div .img{ height:1rem;}

	.home2 .box2 .div .img img{ max-width: 0.5rem; max-height: 0.5rem;}

	.home2 .box2 .div h2{ font-size:0.24rem;}

	.home2 .box2 .div p{ font-size:0.22rem; margin-top:0.1rem;}

	

.hide1{position:absolute;background:#fff;width:730px;height:647px;top:-11px;right:0;display:none;

-webkit-box-shadow:0 0 5px 5px #f8f8f8;  

-moz-box-shadow:0 0 5px 5px #f8f8f8; 

-o-box-shadow:0 0 5px 5px #f8f8f8; 

box-shadow:0 0 5px 5px #f8f8f8;   }

.hide1 .close{display:block;width:23px;height:23px;position:absolute;top:50px;right:50px;z-index:2;}

.hide1 .focus0{position:relative;width:604px;margin:60px auto 0;}

.hide1 .prev{position:absolute;left:70px;bottom:57px;background:url(../image/arrow1.png) left center no-repeat;width:12px;height:22px;display:block;z-index:2;}

.hide1 .next{position:absolute;right:70px;bottom:57px;background:url(../image/arrow1.png) right center no-repeat;width:12px;height:22px;display:block;z-index:2;}

.hide1 .focus0 .frame{width:604px;overflow:hidden;margin:0 auto;height:550px;position:relative;}

.hide1 .focus0 .frame ul{position:absolute;left:0;width:100000px;}

.hide1 .focus0 .frame ul li{float:left;width:604px;position:relative;height:500px;}

.hide1 .focus0 .frame ul li h2{font-size:24px;color:#474747;line-height:1.3;margin-top:32px;}

.hide1 .focus0 .frame ul li h3{font-size:18px;color:#474747;line-height:1.3;margin-top:10px;}

.hide1 .focus0 .frame ul li p{font-size:14px;color:#474747;line-height:1.5;margin-top:20px;width:600px;}

.hide1 .focus0 .frame ul li .s1{position:absolute;left:45px;line-height:22px;font-size:14px;color:#474747;top:507px;}

.hide1 .focus0 .frame ul li .s2{position:absolute;right:45px;line-height:22px;font-size:14px;color:#474747;top:507px;}



	.home3{ padding: 1rem 0; background: #1f63aa; height:auto; margin-top:0;}

	.home3 .title{ padding-top:0;}

	.home3 .title h2{ font-size:0.4rem;}

	.home3 .title h3{font-size:0.28rem; margin-top:0.1rem;}

	.home3 .box{ margin:0.5rem 0 0;}

	.home3 .box .div{ width:100%; margin-left:0; margin-bottom: 0.5rem; height:auto; float:none;}

	.home3 .box .div h3{ font-size:0.26rem;}

	.home3 .box .div p{ font-size:0.22rem; margin-top:0.1rem;}

	.home3 .btn{ background-size: contain; width:3rem; height:0.6rem; margin:0.1rem auto 0; line-height:0.6rem; font-size:0.24rem;}

	

.hide2{height:620px;background:#fff;position:fixed;left:50%;top:50%;width:1230px;margin:-310px 0 0 -615px;display:none;z-index:4;}

.hide2 .close{display:block;width:23px;height:23px;position:absolute;top:40px;right:40px;z-index:2;}

.hide2 .pic{height:520px;overflow:auto;width:1020px;margin:80px auto 0;padding-right:60px;}

	

	.home4{ height:auto; padding: 1rem 0;}

	.home4 .title{ padding-top:0;}

	.home4 .title h2{ font-size:0.3rem;}

	.home4 .title h3{font-size:0.22rem;}

	.home4 .box{ margin:0.5rem 0 0;}

	.home4 .box .div{ width:3.5rem; padding: 0.2rem; float:none; margin: 0 auto 0.2rem; height:3.5rem;}

	.home4 .box .div.d1, .home4 .box .div.d2, .home4 .box .div.d3{ background-size: contain;}

	.home4 .box .div h3{ font-size:0.24rem; margin-top:1rem;}

	.home4 .box .div p{ font-size:0.22rem; margin:0.1rem auto 0; width:100%;}

	

	.home5{ background-size: cover; padding: 1rem 0; height:auto;}

	.home5 .title{ padding-top:2rem;}

	.home5 .title h2{ font-size:0.3rem;}

	.home5 .title h3{ font-size:0.22rem; margin-top:0.1rem;}

	.home5 .box1{ margin-top:0.5rem; height:auto;}

	.home5 .box1 .div1{ margin-bottom: 0.2rem; padding: 0.2rem; height:auto; width:100%; position:static;}

	.home5 .box1 .div1 .tit{ margin:0 0 0.5rem; height:auto; padding-left:1rem; padding-top:0.5rem;}

	.home5 .box1 .div1 .tit .num{ font-size:1rem;}

	.home5 .box1 .div1 .tit h2{ font-size:0.3rem;}

	.home5 .box1 .div1 .tit h3{ font-size:0.26rem;}

	.home5 .box1 .div1 .ul{ margin:0.3rem 0 0; background:none; width:100%;}

	.home5 .box1 .div1 .ul .li{ padding-left:37px; background-size: 0.1rem; background-position: left 0.17rem; margin-top:0.2rem;}

	.home5 .box1 .div1 .ul .li h3{ font-size:0.28rem;}

	.home5 .box1 .div1 .ul .li h3 b{ margin-right:0.1rem;}

	.home5 .box1 .div1 .ul .li p{ font-size:0.22rem; margin-top:0.1rem;}

	.home5 .box1 .div2{ margin-bottom: 0.2rem; padding: 0.2rem; height:auto; width:100%; position:static;}

	.home5 .box1 .div2 .tit{ margin:0 0 0.5rem; height:auto; padding-left:1rem; padding-top:0.5rem;}

	.home5 .box1 .div2 .tit .num{ font-size:1rem;}

	.home5 .box1 .div2 .tit h2{ font-size:0.3rem;}

	.home5 .box1 .div2 .tit h3{ font-size:0.26rem;}

	.home5 .box1 .div2 .ul{ margin:0.3rem 0 0; background:none; width:100%;}

	.home5 .box1 .div2 .ul .li{ padding-left:37px; background-size: 0.1rem; background-position: left 0.17rem; margin-top:0.2rem;}

	.home5 .box1 .div2 .ul .li h3{ font-size:0.28rem;}

	.home5 .box1 .div2 .ul .li .p{ font-size:0.22rem; margin-top:0.1rem;}

	.home5 .box1 .div2 .ul .li .p p{ margin-top:0.1rem;}

	.home5 .box1 .div3{ padding: 0.2rem; height:auto; width:100%; position:static;}

	.home5 .box1 .div3 .tit{ margin:0 0 0.5rem; height:auto; padding-left:1rem; padding-top:0.5rem;}

	.home5 .box1 .div3 .tit .num{ font-size:1rem;}

	.home5 .box1 .div3 .tit h2{ font-size:0.3rem;}

	.home5 .box1 .div3 .tit h3{ font-size:0.26rem;}

	.home5 .box1 .div3 .ul{ margin:0.3rem 0 0; background:none; width:100%;}

	.home5 .box1 .div3 .ul .li{ padding-left:37px; background-size: 0.1rem; background-position: left 0.17rem; margin-top:0.2rem;}

	.home5 .box1 .div3 .ul .li h3{ font-size:0.28rem;}

	.home5 .box1 .div3 .ul .li .p{ font-size:0.22rem; margin-top:0.1rem;}

	.home5 .box1 .div3 .ul .li .p p{ margin-top:0.1rem;}

	.home5 .box2{ margin-top:0.5rem; background: none; height:auto; overflow: hidden;}

	.home5 .box2 .div{ width:50%; height:2rem; margin-bottom: 0.2rem;}

	.home5 .box2 .div.first{margin-left:0;}

	.home5 .box2 .div .img{ height:0.8rem;}

	.home5 .box2 .div .img img{ max-width: 0.6rem; max-height: 0.6rem;}

	.home5 .box2 .div h3{ font-size:0.24rem;}

	.home5 .box2 .div .c{ background-size: 200%; width:0.5rem; height:0.5rem; margin-left:-0.25rem;}

	.home5 .box2 .div:hover .c{ background-size: 200%;}

	

	.home6{ margin-bottom: 1rem;}

	.home6 .title{ padding-top:1rem; width:100%;}

	.home6 .title h3{ font-size:0.3rem;}

	.home6 .title p{ font-size:0.22rem; margin-top:0.2rem;}

	.home6 .tabar{ margin-top:0.5rem;}

	.home6 .tabar a{ background-size: cover; height:0.45rem; line-height:0.45rem; width:1.89rem; font-size:0.24rem; margin:0 0.1rem;}

	.home6 .tabar a.now{ background-size: cover;}

	.home6 .box{ margin-top:0.5rem;}

	.home6 .box .focus{ width:100%; height:5rem;}

	.home6 .box .focus .frame{ height:5rem;}

	.home6 .box .focus .frame .child{ width:2.9rem; margin-right:0.2rem;}

	.home6 .box .focus .frame .child .pic{ width:2.9rem; height:3.72rem;}

	.home6 .box .focus .frame .child h3{ font-size:0.24rem; margin-top:0.3rem;}

	.home6 .box .focus .frame .child h4{ font-size:0.22rem; margin-top:0.1rem;}

	.home6 .box .focus .arrow_l{ background-size: 200%; width:0.3rem; height:0.5rem; top:1.6rem;}

	.home6 .box .focus .arrow_r{ background-size: 200%; width:0.3rem; height:0.5rem; top:1.6rem;}

	.bgblack{width:100%;height:100%;position:fixed;left:0;top:0;z-index:3;background:url(../image/black80.png) center center repeat;display:none;}

	.home6 .box .focus .frame .child .hide3{position:fixed;background:#fff;width:1230px;height:504px;top:50%;left:50%;z-index:4;margin:-252px 0 0 -615px;display:none;}

	.home6 .box .focus .frame .child .hide3 .close{display:block;width:23px;height:23px;position:absolute;top:55px;right:50px;}

	.home6 .box .focus .frame .child .hide3 .inner{width:1022px;margin:105px auto 0;}

	.home6 .box .focus .frame .child .hide3 .inner h3{font-size:24px;color:#474747;line-height:1.3;text-align:left;}

	.home6 .box .focus .frame .child .hide3 .inner h3 span{font-size:18px;margin-left:20px;}

	.home6 .box .focus .frame .child .hide3 .inner h4{font-size:18px;color:#474747;line-height:1.3;text-align:left;margin-top:40px;}

	.home6 .box .focus .frame .child .hide3 .inner p{font-size:14px;color:#474747;line-height:1.5;text-align:left;margin-top:20px;}



	.home7{ height:auto; margin-bottom: 0.5rem;}

	.home7 .box1{ padding: 0.5rem 0.2rem; background-size: cover; width:100%; height:auto; position:static; margin-left:0;}

	.home7 .box1 .inner{ width:100%; float:none; margin: 0;}

	.home7 .box1 .inner h2{ font-size:0.3rem;}

	.home7 .box1 .inner h3{ font-size:0.22rem;  text-indent:-10px; margin-top:0.05rem;}

	.home7 .box1 .inner .p1{ margin-top:30px;color:#fff;line-height:1.1;font-size:16px;}

	.home7 .box1 .inner .p1 b{font-size:40px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;}

	.home7 .box1 .inner .p2{margin-top:50px;font-size:14px;line-height:1.5;color:#fff;}

	.home7 .box2{ padding: 0.5rem 0.2rem; width:100%; height:auto; position:static; background-size: cover; margin-right:0;}

	.home7 .box2 .c1{ display: none;}

	.home7 .box2 .c2{ background-size: contain; width:2rem; height:2rem; left:auto; right: 0; top:-1rem;}

	.home7 .box2 .c2 .s1{ font-size:0.3rem; margin-top:0.6rem;}

	.home7 .box2 .c2 .s2{ font-size:0.22rem;}

	.home7 .box2 .inner{ width:100%; margin:0;}

	.home7 .box2 .inner h2{ font-size:0.3rem; margin-bottom:0.3rem;}

	.home7 .box2 .inner .div{ margin-top:0.4rem;}

	.home7 .box2 .inner .div h3{ font-size:0.3rem;}

	.home7 .box2 .inner .div p{font-size:0.22rem; margin-top:0.1rem;}

	.home7 .box3{ position:static; width:100%; margin-left:0; background:none; height:2rem;}

	.home7 .box3 .div{ width:49%; height:2rem; margin-left:0;}

	.home7 .box3 .div:first-child{ margin-left: 0;}

	.home7 .box3 .div:nth-child(even){ float: right;}

	.home7 .box3 .div .img{ height:1rem;}

	.home7 .box3 .div .img img{ max-width: 0.5rem; max-height: 0.5rem;}

	.home7 .box3 .div h2{ font-size:0.24rem;}

	.home7 .box3 .div p{ font-size:0.22rem; margin-top:0.1rem;}



	.home8 .title{ margin: 0 0.2rem;}

	.home8 .title h2{ font-size:0.3rem;}

	.home8 .title h3{ font-size:0.22rem; margin-top:0.1rem;}

	.home8 .box{ margin-top:0.5rem; height:auto;}

	.home8 .box .pic{ position:static; margin-left:0; height:auto; width:100%;}

	.home8 .box .pic .inner{ position:static;}

	.home8 .box .text{ position:static; margin-right:0; height:auto; width:100%; padding: 0.5rem 0.2rem;}

	.home8 .box .text .in{ margin:0;}

	.home8 .box .text .in p{ padding-left:0.5rem; font-size:0.22rem; line-height:0.5rem; float:none;}

	.home8 .box .text .in p span{ left:0; line-height:0.5rem}

	.home8 .box .text .in p.now span{ background:none; padding-left:0; font-size:0.3rem; top: 0;}









}