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

background:linear-gradient(#e99c40,#d35224);-webkit-background:linear-gradient(#e99c40,#d35224);

_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.3));

-moz-appearance:none;

-webkit-appearance:none;

appearance:none;

select::-ms-expand{display:none;}

input::-moz-placeholder{opacity:1;}

input::-webkit-placeholder{opacity:1;}

input::-ms-placeholder{opacity:1;}

textarea::-moz-placeholder{opacity:1;}

textarea::-webkit-placeholder{opacity:1;}

textarea::-ms-placeholder{opacity:1;}

::-webkit-input-placeholder{color:inherit;}

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

}

@-webkit-keyframes a1{}



-moz-user-select:none;

-webkit-user-select:none;

-ms-user-select:none;

user-select:none;



white-space:nowrap;不换行

*/





/*--默认--*/

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

body{font-family:微软雅黑,黑体;font-size:12px;color:#707070;}

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

a{text-decoration:none;color:inherit;}

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;resize:none;background:none;}

input::-moz-placeholder{opacity:1;color:inherit;}

input::-webkit-placeholder{opacity:1;color:inherit;}

input::-ms-placeholder{opacity:1;color:inherit;}

textarea::-moz-placeholder{opacity:1;color:inherit;}

textarea::-webkit-placeholder{opacity:1;color:inherit;}

textarea::-ms-placeholder{opacity:1;color:inherit;}

::-webkit-input-placeholder{opacity:1;color:inherit;}





/*--滚动条插件--*/

.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:#3abfc4 ;border-radius:8px;}

