@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:#f37c7d ;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%;}





/*--通用--*/

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:15px 0 0 0;float: left;}

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



.bottom{background:#192c3a;padding:115px 0;}

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

.bottom .list{margin-top:40px;}

.bottom .list .item{float:left;width:190px;margin-left:70px;text-align:center;}

.bottom .list .item img{transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}

.bottom .list .item:hover img{transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);}

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

.bottom .list .item span{height:188px;height:188px;display:block;border:1px solid #2e4e65;border-radius:100%;}

.bottom .list .item span:after{content:"";display:inline-block;height:100%;vertical-align:middle;}

.bottom .list .item strong{font-size:20px;color:#fff;display:block;margin-top:20px;}

.bottom .list .item.code2d{position:relative;}

.bottom .list .item.code2d .img{position:absolute;left:50%;top:50%;margin:-130px 0 0 -103px;display:none;

transition:none;-webkit-transition:none;}

.bottom .list .item.code2d:hover .img{display:block;}





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

.footer span{margin:0 30px;}

.focus{position:relative;}

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

transition:all 1s cubic-bezier(0.5,0,0.3,1) 0s;-webkit-transition:all 1s cubic-bezier(0.5,0,0.3,1) 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:-200px 0 0 25px;opacity:0;

transform:translateX(100px);-webkit-transform:translateX(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:-50px 0 0 25px;opacity:0;font-size:18px;color: #fff;text-shadow:0 3px 10px rgba(0,0,0,0.1);text-align: center;line-height:2;

transform:translateX(100px);-webkit-transform:translateX(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:translateX(0px);-webkit-transform:translateX(0px);opacity:1;}

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



.index1{position:relative;background:url(../image/bg1.jpg) center center no-repeat;height:768px;}

.index1:before{content:"";background:url(../image/bg1.png) center top no-repeat;height:161px;position:absolute;left:0;top:-161px;width:100%;}

.index1 .tit{text-align: center;padding-top:30px;}

.index1 .tab{margin-top:40px;text-align: center;}

.index1 .tab a{display:inline-block;margin:0 9px;background:#3e8ddc;width:290px;height:74px;text-align:center;border-radius:37px;line-height:70px;cursor:pointer;}

.index1 .tab a.now{background:#f37c7d;position:relative;}

.index1 .tab a.now:after{content:"";border:14px solid transparent;border-top:10px solid #f37c7d;position:absolute;left:50%;top:100%;margin-left:-14px;}

.index1 .l{float:left;width:570px;}

.index1 .r{float:right;width:570px;}

.index1 .div{display:none;margin-top:50px;}

.index1 .div h3{font-size:18px;}

.index1 .div p{font-size:14px;margin-bottom:30px;margin-top:10px;line-height:1.8;}

.index1 .div:after{content:"";clear:both;display:block;}



.index2{padding:120px 0 180px;background:#1567bb;}

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

.index2 .tit h2{font-size:36px;color: #fff;}

.index2 .tit p{margin-top:20px;color: #fff;}

.index2 .tab{text-align: center;margin-top:45px;}

.index2 .tab a{display:inline-block;width:170px;height:43px;line-height:43px;color:#fff;margin:0 10px;font-size:16px;border:1px solid #fff;border-radius:23px;cursor: pointer;}

.index2 .tab a.now{background:#3e8ddc;border-color:#3e8ddc;}

.index2 .list{margin-top:45px;display: none;}

.index2 .list:after{content:"";display:block;clear:both;}

.index2 .list .item{float:left;margin-left:30px;width:390px;text-align:center;}

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

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

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

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

.index2 .list .item:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}

.index2 .list .item h3{font-size:24px;margin-top:30px;color: #fff;}

.index2 .list .item p{margin-top:10px;color: #fff;}



.index3{background:url(../image/bg2.jpg) center center no-repeat;height:665px;}

.index3 .block{padding-top:140px;}

.index3 .pic{float:left;width:553px;height:564px;box-shadow:0 0 20px rgba(0,0,0,0.1);position: relative;

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

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

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

.index3 .pic a{background:url(../image/ico1.png) center center no-repeat;width:47px;height:47px;position:absolute;right:10px;bottom:10px;cursor: pointer;}

.index3 .r{float:right;width:580px;

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

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

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

.index3 .text{padding:20px 0 0;}

.index3 .text h3{font-size:36px;}

.index3 .text p{margin-top:20px;line-height:1.6;color:#474747;}

.index3 .text h4{font-size:20px;margin-top:20px;color:#474747;font-weight:bold;}

.index3 .btns{margin-top:45px;}

.index3 .btns a{display:inline-block;padding:0 25px;height:50px;line-height:50px;background:#f37c7d;margin:0 20px 0 0;font-size:16px;border-radius:25px;cursor: pointer;color: #fff;}

.index3 .btns a img{vertical-align: middle;margin-right:10px;}

.index3 .btns a:hover{background:#f7898a;}

.index3 .links{margin-top:35px;}

.index3 .links a{display:inline-block;padding-top:25px;width:130px;height:100px;background:#f37c7d;margin:0 2px 0 0;font-size:16px;border-radius:5px;cursor: pointer;color: #fff;text-align: center;vertical-align: middle;position: relative;}

.index3 .links a .code2d{position:absolute;left:0;top:0;width:100%;height:auto;display:none;}

.index3 .links a:hover .code2d{display:block;}

.index3 .links a span{display:block;margin:0 auto 10px;text-align:center;height:50px;}

.index3 .links a span:after{content:"";display:inline-block;vertical-align: middle;height:100%;}

.index3 .links a:hover{background:#f7898a;}



.index4{background:url(../image/bg7.jpg) center center no-repeat;height:907px;}

.index4 .block{padding-top:180px;}

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

.index4 .tit img{transition:all 1s cubic-bezier(0.5,0,0.3,1) 0s;-webkit-transition:all 1s cubic-bezier(0.5,0,0.3,1) 0s;opacity:0;

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

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

.index4 .list{margin-top:60px;}

.index4 .list .item{float:left;margin-left:60px;opacity:0;

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

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

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

.index4 .list .item a{outline:none;}

.index4 .list .item .pic{width:210px;height:290px;border:20px solid #fff;border-radius:10px;background:#fff;position: relative;border-bottom-width:30px;

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

.index4 .list .item .pic p{width:100%;height:100%;overflow:hidden;}

.index4 .list .item .pic img{width:100%;height:auto;border-radius:8px;

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

.index4 .list .item:hover .pic img{transform:scale(1.05);-webkit-transform:scale(1.05);}

.index4 .list .item .pic span{background:url(../image/ico3.png) center center no-repeat;width:36px;height:36px;position:absolute;right:-30px;bottom:-40px;cursor: pointer;

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

.index4 .list .item .pic span:hover{transform:rotate(180deg);-webkit-transform:rotate(180deg);}

.index4 .list .item h3{text-align: center;color: #fff;font-size: 16px;line-height: 1.6;margin-top: 30px;}

.index4.show .list .item{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}

.index4.show .list .item:nth-child(1) .pic{transform:rotate(-5deg);-webkit-transform:rotate(-5deg);}

.index4.show .list .item:nth-child(2) .pic{transform:rotate(7deg);-webkit-transform:rotate(7deg);}

.index4.show .list .item:nth-child(3) .pic{transform:rotate(-5deg);-webkit-transform:rotate(-5deg);}

.index4.show .list .item:nth-child(4) .pic{transform:rotate(5deg);-webkit-transform:rotate(5deg);}



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

.index5 .text{padding-top:140px;width:580px;}

.index5 .text .p1{transition:all 1s cubic-bezier(0.5,0,0.3,1) 0s;-webkit-transition:all 1s cubic-bezier(0.5,0,0.3,1) 0s;opacity:0;

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

.index5.show .text .p1{transform:translateX(0px);-webkit-transform:translateX(0px);opacity:1;}

.index5 .text .p2{transition:all 1s cubic-bezier(0.5,0,0.3,1) 0.5s;-webkit-transition:all 1s cubic-bezier(0.5,0,0.3,1) 0.5s;opacity:0;

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

.index5.show .text .p2{transform:translateX(0px);-webkit-transform:translateX(0px);opacity:1;}

.index5 .text h2{margin-top:50px;}

.index5 .text p{margin-top:20px;line-height:1.6;}

.index5 .list{margin-top:100px;position: relative;}

.index5 .item{text-align: center;position:absolute;opacity: 0;

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

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

.index5.show .item{transform:scale(1);-webkit-transform:scale(1);opacity: 1;}

.index5 .item:after{content:"";height:100%;vertical-align: middle;display: inline-block;}

.index5 .item .inner{display:inline-block;text-align: center;width:230px;vertical-align: middle;}

.index5 .item h3{color: #fff;font-size:50px;font-weight: bold;font-family:Arial;}

.index5 .item p{margin-top:20px;font-size:16px;color: #fff;}

.index5 .list .d1{width:360px;height:360px;background:#00a1df;border-radius:100%;box-shadow:0 0 20px rgba(0,0,0,0.15);left:100px;top:30px;}

.index5 .list .d2{width:340px;height:340px;background:#1567bb;border-radius:100%;box-shadow:0 0 20px rgba(0,0,0,0.15);left:430px;top:0;

transition-delay:0.6s;-webkit-transition-delay:0.6s;}

.index5 .list .d3{width:380px;height:380px;background:#3abfc4;border-radius:100%;box-shadow:0 0 20px rgba(0,0,0,0.15);left:740px;top:40px;

transition-delay:1.2s;-webkit-transition-delay:1.2s;}



.index6{background:url(../image/bg4.jpg) center top no-repeat;height:753px;}

.index6 .tab{position:relative;float:left;}

.index6 .tab a{position:absolute;width:155px;height:155px;line-height: 1.5;border-radius:100%;background:#fdacac;border:8px solid #fff;text-align: center;font-size:16px;color: #fff;cursor: pointer;}

.index6 .tab a.now{background:#f37c7d;}

.index6 .tab a:after{content:"";height:100%;display:inline-block;vertical-align: middle;}

.index6 .tab a span{display:inline-block;vertical-align: middle;}

.index6 .tab .a1{left:310px;top:40px;}

.index6 .tab .a2{left:420px;top:195px;}

.index6 .tab .a3{left:420px;top:385px;}

.index6 .tab .a4{left:310px;top:540px;}

.index6 .div{float:right;width:460px;padding:80px 80px 0 0;}

.index6 .div li{background:url(../image/dot1.png) left 13px no-repeat;margin-bottom:20px;line-height:2;font-size: 16px;color: #474747;padding:0 0 0 25px;}

.index6 .div ul{height:600px;overflow: hidden;padding-right:20px;}



.index7{background:url(../image/bg5.jpg) center center no-repeat;height:1078px;}

.index7 .block{padding:120px 0 0;}

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

.index7 .tit h1{text-align: center;transition:all 1s cubic-bezier(0.5,0,0.3,1) 0s;-webkit-transition:all 1s cubic-bezier(0.5,0,0.3,1) 0s;opacity:0;

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

.index7.show .tit h1{transform:translateX(0px);-webkit-transform:translateX(0px);opacity:1;}

.index7 .tit p{text-align: center;font-size:16px;color: #fff;margin-top:20px;

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

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

.index7.show .tit p{transform:translateX(0px);-webkit-transform:translateX(0px);opacity:1;}

.index7 .list{margin-top:90px;}

.index7 .list .l{float: left;width:50%;border-right:2px solid #4d94dd}

.index7 .list .l img{transition:all 1s cubic-bezier(0.5,0,0.3,1) 0s;-webkit-transition:all 1s cubic-bezier(0.5,0,0.3,1) 0s;opacity:0;

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

.index7 .list .r{float: right;width:580px;}

.index7 .list .r img{transition:all 1s cubic-bezier(0.5,0,0.3,1) 0s;-webkit-transition:all 1s cubic-bezier(0.5,0,0.3,1) 0s;opacity:0;

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

.index7.show .list img{transform:translateX(0px);-webkit-transform:translateX(0px);opacity:1;}



.index8{height:1750px;}

.index8 .tit{height:340px;text-align: center;background: #fff;box-shadow:0 5px 20px rgba(0,0,0,0.1);margin-top:-70px;}

.index8 .tit h1{padding-top:100px;

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

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

.index8 .tit p{margin-top:20px;font-size: 16px;

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

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

.index8.show .tit h1{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}

.index8.show .tit p{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}

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

.index8 .list .item{width:300px;height:225px;margin:0 0 10px 10px;background:#f37c7d;position: relative;float: left;}

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

.index8 .list .item.first{width:610px;margin-left:0;background:url(../image/bg6.jpg) center center no-repeat;}

.index8 .list .item.first h3{font-size:26px;font-weight:bold;color: #fff;padding:105px 0 0 72px;line-height: 1.5;}

.index8 .list .item .inner{padding:30px 0 0;text-align: center;color: #fff;}

.index8 .list .item .inner span{height:110px;display:block;}

.index8 .list .item .inner span:after{content:"";height:100%;display:inline-block;vertical-align: middle;}

.index8 .list .item .inner h4{font-size:16px;margin-top:10px;color: #fff;line-height: 1.5;}

.index8 .list .item .mask{width:100%;height:100%;position:absolute;left:0;top:0;filter:alpha(opacity='0');opacity:0;

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

.index8 .list .item:hover .mask{opacity:1;filter:alpha(opacity='100');}

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

.index8 .list .item .mask p{position:absolute;left:0;top:0;right:0;bottom:0;padding:60px 28px 0;background:url(../image/black40.png);color: #fff;line-height: 1.6;filter:alpha(opacity='0');}

.index8 .list .item:hover .mask p{filter:alpha(opacity='100');}

.index8 .tit2{padding:110px 0 0;text-align: center;}

.index8 .list2{margin-top:40px;height:396px;}

.index8 .list2 .l{width:612px;position:relative;float:left;height:100%;}

.index8 .list2 .l p{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}

.index8 .list2 .l p img{width:100%;height:auto;}

.index8 .list2 ul{width:618px;box-shadow:0 0 35px rgba(0,0,0,0.08);float:left;height:100%;position:relative;}

.index8 .list2 ul li{height:65px;line-height:65px;padding:0 50px;border-top:1px dashed #eee;font-size:16px;color:#474747;position:relative;

transition:background 0.2s ease-out 0s,color 0.2s ease-out 0s;}

.index8 .list2 ul li:first-child{height:66px;line-height:66px;border:none;}

.index8 .list2 ul li.now{cursor:pointer;background:#3abfc4 ;color:#fff;border:none;height:66px;line-height:66px;}

.index8 .list2 ul li.now:before{border:8px solid transparent;border-right:8px solid #3abfc4 ;position:absolute;left:-16px;top:50%;margin-top:-8px;content:"";}



.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:40px;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;}



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



.layer2 .inner{padding:70px 20px 50px;}

.layer2 .inner p{overflow:auto;height:500px;}



@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.2rem; top:0.16rem; bottom: 0; margin: auto; width: 2rem; height: 0.68rem;}

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



	.focus .frame{ position: relative; height: 6rem;}

	.focus .frame img{ position: absolute; left: -20%; top: 0; width: auto; height: 100%;}

	.focus .t1{ left:0.2rem; right: 0.2rem; top:20%; margin:0; width: 5.5rem;}

	.focus .t2{ left:0.2rem; right: 0.2rem; top:40%; margin:0; font-size:0.26rem; line-height: 1.5;}



	.index1{ background-size: cover; height:auto;}

	.index1:before{ background-size: cover; height:0.5rem; top:-0.5rem;}

	.index1 .tit{ padding-top:0.3rem;}

	.index1 .tit img{ width: 4.7rem;}

	.index1 .tab{ margin-top:0.4rem;}

	.index1 .tab a{ margin:0 0.1rem; width:2.6rem; height:0.7rem; border-radius:0.35rem; line-height:0.7rem;}

	.index1 .tab a img{ width: 1.5rem;}

	.index1 .l{ float:none; width:100%;}

	.index1 .r{ float:none; width:100%;}

	.index1 .div{ margin-top:0.5rem;}

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

	.index1 .div p{font-size:0.22rem; margin-bottom:0.3rem; margin-top:0.1rem; line-height:1.5;}



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

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

	.index2 .tit p{ margin-top:0.2rem;}

	.index2 .tab{ margin-top:0.4rem;}

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

	.index2 .list{ margin-top:0.4rem;}

	.index2 .list .item{ float:none; margin-left:0; margin-bottom: 0.2rem; width:100%;}

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

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

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



	.index3{ background-size: cover; height:auto;}

	.index3 .block{ padding-top:1rem;}

	.index3 .pic{ float:none; width:100%; height:auto;}

	.index3 .pic img{ display: block; width: 100%;}

	.index3 .pic a{ background-size: contain; width:0.4rem; height:0.4rem; right:0.1rem; bottom:0.1rem;}

	.index3 .r{ float:none; width:100%;}

	.index3 .text{ padding:0.2rem 0 0;}

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

	.index3 .text p{ margin-top:0.2rem; line-height:1.5;}

	.index3 .text h4{ font-size:0.3rem; margin-top:0.2rem;}

	.index3 .btns{ margin-top:0.4rem;}

	.index3 .btns a{ padding:0 0.2rem; height:0.5rem; line-height:0.5rem; margin:0 0.2rem 0 0; font-size:0.26rem; border-radius:0.25rem;}

	.index3 .btns a img{ width: 0.25rem;}

	.index3 .links{ margin-top:0.3rem;}

	.index3 .links a{ padding:0.2rem; width:auto; height:auto; margin:0 0.01rem 0 0; font-size:0.22rem;}

	.index3 .links a .code2d{ position:absolute;left:0;top:0;width:100%;height:auto;display:none;}

	.index3 .links a:hover .code2d{display:block;}

	.index3 .links a span{ display: block; margin:0 auto 0.1rem; height: 0.3rem;}

	.index3 .links a span img{ height: 100%;}



	.index4{ background-size: cover; height:auto;}

	.index4 .block{ padding-top:1rem;}

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

	.index4 .list .item{ margin-left:0; height: 4.5rem;}

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

	.index4 .list .item:nth-child(even){ float: right;}

	.index4 .list .item .pic{ width:2.7rem; height:3rem;}

	.index4 .list .item .pic span{ background-size: contain; width:0.3rem; height:0.3rem; right:-0.15rem;bottom:-0.15rem;}

	.index4 .list .item h3{ font-size: 0.22rem; margin-top: 0.3rem;}



	.index5{ background-size: cover; height:auto;}

	.index5 .text{ padding-top:1rem; width:100%;}

	.index5 .text h1 img{ height: 0.35rem}

	.index5 .text h2{ margin-top:0.5rem;}

	.index5 .text h2 img{ height: 0.8rem;}

	.index5 .text p{ margin-top:0.2rem; line-height:1.5;}

	.index5 .list{ margin-top:1rem; overflow: hidden;}

	.index5 .item{ position: static; margin: 0 auto 0.2rem;}

	.index5 .item .inner{ width:100%; padding: 0.2rem;}

	.index5 .item h3{ font-size:0.5rem;}

	.index5 .item p{ margin-top:0.2rem; font-size:0.26rem;}

	.index5 .list .d1, .index5 .list .d2, .index5 .list .d3{ width: 4rem; height: 4rem;}



	.index6{ height:auto; background-position: right;}

	.index6 .tab{ float:none; overflow: hidden;}

	.index6 .tab a{ position:static; float: left; width:1.5rem; height:1.5rem; font-size:0.2rem;}

	.index6 .div{ float:none; width:100%; padding:0.5rem 0 0;}

	.index6 .div ul{ height:6rem; padding-right:0.2rem;}

	.index6 .div li{ background-size: 0.08rem; background-position: left 0.18rem; margin-bottom:0.2rem; font-size: 0.22rem; padding:0 0 0 0.3rem;}



	.index7{ background:#1567bb; height:auto;}

	.index7 .block{ padding:1rem 0.2rem 0;}

	.index7 .tit h1 img{ height: 0.4rem;}

	.index7 .tit p{ font-size:0.26rem; margin-top:0.2rem;}

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

	.index7 .list .l{ float: none; width:100%; border: 0; margin-bottom: 0.3rem;}

	.index7 .list .l img{ display: block; width: 100%;}

	.index7 .list .r{ float: none; width:100%;}

	.index7 .list .r img{ display: block; width: 100%;}



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

	.index8 .tit{ height:auto; margin-top:0;}

	.index8 .tit h1{ padding-top:1rem;}

	.index8 .tit p{ margin-top:0.2rem; font-size: 0.22rem;}

	.index8 .list{ margin-top:0;}

	.index8 .list .item{ width:48%; height:2.16rem; margin:0 0 0.2rem;}

	.index8 .list .item:nth-child(odd){ margin-left: 2%;}

	.index8 .list .item.first{ width:100%; margin-left:0; background-size: cover;}

	.index8 .list .item.first h3{ font-size:0.26rem; padding:1rem 0 0 0.6rem;}

	.index8 .list .item .inner{ padding:0.3rem 0 0;}

	.index8 .list .item .inner span{ height:0.9rem;}

	.index8 .list .item .inner span img{ height:100%;}

	.index8 .list .item .inner h4{ font-size:0.22rem; margin-top:0.1rem;}

	.index8 .list .item .mask{ filter:alpha(opacity='100');opacity:1;}

	.index8 .list .item .mask p{ padding: 0.2rem; line-height: 1.5;filter:alpha(opacity='100');}

	.index8 .tit2{ padding:0.5rem 0 0;}

	.index8 .tit2 img{ height: 0.3rem;}

	.index8 .list2{ margin-top:0.5rem; height:auto;}

	.index8 .list2 .l{ float:none; width:100%; height:4.48rem;}

	.index8 .list2 ul{ float:none; width:100%; height:auto;}

	.index8 .list2 ul li{ height:0.6rem; line-height:0.6rem; padding:0 0.2rem; font-size:0.26rem;}

	.index8 .list2 ul li:first-child{ height:0.6rem; line-height:0.6rem; border:none;}

	.index8 .list2 ul li.now{ height:0.6rem;line-height:0.6rem;}

	.index8 .list2 ul li.now:before{ display: none;}



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



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



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

	.layer2 .inner p{ height:5rem;}





}