.index{position:relative;overflow:hidden;}
.header_top{ background-color:#43556b; height:30px; width:100%; position:relative; z-index:33;}
.header_top_fr{ float:left;margin-left: 3vw; font-size:12px; color:#dce3eb; line-height:30px;}
.header_top_fl{ float:right;margin-right: 3vw; }
.header_top_fl a{ display:block; float:left; color:#fff; font-size:12px; color:#dce3eb; line-height:30px;}
.header_top_fl i{ float:left; display:block; width:1px; height:10px; background-color:#dce3eb; margin:0 16px; margin-top:10px;}
.header_top_fl a:hover{ color:#fff;}
.header_top_fl a.yd{ position:relative;}
.header_top_fl a.yd img{ display:block; width:120px; height:0;transition: all 0.5s ease-out 0s; position:absolute; left:-35px; top:30px;}
.header_top_fl a.yd:hover img{ height:120px;}

.header_main{position:absolute;width:100%;height:100px;transition: all 0.9s ease-out 0s; z-index:22; top:0; left:0; border-bottom:rgba(255, 255, 255, 0.2) solid 1px; background-color:#fff; }
/*.header_main.xc{ position:relative; left:0; top:0;transition: all 0.9s ease-out 0s;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); background-color:#fff; height:90px;}*/
.header{ width:100%;height:100px;}
.header_main .webLogo{ position:relative; z-index:55;transition: all 0.9s ease-out 0s; float:left; padding-top:16px;margin-left:4vw;}
.header_main .webLogo img{display:block;height:67px;transition:all ease 0.36s;}
.header_main.xc .webLogo{padding-top:12px;}
.header_main.xc .webLogo img { height:67px;transition:all ease 0.36s;}
.header_main .nav_main{ height:100px; text-align:center;transition:all ease 0.36s;float: right;margin-right: 2vw;}
.header_main .nav_main .nav{ display:inline-block;position:relative;}
.header_main .nav_main .item{ float:left;height:100px;line-height:100px;z-index:12;transition:all ease 0.36s; position:relative;}
.header_main.xc .nav_main{ height:100px;}
.header_main.xc .nav_main .item{ float:left;height:90px;line-height:90px; position:relative;}
.header_main .nav_main .item a{display:block;height:100px;font-size:18px;line-height:100px;color:#333; position:relative;transition:all ease 0.36s; padding:0 32px; font-family:"Microsoft Yahei";}
.header_main.xc .nav_main .item a{height:90px;line-height:90px;}
.header_main.xc .nav_main .item a{ color:#333; }
.header_main .nav_main .item:hover,.header_main .nav_main .item.hover{ font-weight:bold; }
.header_main .nav_main .item:hover .alink,.header_main .nav_main .item.hover .alink{color:#002a93;}
.header_main.xc .nav_main .item:hover .alink,.header_main.xc .nav_main .item.hover .alink{ color:#002a93;}
.header_main .nav_main .item i{ display:block;background:url("../images/t3_03.png") no-repeat center center; width:11px; height:6px; position:absolute; top:48px; right:0px;transition:all ease 0.36s;}
.header_main .nav_main .item:hover i{background:url("../images/t3_04.png") no-repeat center center;}
.header_main .nav li .subnav{position: absolute;left: 50%;top:85px;background-color: #fff;width: 120px;margin-left: -60px;display: none;border-radius: 4px;overflow: hidden;}
.header_main .nav li .subnav .subA{color: #333;line-height: 35px;height: 35px;overflow: hidden;display: block;margin: 0;font-size: 14px;line-height: 35px;height: 35px;overflow: hidden;display: block;font-size: 14px;border-bottom: 1px dotted #ddd;margin: 0;text-align: center;}
.header_main .nav li .subnav .subA:hover{font-weight:bold;background: #3bb79b;color: #4872de;background: #ffbe8b;background: rgba(21, 21, 21, 0.8);}
.header_main .nav .sub-box{width:100%;position:absolute;left:0px;text-align:center;top:89px;background:#fff;display:none;line-height:35px;}
.header_main .nav .sub-box p{ width:100%;}
.header_main .nav .sub-box .img1{ float:right; width:45%; padding:2%; padding-top:0; display:none;}
.header_main .nav .sub-box p a{color:#fff}
.header_main .nav .sub-box p .icon{width:6px;height:10px;background-position:-96px 0;position:absolute;top:19px;left:15px}
.header_main .nav .sub-box p a{border-bottom:1px solid #ddd;color:#333 !important;line-height:46px!important;height:46px!important;padding:0;font-weight:100;text-align:left;overflow:hidden;vertical-align:top;font-size:14px;display:block;background:none;transition: ease-in-out 0.2s;text-shadow:none;float: left; float:left; width:100%; text-indent:10px;
border-radius:0; margin-top:0;
}
/*.header_main .nav .sub-box p a:last-child{ border-bottom:none;}*/
.header_main .nav .sub-box p a:hover{text-indent: 16px;color:#005197!important;}
.header_main .nav .sub-box .img{ display:block; float:right; width:240px;}
.header_main.xc .nav_main .item i { top: 44px;}

.header_main .quick{float:right; transition:all ease 0.36s; margin-top:36px;margin-right:4vw;}
.header_main.xc .quick { margin-top: 30px;}
.quick-nav .quick_sc{ float:left; padding-right:16px; padding-top:4px; border-right:#fff solid 1px; margin-right:6px;}
.quick-nav .quick_sc a{ display:block; color:#fff; font-size:18px; line-height:24px; background:url(../images/g1_06.png) no-repeat left center; padding-left:34px;}
.header_main .cnt{ float:right; margin-right: 3vw;padding-top: 40px;}
.header_main .cnt .cn{ float:left; font-family:"Arial"; font-size:20px; text-transform:uppercase;text-shadow:1px 0px 1px rgba(0, 0, 0, 0.6); color:#fff; line-height:24px;} 
.header_main .cnt i{ float:left; font-family:"Arial"; font-size:20px; text-transform:uppercase; padding-left:8px; color:#fff; opacity:0.6;} 
.header_main .cnt .en{ float:left; font-family:"Arial"; font-size:16px;padding-left:8px; text-transform:uppercase;text-shadow:1px 0px 1px rgba(0, 0, 0, 0.6);color:#fff; line-height:16px;padding-top: 4px;} 
.header_main.xc .quick-nav .quick_sc a { color: #333;}
.header_main.xc .quick-nav .quick_sc{border-right:#999 solid 1px;}

.header_main .en{ float:left; font-size:20px; color:#fff; line-height:30px; font-weight:normal;}
.header_main .en:hover{ }
.header_main .menu-btn{position:relative;background:url("../images/menuico.png") no-repeat center center;cursor: pointer;z-index:99; width:18px; height:29px;background-size: 100%;display:block; float:left; margin-left:30px; }
/*.header_main .menu-btn:hover{background:url("../images/menuico1.png") no-repeat center center;background-size: 100%;}*/

.header_main.on{ opacity:0;transition:all ease 0.5s;}
.navigation{ -webkit-transform: translate3d(0, 0, 0);overflow: hidden;position: fixed;top: 0;right: 0;bottom: 0;background:rgba(255, 255, 255, 1);z-index:999;display: flex;
align-items: center;height: 100vh; width:100%;
justify-content: center;
clip-path: circle(0 at calc(100% - 0.775rem) 0.675rem);
background-position: top right;
background-repeat: no-repeat;
transition: clip-path 0.7s ease-in-out;
pointer-events: none;}
.navigation.on { pointer-events: auto; clip-path: circle(110vw at calc(100% - 0.775rem) 0.675rem) !important;}
#navigation .webLogo{position: absolute;top:5%;left:3%; display:block;}

#navigation .toggle{position: absolute;top:5%;right:2%;/* border:#005197 solid 1px;*/ width:50px; height:50px; border-radius:50%;}
#navigation .toggle b{display:block; width: 26px;height: 25px;background: url(../images/sprite.png) -79px -234px no-repeat;cursor: pointer;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;margin: 0 auto;margin-top: 12px;}
#navigation .toggle:hover b{opacity: .8;transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}

.g_navbox{width:100%; height:100%; position:relative;}
.g_navbox .g_nav{background:#fff;position: absolute;top: 0px;width: 100%;box-sizing: border-box;}


.header_main.xc .en{ color:#333;}


.header_main.xc .cnt .cn{text-shadow:none; color:#333;}
.header_main.xc .cnt i{text-shadow:none; color:#333;}
.header_main.xc .cnt .en{text-shadow:none; color:#333;}
.header_main.xc .cnt a:hover{color:#005197;}
.header_main.xc .menu-btn{background:url("../images/menuico1.png") no-repeat center center; background-size:100%;}
.header_main.xc .menu-btn:hover{background:url("../images/menuico2.png") no-repeat center center; background-size:100%;}


.header_main .sj{ float:right; transition:all ease 0.36s;}
.header_main .sj p{ display:block;font-size:16px; color:#333;  line-height:88px;}
.header_main .sj p span{ display:inline-block; font-size:24px; font-family:"Arial"; font-weight:bold;}
.header_main .sj img{ display:block; width:120px; height:0; position:absolute; left:-60px; top:40px;transition:all ease 0.36s;}
.header_main .sj:hover img{ height:120px;transition:all ease 0.36s;}

.header_main .dl{float:right; margin-left:60px; margin-top:32px;margin-right: 4vw;font-size:18px;}
.header_main .dl a{ display:inline-block; font-size:18px; padding:0 3px;}

.header_main .quick .searcher{ float:left;}
.header_main .quick .search_btn{width:36px;height:36px;background:url("../images/t2_031.png") no-repeat center center;float:left;display: block;cursor: pointer;}
.header_main .quick .search_btn:hover{opacity:.8;filter:alpha(opacity=80);}
.header_main .quick .search_main{position: absolute; z-index: 10; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; width: 0; height: 80px; right: 50px; top:90px; overflow: hidden; background: rgba(0,0,0,0.2);*background:#000;}
.header_main .quick .search_box{width:280px;height:40px;margin-top:20px;margin-left:40px;background:url(../images/search_main.png) no-repeat bottom center;}
.header_main .quick .search_box input{background-color: none; border: none;}
.header_main .quick .search_box .stxt{width: 240px; height: 40px;line-height: 40px; display: block; text-indent: 10px;color:#fff; background-color:transparent;    outline: none;}
.header_main .quick .search_box .sbtn{font-size:0;width: 34px;height: 34px;display: block;cursor: pointer;border-radius:100%;margin-top: 5px;outline: none;background:url("../images/searchico.png") no-repeat center center;}
.header_main .quick .cte{position:relative;float:left;margin-right:14px;cursor: pointer;}
.header_main .quick .cte .cvalue{padding-right:12px;font-family:arial;font-size:20px;color:#fff;background:url("../images/cearr.png") no-repeat right center;}

.header_main .quick .member{float:left;display:block;width:20px;height:20px;background:url("../images/member.png") no-repeat center center;}
.header_main .quick .member:hover{opacity:.8;filter:alpha(opacity=80);}
/*.header_main.xc{height:100px;border-bottom:1px solid #ddd;transition: all 0.9s ease-out 0s; position:fixed; left:0; top:0;background-color: rgba(255,255,255,1);}
.header_main.xc .nav_main .item{height:100px;line-height:100px;}
.header_main.xc .nav_main .item a{height:99px;line-height:100px;color:#333;}*/
.header_main.xc .quick .search_btn{background:url("../images/t2_031.png") no-repeat center center;}
.header_main .tel{margin-top:35px;float:right;margin-left:1vw;padding-left:44px;font-family:arial;font-size:30px;color:#333;background:url("../images/f2_03.png") no-repeat left center; line-height:36px; font-weight:bold;}
.header_main .tel_right .webTel{}

.header_main.xc .cte .cvalue{color:#666;background:url("../images/cearr2.png") no-repeat right center;}
.header_main.xc .member{background:url("../images/member2.png") no-repeat center center;} 
/*.header_main.xc .quick{padding-top:40px;}
.header_main.xc .quick .search_btn{background:url("../images/searchico2.png") no-repeat center center;}*/

.header_main.xc .tel_right .webTel{color:#005197;background:url("../images/telIco2.png") no-repeat left center;}

.header_main .lag_sel_box{margin-top:-40px;position: relative;line-height: 100px;}
.header_main .lag_box{display: none; position: absolute; top: 150px; left: 50%; margin-left:-40px; transform: translateX(-50%); background-color: #fff; color: #758190; font-size: 14px; line-height: 32px; padding: 10px 20px;} 
.header_main .lag_box::after{content: ''; position: absolute; top: -5px; left: 30%; width: 10px; height: 10px; background-color: #fff; transform: rotate(45deg);} 
.header_main .lag_box .item{cursor: pointer; padding-right: 25px; width:30px; border-bottom: 1px solid #758190;} 
.header_main .lag_box .item:last-child{border-bottom: none;} 
.header_main .lag_box .item::hover{color: #004bc6;} .header_box .lag_sel_box .lag_box li.on{color: #004bc6;}
.header_main .lag_box.on{top:100px;display:block;}
.header_main .nav_main .item.li8 .alink i{ display:none;}
.header_main .quick .searcher{ height:30px; border-radius:20px;}
.header_main .quick .searcher .stxt{float:left; width:108px; height:30px;  padding-left:10px; line-height:30px;background-color:transparent; color:#fff; border:none; outline:none; font-size:14px;}
.header_main .quick .searcher .sbtn{width:24px; height:20px; background:url("../images/search_btn.png") no-repeat center center;border:none; cursor:pointer;  outline:none; background-size:100%; margin-top:5px; }

@media (max-width: 1750px) {
	.header_main .nav_main .item a{ padding: 0 30px;}
}
@media (max-width: 1660px)
{
	.header_main .webLogo {}
	.header_main .nav_main .item a{ padding: 0 23px;}
	.header_main .nav_main { margin-right: 2vw;}
	.header_main .cnt { margin-right:2.5vw;}
	.header_main .webLogo img { height: 56px;}
	.header_main .nav_main .item a {font-size: 16px;}
	.quick-nav .quick_sc a {font-size: 16px;}

}
@media (max-width: 1550px)
{
	

}
@media (max-width: 1400px)
{
	.header_main .webLogo {}
	.header_main .nav_main .item a{ padding: 0 20px;}
	.header_main .nav_main { margin-right: 1vw;}
	.header_main .cnt { margin-right:1.5vw;}
.header_main .quick { margin-left: 0px;}

}
@media (max-width: 1366px)
{
	
	.header_main .nav_main .item a{ padding: 0 18px;}

}



.modal{display: none; /* 默认隐藏 */ position: fixed; /* 根据浏览器定位 */ z-index:666; /* 放在顶部 */ left: 0; top: 0; width: 100%; /* 全宽 */ height: 100%; /* 全高 */ overflow: auto; /* 允许滚动 */ background-color: rgba(0,0,0,0.4); /* 背景色 */}
/*模态框内容*/
.modal-content{display: flex; /*采用flexbox布局*/ flex-direction: column; /*垂直排列*/ position: relative; background-color: #fefefe; margin: 15% auto; /*距顶部15% 水平居中*/ padding: 20px; padding-top:20px; border: 1px solid #888; width:612px; animation: topDown 0.4s; /*自定义动画，从模态框内容上到下出现*/}
@keyframes topDown{from{top: -300px; opacity: 0} to{top: 0; opacity: 1}}
/*模态框头部*/
.modal-header{display:block; /*采用flexbox布局*/ flex-direction: row; /*水平布局*/ align-items: center; /*内容垂直居中*/ justify-content: space-between; text-align:right;}
/*关闭X 样式*/
.close{float:right;color: #aaa; font-size: 28px; font-weight: bold;transition:all ease 0.36s;display:block;width:32px;height:32px;background:url("../images/closeModal.png") no-repeat center center;}
.close:hover{color: black; text-decoration: none; cursor: pointer;transform: rotate(360deg);transition:all ease 0.36s;}
.modal-body{padding-top:20px; padding-bottom:30px;margin-top:10px;}
.modal-body .stxt{float:left; width:500px; height:48px; border:#CCC solid 1px; padding-left:30px;outline: none;}
.modal-body .sbtn{width:80px; height:50px; background:url("../images/search_btn.png") no-repeat center center #005197;border:none; cursor:pointer;}

/*banner*/
#banner_main{position:relative; z-index:2;}
.banner{position: relative;width: 100%;min-width: 1000px;padding: 0 0 48.3%;overflow: hidden; }
.banner .list{width: 100%;display:inline-block;}
.banner .list li{width: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 1; overflow: hidden; background: #fff;}
.banner .list li a{width: 100%; display: block; height: 100%;}
.banner .imo{width: 100%; height: 100%; display: block; position: relative; left: 0; top: 0;}
.banner .slide_btn{position: absolute;bottom:46px;right:5.2%;height:24px;z-index:120;}
.banner .prev,
.banner .next{ position:absolute;width:57px; height:57px; z-index: 12; top:50%; left:6%; margin-top:-28.5px; cursor: pointer; transition: ease-in-out 0.2s; background-position:-203px -341px; display:none;}
.banner .next{ background-position:-271px -341px;right:6%; left:auto;}
.banner:hover .prev,.banner:hover .next{ display:none;}
.banner .prev:hover{background-position:-203px -402px;}
.banner .next:hover{background-position:-271px -402px;}

.banner .sline{margin:0 40px;float:left;display:block;width:1px;height:22px;background:url("../images/pnLine.png") no-repeat center center;}
.banner .tip{position: absolute; width:84%; left:8%; bottom:3%; height:50px; z-index: 30; text-align:center;}
.banner .tip li{margin: 0 9px; width:40px; height: 4px; text-align: center; cursor: pointer; font-size: 0; font-weight: bold; overflow: hidden; display: inline-block; background-color:#c9c9c9; *display: inline; *zoom: 1; transition: ease-in-out 0.2s; border-radius:5px;}
.banner .tip li.cur{background:#005197; opacity:1;}
.banner .pbg1{position:absolute;bottom:0;left:0;width:885px;height:225px;background:url("../images/banner_bg1.png") no-repeat center center;z-index:4;background-size:cover;}
.banner .pbg2{position:absolute;bottom:0;right:0;width:1614px;height:330px;background:url("../images/banner_bg2.png") no-repeat center center;z-index:3;background-size:cover;}
.banner .v-txt{position:absolute;width:84%;top:30%; left:8%;text-align:left;z-index:14;}
.banner .v-txt .tit{font-size:70px;line-height:70px;margin-bottom:10px;color:#005197;letter-spacing:8px;}
.banner .v-txt .tit1{font-size:70px;line-height:70px;margin-bottom:20px;color:#005197;letter-spacing:8px;}
.banner .v-txt p{font-size:20px;line-height:20px;margin-bottom:10px;color:#005197;letter-spacing:8px;}
.banner .video-container{background-color:#fff;z-index:1;}
.banner .video-container #video{display:block;min-width:100%;min-height:100%;position:absolute;top:-0.5%;left:0%;z-index:12;transform: scale(1.2);}
.banner .list li .img{ display:block; position:absolute; left:14%; top:28%;width: 37%;}


.banner .opacity{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url("../images/tq_02.png") no-repeat center center;z-index:13;}
.banner .online{position:absolute;bottom:30%;left:50%;margin-left:-70px;display:block;width:140px;height:40px;font-size:14px;line-height:40px;text-align:center;color:#fff;border:1px solid #fff;z-index:16;transition:all ease 0.36s;border-radius:5px;}
.banner .online:hover{text-indent:6px;color:#fff;border-color:#953034;background:#953034;transition:all ease 0.36s;box-shadow: 0 6px 12px rgba(71, 114, 222, 0.17);transition:all ease 0.36s;}

.ui-linebar{height:75px;background-color: #466ec1;opacity: 1;position: absolute;left: 50%;bottom: 0;width: 1px;margin-left: -.5px;z-index:10; display:none;}
.ui-linebar .ink{-webkit-animation: k-ink 2s linear -.5s infinite;animation: k-ink 2s linear -.5s infinite;background-color: #fff;position: absolute;left: 0; right: 0;top: 0; bottom: 0;-webkit-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 0 0;-ms-transform-origin: 0 0;transform-origin: 0 0;}
@-webkit-keyframes k-ink{0%,25%{-webkit-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}
@keyframes k-ink{0%,25%{-webkit-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}


.banner .list li .bnma {position: absolute;left: 7%;bottom: 20%;width: 27%;z-index: 999; margin: 0 110px; z-index:1;}
.banner .list li .bnma img{ display:block; width:100%;}
.imn{position:absolute; bottom:0; right:2%; width:100%; height:100%;z-index:1;}
.banner .list li .img2{ width:24%;display: block;position: absolute;right:18%;bottom: 26%;}
.banner .list li .icm{ width:100%; height:100%;}
.banner .list li.li3 .img2{right:21%;bottom: 22%; width:22%;}

@media (max-width: 1660px) {
.banner .list li .bnma {width:30%;bottom:20%;}
.banner .v-txt .tit{font-size:50px;line-height:50px;}
.banner .v-txt .tit1{font-size:50px;line-height:50px;}
.banner .v-txt p{font-size:20px;line-height:20px;}
.banner .v-txt { top: 36%;}
}



.parallax > use {
  animation: move-forever 12s linear infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
}
.parallax > use:nth-child(2) {
  animation-delay: -2s;
  animation-duration: 5s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 3s;
}

@keyframes move-forever {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}
.editorial {
  display: block;
  width: 100%;
  height:70px;margin-top: -68px;
position: relative;
z-index: 5;

}
@media (max-width: 50em) {
  .content h1 {
    font-size: 12vmax;
  }

  .editorial {
    height: 17vw;
  }
}


.bolang{ width:100%; position:relative;height:59px; margin-top:-54px;z-index:3; overflow:hidden;}
.bolang .bo1{background:url(../images/b17_02.png) no-repeat;background-size:cover; height:69px; animation:anim_wave 10s linear infinite; position: absolute; left:0; top:0;width:2920px;}
.bolang .bo2{background:url(../images/b18_02.png) no-repeat;background-size:cover; height:69px; animation:anim_wave 15s linear infinite; position: absolute; left:0; top:0; z-index:2;width:2920px;}

@keyframes anim_wave {

0% {

transform: translateX(0) translateZ(0) scaleY(0)

}

50% {

transform: translateX(-15%) translateZ(0) scaleY(0)

}

100% {

transform: translateX(-34%) translateZ(0) scaleY(0)

}

}


 @keyframes scaleDraw {

            0% {
	transform:scale(1.05);
}
25% {
	transform:scale(1.1);
	/*放大1.1倍*/
}
50% {
	transform:scale(1.05);
}
75% {
	transform:scale(1.1);
}
}

/* footer */
.footerM{ width:100%;background:url(../images/w7_02.jpg) center center no-repeat;overflow:hidden;}
.footerM .f_left{position:relative;float:left;width:21.4%;height:430px;background:#1b1f79;}
.footerM .left_box{ width:100%; padding-top:70px; height:90px;}
.footerM .left_box .btlogo{ float:left;}
.footerM .left_box .tel_box{ float:right; text-align:right;}
.footerM .tel_box .zx{display:block;font-size:14px;line-height:14px;color:#fff;}
.footerM .tel_box .webTel{margin-top:10px;font-family:Arial;font-size:40px;line-height:40px;color:#fff;}
.footerM .gs_d{display:block;font-size:14px;line-height:26px;color:#fff; padding-top:18px;}
.footerM .gs_d span{display:block;}

.footerM .f_right{position:relative;width:100%;}
.footerM .footer_1{ height:210px;}
.footerM .footer_1 .bnav{float:left;width:72%;}
.footerM .footer_1 .qrcode{float:right;display:block;}
.footerM .f_right .list li{float:left; padding-right:10%;display:block;list-style:none;line-height:32px;text-align:left;overflow:hidden;min-height:104px;}
.footerM .f_right .list .li1{padding-left:0;}
.footerM .f_right .list li a{display:block;font-size:20px;line-height:20px;color:#fff;}
.footerM .f_right .list .drop{padding-top:10px;}
.footerM .f_right .list .drop a{display:block;width:100%;font-size:14px;line-height:30px;color:#d1d1d1;}
.footerM .f_right .list li a:hover{color:#fff;}
.footerM .f_right .list .drop a:hover{color:#fff;}
.footerM .f_right .qimg{float:left;display:block;width:136px;height:136px;background:#999; margin-left:18px; text-align:center;}
.footerM .f_right .qimg img{display:block;width:136px;height:136px;}
.footerM .f_right .qimg span{ display:block; font-size:14px; color:#fff; line-height:18px; padding-top:10px;}
.footerM .f_right .qrcode .tit{display:block;font-size:14px;line-height:40px;text-align:center;color:#fff;}
.footer_2{width:100%;height:50px; border-top:#0067ae solid 1px;}
.copyright{font-size:14px;color:#fff;}
.copyright .copy{float:left;height:50px;line-height:50px;}
.copyright a{color:#fff;}
.copyright em{margin:0 5px;}
.copyright .jszc{float:right;height:50px;line-height:50px;}
.copyright .jszc span{height:50px;}
.copyright a:hover{color:#fff; font-weight:bold;}


/* index css */

.flo_t{ width:100%; display:inline-block;}
.flo_t h3{ display:inline-block; font-size:50px; color:#005197; line-height:50px; font-weight:bold; font-family:"宋体";background:url(../images/w4_07.png) right center no-repeat; padding-right:50px; font-weight:bold;}
.flo_t h3 span{ display:inline-block; color:#04348d;}
.flo_t p{font-size:18px; color:#666; line-height:40px;}
.flo_t .aa{ float:right; text-align:center; width:180px; height:40px; display:block; background-color:#005197; border-radius:50px; margin-top:8px;transition:all ease 0.36s;}
.flo_t .aa p{ display:inline-block;}
.flo_t .aa p span{ display:block; float:left; font-size:16px; color:#fff; line-height:40px;}
.flo_t .aa p i{ display:block; width:24px; height:4px; background-position:-438px 0px; margin-left:26px; margin-top:18px; float:left;transition:all ease 0.36s;}
.flo_t .aa:hover p i{ margin-left:22px;transition:all ease 0.36s;}
.flo_t .aa:hover{ background-color:#c40020;}

@media (max-width: 1660px) {
	.flo_t h3{ font-size:40px; line-height:40px; }
	.flo_t p{ font-size:16px;}
	.flo_t a{margin-top:0px;}
	
	
}

.index .index_title{padding-top:90px;}
.index .index_title .tit{float:left;display:block;width:170px;font-size:40px;line-height:44px;color:#333;/*background:url("../images/ctitline.png") no-repeat 30px bottom;*/}
.index .index_title .subtit{float:left;display:block;padding-top:24px;margin-left:20px;font-size:18px;line-height:20px;color:#999;}


.index.trans{background:#fff;}


.headv{ position:fixed; left:1%; top:30%; z-index:2;}
.headv div{ margin:10px 0;display:block; width:10px; height:10px; background-color:#CCC; border-radius:30px;}
.headv div a{ display:block;width:10px; height:10px;}
.headv .headv-check{ color:#fff; background-color:#005197;}


.index_tou{background:url(../images/b3_02.jpg) center center no-repeat; width:100%; position:relative; height:1236px;}
.index_h3{padding-top:100px;  width:100%;  display:inline-block; position:relative; text-align:center;}
.index_h3 h3{ font-size:40px; color:#333; line-height:40px;  font-weight:bold; overflow:hidden; position:relative;}
.index_h3 h3 span{ color:#005197;}
.index_h3 h3 .i1{ display:block; width:530px;background:url(../images/w10_03.png) right center no-repeat; height:34px; position:absolute; left:0; top:5px;}
.index_h3 h3 .i2{ display:block; width:530px;background:url(../images/w10_05.png) left center no-repeat; height:34px; position:absolute; right:0; top:8px;}
.index_h3 h4{ font-size:16px; color:#999; line-height:16px; text-transform:uppercase; padding-top:10px;}

.index_tou .w1400{ position:relative; height:100%;}
.index_fl12{  width:550px; position:absolute; left:48%; margin-left:-275px; top:28%;} 
.index_fl12 .index_fl121{ width:460px; margin-top:28%; position:relative; z-index:2;}
.index_fl121 h3{ font-size:90px; color:#333; line-height:80px; background:url(../images/b12_03.png) right 50px no-repeat; padding-right:40px; display:inline-block; background-size:22px; font-family:"Arial";}
.index_fl121 h4{ font-size:36px; color:#333; line-height:36px; padding-top:26px;}
.index_fl121 p{ font-size:16px; color:#999; line-height:26px; padding-top:16px;}
.index_fl121 a{ display:block;font-size:16px; line-height:16px; padding-top:10%;}
.bjl{background-color: #fff; width:326px;height: 430px; position:absolute;left: -13px;top: 98px;z-index: 1;}

.index_fl11 dl{ width:240px; height:240px; display: flex;flex-direction: column;justify-content: center; text-align:center;}
.index_fl11 dl .b1{animation: spin 15s linear -0s infinite; width:100%; height:100%;background-color:#feaa60; border-radius:45%; opacity:0.8; position:absolute; z-index:-1; left:0; top:0; display:none;}
.index_fl11 dl .b2{animation: spin 30s linear -0s infinite; width:100%; height:100%;background-color:#feaa60; border-radius:47%; opacity:0.9; position:absolute; z-index:1; left:0; top:0;}
.index_fl11 dl dt{ font-size:60px; color:#fff; line-height:60px; position:relative; z-index:2;}
.index_fl11 dl dt p{ display:inline-block;}
.index_fl11 dl dt span{ display:block; float:left; font-size:66px;}
.index_fl11 dl dt em{ display:block; float:left; font-size:56px;}
.index_fl11 dl dd{ font-size:18px; color:#fff; line-height:18px; padding-top:12px; position:relative; z-index:2;}
.index_fl11 dl.dl2{ width:200px; height:200px;}
.index_fl11 dl.dl3{ width:185px; height:185px;}
.index_fl11 dl.dl2 dt span{ display:block; float:left; font-size:52px;}
.index_fl11 dl.dl2 dt em{ display:block; float:left; font-size:42px;}
.index_fl11 dl.dl3 dt span{ display:block; float:left; font-size:52px;}
.index_fl11 dl.dl3 dt em{ display:block; float:left; font-size:42px;}
.index_fl11 dl.dl1{ position:absolute; left:-20px; top:40%;}
.index_fl11 dl.dl2{ position:absolute; right:48px; top:20%;}
.index_fl11 dl.dl3{ position:absolute; right:256px; top:60%;}
.index_fl11 dl.dl2 .b1{background-color:#a5c7ff;}
.index_fl11 dl.dl2 .b2{background-color:#a5c7ff;}
.index_fl11 dl.dl3 .b1{background-color:#88d3fe;}
.index_fl11 dl.dl3 .b2{background-color:#88d3fe;}

.index_fl11 dl:hover .b2{background-color: #ea964c;}
.index_fl11 dl.dl2:hover .b2{background-color: #648fd7;}
.index_fl11 dl.dl3:hover .b2{background-color: #62a9d3;}

.index_fl12 .index_fl122{ position:absolute; right:0; top:0;}
.index_fl12 .index_fl122 img{transform:rotate(-140deg);transition: all ease 5s;}
.index_fl122 .aos-init.aos-animate{
transition: all ease 5s;   transform:rotate(0deg);

}

	@keyframes turn{
      0%{-webkit-transform:rotate(0deg);}
      25%{-webkit-transform:rotate(90deg);}
      50%{-webkit-transform:rotate(180deg);}

    }


@keyframes spin {

0% {
transform: translate( -0%,  -0%) rotate(0deg)scale(1);
}
25% {
transform: translate( -8%,  -5%) rotate(90deg)scale(1.0);
}
50% {
transform: translate( -2%,  -3%) rotate(180deg)scale(1.0);
}
75% {
transform: translate( -5%,  -6%) rotate(270deg)scale(1.0);
}
100% {
transform: translate( -0%,  -0%) rotate(360deg)scale(1.0);
}

} 


@media (max-width: 1660px) {
.index_fl121 h3 { font-size: 78px;line-height: 60px;background: url(../images/b12_03.png) right 42px no-repeat; padding-right: 40px; background-size: 16px;}
.index_fl121 h4 { font-size: 30px; line-height: 30px; padding-top: 22px;}

.index_tou { height: 1100px;}
.index_fl12 { top: 24%;}
.index_fl11 dl{ width:180px; height:180px;}
.index_fl11 dl dt{ font-size:46px; line-height:46px;}
.index_fl11 dl dt span{ display:block; font-size:50px;}
.index_fl11 dl dt em{ display:block; font-size:42px;}
.index_fl11 dl dd{ font-size:18px; line-height:18px; padding-top:2px;}
.index_fl11 dl.dl2{ width:170px; height:170px;}
.index_fl11 dl.dl3{ width:150px; height:150px;}
.index_fl11 dl.dl2 dt span{ display:block; float:left; font-size:40px;}
.index_fl11 dl.dl2 dt em{ display:block; float:left; font-size:32px;}
.index_fl11 dl.dl3 dt span{ display:block; float:left; font-size:40px;}
.index_fl11 dl.dl3 dt em{ display:block; float:left; font-size:34px;}
.index_fl11 dl.dl1{ position: absolute; left: -66px; top: 45%;}
.index_fl11 dl.dl2{ position:absolute; right:102px; top:20%;}
.index_fl11 dl.dl3{ position:absolute; right: 200px; top: 68%;}
}


.index_fl1{ padding-top:100px; width:100%; display:inline-block;}
.index_fl1_2{ float:left; width:49%; position:relative;}
.index_fl1_2 .bd li{ float:left; width:100%; position:relative;}
.index_fl1_2 .bd li img{ display:block; width:100%;}
.index_fl1_2 .bd li .item{background:url(../images/t9_03.png) center center; width:100%; height:96px; position:absolute; left:0; bottom:0;}
.index_fl1_2 .bd li .item h3{ font-size:18px; color:#fff; line-height:18px; padding-left:20px;position: absolute;left: 0;bottom: 18px;}
.index_fl1_2 .hd{ position: absolute; right:15px; bottom:20px;}
.index_fl1_2 .hd ul{ display:inline-block;}
.index_fl1_2 .hd ul li{ width:8px; height:8px; background-color:#fff; font-size:0; border-radius:30px; opacity:0.6; margin-right:10px; float:left; cursor:pointer;}
.index_fl1_2 .hd ul li.on{opacity:1;}


.index_fl1_1{ width:49%; position:relative; float:right; }
.index_fl1_1 .hd{ width:100%; height:60px; border-bottom:#8d8e8e solid 1px; position:relative;}
.index_fl1_1 .hd ul{ float:left;}
.index_fl1_1 .hd ul li{ font-size:30px; height:60px; color:#333; line-height:30px; position:relative; width:142px; float:left; margin-right:40px;}
.index_fl1_1 .hd ul li i{ display:none; width:100%; height:3px; background-color:#09459e; position:absolute; left:0; bottom:-1px;}
.index_fl1_1 .hd ul li.on{ color:#09459e;}
.index_fl1_1 .hd ul li.on i{ display:block;}

.index_fl1_1 .hd .more{ display:block; float:right;padding-top: 10px;}
.index_fl1_1 .hd .more a{ display:block;}
.index_fl1_1 .hd .more a p{ float:left; font-size:16px; line-height:16px;}
.index_fl1_1 .hd .more a span{ display:block; float:left; width:15px; height:7px; background-position:-197px 0px; margin-left:12px; margin-top:6px;transition: all ease 0.36s;}
.index_fl1_1 .hd .more a:hover span{background-position:-197px -10px;}

.index_fl1_1 .bd{ width:100%;}
.index_fl1_1 .bd .conWrap{ width:100%;margin-top: 12px;}
.index_fl1_1 .bd .con{ display:none; width:100%;}
.index_fl1_1 .bd ul{ display:inline-block; width:100%;}
.index_fl1_1 .bd ul li{ width:100%; border-bottom:#dadada solid 1px; height:46px; transition: all ease 0.36s;}
.index_fl1_1 .bd ul li h3{ float:left; font-size:18px; line-height:46px;}
.index_fl1_1 .bd ul li span{ display:block; float:right; line-height:46px; color:#999; font-size:16px; font-family:"Arial";}
.index_fl1_1 .bd ul li.li9{ border-bottom:none;}

.weui_mask { background: rgba(0,0,0,.6);}
.weui_mask, .weui_mask_transition, .weui_mask_transparent { position: fixed; z-index: 1000; width: 100%; height: 100%;  top: 0; left: 0;}
.weui_dialog { position: fixed; z-index: 5000; width:860px; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center; border-radius: 15px; }
.weui_dialog_ft { position: absolute; right: -18px;top: -22px; display: -webkit-box; display: -webkit-flex; display: flex;    z-index: 66666;}
.weui_btn_dialog.primary { color: #2b2b2b;}
.weui_dialog_ft a { display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); width:50px; height:50px; background:url(../images/closeM.png) center center no-repeat;transition: All 0.4s ease-in-out;             -webkit-transition: All 0.4s ease-in-out;             -moz-transition: All 0.4s ease-in-out;             -o-transition: All 0.4s ease-in-out;}
.weui_dialog .in_title{ width:100%;}
.weui_dialog .in_title img{ margin:0 auto; width:200px; height:200px; display:block;}
.weui_dialog .in_title span{ line-height:60px;}
.weui_dialog_ft a:hover{transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);}



.floor_20_2 { display:inline-block; width:100%; padding-top:6%; border-top:#ddd solid 1px; margin-top:10%;}
.floor_20_2 dl{ float:left; padding:0 6%;}
.floor_20_2 dl dt{ font-size:18px; color:#333; line-height:18px; font-weight: normal;}
.floor_20_2 dl dt span{ display:inline-block;font-size:60px; color:#333; line-height:50px;font-family:"Arial";font-weight:200; padding-right:4px;}
.floor_20_2 dl dd{ font-size:16px; color:#666; line-height:18px; font-weight:100; clear:left; padding-top:8px;}
.floor_20_2 dl.dl1{ padding-left:0;}
.floor_20_2 dl.dl3{ padding-right:0;}




@media (max-width: 1660px) {
	.index_fl1_1 .hd{height:50px;}
	.index_fl1_1 .hd ul li{ font-size:26px; height:50px; color:#333; line-height:26px;width:130px; }
.index_fl1_1 .hd .more{ display:block; float:right;padding-top: 8px;}
.index_fl1_1 .bd .conWrap{ margin-top:6px;}
.index_fl1_1 .bd ul li{ height:42px;}
.index_fl1_1 .bd ul li h3{ font-size:16px; line-height:42px;}
.index_fl1_1 .bd ul li span{line-height:42px; font-size:14px;}
.floor_20_2 dl dt span { font-size: 50px; line-height: 40px;}
.floor_20_2 dl { padding: 0 5%;}


}

.index_tb{ display:inline-block; width:100%;padding-top:100px;}
.index_h4{  width:89.85%;  display:inline-block; position:relative; text-align:left; float:left;}
.index_h4 h3{ font-size:40px; color:#333; line-height:40px;  font-weight:bold; overflow:hidden; position:relative;}
.index_h4 h3 span{ color:#005197;}
.index_h4 h3 .i1{ display:block; width:1015px;background:url(../images/w11_03.png) left center no-repeat; height:34px; position:absolute; right:0; top:5px;}
.index_h4 h4{ font-size:16px; color:#999; line-height:16px; text-transform:uppercase; padding-top:10px;}
.index_tb a{ display:block; width:10%; height:34px; border:#ccc solid 1px; text-align:center; line-height:34px; float:right; margin-top:3px;}
.index_tb a:hover{ background-color:#005197; border:#005197 solid 1px; color:#fff;}


@media (max-width: 1660px) {
	.index_h4 { width: 89.8%;}
	.index_h4 h3 .i1 { right: -190px;}
}






@media (max-width: 1660px) {



}

/* 解决方案 */
.index .floor_1_main{position:relative;} 
.index .floor_1{padding-top:0;} 
.index .f1bg{position:absolute;top:0;right:0;width:220px;height:220px;}
.index .floor_1 .solution{margin-top:40px;}
.index .solist li{position:relative;float:left;width:9%;height:600px;margin-left:0.5%;transition:all ease 0.36s;}
.index .solist li .box1{position:relative;height:600px;background:url("../images/f1libg.jpg");}
.index .solist li .box1 .sico{padding-top:88px;}
.index .solist li .box1 .sico img{position:absolute;top:88px;bottom:0;left:0;right:0;display:block;margin:0 auto;}
.index .solist li .box1 .stit{padding-top:106px;font-size:24px;line-height:24px;color:#fff;text-align:center;}
.index .solist li .box1 .simg{position:absolute;bottom:40px;left:50%;margin-left:-20px;display:block;width:40px;height:40px;background-position:0 0;}
.index .solist li:first-child{margin-left:0;}
.index .solist li.on{width:calc(73% - 5%*8);transition:all ease 0.36s;}
.index .solist li.on .box1{opacity:0;filter:alpha(opacity=0);}
.index .solist li .img{position:absolute;top:0;left:0;display:block;width:100%;height:100%;z-index:1;}
.index .solist li .img img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-width:100%;height:100%; width:100%;}
.index .solist li .txt{position:absolute;top:0;left:0;z-index:2;}
.index .solist li .box2 .txt{padding-top:80px;padding-left:50px;height:calc(100% - 80px);}
.index .solist li .box2 .tit{font-size:30px;line-height:30px;color:#fff;}
.index .solist li .box2 .desc{margin-top:30px;width:250px;font-size:16px;line-height:30px;color:#fff;}
.index .solist li .box2 .detail{position:absolute;bottom:50px;left:50px;display:block;width:140px;height:40px;font-size:14px;line-height:40px;text-indent:24px;color:#fff;background:url("../images/f1arr.png") 95px center no-repeat #005197;}
.index .solist li .box2 .detail span{position:relative;z-index:12;}
.index .solist li .box2 .detail:before,.index .solist li .box2 .detail:after{content: '';position: absolute;left: 0;top: 0;width: 0;height: 100%;background:url("../images/f1arr.png") 95px center no-repeat #2a9c3e;z-index:2;transition: .8s;}
.index .solist li .box2 .detail:before{transition: .8s; background:url("../images/f1arr.png") 95px center no-repeat #2a9c3e;z-index:-1; }         
.index .solist li .box2 .detail:hover:after,.index .solist li .box2 .detail:hover:before{width: 100%;}

.index .solist .online{position:absolute;bottom:50px;left:200px;display:block;width:140px;height:40px;font-size:14px;line-height:40px;text-indent:24px;color:#fff;background:url("../images/f1arr.png") 95px center no-repeat #477de2;z-index:16;transition:all ease 0.36s;}
.index .solist .online:hover{text-indent:28px;color:#fff;background:url("../images/f1arr.png") 98px center no-repeat #005197;transition:all ease 0.36s;box-shadow: 0 6px 12px rgba(71, 114, 222, 0.17);transition:all ease 0.36s;}


/* 产品中心 */
.floor_2_main{background:url(../images/w6_02.jpg) center center no-repeat; width:100%; padding-bottom:130px; padding-top:130px;}
.floor_2_main .flo_t2 h3{ color:#333;}
.flo_t1{ text-align:center;}
.flo_t1 h3{ display:inline-block; position:relative; font-size:50px; color:#c3af77; line-height:46px; font-family:"宋体"; font-weight:bold;}
.flo_t1 h3 .i1{ display:block;background:url(../images/w4_09.png) center center no-repeat; width:32px; height:43px; position:absolute; left:-62px; top:0;}
.flo_t1 h3 .i2{ display:block;background:url(../images/w4_12.png) center center no-repeat; width:32px; height:43px; position:absolute; right:-62px; top:0;}
.flo_t1 p{font-size:18px; color:#fff; line-height:40px;letter-spacing: 2px;}


.tit_left{ text-align:center;}
.tit_left .tit{ font-size:45px; color:#333; line-height:45px; font-weight:normal;}
.tit_left .subtit{ margin:0 auto; display:block; width:36px; height:2px; background-color:#005197; margin-top:22px;}

.floor_2_1 .flo_t1 h3{ display:inline-block; position:relative; font-size:50px; color:#005197; line-height:46px; font-family:"宋体"; font-weight:bold;}
.floor_2_1 .flo_t1 h3 .i1{ display:block;background:url(../images/w4_08.png) center center no-repeat; width:32px; height:43px; position:absolute; left:-62px; top:0;}
.floor_2_1 .flo_t1 h3 .i2{ display:block;background:url(../images/w4_07.png) center center no-repeat; width:32px; height:43px; position:absolute; right:-62px; top:0;}
.floor_2_1{ width:100%; padding-top:80px; background:url(../images/w17_02.jpg) center center no-repeat; position:relative;}
.floor_2_10{ display:inline-block; width:100%; text-align:center;}
.floor_2_10 h3{ font-size:50px; color:#005197; line-height:50px; text-transform:uppercase; font-weight:500;}
.floor_2_10 h4{ font-size:40px; color:#333; line-height:40px; padding-top:10px;}
.floor_2_11{ width:100%; position:relative; margin-top:36px; width:100%;}
.floor_2_11 .hd{ width:100%; position:relative; display:inline-block;}
.floor_2_11 .hd ul{ display:inline-block; float:left;}
.floor_2_11 .hd ul li{ display:block; height:46px; width:143px; position:relative; float:left; text-align:center; cursor:pointer; line-height:46px; font-size:20px;}
.floor_2_11 .hd ul li.on{background:url(../images/w20_03.png) center center no-repeat; color:#005197; }
.floor_2_11 .hd .a1{ display:block; float:right; margin-top:7px;}
.floor_2_11 .hd .a1 span{ display:block; float:left; font-size:20px; color:#333; line-height:32px;}
.floor_2_11 .hd .a1 i { display: block; width: 32px; height: 32px; background-color: #005197; font-size: 30px; line-height: 30px; text-align: center; border-radius: 5px; float: left; color: #fff; margin-left:24px;}
.floor_2_11 .hd .a1:hover span{color: #005197;}
.floor_2_11 .bd{ width:100%; margin-top:36px;}
.floor_2_11 .bd ul{ display:inline-block; width:100%; position:relative;}
.floor_2_11 .bd ul .wiper-container{ width:100%; display:inline-block;}
.floor_2_11 .bd ul .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative;transition:all ease 0.36s;
-webkit-transition: transform 1.0s;-moz-transition: transform 1.0s;-ms-transition: transform 1.0s;-o-transition: transform 1.0s;}
.floor_2_11 .bd ul .swiper-slide a{ display:block; width:100%; height:100%;}
.floor_2_11 .bd ul .swiper-slide img{ display:block; width:98%; margin:0 auto;}
.floor_2_11 .bd ul .swiper-slide i{ display:none; width:98%; height:100%;background:url(../images/w19_03.png) center center no-repeat; position: absolute;left: 1%;top: 0;z-index: 11;background-size: 100%;}
.floor_2_11 .bd ul .swiper-slide:hover i{display: block;}
.floor_2_11 .bd ul .swiper-slide-active,.floor_2_11 .bd ul .swiper-slide-duplicate-active {  z-index: 1002;opacity:1;}
.floor_2_11 .bd ul .button { width: 100%;  margin: 0 auto; top: -252px; position: relative;  z-index: 1002;}
.floor_2_11 .bd ul .button .swiper-button-prev,.floor_2_11 .bd ul .button .swiper-button-next{background-image: url("../images/icon.png") !important;}
.floor_2_11 .bd ul .button .swiper-button-prev{ width:29px !important; height:54px !important; background-position:-175px -238px !important;background-size:auto !important;left:8% !important; display:none;}
.floor_2_11 .bd ul .button .swiper-button-next{ width:29px !important; height:54px !important; background-position:-211px -238px !important;background-size:auto !important;right:8% !important;display:none;}
.floor_2_11 .bd ul .button .swiper-button-next { left: 50% !important;margin-left: 570px; background-position:-175px -238px;}
.floor_2_11 .bd ul .button .swiper-button-prev{left: 50% !important;margin-left: -616px; background-position:-211px -238px;}
.floor_2_11 .bd ul:hover .swiper-button-prev,.floor_2_11 .bd ul:hover .swiper-button-next{ display:block;}
.floor_2_11 .bd ul .swiper-slide:hover{transform:translateY(-3px);transition:all ease 0.36s;}



.floor_2_5{width:95%; margin:0 auto; margin-top:50px; position:relative; }
.floor_2_5 ul{ display:inline-block; width:100%;}
.floor_2_5 ul li{ width:20%; float:left; position:relative; overflow:hidden;}
.floor_2_5 ul li img{ display:block; width:100%;transition:all ease 0.36s;}
.floor_2_5 ul li h3{ font-size:28px; color:#fff; line-height:35px; position:absolute; left:10%; top:10%;}
/*.floor_2_5 ul li:hover img{transform:scale(1.05);transition:all ease 0.36s;}*/
.floor_2_5 ul li .wn1{ display:block; width:100%; background:rgba(0, 98, 170, 0.9); position:absolute; left:0; top:0; height:100%; display:none;transition:all ease 0.36s;}
.floor_2_5 ul li .wn1 em{ display:block; width:66%;background:url(../images/w9_03.png) center center no-repeat; height:90px; margin:0 auto; background-size:100%;}
.floor_2_5 ul li .wn1 h4{ font-size:32px; color:#fff; line-height:32px; font-weight:bold; text-align:center; padding-top:40%;}
.floor_2_5 ul li .wn1 p{ margin:0 auto; font-size:16px; color:#fff; line-height:30px; text-align:center; padding-top:16%; width:90%;}
.floor_2_5 ul li .wn1 i{ display:none; width:60px; height:60px; position:absolute; left:50%; margin-left:-30px; bottom:16%; background-position:-359px -167px;transition:all ease 0.36s;}
.floor_2_5 ul li:hover h3{ display:none}
.floor_2_5 ul li:hover .wn1{ display:block;}
.floor_2_5 ul li .wn1 i:hover{margin-left:-24px;}

.floor_2_5 .bd{ width:100%;}
.floor_2_5 .bd li{ width:25%; float:left; position:relative;}
.floor_2_5 .bd li .img1{ width:100%; overflow:hidden;}
.floor_2_5 .bd li .img1 img{ display:block; width:100%;transition:all ease 0.36s;}
.floor_2_5 .bd li:hover .img1 img{transform:scale(1.05);transition:all ease 0.36s;}
.floor_2_5 .bd li em{ display:block; width:100%; height:100%;background:url(../images/w8_03.png) center center no-repeat; position:absolute; left:0; top:0; background-size:100%;}
.floor_2_5 .bd li .wn1{ position:absolute; left:10%; top:10%;}
.floor_2_5 .bd li .wn1 i{ display:block; width:11px; height:11px; background-position:-313px -75px; margin-left:12px;}
.floor_2_5 .bd li .wn1 h3{ font-size:22px; color:#fff; line-height:34px;writing-mode: vertical-lr; padding-top:14px; }


.floor_2_5 .prev{position:absolute;width:29px; height:54px; z-index: 12; top:50%; left:-6%; margin-top:-27px; cursor: pointer; transition: ease-in-out 0.2s; background-position: -175px -238px;transition:all ease 0.36s;}
.floor_2_5 .next{ position:absolute;width:29px; height:54px; z-index: 12; top:50%; right:-6%; margin-top:-27px; cursor: pointer; transition: ease-in-out 0.2s; background-position: -211px -238px;transition:all ease 0.36s;}
.floor_2_5 .prev:hover{background-position:-175px -238px;transition:all ease 0.36s;}
.floor_2_5 .next:hover{background-position:-211px -238px;transition:all ease 0.36s;}
.floor_2_5 .slide ul li{ width:260px; height:114px; float:left; margin-right:10px; margin-left:10px;}
.floor_2_5 .slide ul li a{ display:block;width:260px; height:94px;transition: all 0.9s ease-out 0s;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); overflow:hidden;}
.floor_2_5 .slide ul li img{ display:block; width:100%;transition:all ease 0.36s;}
.floor_2_5 .slide ul li:hover img{transform:scale(1.05);transition:all ease 0.36s;}

.floor_0_1{ width:100%; display:inline-block; padding:30px 0;}
.floor_0_1 b{ float:left; width:14%; font-size:36px; color:#005197; display:block; line-height:36px; font-weight:normal;}
.floor_0_1 p{ float:right; width:86%;}
.floor_0_1 p a{ display:block; float:left; font-size:14px; line-height:36px; padding:0 2%;}

.flo_t2{ text-align:center;}
.flo_t2 h3{ display:inline-block; position:relative; font-size:45px; color:#fff; line-height:45px; }
.flo_t2 h3 span{font-size:50px; color:#005197; line-height:46px; display:inline-block;font-family:"宋体";font-weight:bold; padding-right:16px; }

.flo_t2 .a2{ float:right; display: block; width:155px; height:48px;background:url(../images/w4_10.png) center center no-repeat; text-align:center;}
.flo_t2 .a2 p{ display:inline-block;}
.flo_t2 .a2 p span{ display:block; float:left; font-size:16px; color:#005197; line-height:48px;}
.flo_t2 .a2 p i{ display:block; width:15px; height:7px; background-position:-283px -79px; float:left; margin-left:10px; margin-top:22px;}
.flo_t2 .a2:hover{background:url(../images/w4_11.png) center center no-repeat;}
.flo_t2 .a2:hover p span{ color:#fff;}
.flo_t2 .a2:hover p i{background-position:-261px -79px;}

@media (max-width: 1660px) {
	.floor_2_5 ul li .wn1 em{ width:72%;    height: 80px;}
	.flo_t2 h3 span{  font-size:40px; line-height:36px;}
	.flo_t1 h3{  font-size:40px; line-height:36px;}
	.flo_t1 p { font-size: 16px; line-height: 34px;}
.floor_2_11 ul li .n h3{ font-size:20px; line-height:20px;}
.floor_2_11 ul li .w h3{ font-size:20px; line-height:20px;}
.floor_2_11 ul li .w i{ font-size:50px; line-height:50px; }
.floor_2_11{}
.floor_2_5 .slide ul li{ width:220px; height:100px;}
.floor_2_5 .slide ul li a{ width:220px; height:82px;}
.floor_2_5 .prev{ left:-4%;}
.floor_2_5 .next{ right:-4%;}
.floor_2_11 .bd ul .button .swiper-button-next { margin-left: 490px;}
.floor_2_11 .bd ul .button .swiper-button-prev{margin-left: -510px;}

.floor_5_main {
    padding-top: 100px;
    padding-bottom: 100px;
}

}

.floor_d_main{ background: url(../images/w12_02.jpg) center center no-repeat; width:100%; position:relative; padding-top:110px; padding-bottom:120px;}
.floor_d_2 { width:100%; margin-top:50px; position:relative;}
.floor_d_2 .bd{ width:100%; position:relative;}
.floor_d_2 .bd ul{ width:100%; position:relative;}
.floor_d_2 .bd ul img{ display:block; width:100%;}
.floor_d_2 .hd{ width:100%; position:absolute; left:0; top:0; height:100%;}
.floor_d_2 .hd ul{ display:inline-block; width:100%; height:100%;}
.floor_d_2 .hd ul li{ width:11%; height:100%; float:left; position:relative;}
.floor_d_2 .hd ul li .t{ width:100%; height:100%; position:relative; text-align:center;}
.floor_d_2 .hd ul li .t img{ display:block; width:41px; margin:0 auto; padding-top:35%;}
.floor_d_2 .hd ul li b{ width:1px; height:100%; background-color:rgba(255, 255, 225, 0.2); position:absolute; right:0; top:0;}
.floor_d_2 .hd ul li .t h3{font-size: 24px;color: #fff;line-height:40px;writing-mode: vertical-lr;padding-top:15%;display: inline-block;}
.floor_d_2 .hd ul li .t p{font-size:60px;color:rgba(255, 255, 225, 0.2);line-height:50px; position:absolute; left:0; bottom:0; text-align:center; width:100%; font-family:"宋体";}
.floor_d_2 .hd ul li.on{ width:34%;}
.floor_d_2 .hd ul li .c{ display:none;}
.floor_d_2 .hd ul li.on .c{ display:block; width:100%; height:100%; position:relative;}
.floor_d_2 .hd ul li.on .t{ display:none;}
.floor_d_2 .hd ul li .c .h{ position:absolute; left:5%; bottom:5%; width:90%;}
.floor_d_2 .hd ul li .c h3{ display:inline-block; width:100%;}
.floor_d_2 .hd ul li .c h3 span{ display:block; font-size:30px; color:#f1da93; line-height:30px; float:left; font-family:"宋体"; font-weight:bold;}
.floor_d_2 .hd ul li .c h3 i{ display:none; width:32px; height:32px; background-color:#005197; font-size:30px; line-height:30px; text-align:center; border-radius:5px; float:right; color:#fff; }
.floor_d_2 .hd ul li .c em{ display:block; width:30px; height:2px; background-color:#fff; margin-top:4%;}
.floor_d_2 .hd ul li .c p{display:block; font-size:14px; color:#fff; line-height:26px; margin-top:4%;}

.floor_m_main{ background: url(../images/w15_02.jpg) center center no-repeat; width:100%; position:relative; padding-top:130px; padding-bottom:130px;}
.floor_m{ display:inline-block; width:100%;}
.floor_m_1{ width:32%; float:left;padding-top: 7%;}
.floor_m_1 .flo_t h3{ color:#fff; background: url(../images/w4_06.png) right center no-repeat;}
.floor_m_1 .flo_t p{ color:#fff;}
.floor_m_11{ padding-top:10%;}
.floor_m_11 em{display:block; font-size:26px; color:#fff; line-height:30px; font-family:"宋体"; background: url(../images/w16_14.png) left center no-repeat; padding-left:38px;}
.floor_m_11 h3{font-size:40px; color:#f1da93; line-height:40px; font-family:"宋体"; padding-top:10px; font-weight:bold;}
.floor_m_11 h4{ display:block;font-size:16px; color:#fff; line-height:16px; font-family:"宋体"; padding-top:10px;}
.floor_m_11 .a2{ display:block; width:155px; height:48px;background:url(../images/w4_111.png) center center no-repeat; text-align:center; margin-top:12%;}
.floor_m_11 .a2 p{ display:inline-block;}
.floor_m_11 .a2 p span{ display:block; float:left; font-size:16px; color:#fff; line-height:48px;}
.floor_m_11 .a2 p i{ display:block; width:15px; height:7px; background-position:-261px -79px; float:left; margin-left:10px; margin-top:22px;}
.floor_m_11 .a2:hover{background:url(../images/w4_11.png) center center no-repeat;}
.floor_m_11 .a2:hover p span{ color:#fff;}
.floor_m_11 .a2:hover p i{background-position:-261px -79px;}


.floor_m_2{ width:60%; float:right;}
.floor_m_2 ul{ display:inline-block;}
.floor_m_2 ul li{ width:31%; margin-left:2%; background-color:#005197; margin-top:2%; height:190px; overflow:hidden; position:relative; float:left;transition:all ease 0.36s;}
.floor_m_2 ul li img{ display:block; width:42px; padding-top:40px; padding-left:28px;}
.floor_m_2 ul li h3{font-size:24px; color:#fff; line-height:40px; padding-left:28px; padding-top:30px;}
.floor_m_2 ul li p{ font-size:80px; color:rgba(255, 255, 225, 0.2); line-height:70px; position:absolute; right:5%; top:-30px;}
.floor_m_2 ul li:hover{transition:all ease 0.36s;transform:translateY(-3px);}
@media (max-width: 1660px) {
	
	
	
}


/* 势 */
.floor_3_main{width:100%; position:relative;}
.flo_t dl{ float:right;}
.flo_t dl dt{ float:left; width:160px; height:45px; margin-right:4px; }
.flo_t dl dt a{ display:block; width:100%; height:100%; font-size:18px; color:#000; line-height:45px; text-align:center; background-color:#b1b1b1;}
.flo_t dl dt a p{ display:inline-block;}
.flo_t dl dt a p span{ display:block; float:left;font-size:18px; color:#000; line-height:45px;transition:all ease 0.36s;}
.flo_t dl dt a p i{ display:block; height:7px; background-position:-330px -128px; float:left; margin-left:11px; margin-top:20px; opacity:0;transition:all ease 0.36s;}
.flo_t dl dt:hover a{ background-color:#003eb1;}
.flo_t dl dt:hover a p span{ color:#fff;}
.flo_t dl dt:hover a p i{background-position:-330px -115px; opacity:1;transition:all ease 0.36s; width:20px;}
.flo_t dl .a2{ width:45px; height:45px; float:right; background-color:#005197; display:block; font-family:"Arial"; font-size:30px; color:#fff; line-height:45px; text-align:center;}
.flo_t dl .a2:hover{background-color: #c40020;}


.floor_3_2{ width:100%; position:relative; overflow:hidden;}
.floor_3_2 .bd{ width:100%; position:relative;}
.floor_3_2 .bd img{ display:block; width:100%;}
.floor_3_2 .bd .d{ background: url(../images/w11_03.png) left top no-repeat; width:1082px; height:392px; position:absolute; right:0; bottom:0;}
.floor_3_2 .bd .d .c{ width:70%; margin-left:7%; margin-top:7%; }
.floor_3_2 .bd .d h3{ display:inline-block; width:100%;}
.floor_3_2 .bd .d h3 span{ display:block; font-size:30px; color:#f1da93; line-height:30px; float:left; font-family:"宋体"; font-weight:bold;}
.floor_3_2 .bd .d h3 i{ display:block; width:32px; height:32px; background-color:#f1da93; font-size:30px; line-height:30px; text-align:center; border-radius:5px; float:right; color:#005197; }
.floor_3_2 .bd .d p{display:block; font-size:16px; color:#fff; line-height:30px; margin-top:4%;}
.floor_3_2 .bd .d h3 i:hover{background-color:#fff;}
.floor_3_2 .bd .d:hover h3 span {font-size: 31px;}

.floor_3_2 .hd{position:absolute; width:600px; left:50%; top:15%; margin-left:-700px;}
.floor_3_2 .hd .flo_t h3 {color: #fff; background: url(../images/w4_06.png) right center no-repeat;}
.floor_3_2 .hd .flo_t p {color: #fff;}
.floor_3_2 .hd ul{ display:inline-block; padding-top:10%;}
.floor_3_2 .hd ul li{ width:240px; height:58px; display:block; margin-top:4%;}
.floor_3_2 .hd ul li.on{ background-color:#005197;}
.floor_3_2 .hd ul li h3{color: #fff; background: url(../images/w10_04.png) center center no-repeat; width:216px; height:57px; margin:0 auto; margin-top:6px; text-align:left; line-height:57px; padding-left:26px;}
.floor_3_2 .hd ul li.on h3{color: #ecd690; background: url(../images/w10_03.png) center center no-repeat;}
.floor_3_2 .hd .arrow{ display:block; margin-top:20%;}
.floor_3_2 .hd .arrow .next{width:57px; height:57px; z-index: 12; margin-top:-28.5px; cursor: pointer; transition: ease-in-out 0.2s; background-position:-271px -341px; float:left;}
.floor_3_2 .hd .arrow .prev{width:57px; height:57px; z-index: 12;margin-top:-28.5px; cursor: pointer; transition: ease-in-out 0.2s; background-position:-203px -341px; float:left; margin-left:16px;}
.floor_3_2 .hd .arrow .prev:hover{background-position:-203px -402px;}
.floor_3_2 .hd .arrow .next:hover{background-position:-271px -402px;}

.floor_3_2 .floor_3_21{ float:left; width:32%;}
.floor_3_2 .floor_3_21 ul{ display:inline-block; width:100%;}
.floor_3_2 .floor_3_21 ul li{ width:100%; position:relative; overflow:hidden; margin-bottom:20px;}
.floor_3_2 .floor_3_21 ul li img{ display:block; width:100%;}
.floor_3_2 .floor_3_21 ul li h3{ font-size:22px; color:#fff; line-height:22px; position:absolute; left:36px; top:32px; z-index:3;}
.floor_3_2 .floor_3_21 ul li p{ width:26px; height:26px; border:#fff solid 2px; border-radius:50%; position:absolute; left:36px; top:72px; z-index:3; font-size:22px; color:#fff; line-height:26px; text-align:center; font-family:"Arial";}
.floor_3_2 .floor_3_21 ul li .b{ width:100%; height:100%;background-color:rgba(0, 90, 225, 0.8); position:absolute; left:0; top:0; opacity:0;transition:all ease 0.36s;}
.floor_3_2 .floor_3_21 ul li .b i{ display:block;background:url(../images/g11_03.png) center center no-repeat; width:86%; height:68px; position:absolute; right:0; bottom:32px;    background-size: 100%;}
.floor_3_2 .floor_3_21 ul li:hover .b{ opacity:1;transition:all ease 0.36s;}
.floor_3_2 .floor_3_21 ul li:hover p{ background-color:#fff; color:#003eb1;}




.floor_3_2 .floor_3_22{ float:right; width:66.6%; overflow:hidden; position:relative;}
.floor_3_2 .floor_3_22 .bd{ width:100%;}
.floor_3_2 .floor_3_22 .bd li{ width:100%; position:relative;}
.floor_3_2 .floor_3_22 .bd li img{ display:block; width:100%;}
.floor_3_2 .floor_3_22 .bd li h3{ font-size:22px; color:#fff; line-height:22px; position:absolute; left:36px; top:32px; z-index:3;}
.floor_3_2 .floor_3_22 .bd li p{ width:26px; height:26px; border:#fff solid 2px; border-radius:50%; position:absolute; left:36px; top:72px; z-index:3; font-size:22px; color:#fff; line-height:26px; text-align:center; font-family:"Arial";}
.floor_3_2 .floor_3_22 .bd li .b{ width:100%; height:100%;background-color:rgba(0, 90, 225, 0.8); position:absolute; left:0; top:0; opacity:0;transition:all ease 0.36s;}
.floor_3_2 .floor_3_22 .bd li .b i{ display:block;background:url(../images/g11_03.png) center center no-repeat; width:43%; height:68px; position:absolute; right:0; bottom:14%;    background-size: 100%;}
.floor_3_2 .floor_3_22 .bd li:hover .b{ opacity:1;transition:all ease 0.36s;}
.floor_3_2 .floor_3_22 .bd li:hover p{ background-color:#fff; color:#003eb1;}
.floor_3_2 .floor_3_22 .hd{ position:absolute; right:0; bottom:0;}
.floor_3_2 .floor_3_22 .hd .next{ width:126px; height:100px; background-color:#4772de; display:block; float:left;cursor:pointer;}
.floor_3_2 .floor_3_22 .hd .next span{ display:block; width:30px; height:7px; background-position:-295px -49px; margin:0 auto; margin-top:47px;}
.floor_3_2 .floor_3_22 .hd .prev{ width:126px; height:100px; background-color:#4772de; display:block; float:left; cursor:pointer; border-right:#003eb1 solid 1px; }
.floor_3_2 .floor_3_22 .hd .prev span{ display:block; width:30px; height:7px; background-position:-258px -49px; margin:0 auto; margin-top:47px;}
.floor_3_2 .floor_3_22 .hd .next:hover,.floor_3_2 .floor_3_22 .hd .prev:hover{ background-color:#003eb1;}
.floor_3_2 .floor_3_22 .hd .next:hover span,.floor_3_2 .floor_3_22 .hd .prev:hover span{ opacity:0.3;}

.lj_g{ margin:0 auto; width:210px;margin-top:60px;}
.lj_g a{ display:block; width:208px; height:48px; border:#fff solid 1px; border-radius:50px; text-align:center; line-height:48px; font-size:16px; color:#fff;}
.lj_g a:hover{ background-color:#004898; border:#004898 solid 1px;}
@media (max-width: 1660px) {
.floor_3_2 .bd .d {
    width: 900px;
    height: 322px;
}
.floor_3_2 .hd{ margin-left:-600px;}
}
.index .index_title2{padding-top:100px;}
.index .index_title2 .tit{display:block;width:170px;margin:0 auto;font-size:40px;line-height:44px;color:#333;background:url("../images/ctitline.png") no-repeat 30px bottom;}
.jiejd{ padding-top:8px;font-size: 18px;line-height: 20px;}
.index .advant{margin-top:60px;position:relative;height:489px;}
.index .advant .hd{float:left;width:7.2%;height:489px;background:#e5e5e5;z-index:12;}
.index .advant .bd{position:relative;float:left;width:92.8%;height:489px;overflow: hidden;background:#fff;z-index:1;}
.index .advant .bd li{display:block;width:100%;height:100%;}
.index .advant .bd li a{display:block;}
.index .advant .bd li .img{float:left;display:block;width:50%;height:100%;overflow:hidden;}
.index .advant .bd li img{display:block;width:100%;height:100%;object-fit:contain;transition:all ease 0.36s;}
.index .advant .bd li .txt{position:relative;float:left;width:50%;height:489px;transition:all ease 0.36s;}
.index .advant .bd li .txt .tit{padding-top:15%;margin-left:15%;font-size:34px;color:#333;}
.index .advant .bd li .txt .desc{margin-top:7.5%;margin-left:15%;width:68%;font-size:18px;line-height:30px;color:#666;}
.index .advant .bd li .txt .arrow{position:absolute;bottom:15%;left:15%;display:block;width:45px;height:45px;background-position:0 -50px;}
.index .advant .bd .number{position:absolute;}
.index .advant .bd li:hover img{transform:scale(1.05);transition:all ease 0.36s;}
.index .advant .bd li:hover .txt{transform:translateY(-6px);transition:all ease 0.36s;}
.index .advant .bd li:hover .tit{color:#477de2;}
.index .advant .hd .list{height:100%;}
.index .advant .hd li{height:20%;background:#e5e5e5;cursor: pointer;}
.index .advant .hd li .aimg{float:left;position:relative;width:100%;height:100%;transition:all ease 0.36s;}
.index .advant .hd li .aico{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;background:url("../images/aico.png") no-repeat;display: inline-block;vertical-align:middle;}
.index .advant .hd li.ait1 .aico{width:42px;height:42px;background-position:0 0;}
.index .advant .hd li.ait2 .aico{width:46px;height:38px;background-position:-60px 0;}
.index .advant .hd li.ait3 .aico{width:45px;height:41px;background-position:-120px 0;}
.index .advant .hd li.ait4 .aico{width:43px;height:41px;background-position:-180px 0;}
.index .advant .hd li.ait5 .aico{width:38px;height:40px;background-position:-240px 0;}
.index .advant .hd li.ait1.on .aico,.index .advant .hd li.ait1:hover .aico{background-position:0 -60px;}
.index .advant .hd li.ait2.on .aico,.index .advant .hd li.ait2:hover .aico{background-position:-60px -60px;}
.index .advant .hd li.ait3.on .aico,.index .advant .hd li.ait3:hover .aico{background-position:-120px -60px;}
.index .advant .hd li.ait4.on .aico,.index .advant .hd li.ait4:hover .aico{background-position:-180px -60px;}
.index .advant .hd li.ait5.on .aico,.index .advant .hd li.ait5:hover .aico{background-position:-240px -60px;}
.index .advant .hd li .txt{display:none;opacity:0;}
.index .advant .hd li.on .aimg{width:50%;}
.index .advant .hd li.on .txt .tit{display:table-cell;vertical-align: middle;width:100%;height:100%;font-size:18px;line-height:100%;text-align:left;color:#fff;}
.index .advant .hd li.on .txt{display: table; position:absolute;right:0;width:50%;height:100%;opacity:1;}
.index .advant .hd li.on,.index .advant .hd li:hover{position:relative;width:200%;background:#005197;transition:all ease 0.36s;z-index:12;}
.index .advant .number{position:absolute;right:4.5%;bottom:15%;z-index:12;}
.index .advant .number .num1{font-family:arial;font-size:70px;line-height:50px;color:#2a9c3e;}
.index .advant .number .num2{margin-left:16px;font-family:arial;font-size:30px;color:#999;}

/* 客户案例 */
.floor_2_y{ float:right;}
.floor_2_y a{ display:block; font-size:20px; line-height:40px; float:left; padding:0 36px; position:relative;}
.floor_2_y a i{ display:block; font-size:20px; line-height:40px; color:#333; position:absolute; right:0; top:0;}
.floor_2_y a.a3 i{ display:none;}
.floor_2_y a.a3{ padding-right:0;}

.flo_t ul{ display:inline-block; float:right;}
.flo_t ul li{ float:left; width:132px; height:40px; background-color:#cacaca; margin-right:12px; text-align:center;}
.flo_t ul li a{ display:block; width:100%; line-height:40px; color:#fff; font-size:16px;}
.flo_t ul li:hover{ background-color:#e52544;}
.flo_t ul .a1{ width:134px; display:block; height:40px; font-size:16px; color:#fff; line-height:40px; text-align:center; float:right;background-color:#cacaca;}
.flo_t ul .a1 p{ display:inline-block;}
.flo_t ul .a1 p span{ display:block; float:left;font-size:16px; color:#fff; line-height:40px;}
.flo_t ul .a1 p i{ display:block; float:left; width:7px; height:11px; background-position:-478px -0px; margin-top:14px; margin-left:14px;}
.flo_t ul .a1:hover{ background-color:#e52544;}

.floor_4_main{width:100%; padding-top:130px; padding-bottom:130px;background:url(../images/w5_02.jpg) center center no-repeat;}
.floor_4_1{ width:100%; display:inline-block;}
.floor_4_1 h3{ float:left; font-size:45px; color:#333; line-height:45px; }
.floor_4_1 .onl{ float:right; display:block; width:150px; height:45px; line-height:45px; border-radius:50px; text-align:center; background-color:#005197;transition:all ease 0.36s; }
.floor_4_1 .onl span{ display:block; float:left; font-size:16px; color:#fff; line-height:45px; padding-left:30px;}
.floor_4_1 .onl i{ display:block; float:right; width:11px; height:9px; background-position:-170px -29px; margin-top:19px; margin-right:30px; }
.floor_4_1 .onl:hover{  box-shadow: inset 4px 3px 7px 0 rgb(3, 60, 111),inset -4px -3px 7px 0 rgba(191, 191, 191, 0.2);transition:all ease 0.36s; margin-right:5px;}

.floor_4_2{ display:inline-block; width:100%; margin-top:50px; position:relative;}
.floor_4_21,.floor_4_22{ float:left; width:26%; padding:3%; margin-right:2%; border: solid rgba(255, 255, 255, 0.2) 1px;}
.floor_4_21 h4,.floor_4_22 h4{  display:inline-block; width:100%;}
.floor_4_21 h4 i,.floor_4_22 h4 i{ display:block;font-size:14px; color:#fff; line-height:14px; text-transform:uppercase;}
.floor_4_21 h4 span,.floor_4_22 h4 span{ display:block;font-size:24px; color:#fff; line-height:24px; padding-top:8px;}
.floor_4_21 .x,.floor_4_22 .x{ width:100%; padding-top:10px;}
.floor_4_21 .x a,.floor_4_22 .x a{ display:block; width:100%; position:relative; margin-top:22px;}
.floor_4_21 .x a h3,.floor_4_22 .x a h3{font-size:16px; color:#fff; line-height:16px;transition:all ease 0.36s;}
.floor_4_21 .x a h3 span,.floor_4_22 .x a h3 span{ display:block; font-size:14px; line-height:14px; padding-top:10px;}
.floor_4_21 .x a i,.floor_4_22 .x a i{ display:block; width:6px; height:11px; background-position:-370px -49px; position:absolute; right:0; top:2px;transition:all ease 0.36s;}
.floor_4_21 .x a:hover h3,.floor_4_22 .x a:hover h3{ margin-left:5px;}
.floor_4_21 .x a:hover i,.floor_4_22 .x a:hover i{right:5px;}
.floor_4_21 .a1,.floor_4_22 .a1{ display:block; color:#fff; padding-top:30px;transition:all ease 0.36s;}
.floor_4_21 .a1:hover,.floor_4_22 .a1:hover{ margin-left:5px;}



.floor_4_23{  float:left; width:25.5%; padding:3%; border: solid rgba(255, 255, 255, 0.2) 1px; position:relative;}
.floor_4_23 h4{  display:inline-block; width:100%;}
.floor_4_23 h4 i{ display:block;font-size:14px; color:#fff; line-height:14px; text-transform:uppercase;}
.floor_4_23 h4 span{ display:block;font-size:24px; color:#fff; line-height:24px;}
.floor_4_23 .x{ width:100%; padding-top:10px;}
.floor_4_23 .x a{ display:block; width:100%; position:relative; margin-top:20px;}
.floor_4_23 .x a h3{font-size:22px; color:#fff; line-height:26px;transition:all ease 0.36s;}
.floor_4_23 .x a h3 span{ display:block; font-size:14px; line-height:14px; padding-top:30px;}
.floor_4_23 .x a i{ display:block; width:6px; height:11px; background-position:-370px -49px; position:absolute; right:0; top:2px;transition:all ease 0.36s;}
.floor_4_23 .x a:hover h3{ margin-left:5px;}
.floor_4_23 .x a:hover i{right:5px;}
.floor_4_23 .a1{ display:block; color:#fff;transition:all ease 0.36s; position:absolute; right:12%; bottom:16%;}
.floor_4_23 .a1:hover{ right:14%;}

.floor_4_24{ width:31.6%; position:absolute; right:0; bottom: -4px;}


.floor_4{ position:relative;}
.fold_wrap{width:100%;height:537px;overflow:hidden;}
.fold_wrap li{float:left;width:18.7%; position:relative;overflow:hidden;cursor:pointer;transition:all ease 0.36s; margin-right:1.1%; border-radius:5px;}
.fold_wrap:hover li{ width:16.9%}
.fold_wrap li.hover{width:25.7%;transition:all ease 0.36s;}

@media (max-width: 1660px) {
.floor_4_23 a .sj p span { font-size: 34px; line-height: 40px;}
.floor_4_23 a .sj i { margin-top: 22px;}
.floor_4_23 a .sj {padding-top:0;}
.floor_4_23 a .wn1 { padding-bottom: 9px;}
.floor_4_22 ul li .sj span { font-size:34px; line-height:40px;}
.floor_4_22 ul li .wn1 h3 {  margin-top: 2.5px;}
.floor_4_21 .wn1 h3 { font-size: 20px;}
.floor_4_21 .wn1 p { font-size: 14px; line-height: 22px;}
.floor_4_22 ul li .wn1 { width: 70%;}
.floor_4_21 .x a, .floor_4_22 .x a {
    margin-top:20px;
}
}


.index_title1 .tit{ font-size:45px; color:#000; line-height:45px; text-align:center; padding-top:80px;}
.index_title1 .tit1{font-size:30px; color:#000; line-height:50px; text-align:center; padding-top:6px;}
.jnc{ margin-top:50px; display:block; width:100%; text-align:center; }
.jnc ul{ display:inline-block;}
.jnc ul li{ width:110px; float:left; margin:0 70px;}
.jnc ul li img{ display:block; width:110px;}
.jnc ul li p{ font-size:18px; line-height:50px; padding-top:6px;}

.cml{ padding-top:50px;overflow: hidden; width:100%;}
.cml .fold_wrap{ display:inline-block; width:102%;}
.cml .fold_wrap li .img1{ display:block;transition: all .6s ease 0s;max-width: initial;}
.cml .fold_wrap li h3{ font-size:22px;color: #fff;line-height: 30px;top:42px;text-shadow: 0px 1px 1px #000;position: absolute;left:10%; right:10%;z-index: 3;}
.cml .fold_wrap li p{ font-size:14px; color:#fff; line-height:24px; position:absolute; left:10%; top:100px;text-shadow:0px 1px 2px #000; right:10%; opacity: 0; z-index:4;}
.cml .fold_wrap li:hover p{ opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);}
.cml .fold_wrap li b{ opacity:0; width:98%; bottom:0; left:0; background:url(../images/s6_03.png) center center no-repeat; position:absolute;transition:all ease 0.36s;height:74px;}
.cml .fold_wrap li:hover b{ opacity:1; height:74px; display:block;}
.cml .fold_wrap li .x{ background:url(../images/c9_03.png) center center no-repeat; width:103px; height:85px; position:absolute; bottom:10%; left:40%;  opacity: 0;transition: all .6s ease 0s; z-index:3; display:none;}
.cml .fold_wrap li .x span{ display:block; width:85px; height:85px; line-height:85px; text-align:center; font-size:16px; color:#fff;text-shadow: #5c5c5c 0px 2px 3px;}
.cml .fold_wrap li:hover .x{ opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);}
.cml .fold_wrap li .bh{ background-color:#242424; display:block;width:450px; height:400px;opacity: 0;transition: all .6s ease 0s; position:absolute; left:0; top:0; z-index:0; } 
.cml .fold_wrap li i{ display:block; position:absolute; left:10%; top:210px; width:34px; height:34px;background-color: #005197;
background-image: linear-gradient(to right,#005197 0%,#ed4c04 100%);opacity:0; font-size:26px; color:#fff; font-weight:bold; text-align:center; line-height:28px; border-radius:60px;}
.cml .fold_wrap li:hover .bh{opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);}
.cml .fold_wrap li .d3{ display:none; background:url(../images/c9_04.png) center center no-repeat; width:85px; height:85px; position:absolute; bottom:10%; left:12.4%;  opacity: 0;transition: all .6s ease 0s; z-index:55; border-radius:5px; text-align:center; line-height:85px; color:#fff;transition: all .6s ease 0s;text-shadow: #5c5c5c 0px 2px 3px;}
.cml .fold_wrap li:hover .d3{ opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);}
.cml .fold_wrap li .d3:hover{ left:13.5%;}
.cml .fold_wrap li .x:hover{ left:45%;}
.cml .fold_wrap li:hover i{opacity: 1;}
@media (max-width: 1660px) {
.cml .fold_wrap li b{ width:100%;}
.floor_4_main{ padding-top:100px; padding-bottom:90px;}
.floor_4_22 ul li { padding-bottom:50px;}
.floor_4_1 h3 { font-size: 38px; line-height:45px;}

}

.photo-mask {
  position: fixed;
  z-index: 10;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  filter: alpha(opacity=20);
  -moz-opacity: 0.8;
  opacity: 0.8;
  display: none;
}
.photo-panel {
  position:fixed;
  display: none;
  clear: both;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 12;
}
.photo-panel .photo-view-h {
  width:600px;
  z-index: 11; padding-top:12%;
  margin: auto;
  position: relative;
}
.photo-panel .photo-view-h .video{ width:100%;}
.photo-panel .photo-img {
  width:100%;
  float: left;
}
.photo-panel .photo-close {
  width:50px;
  height:50px; line-height:50px; text-align:center; border-radius:5rem; background-color:#ff0014;
  position: absolute;
  right: 2%;
    top: 15%;
    color: #fff;z-index: 15; cursor:pointer;
    font-size:30px;
}



/* 合作流程 */
.floor_5_main{position:relative; width:100%;padding-top:130px; background:url(../images/w3_02.jpg) center center no-repeat; padding-bottom:130px;}
.floor_5_main .w1400{ position:relative; height:100%;}
.floor_5{ display:inline-block; width:100%; position:relative;}
.floor_5_1{width:38%; float:right; position:relative;} 
.floor_5_1 img{ display:block; width:100%;}

.floor_5_1 h3{ font-size:36px; color:#04348d; line-height:36px; font-weight:bold; padding-top:3%;}
.floor_5_1 .p{ font-size:16px; color:#333; line-height:30px; margin-top:4%; width:100%;text-align: justify;}
.floor_5_11 video{ display:none;}
.floor_5_11 {background:url(../images/w5_03.png) center center no-repeat; width:114px; height:212px; position:absolute; right:0; top:0; cursor:pointer; transition:all ease 0.36s;}
.floor_5_11:hover{transform:translateX(-8px);transition:all ease 0.36s;}
.floor_5_11 dl{ float:left; width:33.3%;}
.floor_5_11 dl dt{ font-size:24px; color:#005197; line-height:24px;}
.floor_5_11 dl dt span{ display:block; font-size:48px; color:#005197; line-height:48px; font-family:"Arial"; float:left;}
.floor_5_11 dl dt i{ display:block;  font-size:20px; color:#005197; line-height:20px; font-family:"Arial"; float:left; padding-left:8px;}
.floor_5_11 dl dd{ font-size:18px; color:#666; line-height:18px; clear:left; padding-top:4px;}

.floor_5_2{width:100%; position:relative; text-align:center;}
.floor_5_2 .floor_5_21{ padding-top:44px;}
.floor_5_2 .floor_5_21 h3{font-size:30px; color:#333; line-height:30px; font-weight:bold;}
.floor_5_2 .floor_5_21 .p{ font-size:16px; color:#666; line-height:26px;padding: 0 2%; padding-top:14px; text-align:left; }
.floor_5_2 .floor_5_21 .a1{ margin:0 auto; display:block; width:137px; height:38px; margin-top:50px; text-align:center; border:#999 solid 1px; border-radius:30px;}
.floor_5_2 .floor_5_21 .a1 p{ display:inline-block;}
.floor_5_2 .floor_5_21 .a1 p span{ display:block; float:left; font-size:18px; color:#333; line-height:38px;}
.floor_5_2 .floor_5_21 .a1 p i{ display:none; width:23px; height:23px; background-position:-278px -167px; float:left; margin-left:10px; margin-top:8px;transition:all ease 0.36s;}
.floor_5_2 .floor_5_21 .a1:hover{background:#005197; border:#005197 solid 1px;}
.floor_5_2 .floor_5_21 .a1:hover p span{ color:#fff;}
.floor_5_2 .floor_5_21 .a1:hover p i{background-position:-310px -167px;transition:all ease 0.36s;}


.floor_5_3{ display: block; width:100%; padding-top:5%;}
.floor_5_3 ul{ display:inline-block; width:105%;}
.floor_5_3 ul li{  margin-right:3%; transition: all 0.9s ease-out 0s;
 float:left; position:relative; overflow:hidden; margin-left:2%;}
.floor_5_3 ul li .t{ display:inline-block;}
.floor_5_3 ul li .t b{ display:block; float:left; font-size:80px; color:#005197; line-height:70px;}
.floor_5_3 ul li .t span{ display:block; float:left;font-size:20px; color:#005197; line-height:20px; padding-left:5px; padding-top:4px;}
.floor_5_3 ul li .t i{ display:block; float:left;font-size:20px; color:#292e37; line-height:20px; padding-left:6px; padding-top:26px;}
.floor_5_3 ul li p{ display:block; font-size:20px; color:#333; line-height:20px; padding-top:6px;}

/*.floor_5_3 ul li em{ display:block;background:url(../images/w4_07.png) center center no-repeat; width:29px; height:95px; position:absolute; right:0; top:8px;}*/
.floor_5_3 ul li.li5 em{ display:none;}
.floor_5_3 ul li.li4{ margin-right:0; width:17.3%;}
.floor_5_3 ul li.li1{ margin-left:0;}
 
.floor_5_3 ul li a{ display:block; width:100%; height:100%;}
.floor_5_3 ul li h3{ float:left; padding-top:30px; padding-left:16px; position:absolute; left:0; top:0;}
.floor_5_3 ul li h3 span{ display:block; font-size:24px; color:#666; line-height:24px;}
.floor_5_3 ul li h3 i{ display:block; font-size:16px; color:#999; line-height:16px; padding-top:14px;}
.floor_5_3 ul li img{ display:block; float:right; padding-top:14px;opacity:0.1;}
.floor_5_3 ul li:hover{background:url(../images/g4_03.jpg) center center no-repeat;transform:translateY(-8px);transition:all ease 0.36s;}
.floor_5_3 ul li:hover img{ opacity:1;}
.floor_5_3 ul li:hover h3 span{ color:#fff;}
.floor_5_3 ul li:hover h3 i{ color:#fff;}

@media (max-width: 1660px) {
.floor_2_10 h3 span { font-size:36px;}
.floor_5_1 h3 span { font-size: 36px; line-height:36px;}
.floor_5_1 .p { font-size: 16px; color: #666; line-height: 30px;}
.floor_5_11 { background-size: 100%; width: 90px;}
.floor_5_1 h3{ font-size:40px; line-height:40px;}
.floor_5_3 ul li h3 i{ font-size:14px; line-height:14px;}
.floor_5_2 .floor_5_21 {  padding-top: 38px;}
}
@keyframes slide {

from { left: 0; }
to { top: 0; }

}

/* 关于我们 */
.floor_6_main{width: 100%;position: relative;z-index: 2;background:url(../images/g9_02.jpg) top center no-repeat; padding-bottom:170px;}
.floor_6_main .floor_6_1{ display:inline-block; margin-top:100px; position:relative; width:100%;}
.floor_6_1 ul{ display:inline-block; width:100%;}
.floor_6_1 ul li{ float:left; width:416px;margin-right:20px;float: left; height:156px;transition: all ease 0.36s; overflow:hidden;  border:rgba(255, 255, 255, 0.4) solid 1px; border-radius:10px; background:rgba(0, 89, 169, 0.4);}
.floor_6_1 ul li .img1{ width:80px; display:block; height:80px; float:left; border:#fff solid 1px; border-radius:50%; margin-left:44px; margin-top:40px;}
.floor_6_1 ul li .bdw{ width:242px; float:right;transition: all ease 0.36s; margin-right:18px; padding-top:46px;}
.floor_6_1 ul li .bdw h3{ font-size:26px; color:#fff; line-height:38px;}
.floor_6_1 ul li .bdw p{ font-size:14px; color:#fff; line-height:14px; padding-top:8px;}
.floor_6_1 ul li:hover{transition:all ease 0.36s;transform:translateY(-5px);}
.floor_6_1 ul li:hover .img3{transition:all ease 0.36s;/*transform:scale(0.9,0.9);*/width:35%; opacity:0;}
.floor_6_1 ul li:hover .bdw{transform:scale(1.02,1.02);transition: all ease 0.36s;}
.floor_6_1 ul li:hover .img4{transition:all ease 0.36s; opacity:1;}

.floor_6_main .onl{transition:all ease 0.36s; display:block; width:168px; color:#fff; height:44px; line-height:44px; font-size:16px; border:#fffcfc solid 1px; border-radius:30px; float:right;}
.floor_6_main .onl span{ display:block; float:left; color:#fff; line-height:44px; font-size:16px; transition: all ease 0.36s; padding-left:46px; }
.floor_6_main .onl p{ width:11px; height:9px;  float:left; margin-left:16px; text-align:center; transition: all ease 0.36s;}
.floor_6_main .onl p i{ display:block; width:11px; height:9px; background-position:-170px -29px; margin:0 auto; margin-top:19px;}
.floor_6_main .onl:hover span{color:#333; }
.floor_6_main .onl:hover p i{background-position:-186px -29px;}
.floor_6_main .onl:hover{ background-color:#fff;}

@media (max-width: 1660px) {
.floor_6_main .onl{width:150px; height:40px; line-height:40px; }
.floor_6_main .onl p i{ margin-top:17px;}
.floor_6_main .onl span { padding-left: 30px; line-height:40px;}
.floor_6_main .floor_6_1 { margin-top: 80px;}
.floor_6_main{ padding-bottom:150px;}
}


.floor_7_main{width:100%; padding-bottom:100px; padding-top:100px;}
.floor_7_main .floor_tb1{ width:100%; height:68px; border-bottom:#8d8e8e solid 1px;}
.floor_7_main .floor_tb1 h3{ font-size:30px; color:#333; line-height:50px; height:68px; float:left; font-weight:bold; position:relative;}
.floor_7_main .floor_tb1 h3 i{ display:block; width:100%; height:3px; background-color:#1f3b65; position:absolute; left:0; bottom:-1px;}
.floor_7_main .floor_tb1 .a1{ display:block; float:right;padding-top: 20px;}
.floor_7_main .floor_tb1 .a1 p{ float:left; font-size:16px; line-height:16px; color:#999;}
.floor_7_main .floor_tb1 .a1 span{ display:block; float:left; width:15px; height:7px;background-position: -197px 0px; margin-left:12px; margin-top:6px;transition: all ease 0.36s;}
.floor_7_main .floor_tb1 .a1:hover p{ color:#1f3b65;}
.floor_7_main .floor_tb1 .a1:hover span{background-position: -197px -10px;}

.floor_7_main ul{ display:inline-block; width:105%; padding-top:30px;}
.floor_7_main ul li{ float:left; width:22.3%; float:left; margin-right:2%;transition:all ease 0.36s;}
.floor_7_main ul li a{ display:block; width:100%; text-align:center;}
.floor_7_main ul li .img{ display:block; width:100%; position:relative;}
.floor_7_main ul li .img img{ display:block; width:100%;}
.floor_7_main ul li .img i{ display:block; width:100%; height:100%; background:rgba(0,0,0, 0.6); position:absolute; left:0; top:0;}
.floor_7_main ul li .img b{ width:51px; height:51px; position:absolute; left:50%; top:50%; background-position:-365px 0px; margin-left:-25.5px; margin-top:-25.5px;}
.floor_7_main ul li h3{ font-size:18px; line-height:30px; padding-top:14px;}
.floor_7_main ul li:hover{transform:translateY(-3px);transition:all ease 0.36s;}
.floor_7_main ul li:hover i{ background:rgba(0,0,0, 0.4);}

@media (max-width: 1660px) {
	.floor_7_main ul li h3{ font-size:16px; line-height:24px; padding-top:10px;}
}




.floor_8_main{ width:100%; height:264px; overflow:hidden;}
.floor_8_main ul{ display:inline-block; width:100%; height:264px;}
.floor_8_main ul li{ display:block; float:left; width:17%; padding:0 4%; height:264px; background-color:#f5f5f6; text-align:center;}
.floor_8_main ul li h3{ font-size:24px; color:#333; line-height:24px; padding-top:90px;}
.floor_8_main ul li p{ padding-top:45px;}
.floor_8_main ul li span{ font-size:14px; color:#333; line-height:24px; display:block;}
.floor_8_main ul li.li1 p{padding-top:20px;}
.floor_8_main ul li.li1,.floor_8_main ul li.li3{ background-color:#fff;box-shadow:0px 16px 30px #e7e7e9; position:relative; z-index:2;}
.floor_8_main ul li.li2 span,.floor_8_main ul li.li4 span{ color:#9c9c9c;}
.floor_8_main ul li:hover{ background-color:#005197; position:relative; z-index:3;}
.floor_8_main ul li:hover h3{ color:#fff;}
.floor_8_main ul li:hover span{ color:#fff;}

/* 快捷导航 */


@media (max-width: 1700px) {

}
@media (max-width: 1600px) {

}


/* 响应1200屏幕 */
@media (max-width: 1660px) {
	

}



/*rightFix*/
.rightFix{width: 65px; position: fixed; right:2px; bottom: 30%; z-index: 999; display:none;}
.rightFix.xc{ display:block;}
.rightFix a{width: 65px; height: auto; background: #666; text-align: center; display: block; margin-bottom: 6px; position: relative; padding-top: 8px; border-radius: 5px; padding-bottom: 5px;}
.rightFix a h3{color: #fff; font-weight: 400; font-size: 10px;}
.rightFix .ico{width: 32px; height: 32px; display: block; position: relative; overflow: hidden; transition: all ease 300ms; margin: 0 auto; margin-bottom: 1px; padding: 0px; background: url(../images/fix-ico.png) no-repeat 0 0;}
.rightFix .img{width: 110px; height: auto; position: absolute; left: -10px; top: 0; padding: 6px; background: #026b3d; border: 1px solid #ddd; background: #fff; display: none; text-align: center; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 5px; color: #333; padding-bottom: 10px;}
.rightFix .img p{padding-top: 5px;}
.rightFix a:hover .img{opacity: 1; filter: alpha(opacity=100); left: -140px; display: block;}
.rightFix .img img{width: 110px; height:110px;}
.rightFix a span{width: 210px; text-align: center; height: 62px; line-height: 62px; position: absolute; left:0px; top: 0px; background: #005197; color: #fff; display: block; font-weight: bold; font-size: 18px; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 7px 0 0 7px;}
.rightFix a:hover{background-color: #005197; overflow: visible;}
.rightFix a:hover h3{color: #fff;}
.rightFix a.fix-ewm:hover img{opacity: 1; filter: alpha(opacity=100); left: -140px;}
.rightFix a:hover span{opacity: 1; filter: alpha(opacity=100); left: -215px;}
.rightFix .fix-tel:hover .ico{background-position: -32px 0;}
.rightFix .fix-xcx .ico{background-position: 0 -32px;}
.rightFix .fix-xcx:hover .ico{background-position: -32px -32px;}
.rightFix .fix-ewm .ico{background-position: 0px -64px;}
.rightFix .fix-ewm:hover .ico{background-position: -32px -64px;}
.rightFix .mess .ico{background-position: 0 -96px;}
.rightFix .mess:hover .ico{background-position: -32px -96px;}
.rightFix .fix_top .ico{background-position: 0 -128px;}
.rightFix .fix_top:hover .ico,
.rightFix .fix_top.hover .ico{background-position: -32px -128px;}
.rightFix .fix-form{background-position: 10px -234px;}
.rightFix .fix-form span{font-size: 14px; line-height: 23px; width: 180px;}
.rightFix .fix-form:hover{background-position: -37px -234px;}


/* 图片 */
@-webkit-keyframes gradient-rectangle {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        background: linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6));
        background: -webkit-linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6));
        background: -moz-linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6)); /*FireFox*/
        background: -o-linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6));  /* Opear */
        background: -ms-linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6));
        opacity: 1; 
      }
    
      100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: top;
        transform-origin: top;
        background: linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6));
        background: -webkit-linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6));
        background: -moz-linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6)); /*FireFox*/
        background: -o-linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6));  /* Opear */
        background: -ms-linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6));
        opacity: 0;
      }
    } 

/* Underline From Center1 */
.hvr-underline-from-center1{display: inline-block; display:none; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative;}
.hvr-underline-from-center1:before{ display:none;content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: -3px; background-color: #005197;
background-image: linear-gradient(to right,#a68c5e 0%,#a38756 100%); height: 3px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-underline-from-center1:hover:before,
.hvr-underline-from-center1.hover:before,
.hvr-underline-from-center1:focus:before,
.hvr-underline-from-center1:active:before{left: 0; right: 0;}
.hvr-underline-from-center1:hover,
.hvr-underline-from-center1.hover{*height: 43px; *border-bottom: 3px solid #005197; *line-height: 43px;}
@-webkit-keyframes scale{0%{-webkit-transform: scale(1);} 50%{-webkit-transform: scale(1.02);} 100%{-webkit-transform: scale(1);}}
@keyframes scale{0%{transform: scale(1);} 50%{transform: scale(1.02);} 100%{transform: scale(1);}}

  .navBox .col-1 {
  position: relative;
  z-index: 5;pointer-events: auto;
  height:50%;width: 90%; text-align:center;
}
  .navBox .col-1 .box {
  position: relative;
  height: 100%; 
}
  .navBox .col-1 .box .cir {
  position: relative;
  height: 100%;
}
  .navBox .col-1 .box .ad {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
  .navBox .col-1 .box .line {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
}
  .navBox .col-1 .items {
  height: 82%;display: inline-block;
}
  .navBox .col-1 .items > li {
  cursor: pointer;
  transform: translate3d(12px, 0, 0);
  opacity: 0;
  transition: all 1s ease-in-out;float: left;padding: 0 42px;
}
  .navBox .col-1 .items > li > a {
  white-space: nowrap;
  line-height: 0.5rem;font-size: 30px;
  transition: all 0.3s ease-in-out; display: inline-block;
}

 .navBox .col-1 .items > li > a i{ display:block; float:left; width:20px; height:20px; background-position:-320px 0px; margin-top:6px;}
 .navBox .col-1 .items > li > a span{ display:block; padding-left:14px; float:left;font-size: 24px; line-height:24px;}
  .navBox .col-1 .items > li.on > a i{background-position:-295px 0px; }


  .navBox .col-1 .items > li.on > a {
  color: #005197;
  font-weight: 600;
}
  .navBox .col-2 {
  position: absolute;
  width:63vw;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
}
  .navBox .col-2 svg {
  position: absolute;
  left: 0;
}
  .navBox .col-2 svg #navPath {
  height: 100%;
}
  .navBox .col-2 .photo {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  clip-path: url(#navPath);
}
.pic {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  position: relative;
}
  .navBox .col-2 .pic {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;transition: all 1s ease-in-out;transform: translate3d(0, 0, 0);
  left: 0;transition-delay: 0.3s; text-align:center;border-radius: 0% 2% 2% 0%/50%;
  opacity: 0;
}
.navBox .col-2 .pic .dbl{ display:inline-block; position:absolute;top: 40%;width: 30%;right: 0;}
.navBox .col-2 .pic .dbb{ display:inline-block;text-align: left;}
.navBox .col-2 .pic .dbl a{ font-size:18px; color:#333; line-height:40px; display:block;}
.navBox .col-2 .pic .dbl a:hover{ font-weight:bold;color: #005197;}
  .navBox .col-2 .photo .pic.on,
  .navBox .col-2 .photo .pic.next {
  opacity: 1;
}
  .navBox .col-2 .msg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  pointer-events: none;
}
  .navBox .col-2 .msg .msgList {
  position: absolute;
  left: 5vw;
  bottom: 8vw;
  opacity: 0;
  pointer-events: none;
}
  .navBox .col-2 .msg .msgList h2 {
  line-height: 1;
  font-size: 1.2rem;
  text-transform: capitalize;
}
  .navBox .col-2 .msg .msgList h2 .letter {
  text-transform: lowercase;
  font-weight: 400;
}
  .navBox .col-2 .msg .msgList h2 .letter:nth-of-type(1) {
  text-transform: uppercase;
}
  .navBox .col-2 .msg .msgList.on,
  .navBox .col-2 .msg .msgList.next {
  opacity: 1;
}
  .navBox .language {
  position: absolute;
  top: 0.4rem;
  right: 2.3rem;
  cursor: pointer;
}
  .navBox .language > span {
  display: flex;
  position: relative;
  z-index: 10;
  align-items: center;
  justify-content: center;
  line-height: 0.55rem;
  text-transform: capitalize;
  color: #666666;
}
  .navBox .language > span > i {
  display: inline-block;
  margin-right: 0.15rem;
  line-height: 0.55rem;
  color: #666666;
}
  .navBox .language .box {
  display: flex;
  position: absolute;
  width: calc(100% + 0.4rem);
  top: 0;
  left: -0.2rem;
  border-radius: 0.1rem;
  overflow: hidden;
  background-color: #fff;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
  box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  backface-visibility: hidden;
}
  .navBox .language .box > span {
  height: 0.55rem;
}
  .navBox .language .box > a {
  width: 100%;
  text-align: center;
  padding: 0.1rem 0;
  color: #666666;
  font-family: en;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  backface-visibility: hidden;
}
  .navBox .language .box > a .letter-effect .letter {
  margin: 0 0.12rem 0 0;
}
  .navBox .language .box > a:hover {
  text-decoration: underline;
  letter-spacing: 4px;
  text-indent: 4px;
}
  .navBox .language:hover .box {
  opacity: 1;
  pointer-events: auto;
}
  .navBox.on {
  pointer-events: auto;
  clip-path: circle(120vw at calc(100% - 0.775rem) 0.675rem) !important;
}
  .navBox.on .items > li {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.navBox .items > li .sub-box{ width:100%;padding-top: 30%;}
.navBox .items > li .sub-box a{ display:block; text-align:left; padding-top:12% !important; }
.navBox .items > li .sub-box a p{ display:inline-block;position:relative;}
.navBox .items > li .sub-box a span{ display:block; position:relative; z-index:2; font-size:18px;}
.navBox .items > li .sub-box a i{ opacity:0; width:0%;  height:6px; background:rgba(0, 89, 169, 0.6); border-radius:10px; position:absolute; left:0; bottom:-0px;transition: all 0.3s ease-in-out;}
.navBox .items > li .sub-box a:hover span{ font-weight:bold; color:#333;}
.navBox .items > li .sub-box a:hover i{ opacity:1; width:100%;}


.dibx{ background-color:#eef3f7; width:100%; position:absolute; left:0; bottom:0;}
.dibx ul{ width:1200px; margin:0 auto; padding:30px 0; height:50px;}
.dibx ul li{ width:46.3%; float:left; border-left:#999 solid 5px; padding-left:24px;}
.dibx ul li p{ font-size:16px; color:#666; line-height:16px;}
.dibx ul li span{ display:block; font-size:26px; color:#333; line-height:26px; font-family:"Arial"; padding-top:8px;}

.share-sub{position:absolute; left:50%; bottom:17%; width:1200px; margin-left:-600px;}
.share-sub .tex{ width:400px; background-color:#eef3f7; text-indent:28px; height:54px; color:#333; font-size:16px; border-radius:5px 0 0 5px; border:none; line-height:54px; float:left;outline:none;}
.share-sub .sub-btn{ width:100px; height:54px; background-color:#252a37; border-radius:5px; color:#fff; font-size:16px; text-align:center; line-height:54px; float:left; border:none; cursor:pointer;outline:none;}


@media (max-width: 1660px) {
.navBox.on {
  pointer-events: auto;
  clip-path: circle(120vw at calc(100% - 0.775rem) 0.675rem) !important;
}
.navBox .col-1 .items > li {
  padding: 0 64px;
}
}








@keyframes Tmouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(-12px);
    -ms-transform: translateY(-12px);
    -o-transform: translateY(-12px);
    transform: translateY(-12px);
  }
}
@keyframes wave {
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loop2 {
  0% {
    transform: rotate(40deg);
  }
  100% {
    transform: rotate(400deg);
  }
}
@keyframes loop3 {
  0% {
    transform: rotate(80deg);
  }
  100% {
    transform: rotate(440deg);
  }
}
@keyframes loop4 {
  0% {
    transform: rotate(-30deg);
  }
  100% {
    transform: rotate(330deg);
  }
}
@keyframes fn3 {
  0% {
    opacity: 0;
    transform: matrix(1, 0.1, 0, 1, 0, 10);
  }
  100% {
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}
.fn3 {
  transform-origin: 0 50%;
  animation: fn3 1.2s cubic-bezier(0.49, 0.54, 0.16, 1);
  animation-fill-mode: both;
}
/* --------------------------------

Keyframes

-------------------------------- */
@-webkit-keyframes cd-reveal-left {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes cd-reveal-left {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@-webkit-keyframes cd-reveal-right {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes cd-reveal-right {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@-webkit-keyframes cd-hide-left {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes cd-hide-left {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@-webkit-keyframes cd-hide-right {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes cd-hide-right {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@-webkit-keyframes cd-clicked {
  0%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes cd-clicked {
  0%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes cir_right {
  from {
    clip-path: circle(12vw at 112% 50%);
  }
  to {
    clip-path: circle(12vw at 102% 50%);
  }
}
@keyframes cir_left {
  from {
    clip-path: circle(12vw at -12% 50%);
  }
  to {
    clip-path: circle(12vw at -2% 50%);
  }
}
@keyframes banner_in {
  0% {
    clip-path: ellipse(50% 50% at 50% 150%);
  }
  100% {
    clip-path: ellipse(100% 180% at 50% 150%);
  }
}
@keyframes banner_out {
  0% {
    clip-path: ellipse(100% 180% at 50% 150%);
  }
  100% {
    clip-path: ellipse(50% 50% at 50% 150%);
  }
}
@keyframes banner_appIn {
  0% {
    clip-path: ellipse(100% 50% at 50% 150%);
  }
  100% {
    clip-path: ellipse(180% 180% at 50% 150%);
  }
}
@keyframes banner_appOut {
  0% {
    clip-path: ellipse(180% 180% at 50% 150%);
  }
  100% {
    clip-path: ellipse(100% 50% at 50% 150%);
  }
}
@keyframes row5_in {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes r5_in {
  0% {
    transform: translate3d(-70vw, 36vw, 0) scale(1);
  }
  50% {
    transform: translate3d(-14vw, 6vw, 0) scale(1);
  }
  100% {
    transform: translate3d(-14vw, 6vw, 0) scale(3);
  }
}
@keyframes r5_out {
  0% {
    transform: translate3d(-14vw, 6vw, 0) scale(3);
  }
  50% {
    transform: translate3d(-14vw, 6vw, 0) scale(1);
  }
  100% {
    transform: translate3d(-70vw, 36vw, 0) scale(1);
  }
}
@keyframes slider {
  0% {
    opacity: 0;
    margin-left: -0.1rem;
  }
  100% {
    opacity: 1;
    margin-left: 0;
  }
}
@keyframes scrFn {
  0% {
    transform: translate3d(50vw, 42vh, 0) scale(0.9) rotate(0);
  }
  30% {
    transform: translate3d(50vw, 42vh, 0) scale(9) rotate(0);
  }
  100% {
    transform: translate3d(50vw, 42vh, 0) scale(54) rotate(20deg);
  }
}
@keyframes aboutFn {
  0% {
    -webkit-mask-size: 45.8%;
    -webkit-mask-position: 50% 40%;
  }
  30% {
    -webkit-mask-size: 458%;
    -webkit-mask-position: 50% 40%;
  }
  100% {
    -webkit-mask-size: 2738%;
    -webkit-mask-position: 52% 52%;
  }
}
@keyframes scrImg {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    backface-visibility: hidden;
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    backface-visibility: hidden;
  }
}
@keyframes scrOut {
  0% {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    opacity: 1;
  }
  12% {
    transform: translate3d(0, 20px, 0);
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    -o-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    backface-visibility: hidden;
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 20px, 0);
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    -o-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    backface-visibility: hidden;
    opacity: 0;
  }
}
@keyframes scrP1 {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -o-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    backface-visibility: hidden;
    opacity: 1;
  }
  8% {
    transform: translate3d(-5px, -7px, 0) scale(1.05);
    -webkit-transform: translate3d(-5px, -7px, 0) scale(1.05);
    -moz-transform: translate3d(-5px, -7px, 0) scale(1.05);
    -o-transform: translate3d(-5px, -7px, 0) scale(1.05);
    -ms-transform: translate3d(-5px, -7px, 0) scale(1.05);
    backface-visibility: hidden;
    opacity: 0;
  }
  100% {
    transform: translate3d(-5px, -7px, 0) scale(1.05);
    -webkit-transform: translate3d(-5px, -7px, 0) scale(1.05);
    -moz-transform: translate3d(-5px, -7px, 0) scale(1.05);
    -o-transform: translate3d(-5px, -7px, 0) scale(1.05);
    -ms-transform: translate3d(-5px, -7px, 0) scale(1.05);
    backface-visibility: hidden;
    opacity: 0;
  }
}
@keyframes scrP2 {
  0% {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    opacity: 1;
  }
  10% {
    transform: translate3d(7px, 5px, 0) scale(1.05);
    -webkit-transform: translate3d(7px, 5px, 0) scale(1.05);
    -moz-transform: translate3d(7px, 5px, 0) scale(1.05);
    -o-transform: translate3d(7px, 5px, 0) scale(1.05);
    -ms-transform: translate3d(7px, 5px, 0) scale(1.05);
    backface-visibility: hidden;
    opacity: 0;
  }
  100% {
    transform: translate3d(7px, 5px, 0) scale(1.05);
    -webkit-transform: translate3d(7px, 5px, 0) scale(1.05);
    -moz-transform: translate3d(7px, 5px, 0) scale(1.05);
    -o-transform: translate3d(7px, 5px, 0) scale(1.05);
    -ms-transform: translate3d(7px, 5px, 0) scale(1.05);
    backface-visibility: hidden;
    opacity: 0;
  }
}
@keyframes scrP3 {
  0% {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    opacity: 1;
  }
  12% {
    transform: translate3d(-7px, -5px, 0) scale(1.05);
    -webkit-transform: translate3d(-7px, -5px, 0) scale(1.05);
    -moz-transform: translate3d(-7px, -5px, 0) scale(1.05);
    -o-transform: translate3d(-7px, -5px, 0) scale(1.05);
    -ms-transform: translate3d(-7px, -5px, 0) scale(1.05);
    backface-visibility: hidden;
    opacity: 0;
  }
  100% {
    transform: translate3d(-7px, -5px, 0) scale(1.05);
    -webkit-transform: translate3d(-7px, -5px, 0) scale(1.05);
    -moz-transform: translate3d(-7px, -5px, 0) scale(1.05);
    -o-transform: translate3d(-7px, -5px, 0) scale(1.05);
    -ms-transform: translate3d(-7px, -5px, 0) scale(1.05);
    backface-visibility: hidden;
    opacity: 0;
  }
}
.scrTxt {
  animation-name: scrTxt;
}
@keyframes scrTxt {
  0% {
    transform: translate3d(50px, 10px, 0);
    -webkit-transform: translate3d(50px, 10px, 0);
    -moz-transform: translate3d(50px, 10px, 0);
    -o-transform: translate3d(50px, 10px, 0);
    -ms-transform: translate3d(50px, 10px, 0);
    backface-visibility: hidden;
    opacity: 0;
  }
  20% {
    transform: translate3d(0px, 0px, 0);
    -webkit-transform: translate3d(0px, 0px, 0);
    -moz-transform: translate3d(0px, 0px, 0);
    -o-transform: translate3d(0px, 0px, 0);
    -ms-transform: translate3d(0px, 0px, 0);
    backface-visibility: hidden;
    opacity: 1;
  }
  100% {
    transform: translate3d(0px, 0px, 0);
    -webkit-transform: translate3d(0px, 0px, 0);
    -moz-transform: translate3d(0px, 0px, 0);
    -o-transform: translate3d(0px, 0px, 0);
    -ms-transform: translate3d(0px, 0px, 0);
    backface-visibility: hidden;
    opacity: 1;
  }
}
@keyframes scrP4 {
  0% {
    transform: translate3d(-120px, 0px, 0px) rotate(-50deg);
  }
  30% {
    transform: translate3d(-120px, 0px, 0px) rotate(0deg);
  }
  100% {
    transform: translate3d(-120px, 0px, 0px) rotate(0deg);
  }
}
@keyframes scrP5 {
  0% {
    transform: translate3d(calc(70vw - 30vw), calc(13vw + 12.3vw), 0);
    -webkit-transform: translate3d(calc(70vw - 30vw), calc(13vw + 12.3vw), 0);
    -moz-transform: translate3d(calc(70vw - 30vw), calc(13vw + 12.3vw), 0);
    -o-transform: translate3d(calc(70vw - 30vw), calc(13vw + 12.3vw), 0);
    -ms-transform: translate3d(calc(70vw - 30vw), calc(13vw + 12.3vw), 0);
    backface-visibility: hidden;
  }
  58% {
    transform: translate3d(calc(50vw - 30vw), calc(13vw + 12.3vw), 0);
    -webkit-transform: translate3d(calc(50vw - 30vw), calc(13vw + 12.3vw), 0);
    -moz-transform: translate3d(calc(50vw - 30vw), calc(13vw + 12.3vw), 0);
    -o-transform: translate3d(calc(50vw - 30vw), calc(13vw + 12.3vw), 0);
    -ms-transform: translate3d(calc(50vw - 30vw), calc(13vw + 12.3vw), 0);
    backface-visibility: hidden;
  }
  100% {
    transform: translate3d(calc(50vw - 30vw), calc(13vw + 12.3vw), 0);
    -webkit-transform: translate3d(calc(50vw - 30vw), calc(13vw + 12.3vw), 0);
    -moz-transform: translate3d(calc(50vw - 30vw), calc(13vw + 12.3vw), 0);
    -o-transform: translate3d(calc(50vw - 30vw), calc(13vw + 12.3vw), 0);
    -ms-transform: translate3d(calc(50vw - 30vw), calc(13vw + 12.3vw), 0);
    backface-visibility: hidden;
  }
}
@keyframes scrP51 {
  0% {
    margin-left: 50%;
    letter-spacing: 0.6rem;
  }
  40% {
    margin-left: 0%;
    letter-spacing: 0px;
  }
  100% {
    margin-left: 0%;
    letter-spacing: 0px;
  }
}
@keyframes scrP6 {
  0% {
    transform: translate3d(calc(70vw - 6.25vw), calc(13vw + 12.3vw), 0);
    -webkit-transform: translate3d(calc(70vw - 6.25vw), calc(13vw + 12.3vw), 0);
    -moz-transform: translate3d(calc(70vw - 6.25vw), calc(13vw + 12.3vw), 0);
    -o-transform: translate3d(calc(70vw - 6.25vw), calc(13vw + 12.3vw), 0);
    -ms-transform: translate3d(calc(70vw - 6.25vw), calc(13vw + 12.3vw), 0);
    backface-visibility: hidden;
    letter-spacing: 1rem;
    opacity: 0;
  }
  58% {
    transform: translate3d(calc(50vw - 6.25vw), calc(13vw + 12.3vw), 0);
    -webkit-transform: translate3d(calc(50vw - 6.25vw), calc(13vw + 12.3vw), 0);
    -moz-transform: translate3d(calc(50vw - 6.25vw), calc(13vw + 12.3vw), 0);
    -o-transform: translate3d(calc(50vw - 6.25vw), calc(13vw + 12.3vw), 0);
    -ms-transform: translate3d(calc(50vw - 6.25vw), calc(13vw + 12.3vw), 0);
    backface-visibility: hidden;
    letter-spacing: 0px;
    opacity: 1;
  }
  100% {
    transform: translate3d(calc(50vw - 6.25vw), calc(13vw + 12.3vw), 0);
    -webkit-transform: translate3d(calc(50vw - 6.25vw), calc(13vw + 12.3vw), 0);
    -moz-transform: translate3d(calc(50vw - 6.25vw), calc(13vw + 12.3vw), 0);
    -o-transform: translate3d(calc(50vw - 6.25vw), calc(13vw + 12.3vw), 0);
    -ms-transform: translate3d(calc(50vw - 6.25vw), calc(13vw + 12.3vw), 0);
    backface-visibility: hidden;
    letter-spacing: 0px;
    opacity: 1;
  }
}
@keyframes scrP61 {
  0% {
    letter-spacing: 0.6rem;
    background-color: #ffffff;
  }
  40% {
    letter-spacing: 0px;
    background-color: rgba(255, 255, 255, 0);
  }
  100% {
    letter-spacing: 0px;
    background-color: rgba(255, 255, 255, 0);
  }
}
@keyframes scrP7 {
  0% {
    transform: translate3d(0vw, 0vw, 0);
    -webkit-transform: translate3d(0vw, 0vw, 0);
    -moz-transform: translate3d(0vw, 0vw, 0);
    -o-transform: translate3d(0vw, 0vw, 0);
    -ms-transform: translate3d(0vw, 0vw, 0);
    backface-visibility: hidden;
  }
  58% {
    transform: translate3d(-15vw, 0vw, 0);
    -webkit-transform: translate3d(-15vw, 0vw, 0);
    -moz-transform: translate3d(-15vw, 0vw, 0);
    -o-transform: translate3d(-15vw, 0vw, 0);
    -ms-transform: translate3d(-15vw, 0vw, 0);
    backface-visibility: hidden;
  }
  100% {
    transform: translate3d(-15vw, 0vw, 0);
    -webkit-transform: translate3d(-15vw, 0vw, 0);
    -moz-transform: translate3d(-15vw, 0vw, 0);
    -o-transform: translate3d(-15vw, 0vw, 0);
    -ms-transform: translate3d(-15vw, 0vw, 0);
    backface-visibility: hidden;
  }
}
@keyframes scrP8 {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    backface-visibility: hidden;
  }
  100% {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    backface-visibility: hidden;
  }
}
@keyframes scrP9 {
  0% {
    transform: translate3d(0vw, 0vw, 0);
    -webkit-transform: translate3d(0vw, 0vw, 0);
    -moz-transform: translate3d(0vw, 0vw, 0);
    -o-transform: translate3d(0vw, 0vw, 0);
    -ms-transform: translate3d(0vw, 0vw, 0);
    backface-visibility: hidden;
  }
  100% {
    transform: translate3d(-58%, 0vw, 0);
    -webkit-transform: translate3d(-58%, 0vw, 0);
    -moz-transform: translate3d(-58%, 0vw, 0);
    -o-transform: translate3d(-58%, 0vw, 0);
    -ms-transform: translate3d(-58%, 0vw, 0);
    backface-visibility: hidden;
  }
}
@keyframes scrP10 {
  0% {
    opacity: 0;
    transform: translate3d(0vw, 0vw, 0);
    -webkit-transform: translate3d(0vw, 0vw, 0);
    -moz-transform: translate3d(0vw, 0vw, 0);
    -o-transform: translate3d(0vw, 0vw, 0);
    -ms-transform: translate3d(0vw, 0vw, 0);
    backface-visibility: hidden;
  }
  15% {
    opacity: 1;
    transform: translate3d(0vw, 0vw, 0);
    -webkit-transform: translate3d(0vw, 0vw, 0);
    -moz-transform: translate3d(0vw, 0vw, 0);
    -o-transform: translate3d(0vw, 0vw, 0);
    -ms-transform: translate3d(0vw, 0vw, 0);
    backface-visibility: hidden;
  }
  25% {
    transform: translate3d(0px, 2.02rem, 0px);
    -webkit-transform: translate3d(0px, 2.02rem, 0px);
    -moz-transform: translate3d(0px, 2.02rem, 0px);
    -o-transform: translate3d(0px, 2.02rem, 0px);
    -ms-transform: translate3d(0px, 2.02rem, 0px);
    backface-visibility: hidden;
  }
  35% {
    transform: translate3d(0px, 2.02rem, 0px);
    -webkit-transform: translate3d(0px, 2.02rem, 0px);
    -moz-transform: translate3d(0px, 2.02rem, 0px);
    -o-transform: translate3d(0px, 2.02rem, 0px);
    -ms-transform: translate3d(0px, 2.02rem, 0px);
    backface-visibility: hidden;
  }
  50% {
    transform: translate3d(0.4rem, 4.04rem, 0px);
    -webkit-transform: translate3d(0.4rem, 4.04rem, 0px);
    -moz-transform: translate3d(0.4rem, 4.04rem, 0px);
    -o-transform: translate3d(0.4rem, 4.04rem, 0px);
    -ms-transform: translate3d(0.4rem, 4.04rem, 0px);
    backface-visibility: hidden;
  }
  100% {
    transform: translate3d(0.4rem, 4.04rem, 0px);
    -webkit-transform: translate3d(0.4rem, 4.04rem, 0px);
    -moz-transform: translate3d(0.4rem, 4.04rem, 0px);
    -o-transform: translate3d(0.4rem, 4.04rem, 0px);
    -ms-transform: translate3d(0.4rem, 4.04rem, 0px);
    backface-visibility: hidden;
  }
}
@keyframes scrP11 {
  0% {
    transform: translate3d(-20px, 0vw, 0);
    -webkit-transform: translate3d(-20px, 0vw, 0);
    -moz-transform: translate3d(-20px, 0vw, 0);
    -o-transform: translate3d(-20px, 0vw, 0);
    -ms-transform: translate3d(-20px, 0vw, 0);
    backface-visibility: hidden;
    opacity: 0;
  }
  15% {
    transform: translate3d(0vw, 0vw, 0);
    -webkit-transform: translate3d(0vw, 0vw, 0);
    -moz-transform: translate3d(0vw, 0vw, 0);
    -o-transform: translate3d(0vw, 0vw, 0);
    -ms-transform: translate3d(0vw, 0vw, 0);
    backface-visibility: hidden;
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 0vw, 0);
    -webkit-transform: translate3d(0, 0vw, 0);
    -moz-transform: translate3d(0, 0vw, 0);
    -o-transform: translate3d(0, 0vw, 0);
    -ms-transform: translate3d(0, 0vw, 0);
    backface-visibility: hidden;
    opacity: 1;
  }
}
@keyframes scrP12 {
  0% {
    transform: translate3d(-20px, 0vw, 0);
    -webkit-transform: translate3d(-20px, 0vw, 0);
    -moz-transform: translate3d(-20px, 0vw, 0);
    -o-transform: translate3d(-20px, 0vw, 0);
    -ms-transform: translate3d(-20px, 0vw, 0);
    backface-visibility: hidden;
    opacity: 0;
  }
  25% {
    transform: translate3d(0vw, 0vw, 0);
    -webkit-transform: translate3d(0vw, 0vw, 0);
    -moz-transform: translate3d(0vw, 0vw, 0);
    -o-transform: translate3d(0vw, 0vw, 0);
    -ms-transform: translate3d(0vw, 0vw, 0);
    backface-visibility: hidden;
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 0vw, 0);
    -webkit-transform: translate3d(0, 0vw, 0);
    -moz-transform: translate3d(0, 0vw, 0);
    -o-transform: translate3d(0, 0vw, 0);
    -ms-transform: translate3d(0, 0vw, 0);
    backface-visibility: hidden;
    opacity: 1;
  }
}
@keyframes scrP13 {
  0% {
    transform: translate3d(-20px, 0vw, 0);
    -webkit-transform: translate3d(-20px, 0vw, 0);
    -moz-transform: translate3d(-20px, 0vw, 0);
    -o-transform: translate3d(-20px, 0vw, 0);
    -ms-transform: translate3d(-20px, 0vw, 0);
    backface-visibility: hidden;
    opacity: 0;
  }
  40% {
    transform: translate3d(0vw, 0vw, 0);
    -webkit-transform: translate3d(0vw, 0vw, 0);
    -moz-transform: translate3d(0vw, 0vw, 0);
    -o-transform: translate3d(0vw, 0vw, 0);
    -ms-transform: translate3d(0vw, 0vw, 0);
    backface-visibility: hidden;
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 0vw, 0);
    -webkit-transform: translate3d(0, 0vw, 0);
    -moz-transform: translate3d(0, 0vw, 0);
    -o-transform: translate3d(0, 0vw, 0);
    -ms-transform: translate3d(0, 0vw, 0);
    backface-visibility: hidden;
    opacity: 1;
  }
}
@keyframes scrP14 {
  0% {
    transform: translate3d(0vw, 0%, 0);
    -webkit-transform: translate3d(0vw, 0%, 0);
    -moz-transform: translate3d(0vw, 0%, 0);
    -o-transform: translate3d(0vw, 0%, 0);
    -ms-transform: translate3d(0vw, 0%, 0);
    backface-visibility: hidden;
  }
  100% {
    transform: translate3d(0, 90%, 0);
    -webkit-transform: translate3d(0, 90%, 0);
    -moz-transform: translate3d(0, 90%, 0);
    -o-transform: translate3d(0, 90%, 0);
    -ms-transform: translate3d(0, 90%, 0);
    backface-visibility: hidden;
  }
}
@keyframes loadFn {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    backface-visibility: hidden;
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    backface-visibility: hidden;
  }
}