.jspTrack{background:#f0f0f0;border-radius:8px;}



/*@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;}

.fl{float:left;}

.fr{float:right;}

.footer_f{position:fixed;left:0;bottom:0;width:100%;}

*:after{content:"";}





/*--通用--*/

body{min-width:1230px;max-width:1920px;font-size:14px;color:#707070;margin:auto;}

.body{overflow:hidden;}

.block{width:1230px;height:100%;margin:0 auto;}



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

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

.snav .div .in1{background:#90caf2;width:55px;height:48px;right:0;top:0;text-align:center;position:absolute;border-radius:5px;overflow:hidden;

transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;display: none;}

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

.snav .div .in2{background:#54a7e0;width:105px;height:48px;right:0;top:0;text-align:center;position:absolute;border-radius:5px;overflow:hidden;opacity:1;filter:alpha(opacity=0);

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

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

.snav .div:hover .in1{opacity:0;filter:alpha(opacity=0);}

.snav .div:hover .in2{opacity:1;filter:alpha(opacity=100);}

.in2{position:relative;}

.in2 .bdsharebuttonbox{ position:absolute; top:0; left:0; width:100%; height:100%; }

.in2 .bdsharebuttonbox>a{ padding:0; background:none; margin:0; display:block; float:none; height:100%;}



.header{position:absolute;left:0;top:0;right:0;z-index:2;}

.header .block{position:relative;}

.header .logo{margin-left:-25px;}

.header .nav_main{position:absolute;right:0;top:50px;}

.header .nav_main a{color:#fff;margin-left:32px;font-size:16px;}

.header .nav_main a:hover{text-shadow:2px 4px 2px rgba(0,0,0,0.2);}



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

.footer span{margin:0 30px;}





.home11{height:720px;background:#192c3a;}

.home11 .title{text-align:center;padding-top:150px;}

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

.home11 .box{margin:65px 0 0 -40px;}

.home11 .box .div{float:left;width:214px;margin-left:170px;text-align:center;cursor:pointer;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;}

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

.home11 .box .div .pic{position:relative;}

.home11 .box .div .pic .er{position:absolute;left:0;top:0;display:none;}

.home11 .box .div h3{color:#fff;font-size:24px;line-height:1.3;margin-top:20px;}



.focus{position:relative;}

.focus .frame img{width:100%;height:auto;opacity:0;

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

transform:scale(1.1);-webkit-transform:scale(1.1);}

.focus.show .frame img{transform:scale(1);-webkit-transform:scale(1);opacity:1;}

.focus .t1{position:absolute;left:50%;top:50%;margin:-91px 0 0 -375px;opacity:0;

transform:translateY(100px);-webkit-transform:translateY(100px);

transition:all 1.5s cubic-bezier(0.5,0,0.3,1) 0.8s;-webkit-transition:all 1.5s cubic-bezier(0.5,0,0.3,1) 0.8s;}

.focus .t2{position:absolute;left:50%;top:50%;margin:60px 0 0 -275px;opacity:0;

transform:translateY(100px);-webkit-transform:translateY(100px);

transition:all 1.5s cubic-bezier(0.5,0,0.3,1) 1.3s;-webkit-transition:all 1.5s cubic-bezier(0.5,0,0.3,1) 1.3s;}

.focus.show .t1{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}

.focus.show .t2{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}



.index1{position:relative;z-index:1; margin-top:50px;}

.index1 .block{height:520px;position:relative;}

.index1 .d1{position:absolute;left:0;bottom:0;width:50%;height:730px;box-shadow:0 0 30px rgba(0,0,0,0.1);}

.index1 .d2{position:absolute;left:50%;top:0;width:50%;line-height:1.5;}

.index1 .d2 .inner{padding:50px 0 0 38px;color:#3abfc4;font-size:16px;}

.index1 .d3{position:absolute;left:50%;top:165px;width:50%;height:420px;box-shadow:0 0 30px rgba(0,0,0,0.1);color:#474747;background:#fff;opacity:0;

transition:all 1.3s cubic-bezier(0.5,0,0.3,1) 0s;-webkit-transition:all 1.3s cubic-bezier(0.5,0,0.3,1) 0s;

transform:scale(0.3);-webkit-transform:scale(0.3);

transform-origin:left top;-webkit-transform-origin:left top;}

.index1.show .d3{transform:scale(1);-webkit-transform:scale(1);opacity:1;}

.index1 .d3 .inner{padding:60px 60px 0;}

.index1 .d3 h3{font-size:36px;}

.index1 .d3 p{margin-top:20px;}

.index1 .d3 ul{margin-top:35px;}

.index1 .d3 li{background:url(../image/dot1.png) left center no-repeat;margin-bottom:12px;line-height:1.5;font-size:16px;padding-left:20px;cursor:pointer;}



.index2{background:url(../image/bg1.jpg) center top no-repeat;padding-bottom:120px;}

.index2 .block{padding:170px 0 0;}

.index2 h2{text-align:center;color:#fff;font-size:36px;}

.index2 .btns{margin-top:40px;text-align:center;}

.index2 .btns a{width:220px;height:44px;border:1px solid #fff;border-radius:24px;;text-align:center;line-height:44px;display:inline-block;margin:0 12px;font-size:16px;color:#fff;cursor:pointer;

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

.index2 .btns a.now{background:#3d9cdd;border-color:#3d9cdd;box-shadow:0 5px 15px rgba(0,0,0,0.05);}

.index2 .text{margin-top:30px;color:#fff;text-align:center;padding:0 90px;line-height:1.5;}

.index2 .table{margin-top:40px;color:#fff;border-bottom:1px solid #4f99e5;opacity:0;

transition:all 1.3s cubic-bezier(0.5,0,0.3,1) 0s;-webkit-transition:all 1.3s cubic-bezier(0.5,0,0.3,1) 0s;

transform:translateY(100px);-webkit-transform:translateY(100px);}

.index2.show .table{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}

.index2 .table h3{color:#fff;text-align:center;font-size:22px;margin-bottom:30px;}

.index2 .table .part{border-top:1px solid #4f99e5;}

.index2 .table .part .inner{display:none;}

.index2 .table .part .l{float:left;width:50%;}

.index2 .table .part .r{float:left;padding-left:40px;width:575px;}

.index2 .table .part .line{border-top:1px solid #4f99e5;line-height:1.6;padding:16px 0;}

.index2 .table .part .line:nth-child(0){border-top:none;padding-top:5px;}

.index2 .table .part .line.first{border-top:none;padding-top:5px;}

.index2 .table .part .line:after{content:"";clear:both;display:block;}

.index2 .table .part h4{height:50px;line-height:50px;font-size:16px;color:#fff;cursor:pointer;}

.index2 .table .part h4:after{content:"";float:right;background:url(../image/arrow2.png) center center no-repeat;width:50px;height:100%;}

.index2 .table .part.act h4:after{transform:rotateX(-180deg);-webkit-transform:rotateX(-180deg);}

.index2 .table .part .r h5{background:url(../image/ico1.png) left center no-repeat;font-size:16px;height:30px;line-height:30px;padding-left:30px;color:#fff;margin-bottom:10px;}

.index2 .links{margin-top:55px;opacity:0;

transition:all 1.3s cubic-bezier(0.5,0,0.3,1) 0.4s;-webkit-transition:all 1.3s cubic-bezier(0.5,0,0.3,1) 0.4s;

transform:translateY(100px);-webkit-transform:translateY(100px);}

.index2.show .links{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}

.index2 .links h3{font-size:22px;color:#fff;text-align:center;}

.index2 .links h4{font-size:26px;color:#fff;text-align:center;margin-top:15px;}

.index2 .links .list{height:100px;margin-top:30px;}

.index2 .links .list .item{width:242px;height:100px;line-height:100px;background:url(../image/white20.png);border-radius:6px;margin-left:85px;float:left;font-size:16px;color:#fff;text-align:center;position:relative;

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

.index2 .links .list .item .c{display:none;position:absolute;width:100%;left:0;bottom:0;}

.index2 .links .list .item:hover .c{display:block;}

.index2 .links .list .item a{display:block;height:100%;}

.index2 .links .list .item:first-child{margin-left:0;}

.index2 .links .list .item img{margin-right:20px;vertical-align:middle;}

.index2 .links .list .item.last{background:#3d9cdd;font-size:18px;}

.index2 .links .list .item:hover{margin-top:-5px;}



.index3 .block{height:595px;position:relative;}

.index3 .d1{position:absolute;left:0;top:-65px;background:url(../image/bg2.jpg) center center no-repeat;width:650px;height:380px;box-shadow:0 0 20px rgba(0,0,0,0.1);opacity:0;

transition:all 1.3s cubic-bezier(0.5,0,0.3,1) 0s;-webkit-transition:all 1.3s cubic-bezier(0.5,0,0.3,1) 0s;

transform:translateX(-100px);-webkit-transform:translateX(-100px);}

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

.index3 .d1 .inner{padding:50px 80px 0 60px;color:#fff;}

.index3 .d1 h3{font-size:22px;color:#fff;}

.index3 .d1 p{line-height:1.5;margin-top:20px;}

.index3 .d1 ul{margin-top:20px;line-height:1.5;}

.index3 .d1 li{background:url(../image/dot2.png) left 4px no-repeat;margin-bottom:15px;padding-left:20px;}

.index3 .d2{position:absolute;left:50%;top:95px;background:#fff url(../image/bg3.jpg) center bottom no-repeat;width:650px;height:440px;box-shadow:0 0 30px rgba(0,0,0,0.1);opacity:0;margin-left:-30px;

transition:all 1.3s cubic-bezier(0.5,0,0.3,1) 0.4s;-webkit-transition:all 1.3s cubic-bezier(0.5,0,0.3,1) 0.4s;

transform:translateX(100px);-webkit-transform:translateX(100px);}

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

.index3 .d2 .inner{padding:50px 60px 0;}

.index3 .d2 h3{font-size:22px;margin-top:20px;}

.index3 .d2 p{line-height:1.5;margin-top:20px;}

.index3 .d2 ul{margin-top:20px;}

.index3 .d2 li{background:url(../image/dot1.png) left 4px no-repeat;margin-bottom:15px;padding-left:20px;line-height:1.5;}

.index3 .t{position:absolute;left:150px;bottom:80px;}



.index4{height:825px;position:relative;background:#1567bb;}

.index4 .block{position:relative;}

.index4 .p{position:absolute;left:50%;top:0;margin-left:-130px;}

.index4 .d1{width:340px;padding-top:150px;color:#fff;opacity:0;

transition:all 1.3s cubic-bezier(0.5,0,0.3,1) 0.4s;-webkit-transition:all 1.3s cubic-bezier(0.5,0,0.3,1) 0.4s;

transform:translateX(-100px);-webkit-transform:translateX(-100px);}

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

.index4 .d1 h3{font-size:36px;color:#fff;}

.index4 .d1 h4{font-size:22px;color:#fff;margin-top:50px;}

.index4 .d1 h5{font-size:16px;color:#fff;margin-top:10px;}

.index4 .d1 p{margin-top:20px;line-height:1.5;}

.index4 .d1 .btns{margin-top:40px;}

.index4 .d1 .btns a{width:300px;height:50px;border:1px solid #fff;border-radius:24px;text-align:center;line-height:50px;display:inline-block;font-size:16px;color:#fff;cursor:pointer;margin-bottom:15px;

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


.index4 .d1 .btns a img{height:25px;margin-right:15px;}


.index4 .d1 .btns a:hover{background:#3d9cdd;border-color:#3d9cdd;box-shadow:0 5px 15px rgba(0,0,0,0.05);}
.index4 .d1 .btns a.ho .ve{ display:none; position:absolute; left:0; bottom:80px; width:300px; height:300px;}
.index4 .d1 .btns a.ho:hover .ve{ display:block;}
.index4 .d2{position:absolute;left:410px;top:285px;background:url(../image/white95.png);width:825px;height:605px;box-shadow:0 0 40px rgba(0,0,0,0.15);opacity:0;

transition:all 1.3s cubic-bezier(0.5,0,0.3,1) 0s;-webkit-transition:all 1.3s cubic-bezier(0.5,0,0.3,1) 0s;

transform:translateX(100px);-webkit-transform:translateX(100px);}

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

.index4 .d2 .list{padding:50px 0 0;}

.index4 .d2 .list .item{float:left;width:325px;height:225px;margin:0 0 30px 60px;}

.index4 .d2 .list .item strong{display:block;height:55px;}

.index4 .d2 .list .item strong img{max-height:60px;width:auto;}

.index4 .d2 .list .item h3{margin-top:20px;font-size:22px;}

.index4 .d2 .list .item p{margin-top:20px;line-height:1.5;}



.index5{padding:180px 0 160px;}

.index5 .block{position:relative;height:1050px;}

.index5 .d1{position:absolute;left:0;top:0;opacity:0;

transition:all 1.3s cubic-bezier(0.5,0,0.3,1) 0s;-webkit-transition:all 1.3s cubic-bezier(0.5,0,0.3,1) 0s;

transform:translateY(100px);-webkit-transform:translateY(100px);}

.index5.show .d1{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}

.index5 .d2{position:absolute;left:315px;top:0;background:#3abfc4;width:285px;height:320px;opacity:0;

transition:all 1.3s cubic-bezier(0.5,0,0.3,1) 0.2s;-webkit-transition:all 1.3s cubic-bezier(0.5,0,0.3,1) 0.2s;

transform:translateY(100px);-webkit-transform:translateY(100px);}

.index5.show .d2{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}

.index5 .d2 .inner{padding:40px 25px 0;color:#fff;line-height:1.5;}

.index5 .d2 .btns{margin-top:20px;}

.index5 .d2 .btns a{width:100%;height:45px;border:1px solid #fff;border-radius:24px;text-align:center;line-height:45px;display:inline-block;font-size:16px;color:#fff;cursor:pointer;margin-bottom:15px;

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

.index5 .d2 .btns a img{height:25px;margin-right:15px;}

.index5 .d2 .btns a:hover{background:rgba(255,255,255,0.2);box-shadow:0 5px 15px rgba(0,0,0,0.05);}

.index5 .d3{position:absolute;right:0;top:0;opacity:0;

transition:all 1.3s cubic-bezier(0.5,0,0.3,1) 0.4s;-webkit-transition:all 1.3s cubic-bezier(0.5,0,0.3,1) 0.4s;

transform:translateY(100px);-webkit-transform:translateY(100px);}

.index5.show .d3{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}

.index5 .d3 .mask{position:absolute;left:0;bottom:0;right:0;background:url(../image/png1.png) left bottom repeat-x;padding:300px 40px 40px;color:#fff;}

.index5 .d3 .mask h3{font-size:36px;color:#fff;margin-bottom:15px;}

.index5 .d3 .mask a{color:#aae9eb;text-decoration:underline;}

.index5 .d{width:285px;position:absolute;opacity:0;

transition:all 1.3s cubic-bezier(0.5,0,0.3,1) 0.4s;-webkit-transition:all 1.3s cubic-bezier(0.5,0,0.3,1) 0.4s;

transform:translateY(100px);-webkit-transform:translateY(100px);}

.index5.show .d{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}

.index5 .d .pic img{width:100%;height:auto;}

.index5 .d .mask{position:absolute;left:0;top:0;width:100%;overflow:hidden;}

.index5 .d .inner{display:table;width:100%;height:100%;background:#f37c7d;text-align:center;color:#fff;opacity:0;filter:alpha(opacity='0');

transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;

transform:translateY(50px);-webkit-transform:translateY(50px);}

.index5 .d:hover .inner{box-shadow:0 10px 20px rgba(0,0,0,0.4);opacity:1;filter:alpha(opacity='100');

transform:translateY(0);-webkit-transform:translateY(0);}

.index5 .d .inner .cell{display:table-cell;vertical-align:middle;padding:0 40px;}

.index5 .d h3{font-size:20px;color:#fff;}

.index5 .d p{line-height:1.5;margin-top:15px;}

.index5 .d h4{font-size:20px;margin-top:20px;}

.index5 .d1 .mask{height:256px;}

.index5 .d4{left:0;top:350px;}

.index5 .d4 .mask{height:430px;}

.index5 .d5{left:315px;top:350px;}

.index5 .d5 .mask{height:262px;}

.index5 .d6{left:315px;top:720px;}

.index5 .d6 .mask{height:295px;}

.index5 .d7{left:630px;top:540px;}

.index5 .d7 .mask{height:370px;}

.index5 .d8{right:0px;top:570px;}

.index5 .d8 .mask{height:242px;}

.index5 .b{position:absolute;right:0;bottom:120px;}



.index6{position:relative;}

.index6 td{border-right:1px solid #fff;border-top:1px solid #fff;}

.index6 td img{width:100%;height:auto;}

.index6 td .inner{position:relative;overflow:hidden;}

.index6 td .inner .mask{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;font-size:18px;color:#fff;background:url(../image/green.png);opacity:0;filter:alpha(opacity='0');

transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;

transform:scale(1.3);-webkit-transform:scale(1.3);}

.index6 td:hover .inner .mask{transform:scale(1);-webkit-transform:scale(1);opacity:1;filter:alpha(opacity='100');}

.index6 td .inner .mask:after{content:"";height:100%;display:inline-block;vertical-align:middle;}

.index6 .circle{background:url(../image/png3.png) center center no-repeat;width:442px;height:442px;position:absolute;left:50%;top:50%;margin:-221px 0 0 -221px;opacity:0;

transform:scale(0.3);-webkit-transform:scale(0.3);

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

.index6.show .circle{transform:scale(1);-webkit-transform:scale(1);opacity:1;}

.index6 .circle .c{background:url(../image/png2.png) center center no-repeat;width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;

transform:rotate(-720deg);-webkit-transform:rotate(-720deg);

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

.index6.show .circle .c{transform:rotate(0deg);-webkit-transform:rotate(0deg);opacity:1;}

.index6 .circle .inner{text-align:center;padding-top:190px;opacity:0;

transform:scale(0.3) translateY(90px);-webkit-transform:scale(0.3) translateY(90px);

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

.index6 .circle .inner h3{font-size:30px;margin-bottom:20px;}

.index6.show .circle .inner{transform:scale(1) translateY(0px);-webkit-transform:scale(1) translateY(0px);opacity:1;}



.index7{background:url(../image/bg4.jpg) center top no-repeat;padding:190px 0 0;height:775px;}

.index7 .block{position:relative;}

.index7 .d1{float:left;width:540px;color:#fff;padding-top:20px;opacity:0;

transition:all 1.3s cubic-bezier(0.5,0,0.3,1) 0s;-webkit-transition:all 1.3s cubic-bezier(0.5,0,0.3,1) 0s;

transform:translateY(100px);-webkit-transform:translateY(100px);}

.index7.show .d1{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}

.index7 .d1 h3{font-size:36px;color:#fff;}

.index7 .d1 p{line-height:1.5;margin-top:20px;}

.index7 .d1 ul{margin-top:30px;}

.index7 .d1 li{background:url(../image/dot2.png) left 8px no-repeat;margin-bottom:15px;padding-left:20px;font-size:18px;}

.index7 .d2{float:right;width:50%;background:#fff;box-shadow:0 0 30px rgba(0,0,0,0.1); margin-top:-150px;opacity:0;

transition:all 1.3s cubic-bezier(0.5,0,0.3,1) 0.4s;-webkit-transition:all 1.3s cubic-bezier(0.5,0,0.3,1) 0.4s;

transform:translateY(100px);-webkit-transform:translateY(100px);}

.index7.show .d2{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}

.index7 .d2 .inner{padding:50px 40px 30px;}

.index7 .d2 p{margin-bottom:30px;}

.index7 .d3{position:absolute;left:0;bottom:0;}

.index7 .d3 h3{font-size:20px;margin-bottom:20px;}

.index7 .d3 p{height:125px;}

.index7 .d3 p a{float:left;height:100%;margin-left:10px;}



.index8{padding:140px 0 0;}

.index8 .tit{text-align:center;}

.index8 .tit h3{font-size:36px;}

.index8 .tit p{margin-top:30px;padding:0 15%;line-height:1.6;color:#474747;}

.index8 .tabs{margin-top:45px;text-align:center;}

.index8 .tabs a{width:170px;height:44px;border:1px solid #ddd;border-radius:24px;;text-align:center;line-height:44px;display:inline-block;margin:0 12px;font-size:16px;color:#474747;cursor:pointer;

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

.index8 .tabs a.now{background:#3e8ddc;border-color:#3e8ddc;color:#fff;}

.index8 .list{margin-top:70px;}

.index8 .list .item{float:left;margin-left:30px;width:390px;}

.index8 .list .item:first-child{margin-left:0;}

.index8 .list .item .pic{height:500px;overflow:hidden;}

.index8 .list .item .pic img{width:100%;height:auto;}

.index8 .list .item h3{font-size:24px;text-align:center;margin-top:30px;}

.index8 .list .item p{text-align:center;margin-top:10px;color:#474747;line-height:1.5;}



 

.index10{background:#fff;}

.index10 .block{padding:90px 0;}

.index10 .tit{text-align:center;color:#474747;font-size:36px;}

.index10 .list{margin-top:50px;position:relative;}

.index10 .list .prev{position:absolute;left:0;top:165px;background:url(../image/arrow1a.png) center center no-repeat;width:40px;height:60px;cursor:pointer;}

.index10 .list .next{position:absolute;right:0;top:165px;background:url(../image/arrow1b.png) center center no-repeat;width:40px;height:60px;cursor:pointer;}

.index10 .list .frame{overflow:hidden;}

.index10 .list .child{float:left;width:280px;margin-left:37px;}

.index10 .list .child .pic{height:380px;display:block;overflow:hidden;}

.index10 .list .child:first-child{margin-left:0;}

.index10 .list .child img{width:100%;height:auto;}

.index10 .list .child h3{margin-top:25px;text-align:center;color:#474747;line-height:1.1;}





.shadow{background:url(../image/black50.png);position:fixed;left:0;top:0;right:0;bottom:0;z-index:4;display:none;}

.layer{position:fixed;width:1230px;background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.2);display:none;z-index:5;left:50%;top:50%;margin-left:-615px;}

.layer .close{background:url(../image/close.png) center center no-repeat;width:80px;height:80px;right:0;top:0;cursor:pointer;position:absolute;}

.layer .inner{padding:50px 50px;}

.layer .q{padding:0 0 0 48px;height:60px;line-height:60px;font-size:16px;color:#474747;position:relative;border-bottom:1px solid #ddd;}

.layer .q:before{content:"q";left:0;top:50%;margin-top:-18px;width:36px;height:36px;line-height:36px;text-align:center;background:#f37c7d;color:#fff;font-size:20px;font-family:Arial;position:absolute;border-radius:100%;text-transform:uppercase;}



.layer .a{padding:25px 0 0 48px;position:relative;}

.layer .a .inr{height:300px;}

.layer .a:before{content:"a";left:0;top:22px;width:36px;height:36px;line-height:36px;text-align:center;background:#3abfc4;color:#fff;font-size:20px;font-family:Arial;position:absolute;border-radius:100%;text-transform:uppercase;}

.layer .a p{line-height:2.2;}



.layer1 .item{display:none;}

.layer1 .item:after{content:"";clear:both;display:block;}

.layer1 .pic{float:left;width:333px;}

.layer1 .pic img{width:100%;height:auto;}

.layer1 .text{float:left;width:760px;margin-left:37px;}

.layer1 .text .t{padding:20px 0 30px 0;border-bottom:1px solid #ddd;}

.layer1 .text .t h3{font-size:24px;margin-bottom:8px;}

.layer1 .text .t p{color:#474747;}

.layer1 .text .txt{margin-top:30px;line-height:1.6;}

.layer1 .text .txt h4{font-size:16px;line-height:1.5;margin-bottom:10px;}





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



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



	.links{ position: static !important; margin-bottom: 0.2rem; height: auto; overflow: hidden;}

	.links a{ width: auto; height: 0.4rem; margin: 0 0.1rem 0.1rem; border-radius: 0.25rem; border: 1px solid #dfdfdf; padding: 0 0.2rem; background: none; font-size: 0.22rem; line-height: 0.4rem; white-space: nowrap;}

	.links a > a{ margin-left: 0.1rem;}

	.links a span{ height: 0.4rem; margin: 0 1%; padding-left: 0.3rem !important; background-size: 0.2rem !important;}



	.home11{ height:auto;}

	.home11 .title{ padding-top:1rem;}

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

	.home11 .box{ margin:0.5rem 0 0; overflow: hidden;}

	.home11 .box .div{ width:2.9rem; margin-left:0; margin-bottom: 0.2rem;}

	.home11 .box .div:nth-child(even){ margin-left:0.2rem;}

	.home11 .box .div .pic{ position:relative;}

	.home11 .box .div .pic img{ display: block; width: 100%;}

	.home11 .box .div h3{ font-size:0.3rem; margin-top:0.2rem;}

	.home11 .box .div .pic .er{ right: 0;}



	.focus .t1{ margin: -0.2rem 0 0; width: 4rem;}

	.focus .t2{ margin: 0.5rem 0 0; width: 3rem;}

	.focus .t1, .focus .t2{ left:50%; top:50%;

		-webkit-transform: translate(-50%,-50%);

		transform: translate(-50%,-50%);

	}

	.focus.show .t1, .focus.show .t2{

		-webkit-transform: translate(-50%,-50%);

		transform: translate(-50%,-50%);

	}



	.index1 .block{ height:auto;}

	.index1 .d1{ position:static; width:100%; height:auto;}

	.index1 .d1 img{ display: block; width:100%;}

	.index1 .d2{ position:static; width:100%;}

	.index1 .d2 .inner{ padding:0.2rem; font-size:0.24rem;}

	.index1 .d3{ position:static; width:100%;height:auto;}

	.index1 .d3 .inner{ padding:0.2rem;}

	.index1 .d3 h3{ font-size:0.3rem;}

	.index1 .d3 p{ margin-top:0.2rem;}

	.index1 .d3 ul{ margin-top:0.3rem;}

	.index1 .d3 li{ background-size: 0.12rem; margin-bottom:0.12rem; font-size:0.24rem; padding-left:0.2rem;}



	.index2{ background-size: cover; padding-bottom:1rem;}

	.index2 .block{ padding:1rem 0 0;}

	.index2 h2{ font-size:0.4rem;}

	.index2 .btns{ margin-top:0.3rem;}

	.index2 .btns a{ width:2.8rem; height:0.4rem; border-radius:0.2rem; line-height:0.4rem; margin:0 0.1rem; font-size:0.24rem;}

	.index2 .text{ margin-top:0.3rem; padding:0 0.2rem;}

	.index2 .table{ margin-top:0.5rem; padding: 0 0.2rem;}

	.index2 .table h3{ font-size:0.3rem; margin-bottom:0.2rem;}

	.index2 .table .part .r{ padding-left:0.2rem; width:50%;}

	.index2 .table .part .line{ line-height:1.5; padding:0.2rem 0;}

	.index2 .table .part .line:nth-child(0){ padding-top:0.05rem;}

	.index2 .table .part .line.first{ padding-top:0.05rem;}

	.index2 .table .part h4{ height:0.5rem;line-height:0.5rem; font-size:0.26rem;}

	.index2 .table .part h4:after{ background-size: 0.14rem; width:0.5rem;}

	.index2 .table .part .r h5{ background-size: 0.22rem; font-size:0.26rem; height:0.3rem; line-height:0.3rem; padding-left:0.3rem; margin-bottom:0.1rem;}

	.index2 .links{ margin-top:0.5rem; padding: 0 0.2rem; overflow: visible;}

	.index2 .links h3{ font-size:0.22rem;}

	.index2 .links h4{ font-size:0.3rem; margin-top:0.2rem;}

	.index2 .links .list{ margin-top:0.3rem; height: auto;}

	.index2 .links .list .item{ width:2.9rem; height:0.4rem; background: none; line-height:0.4rem; margin-left:0; margin-bottom: 0.2rem; font-size:0.22rem;}

	.index2 .links .list .item:nth-child(even){ margin-left: 0.2rem;}

	.index2 .links .list .item img{ width: 0.3rem; margin-right:0.2rem;}

	.index2 .links .list .item.last{ width: 100%; font-size:0.22rem; background: none;}

	.index2 .links .list .item:hover{margin-top:0;}



	.index3{ margin-bottom: 0.5rem;}

	.index3 .block{ height:auto;}

	.index3 .d1{ position:static;  top:0; background-size: cover; width:100%; height:auto;}

	.index3 .d1 .inner{ padding:0.2rem;}

	.index3 .d1 h3{ font-size:0.26rem;}

	.index3 .d1 p{ margin-top:0.2rem;}

	.index3 .d1 ul{ margin-top:0.2rem;}

	.index3 .d1 li{ background-size: 0.12rem; margin-bottom:0.15rem; padding-left:0.2rem; background-position: left 0.1rem;}

	.index3 .d2{ position:static; background-size: cover; width:100%; height:auto; margin-left:0;}

	.index3 .d2 .inner{ padding:0.2rem;}

	.index3 .d2 h3{ font-size:0.26rem; margin-top:0.2rem;}

	.index3 .d2 p{ margin-top:0.2rem;}

	.index3 .d2 ul{ margin-top:0.2rem;}

	.index3 .d2 li{ background-size: 0.12rem; margin-bottom:0.15rem; padding-left:0.2rem; background-position: left 0.1rem;}

	.index3 .t{ display: none;}



	.index4{ height:auto;}

	.index4 .p{ position:static; margin-left:0; display: block; width: 100%;}

	.index4 .d1{ width:100%; padding-top:0.5rem;}

	.index4 .d1 h3{font-size:0.4rem;}

	.index4 .d1 h4{font-size:0.3rem; margin-top:0.5rem;}

	.index4 .d1 h5{font-size:0.26rem; margin-top:0.1rem;}

	.index4 .d1 p{ margin-top:0.2rem;}

	.index4 .d1 .btns{ margin-top:0.4rem;}

	.index4 .d1 .btns a{ width:100%; height:0.5rem; border-radius:0.25rem; line-height:0.5rem; font-size:0.26rem; margin-bottom:0.2rem;}

	.index4 .d1 .btns a img{ height:0.3rem; margin-right:0.2rem;}

	.index4 .d2{ position:static; width:100%; height:auto;}

	.index4 .d2 .list{ padding:0.2rem;}

	.index4 .d2 .list .item{ float: none; width:100%; height:auto; margin:0 0 0.5rem;}

	.index4 .d2 .list .item strong{ height:0.5rem;}

	.index4 .d2 .list .item strong img{ max-height:0.5rem;}

	.index4 .d2 .list .item h3{ margin-top:0.2rem; font-size:0.24rem;}

	.index4 .d2 .list .item p{ margin-top:0.2rem;}



	.index5{ padding:1rem 0;}

	.index5 .block{ height:20.5rem;}

	.index5 .d1{ left: 0.2rem; top: 5.3rem; width: 2.9rem;}

	.index5 .d2{ left:auto; right: 0.2rem; top: 5.3rem; width: 2.9rem; height:auto;}

	.index5 .d2 .inner{ padding:0.2rem;}

	.index5 .d2 .btns{ margin-top:0.2rem;}

	.index5 .d2 .btns a{ height:0.5rem; border-radius:0.25rem; line-height:0.5rem; font-size:0.24rem; margin-bottom:0.2rem;}

	.index5 .d2 .btns a img{ height:0.25rem; margin-right:0.2rem;}

	.index5 .d3{ right:0.2rem; top:0;}

	.index5 .d3 .mask{ padding:0.2rem;}

	.index5 .d3 .mask h3{ font-size:0.4rem; margin-bottom:0.2rem;}

	.index5 .d{ width:2.9rem;}

	.index5 .d .inner .cell{ padding:0 0.2rem;}

	.index5 .d h3{ font-size:0.26rem; line-height: 1.2;}

	.index5 .d p{ margin-top:0.2rem;}

	.index5 .d h4{ font-size:0.26rem; margin-top:0.2rem;}

	.index5 .d1 .mask{ height:100%;}

	.index5 .d4{ left:0.2rem; top:9rem;}

	.index5 .d4 .mask{ height:100%;}

	.index5 .d5{ left: auto; right:0.2rem; top:9.5rem;}

	.index5 .d5 .mask{ height:100%;}

	.index5 .d6{ left:0.2rem; top:14.5rem;}

	.index5 .d6 .mask{ height:100%;}

	.index5 .d7{ left: auto; right:0.2rem; top:13rem;}

	.index5 .d7 .mask{ height:100%;}

	.index5 .d8{right:0.2rem; top:17.6rem;}

	.index5 .d8 .mask{ height:100%;}

	.index5 .b{ bottom:120px;}



	.index6 td .inner .mask{ display: none;}

	.index6 .circle{ display: none;}



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

	.index7 .d1{ float:none; width:100%; padding-top:0.2rem;}

	.index7 .d1 h3{ font-size:0.3rem;}

	.index7 .d1 p{ margin-top:0.2rem;}

	.index7 .d1 ul{ margin-top:0.3rem;}

	.index7 .d1 li{ background-position: left 0.1rem; margin-bottom:0.2rem; padding-left:0.2rem; font-size:0.26rem;}

	.index7 .d2{ float:none; width:100%; margin-bottom: 0.2rem;}

	.index7 .d2 .inner{ padding:0.2rem;}

	.index7 .d2 p{ margin-bottom:0.3rem;}

	.index7 .d3{ position: static; text-align: center;}

	.index7 .d3 h3{ font-size:0.3rem; margin-bottom:0.2rem; color: #fff;}

	.index7 .d3 p{ height:1.25rem; white-space: nowrap;}

	.index7 .d3 p a{ float:none; display: inline-block; margin:0 0.1rem;}

	.index7 .d3 p a img{ display: block; height: 100%;}



	.index8{ padding:1rem 0 0;}

	.index8 .tit h3{ font-size:0.4rem;}

	.index8 .tit p{ margin-top:0.3rem; padding:0 0.2rem;}

	.index8 .tabs{ margin-top:0.5rem;}

	.index8 .tabs a{ width:1.8rem; height:0.5rem; border-radius:0.25rem; line-height:0.5rem; margin:0 0.1rem; font-size:0.26rem;}

	.index8 .list{ margin-top:0.5rem;}

	.index8 .list .item{ float:none; margin-left:0; width:100%;}

	.index8 .list .item + .item { margin-top: 0.3rem;}

	.index8 .list .item .pic{ height:auto;}

	.index8 .list .item h3{ font-size:0.26rem; margin-top:0.3rem;}

	.index8 .list .item p{ margin-top:0.1rem;}

 

	.index10 .block{ padding:1rem 0;}

	.index10 .tit{ font-size:0.4rem;}

	.index10 .list{ margin:0.5rem 0.2rem 0;}

	.index10 .list .prev{ width:0.4rem; height:auto; top:0; left:0; bottom: 0.8rem; background-size: contain;}

	.index10 .list .next{ width:0.4rem; height:auto; top:0; right:0; bottom: 0.8rem; background-size: contain;}

	.index10 .list .child{ width:2.9rem; margin-left:0.2rem;}

	.index10 .list .child .pic{ height:3.94rem;}

	.index10 .list .child h3{ margin-top:0.2rem;}





	.layer{ width:100%; left:0; margin-left:0;}

	.layer .close{ background-size: 0.3rem; width:0.5rem; height:0.5rem;}

	.layer .inner{ padding:0.5rem 0.2rem;}

	.layer .q{ padding:0.1rem 0 0.1rem 0.5rem; height: auto; font-size:0.24rem; line-height: 1.5;}

	.layer .q:before{ left: 0; top:0.08rem; margin:0; width:0.4rem; height:0.4rem; line-height:0.4rem; font-size:0.3rem;}

	.layer .a{ padding:0.2rem 0 0 0.5rem;}

	.layer .a .inr{height:5rem;}

	.layer .a:before{ top:0.22rem; width:0.4rem; height:0.4rem; line-height:0.4rem; font-size:0.3rem;}

	.layer .a p{ line-height:2;}

	

	.layer1{ height: 100%; overflow: auto;}

	.layer1 .pic{ float:none; width:100%;}

	.layer1 .text{ float:none; width:100%; margin-left:0;}

	.layer1 .text .t{ padding:0.2rem;}

	.layer1 .text .t h3{ font-size:0.26rem; margin-bottom:0.1rem;}

	.layer1 .text .txt{ margin-top:0.3rem; line-height:1.5;}

	.layer1 .text .txt h4{ font-size:0.24rem; margin-bottom:0.1rem;}





}