@charset "utf-8";
@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;
}
@font-face {
    font-family: "HuaweiSans-Bold";
    src: url("HuaweiSans-Bold.woff") format("woff"),
         url("HuaweiSans-Bold.ttf") format("truetype"),
         url("HuaweiSans-Bold.eot") format("embedded-opentype"),
         url("HuaweiSans-Bold.svg") format("svg");
  }
@font-face {
    font-family: "HuaweiSans-Regular";
    src: url("HuaweiSans-Regular.woff") format("woff"),
        url("HuaweiSans-Regular.ttf") format("truetype"),
        url("HuaweiSans-Regular.eot") format("embedded-opentype"),
        url("HuaweiSans-Regular.svg") format("svg");
}
/* 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));
pointer-events:none;
-webkit-appearance:none;
.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;}
}
*/


/*--默认--*/
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;_background-image:url(about:blank);_background-attachment:fixed;}
body{-webkit-text-size-adjust:none;font-family:AvianRegular,'Heiti SC',黑体,Arial;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,b{font-style:normal;font-weight:normal;}
input,textarea,select{padding:0;border:1px solid #CCC;font-family:inherit;outline:none;}

/*--滚动条插件--*/
.jspScrollable {outline:none;}
.jspContainer{overflow:hidden;position:relative;outline:none;}
.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:5px;}
.jspDrag{background:#fff;}
.jspTrack{background:#f07777;}

/*@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:1250px;max-width:1920px;font-size:14px;color:#707070; margin:0 auto; /*overflow:hidden;*/}
.block{width:1250px;margin:0 auto;position:relative;}

.mask{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.5);z-index: 100;display: none;}


/*头部*/
#header{  position:relative; z-index:99;}



#header .logo a{ display:block; background:url(../image/logo.png) center center no-repeat; width:99px; height:46px; position:absolute; left:10px; top:17px; font-size:16px;}

#header .nav-top{ position:absolute; left:140px; top:0; white-space:nowrap;}
#header .nav-top a{font-family: AvianRegular; margin-left:35px; font-size:16px; color:#ffffff; line-height:80px;}
#header-other .nav-top .now{ color:#21abf7;}
#header .nav-top .now{ color:#21abf7;}
#header .nav-top a:hover{ color:#21abf7;}

#header-other .tool .search{ float:left; background:url(../image/search1.png) left center no-repeat; width:19px; height:80px;}
#header-other .tool .search:hover{ background:url(../image/search2.png) left center no-repeat;}
#header-other .tool .sign { float:right; background:url(../image/sign.png) left center no-repeat; padding-left:30px; margin-left:22px; color:#909090; font-size:16px;font-family: AvianRegular; line-height:80px; }
#header-other .tool .sign:hover{ background:url(../image/tool2.png) left center no-repeat; color:#21abf7;}

/* line-height:80px; */
#header .tool{ position:absolute; right:10px; top:0; }
#header .tool .search{ float:left; background:url(../image/tool1.png) left center no-repeat; width:19px; height:80px;}
#header .tool .search:hover{ background:url(../image/search2.png) left center no-repeat;}
#header .tool .sign { float:right; background:url(../image/search.png) left center no-repeat; padding-left:30px; margin-left:22px; color:#ffffff; font-size:16px;font-family: AvianRegular; line-height:80px; }
#header .tool .sign:hover{ background:url(../image/tool2.png) left center no-repeat; color:#21abf7;}
#header .hide-input{ display:none; position:relative;}
#header .hide-input .div{width:100%; height:100%; position:fixed; left:0; top:0; background:url(../image/hide.png) center center repeat; }
#header .input{ width:331px; height:22px; line-height:22px; background:url(../image/input.png) center center no-repeat; position:absolute; left:50%; top:350px; margin-left:-165px;}
#header .input input{ background:none; border:none; line-height:22px; width:231px; float:left; color:#ffffff; padding:0 10px;}
#header .input a{ float:left; width:80px; height:22px;}

#header-other{  position:fixed; z-index:1000; background:#fff; height:80px; border-bottom:1px solid #d6d6d6; width:100%;}
#header-other .logo a{ display:block; background:url(../image/logo.png) center center no-repeat; width:99px; height:46px; position:absolute; left:0; top:17px; font-size:16px;}

#header-other .nav-top{ position:inherit; left:140px; top:0; }
#header-other .nav-top a{font-family: AvianRegular; margin-left:35px; font-size:16px; color:#474747; line-height:80px;word-break: break-all;}
#header-other .nav-top a:hover{color:#21abf7;}
#header-other .tool{ position:absolute; right:10px; top:0; line-height:125px;}
#header-other .tool .search{ float:left; background:url(../image/search1.png) left center no-repeat; width:19px; height:80px;}
#header-other .tool .search:hover{ background:url(../image/search2.png) left center no-repeat;}
#header-other .tool .sign { float:right; background:url(../image/sign.png) left center no-repeat; padding-left:30px; margin-left:22px; color:#909090; font-size:16px;font-family: AvianRegular; height:80px; line-height:80px; }
#header-other .tool .sign:hover{ background:url(../image/tool2.png) left center no-repeat; color:#21abf7;}

#header-other .hide-input{ display:none;}
#header-other .hide-input .div{width:100%; height:100%; position:fixed; left:0; top:0; background:url(../image/hide.png) center center repeat; }

#header-other .input{ width:331px; height:22px; line-height:22px; background:url(../image/input.png) center center no-repeat; position:absolute; left:50%; top:350px; margin-left:-165px; }
#header-other .input input{ background:none; border:none; line-height:22px; width:231px; float:left; color:#ffffff; padding:0 10px;}
#header-other .input a{ float:left; width:80px; height:22px;}

#header {position: fixed !important;background: #ffffff; height:80px; width:100%; border-bottom:1px solid #d6d6d6; left: 0;}
#header .nav-top a{ color:#474747; line-height:80px; top:25px;}
#header .nav-top a.now{ color:#21abf7;}
#header .tool .search{ float:left; background:url(../image/search1.png) left center no-repeat; width:19px; height:80px;}
#header .tool .search:hover{ background:url(../image/search2.png) left center no-repeat;}
#header .tool .sign { float:left; background:url(../image/sign.png) left center no-repeat; padding-left:30px; margin-left:22px; color:#909090; font-size:16px;font-family: AvianRegular; line-height:80px; }
#header .tool .sign:hover{ background:url(../image/tool2.png) left center no-repeat; color:#21abf7;}
#header .tool a.a4{ background:url(../../../image/icon2.png) center center no-repeat;width: 40px; margin-top: 19px;
    height: 40px;
    float: right;
    margin-left: 18px;
    border-radius: 5px;
    border: 1px solid #929292;
    box-sizing: border-box;}
