<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@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));
pointer-events:none;
-webkit-appearance:none;
input::-moz-placeholder{opacity:1;}
input::-webkit-placeholder{opacity:1;}
input::-ms-placeholder{opacity:1;}
.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{}
*/


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

/*--滚动条插件--*/
.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:#f3582a;}
.jspTrack{background:#aaa;background:url(../image/line1.png) center top repeat-y;}

@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;}
.left{float:left;}
.right{float:right;}
.footer_f{position:fixed;left:0;bottom:0;width:100%;}


/*--通用--*/
body{min-width:1230px;max-width:1920px;font-size:14px;color:#707070;}
#body{overflow:hidden;}
.block{width:1230px;height:100%;margin:0 auto;}

.jjl_box1 {height: 1286px;background: url(../image/bgi1.jpg) no-repeat center;position: relative;overflow: hidden;}
.jjl_box1 .block {position: relative;}
.jjl_box1 .cont {overflow: hidden;height: 436px;position: absolute;bottom: 0;left: 0;}
.jjl_box1 .cont .l {background: url(../image/mask_1.png);float: left;width: 615px;height: 100%;}
.jjl_box1 .cont .l .text {padding: 0 47px 0 50px;}
.jjl_box1 .cont .l h1 {font-size: 50px;color: #fff;font-family:'AvianRegular';padding: 46px 0 8px;}
.jjl_box1 .cont .l p {text-align: justify;font-size: 16px;color: #fff;font-family:'AvianRegular';line-height: 150%;padding-bottom: 15px;}
.jjl_box1 .cont .l h2 {font-size: 16px;color: #fff;font-family:'AvianRegular';line-height: 145%;}
.jjl_box1 .cont .l .more {font-size: 18px;color: #fff;font-family:'AvianRegular';font-weight: bold;width: 147px;height: 38px;text-align: center;line-height: 38px;display: inline-block;border: 2px solid #fff;border-radius: 28px;margin-top: 23px;}

.jjl_box1 .cont .r {height: 100%;overflow: hidden;width: 615px;}
.jjl_box1 .cont .r .focus {width:100%;position:relative;margin:auto;overflow: hidden;}
.jjl_box1 .cont .r .frame {width:100%;height:100%;overflow:hidden;}
.jjl_box1 .cont .r .frame .child {height:100%;float:left;}
.jjl_box1 .cont .r .nav {text-align: right;position: absolute;right: 25px;bottom: 41px;}
.jjl_box1 .cont .r .nav a {width: 15px;height: 14px;display: inline-block;background: url(../image/swp_1.png) no-repeat 0 0;margin-left: 1px;}
.jjl_box1 .cont .r .nav a.now {background-position: 0 -15px;}

.jjl_box2 {height: 762px;background: url(../image/bgi2.jpg) no-repeat center;position: relative;overflow: hidden;}
.jjl_box2 .title {text-align: center;font-size: 50px;color: #fff;font-family:'AvianRegular';padding: 134px 0 32px;}
.jjl_box2 .cont {text-align: center;}
.jjl_box2 .cont .div {display: inline-block;width: 256px;margin: 0 36px;}
.jjl_box2 .cont .div .imgs {width: 256px;height: 256px;border-radius: 50%;overflow: hidden;}
.jjl_box2 .cont .div img {width: 100%;height: 100%;border-radius: 50%;}
.jjl_box2 .cont .div p {font-size: 14px;color: #fff;font-family:'AvianRegular';line-height: 190%;padding-top: 18px;}

.jjl_box3 {height: 816px;background: url(../image/bgi3.jpg) no-repeat center;position: relative;overflow: hidden;}
.jjl_box3 .title {font-size: 50px;color: #fff;font-family:'AvianRegular';text-align: center;padding: 33px 0 39px;}
.jjl_box3 .cont {overflow: hidden;width: 110%;}
.jjl_box3 .cont .div {display: inline-block;width: 254px;float: left;height: 377px;position: relative;margin-right: 70px;}
.jjl_box3 .cont .div .imgs {width: 254px;height: 377px;overflow: hidden;}
.jjl_box3 .cont .div .imgs img {-webkit-transition: all 0.6s ease-in-out 0.1s;transition: all 0.6s ease-in-out 0.1s;}
.jjl_box3 .cont .div .imgs img:hover {-webkit-transform: scale(1.2);transform: scale(1.2);}
.jjl_box3 .cont .div .mask {position: absolute;left: 0;right: 0;bottom: 0;height: 147px;background: url(../image/mask_2.png) no-repeat center;}
.jjl_box3 .cont .div .mask p {font-size: 14px;color: #fff;font-family:'AvianRegular';line-height: 170%;padding: 40px 22px 0;}

.jjl_tit {color: #2652b2;font-family:'AvianRegular';font-size: 50px;position: relative;}
.jjl_tit .more {font-size: 18px;color: #2652b2;font-family:'AvianRegular';width: 147px;height: 38px;line-height: 38px;text-align: center;border: 2px solid #2652b2;display: inline-block;border-radius: 28px;font-weight: bold;position: absolute;right: 0;top: 4px;}

.jjl_box4 {height: 710px;background: url(../image/bgi4.jpg) no-repeat center;position: relative;overflow: hidden;}
.jjl_box4 .jjl_tit {margin: 105px 0 20px;}
.jjl_box4 .cont {overflow: hidden;}
.jjl_box4 .cont .l {width: 547px;float: left;overflow: hidden;}
.jjl_box4 .cont .l .txt {font-size: 14px;color: #474747;font-family:'AvianRegular';line-height: 140%;padding-bottom: 48px;}
.jjl_box4 .cont .l .item {overflow: hidden;width: 110%;}
.jjl_box4 .cont .l .item .div {width: 170px;float: left;margin-right: 19px;text-align: center; position: relative;}
.jjl_box4 .cont .l .item .div .imgs {width: 170px;height: 170px;border-radius: 50%;overflow: hidden;}
.jjl_box4 .cont .l .item .div .imgs img {width: 100%;height: 100%;border-radius: 50%;}
.jjl_box4 .cont .l .item .div p {font-size: 14px;color: #474747;font-family:'AvianRegular';line-height: 180%;padding-top: 12px;}
.jjl_box4 .cont .r {width: 615px;height: 417px;float: right;}
.jjl_box4 .cont .r .videos {position: relative;}
.jjl_box4 .cont .r .videos .play {position: absolute;left: 50%;top: 50%;width: 89px;height: 89px;margin: -44px 0 0 -44px;background: url(../image/play_1.png) no-repeat center;}

.jjl_box5 {height: 1015px;background: url(../image/bgi5.jpg) no-repeat center;position: relative;overflow: hidden;}
.jjl_box5 .jjl_tit {padding: 10px 0 18px;}
.jjl_box5 .block {position: relative;}
.jjl_box5 .txt {font-size: 14px;color: #474747;font-family:'AvianRegular';line-height: 180%;padding-bottom: 26px;padding-right: 160px;}
.jjl_box5 .cont {width: 110%;}
.jjl_box5 .cont .div {float: left;width: 240px;text-align: center;margin-right: 7px;text-align: center;}
.jjl_box5 .cont .div.top {margin-top: 53px;}
.jjl_box5 .cont .div .imgs {}
.jjl_box5 .cont .div .imgs img {}
.jjl_box5 .cont .div p {font-size: 14px;color: #474747;font-family:'AvianRegular';line-height: 160%;padding-top: 18px;}
.jjl_box5 .videos {position: absolute;left: 0;bottom: 0;}
.jjl_box5 .videos .play {position: absolute;left: 50%;top: 50%;width: 89px;height: 89px;margin: -44px 0 0 -44px;background: url(../image/play_1.png) no-repeat center;}

.jjl_box6 {height: 732px;background: url(../image/bgi6.jpg) no-repeat center;position: relative;overflow: hidden;}
.jjl_box6 .title {padding: 110px 78px 32px;text-align: center;}
.jjl_box6 .title h1 {font-size: 50px;color: #fff;font-family:'AvianRegular';}
.jjl_box6 .title p {font-size: 14px;color: #fff;font-family:'AvianRegular';line-height: 180%;padding-top: 24px;}
.jjl_box6 .cont {position: relative;overflow: hidden;height: 473px;}
.jjl_box6 .cont .l {float: left;position: relative;z-index: 1;}
.jjl_box6 .cont .r {position: absolute;right: 0;bottom: 0;width: 515px;height: 418px;background: #2652b2;}
.jjl_box6 .cont .r .padd {padding: 0 45px 0 179px;}
.jjl_box6 .cont .r .padd h1 {font-size: 24px;color: #fff;font-family:'AvianRegular';line-height: 140%;padding: 55px 0 15px;}
.jjl_box6 .cont .r .padd p {font-size: 16px;color: #fff;font-family:'AvianRegular';line-height: 160%;}
.jjl_box6 .cont .r .padd .more {font-size: 18px;color: #fff;font-family:'AvianRegular';font-weight: bold;display: inline-block;width: 147px;height: 38px;line-height: 38px;text-align: center;border: 2px solid #fff;border-radius: 28px;margin-top: 37px;}

.jjl_box7 {height: 753px;background: url(../image/bgi7.jpg) no-repeat center;position: relative;overflow: hidden;}
.jjl_box7 .cont {/*overflow: hidden;*/position: relative;}
.jjl_box7 .cont .tit {width: 615px;text-align: center;font-size: 50px;color: #fff;font-family:'AvianRegular';padding: 105px 0 27px;}
.jjl_box7 .cont .l {float: left;width: 615px;position: relative;z-index: 1;}
.jjl_box7 .cont .l .imgs {width: 100%;height: 416px;position: relative;}
.jjl_box7 .cont .l .imgs .play {position: absolute;left: 50%;top: 50%;width: 89px;height: 89px;margin: -44px 0 0 -44px;background: url(../image/play_1.png) no-repeat center;}
.jjl_box7 .cont .l .imgs img {position: absolute;left: 0;top: 0;height: 100%;}
.jjl_box7 .cont .r {width: 615px;position: absolute;top: 0;right: 0;}
.jjl_box7 .cont .r .imgs {width: 100%;height: 416px;position: relative;}
.jjl_box7 .cont .r .imgs img {position: absolute;right: 0;top: 0;}


.jjl_box1 .cont .l {position: relative;left: -100px;opacity: 0;-webkit-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
.jjl_box1 .cont .r {position: relative;left: 100px;opacity: 0;-webkit-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
.jjl_box1.anim .cont .l {left: 0;opacity: 1;}
.jjl_box1.anim .cont .r {left: 0;opacity: 1;}
.jjl_box2 .cont .div {opacity: 0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;
transform:scale(0.7) rotateX(60deg);-webkit-transform:scale(0.7) rotateX(60deg);-moz-transform:scale(0.7) rotateX(60deg);transition:all 1.2s ease-out 0s;-webkit-transition:all 1.2s ease-out 0s;-moz-transition:all 1.2s ease-out 0s;}
.jjl_box2 .cont .div.show { float: left; transform: scale(1) rotateX(0deg);-webkit-transform: scale(1) rotateX(0deg);
-moz-transform: scale(1) rotateX(0deg);opacity: 1;}
.jjl_box3 .cont .div {position: relative;left: 150px;opacity: 0;-webkit-transition: 0.6s ease-in-out;transition: 0.6s ease-in-out;}
.jjl_box3 .cont .div.show {left: 0;opacity: 1;}
.jjl_box4 .cont .l {position: relative;left: -100px;opacity: 0;-webkit-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
.jjl_box4 .cont .r {position: relative;left: 100px;opacity: 0;-webkit-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
.jjl_box4.anim .cont .l {left: 0;opacity: 1;}
.jjl_box4.anim .cont .r {left: 0;opacity: 1;}
.jjl_box5 .cont .div {top: 100px;opacity: 0;-webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;position: relative;}
.jjl_box5 .cont .div.top {top: -100px;}
.jjl_box5.anim .cont .div {top: 0;opacity: 1;}
.jjl_box6 .cont .l {overflow: hidden;position: relative;top: -100px;left: -100px;opacity: 0;-webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.jjl_box6 .cont .l img {-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.jjl_box6 .cont .l img:hover {transform: rotate(-2deg) scale(1.1);}
.jjl_box6 .cont .r {right: -100px;bottom: -100px;opacity: 0;-webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.jjl_box6.anim .cont .l {top: 0;left: 0;opacity: 1;}
.jjl_box6.anim .cont .r {right: 0;bottom: 0;opacity: 1;}
.jjl_box7 .cont .l {position: relative;left: -100px;opacity: 0;-webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.jjl_box7 .cont .r {right: -100px;opacity: 0;-webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.jjl_box7.anim .cont .l {left: 35px;opacity: 1;}
.jjl_box7.anim .cont .r {right: 35px;opacity: 1;top: 0;}


.videos .play,.jjl_box7 .cont .l .imgs .play {-webkit-transition: 0.3s ease-in-out 0.1s;transition: 0.3s ease-in-out 0.1s;}
.videos .play:hover {-webkit-transform: scale(1.2);transform: scale(1.2);} 
.jjl_box7 .cont .l .imgs .play:hover {-webkit-transform: scale(1.2);transform: scale(1.2);}

.video_pop {position: fixed;top: 0;right: 0;left: 0;bottom: 0;z-index: 999;}
.video_pop .gb {position: absolute;color: #fff;right: -50px;top: 0;width: 40px;height: 40px;background: url(../image/gb2.png) no-repeat center;cursor: pointer;}
.video_pop .pop_mask {position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0,0,0,0.4);}
.video_pop .cont {background: rgba(255,255,255,0.4);position: fixed;width: 850px;height: 580px;left: 50%;top: 50%;margin: -290px 0 0 -425px;padding: 10px;}
.video_pop .div {width: 100%;height: 100%;}
</pre></body></html>