#header .tool a.a4:hover{ background: #2160b0 url(../../../image/icon2_b.png) center center no-repeat;border-color: #2160b0;}
#header-other.on {position: fixed !important; z-index:200; background:#ffffff; width:100%; top:0;}
/*首页*/
.home1{ width:100%; position:relative;  text-align:center; }
.home1 .focus{ width:100%;  position:relative; overflow:hidden; }
.home1 .focus .frame{ width:100%;  position:relative; overflow:hidden; float:left; }
.home1 .focus .frame .child{ width:100%;  position:relative; overflow:hidden; float:left; }
.home1 .child .mask{position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 3;}
.home1 .child::before{content: '';padding-top: 42.7083%;display: block;width: 100%; }
/* .home1 .focus .frame .child img{ width:100%; height:auto;}  */
.home1 img{ width:100%; height:auto;position: absolute;top: 0;left: 0;} 
.home1 .focus .nav{ position:absolute; bottom:35px;  width:1230px; left:50%; margin-left:-615px; text-align:left;}
.home1 .focus .nav a{ width:32px; height:50px; background:url(../image/nav3.png) left center no-repeat; margin:0 2px; float:left;}
.home1 .focus .nav .now{ width:30px; height:50px; background:url(../image/nav4.png) center center no-repeat; float:left;}
.home1 .focus .frame .child h1{ font-family:Impact; font-size:124px; color:#ffffff; line-height:1.2; margin-top:370px; text-transform:uppercase; position:absolute; width:100%; text-align:center; left:0; top:50% ; margin-top:-95px;}
.home2{ padding:0 10px; position:relative;}
.home2 .body-left{ float:left; width:50%; height:463px; background:#ffffff;}

.home2 .body-left .child{ padding:60px 30px 80px 15px;}
.home2 .body-left .common{ opacity:0; margin-top:20px;}
.home2 .body-left h2 { font-size:40px; color:#474747; line-height:1.2;font-family: AvianRegular; text-transform:uppercase; font-weight:bold; opacity:0; margin-top:20px;  }
.home2 .body-left h2 .more{ font-size:12px; color:#474747; float:right; line-height:1.5; font-weight:normal; display:inline-block; margin-top:9px;}
.home2 .body-left h2 .more:hover{ color:#1457b2;}
.home2 .body-left h2 .more:hover:after{ content:""; display:block; width:70px; height:1px ; background:#1457b6; margin-top:2px;color:#474747;}
.home2 .body-left h3{ margin-bottom:25px; margin-top:70px; opacity:0;}
.home2 .body-left h3 span{ float:left;}
.home2 .body-left h3 .date{ font-family:Impact; font-size:94px; color:#474747; line-height:1; text-align:center; margin-right:50px;}
.home2 .body-left h3 .date i{ font-style:normal; font-size:25px; display:block;}
.home2 .body-left h3 span .b{ font-style:normal;font-family: AvianRegular; font-size:18px; color:#474747; line-height:1.3; text-transform:uppercase; display:block; width:428px; margin:8px 0 25px;}
.home2 .body-left h3 span .b:hover{ color:#21abf7;}
.home2 .body-left h3 span .more{ display:block; width:135px; height:33px; line-height:33px; text-align:center; border-radius:20px; border:1px solid #CCC;font-size:12px; color:#474747; text-transform:uppercase; position:relative;}
.home2 .body-left h3 span .more:hover{ color:#1457b6; border:1px solid #1457b6}
.home2 .body-left h3 span .more .ground{ width:100%; height:33px; background:#2060b1; position:absolute; left:0; top:0; display:none;font-size:12px; color:#ffffff; line-height:35px;border-radius:20px; border:1px solid #2060b1;}


.home2 .body-left h4 a{font-family: AvianRegular; font-size:16px; color:#474747; line-height:2; margin-top:25px; opacity:0; background:url(../image/dian7.png) left center no-repeat; padding-left:20px; }
.home2 .body-left h4 a:hover{color:#21abf7; background:url(../image/dian8.png) left center no-repeat; }
.home2 .body-right{ width:615px; height:575px;float:left;/* transform:translateY(-100px);-webkit-transform:translateY(-100px);transition:all 1s linear 0s;-webkit-transition:all 1s linear 0s;*/ opacity:0; text-align:left; position:absolute; right:0; /* top:-110px; */}
.home2.show .body-right{ opacity:1;/*transform:translateY(0);-webkit-transform:translateY(0)*/;}

.home2 .body-right h1{ color:#ffffff; line-height:1.2; font-size:60px; text-transform:uppercase;font-family: AvianRegular;/*transform:scale(0);-webkit-transform:scale(0);transition:all 1s linear 0s;-webkit-transition:all 1s linear 0s; */opacity:0; margin-top:50px;  }
.home2 .body-right h2{ font-size:37px; font-weight:bold; color:#ffffff; text-transform:uppercase; line-height:1.2;font-family: AvianRegular; display:block;/* transform:scale(0);-webkit-transform:scale(0);transition:all 1s linear 0s;-webkit-transition:all 1s linear 0s;*/ opacity:0; }
.home2 .body-right .list{ /*transform:scale(0);-webkit-transform:scale(0);transition:all 1s linear 0s;-webkit-transition:all 1s linear 0s;*/ opacity:0; margin-top: 40px !important;}
.home2 .body-right p{/* transform:scale(0);-webkit-transform:scale(0);transition:all 1s linear 0s;-webkit-transition:all 1s linear 0s; */opacity:0; font-size:16px; color:#ffffff; line-height:1.5; margin:10px 0 40px;}
.home2 .body-right .list .item{ display:inline-block; width:32%; text-align:center; margin-bottom:32px;}
.home2 .body-right .list .item.link .img{ height:78px;}
.home2 .body-right .list .item.link img{ margin-top:7px;}
.home2 .body-right .list .item:hover .img{animation:img 0.3s linear 0s 1;-webkit-animation:img 0.3s linear 0s 1;-moz-animation:img 0.3s linear 0s 1;-o-animation:img 0.3s linear 0s 1;}

@-webkit-keyframes img{
0%{ margin-left:80px;}
50%{ margin-left:40px;}
100%{margin-left:0;}
}
@keyframes img{
0%{ margin-left:80px;}
50%{ margin-left:40px;}
100%{margin-left:0;}
}


@-moz-keyframes img {
	0%{ margin-left:80px;}
    50%{ margin-left:40px;}
    100%{margin-left:0;}

}

@-o-keyframes img {
   0%{ margin-left:80px;}
   50%{ margin-left:40px;}
   100%{margin-left:0;}

}



.home2 .body-right .list .item h3{ font-weight:bold; font-size:15px; line-height:1.5; color:#ffffff; margin-top:9px;}
.home2 .body-right .more:hover:after{ content:""; display:block; width:71px; height:1px; background:#ffffff; margin-top:5px;}
.home2 .body-right .main .date{ float:left;}
.home2 .body-right .main .date span{float:left;}
.home2 .body-right .main .date .span-left{float:left;font-family: AvianRegular; font-size:60px; line-height:1; color:#ffffff;}
.home2 .body-right .main .date .span-right{float:left;font-family: AvianRegular; font-size:14ps; color:#ffffff; line-height:2; text-transform:uppercase; margin-left:20px; }
.home2 .body-right .main .date .span-right i{ font-style:normal; display:block; background:url(../image/dian.png) top center no-repeat;font-family: AvianRegular; font-size:14px; color:#ffffff; padding-top:8px; line-height:1;}
.home2 .body-right .main .p a{ float:left; width:330px; font-size:16px; color:#ffffff;font-family: AvianRegular; margin-left:30px; line-height:1.5; margin-top:3px;}
.home2 .body-right .main .p a:hover{ text-decoration:underline;}
.home2 .body-right .main .div{ height:90px;transform:scale(0);-webkit-transform:scale(0);transition:all 1s linear 0s;-webkit-transition:all 1s linear 0s; opacity:0; }
.home2.show .body-right .main .div{ opacity:1;transform:scale(1);-webkit-transform:scale(1);}
/*.home2.show .body-right h1{transition-delay:0s;opacity:1;transform:scale(1);-webkit-transform:scale(1); font-weight:bold;}
.home2.show .body-right h2{transition-delay:0.5s;opacity:1;transform:scale(1);-webkit-transform:scale(1);}
.home2.show .body-right p{transition-delay:1s;opacity:1;transform:scale(1);-webkit-transform:scale(1);}
.home2.show .body-right .list{transition-delay:1.5s;opacity:1;transform:scale(1);-webkit-transform:scale(1);}*/
.home2.show .body-right .main .div.d1{ transition-delay:1s;}
.home2.show .body-right .main .div.d2{ transition-delay:1.5s;}
.home2.show .body-right .main .div.d3{ transition-delay:2s;}
.home2 .body-right .child{ padding:55px 0 62px 67px;}
.home2 .bg_right{ width:50%; float:right; background:#2060b1 ; height:573px; /* margin-top:-110px; */}
.home3{ height:1130px;}
.home3 .home3-left{ width:50%; height:580px; overflow:hidden; float:left; position:relative;}
.home3 .home3-right{ width:50%; overflow:hidden; float:left; background:#ffffff;position:relative;}

.home3 .home3-left .focus{width:100%; height:580px; overflow:hidden; position:relative;}
.home3 .home3-left .focus .frame{width:100%; height:580px; overflow:hidden; position:relative; float:left;}
.home3 .home3-left .focus .frame .child{width:100%; height:580px; overflow:hidden; position:relative; float:left;background-size: cover !important;}
.home3 .home3-left .focus .frame .child a{ width:100%; height:100%; display:block;}
.home3 .home3-left .focus .frame .child .text{ float:right;width:525px; padding:110px 60px 0 30px;position: relative;z-index: 2;}
.home3 .home3-left .focus .frame .child .mask{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;display: block;}
.home3 .home3-left .focus .frame .child .text h3{ font-size:40px; color:#ffffff; line-height:1.2; text-transform:uppercase; font-weight:bold;/*transform:scale(0);-webkit-transform:scale(0);transition:all 1s linear 0s;-webkit-transition:all 1s linear 0s;*/ opacity:0; margin-top:25px; }
/*.home3.show .home3-left .focus .frame .child .text h3{opacity:1;transform:scale(1);-webkit-transform:scale(1);transition-delay:0s;}
.home3.show .home3-left .focus .frame .child .text h4 a{opacity:1;transform:scale(1);-webkit-transform:scale(1);transition-delay:0.5s;}
.home3.show .home3-left .focus .frame .child .text p{opacity:1;transform:scale(1);-webkit-transform:scale(1);transition-delay:1s;}
.home3.show .home3-left .focus .frame .child .text .date{opacity:1;transform:scale(1);-webkit-transform:scale(1);transition-delay:1.5s;}*/
.home3 .home3-left .focus .frame .child .text h4{ font-size:30px; color:#ffffff; line-height:1.2; ;display:block;margin-top:25px;/*transform:scale(0);-webkit-transform:scale(0);transition:all 1s linear 0s;-webkit-transition:all 1s linear 0s;*/ opacity:0;}
.home3 .home3-left .focus .frame .child .text h4 a:hover{  color:#21abf7;}
.home3 .home3-left .focus .frame .child .text p{ font-size:14px; color:#ffffff; line-height:1.5;margin-top:25px;/*transform:scale(0);-webkit-transform:scale(0);transition:all 1s linear 0s;-webkit-transition:all 1s linear 0s;*/ opacity:0; }
.home3 .home3-left .focus .frame .child .text .date{ font-size:14px; color:#ffffff; line-height:1.2; margin-top:25px;/*transform:scale(0);-webkit-transform:scale(0);transition:all 1s linear 0s;-webkit-transition:all 1s linear 0s;*/ opacity:0;}
.home3 .home3-left .focus .nav{ position:absolute; bottom:35px;  width:590px; right:0; text-align:left;z-index: 9;}
.home3 .home3-left .focus .nav a{  width:32px; height:50px; background:url(../image/nav3.png) left center no-repeat; margin:0 2px; display:inline-block;}
.home3 .home3-left .focus .nav .now{ width:30px; height:50px; background:url(../image/nav4.png) center center no-repeat; display:inline-block;}
.home3 .home3-right .list{ width:625px; float:left; position:absolute; left:0; top:0; }
.home3 .home3-right .list .item { width:47%; display:inline-block;text-align:center; padding:90px 0 80px; opacity:0;}
.home3 .home3-right .list .item h2{ color:#474747; font-size:24px; line-height:1.5; font-weight:bold; text-transform:uppercase; margin-top:10px; }
.home3 .home3-right .list .item.other{ padding:60px 0 90px;}
.home3 .home3-right .list .item.other h2{ color:#ffffff;}
#particles-js{width:100%;height:582px;background:#2060b1;font-size:0; margin-top:257px;}
.home3 .home3-right .list .item .img img:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg);transition:all 1s linear 0s;-webkit-transition:all 1s linear 0s; }
.home3 .home3-right .part { width:737px; float:left; position:absolute; left:47px; top:100px; background:url(../image/border1.png) center center no-repeat; height:370px; padding:45px 0 0 23px;}
.home3 .home3-right .part h2{ font-size:40px; color:#474747; line-height:1.5; font-weight:bold; opacity:0; margin-top:15px;}
.home3 .home3-right .part h2 span{ font-size:72px; display:inline-block; margin-right:25px;}
.home3 .home3-right .part p{ font-size:14px; color:#ffffff; line-height:1.5; margin-top:55px; opacity:0; width:545px;}
.home3 .home3-right .part .more{  display:block; width:135px; height:33px; line-height:33px; text-align:center; border-radius:20px; border:1px solid #ffffff;font-size:12px; color:#ffffff; text-transform:uppercase; position:relative; opacity:0; margin-top:35px;}

.home3 .home3-bottom { position:absolute; left:0; top:579px; height:364px; width:100%;}
.home3.show .home3-bottom .text{transform:translateX(0) translateY(0);-webkit-transform:translateX(0) translateY(0); opacity:1;}
.home3 .home3-bottom .pic{ width:923px; height:546px; overflow:hidden;}
.home3 .home3-bottom  .text{ background:#ffffff; position:absolute; bottom:0; left:0; width:562px; height:233px;padding:50px 40px 0 23px;transform:translateX(-100px) translateY(-100px);-webkit-transform:translateX(-100px) translateY(-100px);transition:all 1s linear 0s;-webkit-transition:all 1s linear 0s; opacity:0;}
.home3 .home3-bottom  .text h2{ font-size:30px; color:#474747; line-height:1.5; text-transform:uppercase; }
.home3 .home3-bottom  .text h2 span{ display:inline-block; width:50px;}
.home3 .home3-bottom  .text p{ font-size:14px; color:#474747; line-height:1.5; margin:15px 0 50px;}
.home3 .home3-bottom  .text .more{ display:block; font-size:12px; color:#474747; border-radius:20px; border:1px solid #CCC; width:135px; line-height:35px; height:35px; text-align:center; text-transform:uppercase; position:relative;}
.home3 .home3-bottom  .text a .ground{ width:100%; height:33px; background:#2060b1; position:absolute; left:0; top:0; display:none;font-size:12px; color:#ffffff; line-height:35px;border-radius:20px; border:1px solid #2060b1;}
.home3 .home3-bottom  .text .more:hover{ border:1px solid #1457b2; color:#1457b2;}
.home3 .home3-bottom .inner .main .date .span-right{ float:left;font-size:14px; font-weight:normal;font-family: AvianRegular; line-height:1.7; text-transform:uppercase; margin-left:20px;}

.home3 .home3-bottom .inner h1{ font-size:40px; color:#474747; line-height:1.5; text-transform:uppercase; margin-top:15px;}
.home3 .home3-bottom .inner h1 .more{ font-size:12px; color:#707070; float:right; line-height:60px;}
.home3 .home3-bottom .inner h1 .more:hover{ color:#21abf7;}
.home3 .home3-bottom .inner{ width:50%; float:left; margin:0; }
.home3 .home3-bottom .inner .child{ padding:75px 105px 0 0;}
.home3 .home3-bottom .inner .main .date .span-left{float:left;font-family: AvianRegular;font-size:60px; line-height:1; color:#474747;}
.home3 .home3-bottom .inner .main .p a{ text-transform:none;}
.home3 .home3-bottom .inner .main .div{ min-height:66px; margin-top:15px;overflow: hidden}
.home3 .home3-bottom .inner .main .p a:hover{ color:#21abf7;}
.home3 .home3-bottom .inner .main .date .span-right i{ font-style:normal; display:block; background:url(../image/dian.png) top center no-repeat;font-family: AvianRegular; font-size:14px; color:#474747; padding-top:11px; line-height:1;}
.home3 .home3-bottom .inner .main .p a{ float:left; width:336px; font-size:16px; color:#474747;font-family: AvianRegular; margin-left:30px; line-height:1.5; margin-top:3px;}
.home3 .home3-bottom .inner .main{ margin-top:25px;}
.home3 .home3-bottom .text-right{ width:615px; height:364px; float:left;}
.home3 .home3-bottom .text-right h3{ font-weight:bold; font-size:40px; color:#ffffff; line-height:1.5; margin-bottom:5px;opacity:0; margin-top:15px;}
.home3 .home3-bottom .text-right p{ font-size:16px; color:#ffffff; line-height:1.9; opacity:0; margin-top:15px;}
.home3 .home3-bottom .text-right .child{ padding-top:73px; padding-left:60px;}
/*.home4{ text-align:center; padding:130px 0 60px;}
.home4 h1{ font-size:40px; color:#474747; line-height:1.2; font-weight:bold; text-transform:uppercase;}
.home4 .list{ margin-top:35px;}
.home4 .list .item{ width:305px;  float:left; }
.home4 .list .item{ margin-left:10px; opacity:0;}
.home4 .list .item:hover .text h2{ color:#1457b2;}
.home4 .list .item:hover .text p{ color:#1457b2;}
.home4 .list .item.frist{ margin-left:0;}
.home4 .list .item h2{ font-size:18px; color:#474747; line-height:1.5; margin-bottom:5px;}
.home4 .list .item .img{ width:305px; background:url(../image/item.png) center center no-repeat; height:286px; position:relative;}
.home4 .list .item .text{ text-align:left; padding:20px 0 0 5px;}
.home4 .list .item .text p{ font-size:12px; color:#474747; line-height:1.5;}
.home4 .list .item .img.other{width:403px; background:url(../image/item2.png) center center no-repeat; height:372px; display:none; margin-top:-45px; margin-left:-46px;}
.home4 .list .item.i1 .img img{ height:92%; margin-top:12px; width:96%;}
.home4 .list .item.i2 .img img{ height:92%; margin-top:12px; width:96%;}
.home4 .list .item.i3 .img img{ height:92%; margin-top:12px; width:96%;}
.home4 .list .item.i4 .img img{  height:92%; margin-top:12px; width:96%;}
.home4 .list .item:hover .img.an-other{ display:none;}
.home4 .list .item:hover .img.other{ display:block;}
.home4 .list .item:hover .text{ margin-top:-41px;}
.home4 .list .item:hover .img.other img{ width:73%; height:72%; margin-top:54px;}*/
.orally { margin-bottom:125px; width:100%; text-align:center;}
.orally .btn{ width:305px; height:90px; line-height:90px; border:2px solid #707070; display:inline-block; font-size:24px; color:#474747; font-weight:bold; text-transform:uppercase; padding-left:285px; text-align:left; background:url(../image/btn1.png) 205px center no-repeat; position:relative; opacity:0; margin-top:50px;}
.orally .btn a{ width:305px;  height:100%; display:block; position:absolute; left:0; top:0; padding-left:285px; }
.orally .btn.b1 a{ padding-left:290px; width:300px;}
.orally .btn.b1{ background:url(../image/btn2.png) 224px center no-repeat; margin-left:50px; padding-left:290px; width:300px;}
.orally .btn:hover{ border:2px solid #2060b1; background:url(../image/tit8.png) 205px center no-repeat;}
.orally .btn.b1:hover{ background:url(../image/tit9.png) 224px center no-repeat;}
.orally .btn:hover a{ color:#2060b1;}
/*底部*/
#footer1{ background:#191919; height:340px; position:relative;}
#footer1 .list{ position:absolute; left:0; top:85px;}
#footer1 .list li{ width:100px; float:left; margin-right:80px;}
#footer1 .list li a{ display:block; font-size:12px; color:#929292; line-height:1.5; margin-bottom:13px;}
#footer1 .list li a:hover{  color:#21abf7;}
#footer1 .online{ position:absolute; right:0; top:85px; text-align:right;}
#footer1 .online .mail{ display:block; /* background:url(../image/mail.png) 95px center no-repeat; */ font-size:16px; color:#929292; line-height:1.2;font-weight:bold; margin-bottom:10px;}
#footer1 .online .org{ font-size:12px; color:#929292; text-decoration:underline;display:block;  line-height:2;}
#footer1 .share{ position:absolute; right:0; top:200px;}
#footer1 .share a{ width:40px; height:40px; float:left; margin-left:18px;border-radius: 5px;border: 1px solid #929292;box-sizing: border-box;}
#footer1 .share a.a1{ background:url(../image/a11.png) center center no-repeat;}
#footer1 .share a.a2{ background:url(../image/a22.png) center center no-repeat;}
#footer1 .share a.a3{ background:url(../image/a33.png) center center no-repeat;}
#footer1 .share a.a4{ background:url(../../../image/icon2.png) center center no-repeat;}
#footer1 .share a.a1:hover{ background:url(../image/share1.png) center center no-repeat;}
#footer1 .share a.a2:hover{ background:url(../image/share2.png) center center no-repeat;}
#footer1 .share a.a3:hover{ background:url(../image/share3.png) center center no-repeat;}
#footer1 .share a.a4:hover{ background:url(../../../image/icon2_a.png) center center no-repeat;}
#footer1 .footer-bottom{ height:80px; line-height:80px; border-top:1px solid #929292;}
#footer2{ background:#191919; height:80px; position:relative; border-top:1px solid #262626; }
#footer2 .beian{ position: absolute; top: 30px; right: 130px; }
#footer2 .list { font-size:12px; color:#929292; line-height:80px; position:absolute; left:0; top:0;}
#footer2 .list a{ font-size:12px; color:#929292; line-height:80px;}
#footer2 .md{  position:absolute; left:335px; top:0;}
#footer2 .md a{ font-size:12px; color:#929292; line-height:80px;}
#footer2 .by{  position:absolute; left:695px; top:0;}
#footer2 .by a{ font-size:12px; color:#929292; line-height:80px;}
#footer2 .back{ position:fixed; right:20px; bottom: 20px; font-size:12px; color:#929292; background:url(../image/back.png) center 5px no-repeat; padding: 5px; padding-top:17px;background-color: #191919;border-radius: 5px; z-index: 9;}

.page{ text-align:center; margin-top:2px; margin-bottom:80px;}
.page a{ font-size:20px; color:#474747; display:inline-block; margin:0 9px; line-height:1.5;vertical-align: middle; }
.page .prev{ width:9px; height:17px; background:url(../image/prev2.png) center center no-repeat;}
.page .next{ width:9px; height:17px; background:url(../image/next2.png) center center no-repeat;}
.page .prev:hover{ background:url(../image/prev22.png) center center no-repeat;}
.page .now{ color:#1f9dd8;}
.page .next:hover{ background:url(../image/next22.png) center center no-repeat;}
.page .skip-box{margin-left: 10px;font-family: AvianRegular;font-size: 14px;}
.page .skip-box,.page .skip-box .ipt{display: inline-block;vertical-align: middle;}
.page .skip-box .ipt{width: 20px;height: 20px;border: 1px solid #ebebeb;border-radius: 5px;padding: 5px 10px;margin: 0 5px;}
.page .skip-box .ipt input{width: 100%;height: 100%;border: none;}
.page .dot{font-size: 20px;}


/*--滚动条插件--*/
.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:3px;}
.jspDrag{background:url(../image/line6.png) center center repeat;}
.jspTrack{   background:url(../image/line5.png) center center no-repeat;}
.nav-left{ position:fixed; right:33px; top:50%; margin-top:-100px; z-index:200;}
.nav-left a{ display:block; width:36px; height:17px; background:url(../image/dian2.png) center center no-repeat; position:relative; margin-bottom:13px;}
.nav-left.style a:hover{ background:url(../image/now1.png) center center no-repeat; width:36px; height:17px;}

.nav-left a h2{ font-size:12px; color:#474747; line-height:30px; height:30px; border-radius:20px;  width:120px; position:absolute; right:-13px; top:-10px; background:url(../image/dian3.png) 13px center no-repeat #ffffff; padding-left:40px; text-transform:uppercase; display:none;}

.nav-left.style a{ background:url(../image/dian4.png) center center no-repeat;}

.nav-left a.now{background:url(../image/now2.png) center center no-repeat; width:36px; height:17px;}
.nav-left a.add { background:url(../image/now1.png) center center no-repeat;width:36px; height:17px;}
.nav-left a:hover h2{ display:block; }
.nav-left.style a:hover h2{background:url(../image/dian5.png) 13px center no-repeat #0c2039; color:#ffffff;}
.nav-left .top{ width:36px; height:36px; background:url(../image/top.png) center center no-repeat; cursor:pointer;}
.up-hide{ width:320px; height:170px; background:#ffffff; text-align:center; z-index:500; position:absolute; left:50%; margin-left:-160px; top:100px; display:none;}
.up-hide h3{ font-size:14px; color:#707070; line-height:1.5; margin:57px 30px 20px;}
.up-hide .ok{ display:block; width:185px; height:35px; line-height:35px; color:#ffffff; text-align:center; background:#114c98; margin:0 auto;}

.up-hide .close{ background:url(../image/close1.png) center center no-repeat; width:17px; height:17px; float:right; margin-right:5px; margin-top:5px; cursor: pointer;}

.window_bay .box{ width:240px; height:169px; background:url(../image/bay.png) center center no-repeat; position:fixed; right:0; top:50%; margin-top:-84px; z-index:800;transition: all 1s linear 0s; display:none;}
.window_bay .box h1{ font-size:18px; color:#ffffff; font-family:Impact; font-size:24px; text-transform:uppercase; line-height:169px; text-align:left; padding-left:60px;}
.window_bay .box .tit{width:100%; height:100%; text-align:center;}
.window_bay .box .close{ width:13px; height:13px; background:url(../image/close2.png) center center no-repeat; float:right; margin-right:28px; margin-top:-11px;}



.window_bay .gti2{ width:51px; height:169px; background:url(../image/gti2.png) center center no-repeat;  position:fixed; right:0; top:55%; margin-top:-190px; z-index:800; opacity:1;transition: all 1s linear 0s;  }
.window_bay .gti2 .widget-area-edit .widget-area-edit-title .widget-area-edit-btn{left: auto !important;right: 0 ;}
.window_bay .gti_close{ width:13px; height:13px; background:url(../image/close2.png) center center no-repeat; display:block; position:absolute; z-index:800; opacity:1;transition: all 1s linear 0s; cursor:pointer; top:-20px; right:0; }
.window_bay .gti1{ margin-top:10px; }



/*.window_bay .box.show{transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s; position:fixed; right:0; top:50%; animation:zoom1 2s linear 0s ;-webkit-animation:zoom1 2s linear 1s ;-moz-animation:zoom1 2s linear 1s ;-o-animation:zoom1 2s linear 1s ; opacity:0; margin-right:-100px; }*/
.window_bay .gti2 .h2{ position:absolute; right:-12px; text-transform:uppercase; top:50%; margin-top:-5px;transform:rotate(90deg); font-size:16px; font-weight:bold;
        -ms-transform:rotate(90deg); /* Internet Explorer 9*/
        -moz-transform:rotate(90deg); /* Firefox */
        -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
        -o-transform:rotate(90deg); /* Opera */
        filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1); width:65px;white-space: nowrap;}



#footer1 .apps{ width:220px; position:absolute; right:0; top:250px;}
#footer1 .apps a{ width:65px; height:25px; line-height:25px; padding-left:40px; font-size:12px; color:#929292; border:1px solid #929292; border-radius:5px; display:inline-block; margin-right:6px; background:url(../image/img8.png) 15px 4px no-repeat;}
#footer1 .apps a.last{ margin-right:0; background:url(../image/img5.png) 15px 4px no-repeat;}
#footer1 .apps a:hover{background:url(../image/img7.png) 15px 4px no-repeat; color:#ffffff; border:1px solid #ffffff;}
#footer1 .apps a.last:hover{background:url(../image/img6.png) 15px 4px no-repeat;border:1px solid #ffffff;color:#ffffff;}
#footer1 .apps .app_code{ width:114px; height:112px; background:url(../image/img9.png) center center no-repeat; text-align:center; padding-top:8px ; }
#footer1 .apps .app1{ position:absolute; right:105px; top:-130px;display:none;}
#footer1 .apps .app2{ position:absolute; right:0; top:-130px;display:none;}
#footer1 .apps .app1.show,#footer1 .apps .app2.show{ display:block;}
/**/


/*20200309*/
#header .nav-top{ font-size: 0; left: 240px; }
#header .nav-top .nav_item{ margin: 0 30px; display: block; position: relative; top: auto; }
#header .nav-top .nav_item::after{ content: ""; height: 4px; width: 100%; background-color: #194ac3; position: absolute; bottom: 19px; left: 0;transition: all 0.3s; transform-origin: 50% 0%; transform: scale(0.01,1); opacity: 0; }
#header .nav-top .li:hover .nav_item::after{ opacity: 1; transform: scale(1,1); }
#header .nav-top .li{ font-size: 16px; display: inline-block; margin-left: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; position: relative; }
#header .nav-top .li+.li{ margin-left: 25px; }
#header .nav-top .li .sublist{ position: absolute; top: 70%; left: 50%; margin-left: -158px; width: 316px; text-align: center; opacity: 0; visibility: hidden; transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; font-size: 16px; z-index: 99; }
#header .nav-top .li.l5 .sublist {text-align: left;margin-left: 0;left: 30px;}
#header .nav-top .li.l5 .sublist.l5_sublist {left: -155px;width: 185px;}
#header .nav-top .li:hover .sublist{ top: 100%; opacity: 1; visibility: visible; }
#header .nav-top .li .sublist a{ line-height: normal; padding: 13px 0; display: block; }
#header .navback{ display: block !important;
    width: 100%;
    height: 300px;
    background: rgba(255,255,255,1);
    z-index: 1;
    position: absolute;
    top: 101%;
    left: 0px;
    -webkit-transition: all 0.2s ease-out;
    -webkit-transform-origin: 50% 0%; opacity: 0; visibility: hidden; }
#header.sub_show .navback{ opacity: 1; visibility: visible; }


#header .nav-top a{ margin-left: 0; }
/* #header .nav-top a.cur,#header .nav-top a:hover{ background: #2060b1; color: #fff; } */





#footer1 .list{ top: 70px; }
#footer1 .list li{ width: 180px !important; margin-right: 0; }
#footer1 .list li:nth-child(5){ width: 235px !important; }
#footer1 .list .ltit{ font-size: 14px; line-height: 1.1; color: #a2a2a2; margin-bottom: 25px; position: relative; }
#footer1 .list .ltit:after{ content: ""; width: 30px; height: 1px; background: #222222; position: absolute; left: 0; bottom: -13px; }

/*20200309*/

/*20200805*/
#header .nav-top .li.l5 .sublist{ text-align: left; margin-left: 0; left: 30px; }
#header .nav-top .li.l5 .sublist.l5_sublist{ left: -155px; width: 185px; }
/*20200805*/

.bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-handle-on{box-sizing: content-box !important;}