@charset "utf-8";
@font-face {
	font-family:"Aem";
	src: url('../css/Aemstel-LineOutside.ttf');
}
@font-face {font-family:"syB";src: url('../css/SourceHanSansCN-Bold.ttf');}
@font-face {
	font-family:"ysxk";
	src: url('../css/YanShiYouRanXiaoKai-2.ttf');
}
@font-face {
	font-family:"almmB";
	src: url('../css/almmSemiBold.ttf');
}

@font-face {
	font-family:"almmBB";
	src: url('../css/almmBold.ttf');
}

@font-face {
	font-family:"almmR";
	src: url('../css/almmRoundRegular.ttf');
}



.header{padding:48px 0px;position:absolute;z-index:999999992;width:100%;border-bottom:1px solid rgba(255,255,255,0.3);overflow:hidden}
.header .logo{float:left;position:relative;transition:0.3s}
.header .logo img{height:68px;float:left;transition:0.3s}
.header .logo p{float:left;color:#fff;font-family:"syB";font-size:40px;padding-left:16px;padding-top:12px;position:relative;z-index:1;transition:0.3s}
.header .logo em{float:left;letter-spacing:1px;color:#fff;font-size:26px;font-family:"Aem";font-style:normal;position:absolute;left:220px;top:0; letter-spacing:2px; z-index:0;opacity:0.3;transition:0.3s}
.header .nav{float:right;position:relative;width:880px}
/*.header .nav ul{width:64%}*/
.header .nav ul li{float:left;margin-right:37px;line-height:60px;position:relative}
.header .nav ul li a{display:block;color:#fff}
.header .nav ul li::after{content:"";width:0%;height:3px;background:#156bff;position:absolute;bottom:10px;transition:0.3s}
.header .nav ul li:hover::after{width:100%;transition:0.3s}
.header .qrcode{position:relative;width:91px;right:0;float:right}
.header .qrcode img{display:block;position:absolute;right:0;z-index:1}
.header .qrcode p{color:#fff;font-size:12px;background:#156bff;padding:5px 10px 6px 6px;width:30px;position:absolute;left:0; overflow-wrap: break-word;  top:5px;line-height:12px;border-bottom-left-radius:5px;border-top-left-radius:5px}
.header .header_menu{width:40px;height:40px;position:absolute;right:0;top:60px;transform:translateY(-50%) translateX(100%);transition:ease .3s;opacity:0;z-index:9999;cursor:pointer}
.header .header_menu div{transition:ease 1s;position:absolute;width:100%;height:100%;left:0;top:0}
.header .header_menu.cur div{transform:rotate(360deg);transition:ease 1s .3s}
.header .header_menu span{display:block;height:4px;width:30px;margin-left:5px;margin-right:5px;border-radius:2px;background:#156bff;position:absolute;transition:ease .5s .3s}
.header .header_menu.cur span{transition:ease .3s;width:20px;margin-left:10px;margin-right:10px}
.header .header_menu span:nth-child(1){top:9px}
.header .header_menu span:nth-child(2){top:50%;transform:translateY(-50%)}
.header .header_menu span:nth-child(3){bottom:9px}
.header .header_menu.cur span:nth-child(2){opacity:0}
.header .header_menu.cur span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}
.header .header_menu.cur span:nth-child(3){bottom:50%;transform:translateY(50%) rotate(135deg)}
.nav_menu{width:140px;height:0%;display:none;position:absolute;left:-34px;top:6vw;background:rgba(0,0,0,0.8);z-index:100;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:ease .3s}
.header .header_nav ul li:hover .nav_menu{height:auto;transition:0.3s;display:block}
.nav_menu dl{}
.nav_menu dl dd{line-height:32px;text-align:center;display:block;position:relative;overflow:hidden}
.nav_menu dl dd>a{color:#fff !important;font-size:14px !important;position:relative;z-index:2;line-height:36px !important;height:36px !important}
.nav_menu dl dd a::after{}
.nav_menus{width:100%;height:100%;position:fixed;left:0;top:-100%;background:rgba(0,0,0,0.8);z-index:100;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:ease .3s;opacity:0}
.nav_menus.cur{top:0;opacity:1}
.nav_menus ul{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.nav_menus ul li{line-height:52px;text-align:center;opacity:0;visibility:hidden}
.nav_menus.cur ul li{opacity:1;visibility:visible}
.nav_menus ul li a{color:#fff;font-size:16px;position:relative;z-index:2}
.nav_menus ul li a::after{width:8px;height:8px;background:#156bff;content:"";right:-3px;bottom:-1px;border-radius:50%;z-index:-1;position:absolute;opacity:0}
.nav_menus ul li.active a::after{opacity:1}
.nav_menu_3{background:#333;position:absolute;left:140px;top:0;width:90%;opacity:0;z-index:99999}
.nav_menu dl dd:hover .nav_menu_3{width:100%;opacity:1}
.nav_menu dl dd:hover{overflow:unset}
.header .header_nav ul li:nth-child(4) .nav_menu .nav_menu_3{padding-top:6%;padding-bottom:6%}
.nav_menu_3 p{width:100%;line-height:26px}
.nav_menu_3 p a{font-size:12px;color:#fff}
@media screen and (max-width:1200px){.header .header_menu{right:0px;transform:translateX(0) translateY(-110%);opacity:1}
.header .nav{display:none}
}@media screen and (max-width:480px){.header .logo img{height:50px;transition:0.3s}
.header .logo p{font-size:25px;transition:0.3s}
.header .logo em{left:88px;font-size:20px;transition:0.3s}
.header .header_menu{right:0px;transform:translateX(0) translateY(-130%);opacity:1}
}.banner_page{background-repeat:no-repeat;background-position:top center;background-size:100% 100%;padding-bottom:12%;position:relative;overflow:hidden}
.banner_page p{font-size:66px;font-family:"almmB"; text-transform:uppercase; color:#fff;font-weight:100;padding-top:300px;position:relative;z-index:1;font-weight:bold;float:left;margin-right:30px}
.banner_page p b{font-weight:100}
.banner_page em{font-size:66px;display:block;font-family:"almmB";color:#fff;font-style:normal;text-transform:uppercase;opacity:0.1;padding-top:300px}
.banner_page dl{position:absolute;top:386px}
.banner_page dl dd{width:360px;height:1px;background:#fff;opacity:0.3;margin-bottom:8px}
@media screen and (max-width:880px){.banner_page{padding-bottom:60%}
.banner_page p{font-weight:500;font-size:40px;padding-top:256px}
.banner_page em{padding-top:315px;font-size:30px !important}
.banner_page dl{top:360px}
.banner_page .w88::before{top:250px}
}.banner_page1{background-repeat:no-repeat;background-position:top center;background-size:100% 100%;padding-bottom:12%;position:relative;overflow:hidden}
.banner_page1 p{font-size:56px;font-family:"almmB";color:#fff;font-weight:100;padding-top:300px;position:relative;z-index:1;float:left;margin-right:30px}
.banner_page1 p b{font-weight:100}
.banner_page1 .w88::before{content:"";display:block;background:#156bff;width:34px;height:34px;border-radius:100%;position:absolute;top:294px;left:-12px;z-index:0}
.banner_page1 em{font-size:66px;display:block;font-family:"almmB";color:#fff;font-style:normal;text-transform:uppercase;opacity:0.1;padding-top:300px}
.banner_page1 dl{position:absolute;top:386px}
.banner_page1 dl dd{width:510px;height:1px;background:#fff;opacity:0.3;margin-bottom:8px}
@media screen and (max-width:880px){.banner_page1{padding-bottom:60%}
.banner_page1 p{font-weight:500;font-size:40px;padding-top:256px}
.banner_page1 em{padding-top:310px;font-size:30px}
.banner_page1 dl{top:360px}
.banner_page1 .w88::before{top:250px}
}.banner{position:relative;height:100vh;width:100%;overflow:hidden}
.banner_nr{position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.8);z-index:1}
.banner_nr img{display:block;position:absolute;top:35%;left:6%;max-width:80%;max-height:100%;z-index:5}
.banner .banner_nr em{color:#fff;font-family:"aem";font-style:normal;font-size:60px;padding-top:19%;display:block;opacity:0.15}
.banner .banner_nr p{color:#fff;font-size:50px;margin-top:6px;position:relative;font-family:"syB";z-index:15}
.banner .banner_nr span{color:#fff;font-family:"ysxk";font-size:150px;letter-spacing:-14px;display:block;position:relative;top:-40px;left:60px;z-index:10}
.banner .banner_nr span::before{content:"";background:url(../images/banner_xt.png);width:11px;height:213px;display:block;position:absolute;top:70px;left:-36px;z-index:1}
.banner .banner_nr span::after{content:"";width:145px;height:145px;border-radius:100%;background:#156bff;position:absolute;top:-2%;left:2%;z-index:-20;display:block;-webkit-transition:all 2s ease-out 1s;-moz-transition:all 2s ease-out 1s;-o-transition:all 2s ease-out 1s;transition:all 2s ease-out 1s;animation:fadeIn 2s ease-in-out 1s infinite alternate;opacity:0}
@keyframes fadeIn{from{opacity:1}
to{opacity:0.6}
}.banner #index_video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
@media screen and (max-width:1820px){.banner .banner_nr em{padding-top:22%}
}@media screen and (max-width:1620px){.banner .banner_nr em{padding-top:26%}
}@media screen and (max-width:1420px){.banner .banner_nr em{padding-top:30%}
}@media screen and (max-width:1120px){.banner .banner_nr em{padding-top:34%}
}@media screen and (max-width:920px){.banner .banner_nr em{padding-top:46%}
}@media screen and (max-width:680px){.banner{height:90vh}
.banner_nr::after{width:100px;height:100px}
.banner_nr .w88{transform:scale(0.7);margin-left:-7%}
}@media screen and (max-width:560px){.banner_nr .w88{transform:scale(0.6);margin-left:-12%}
.banner .banner_nr span{width:200%}
}@media screen and (max-width:480px){.banner_nr img{max-width:70%;top:40%}
.banner .banner_nr em{padding-top:66%}
}.w88{width:88%;margin:auto;position:relative}
.x-foot{background-position:top;background-repeat:no-repeat;background-size:cover;position:relative;z-index:10}
.footer{background-size:100%;padding-bottom:7%;color:#fff;overflow:hidden}
.footer .w88{padding-top:110px}
.footer .footer_left{width:30%;float:left; font-family: "almmR";}
.footer .footer_left .logo{float:left;position:relative; margin-top:82px;}
.footer .footer_left .logo img{height:66px;float:left}
.footer .footer_left .logo p{float:left;color:#fff;font-family:"syB";font-size:40px;padding-left:16px;padding-top:12px;position:relative;z-index:1}
.footer .footer_left .logo em{float:left;color:#fff;font-size:26px;font-family:"Aem";font-style:normal;position:absolute;left:215px;top:26px;letter-spacing:2px;z-index:0;opacity:0.3}
.footer .footer_left p{font-size:16px;color:#fff;padding-top:20px;line-height:30px}
.footer .footer_left p strong{display:block;font-weight:normal}
.footer .footer_left em{display:block;font-style:normal;font-size:50px;font-family:"Aem";opacity:0.2;}
.footer .footer_left ul{padding-top:10px; }
.footer .footer_left ul li{line-height:30px; width:87%;}
.footer .footer_left .mapxml{display:block;color:#fff;background:#333;width:120px;line-height:40px;height:40px;text-align:center;border-radius:50px;margin-top:20px;transition:0.3s}
.footer .footer_left .mapxml:hover{background:#156bff;transition:0.3s}
.footer .footer_left a{color:#fff}
.footer .footer_right{float:right;width:70%}
.footer .footer_right ul{width:30%;float:right;}
.footer .footer_right ul p{font-size:52px;font-family:"almmB";margin-bottom:30px}
.footer .footer_right ul li{border-bottom:1px #999 solid;margin-top:16px;position:relative;transition:0.3s}
.footer .footer_right ul li:hover{border-bottom:1px #156bff solid;transition:0.6s}
.footer .footer_right ul li::after{content:"";background:#156bff;width:0%;height:100%;position:absolute;left:0;top:0;bottom:0;margin:auto;z-index:0;transition:0.3s}
.footer .footer_right ul li:hover::after{width:100%;transition:0.3s}
.footer .footer_right ul li a{color:#fff;font-size:27px;font-family:"almmR";padding:14px 0px 14px 8px;display:block;position:relative;z-index:1}
.footer .footer_right dl{width:30%;float:left; margin-left:7%;}
.footer .footer_right dl p{font-size:52px;font-family:"almmB";margin-bottom:30px}
.footer .footer_right dl dd{margin-top:16px}
.footer .footer_right dl dd>a{color:#fff;font-size:30px;font-family:"almmR";padding:14px 0px 14px 8px;display:block;border-bottom:1px #999 solid}
.footer .footer_right dl dd .dl_menu{}
.footer .footer_right dl dd .dl_menu li{position:relative}
.footer .footer_right dl dd .dl_menu li a{color:#fff;font-size:22px;font-family:"almmR";padding-left:40px;display:block;margin-top:20px;   overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;}
.footer .footer_right dl dd .dl_menu li a::before{content:"";display:block;width:14px;height:4px;background:#504e50;position:absolute;left:8px;top:0;bottom:0;margin:auto;transition:0.3s;border-radius:12px}
.footer .footer_right dl dd .dl_menu li a:hover::before{background:#156bff;transition:0.3s}
.footer .footer_right dl>a{display:block;height:50px;width:176px;border-radius:50px;line-height:50px;background:#156bff;text-align:center; letter-spacing:1px; font-size:22px;color:#fff;font-family:"almmR";font-weight:bold;margin-top:34px;transition:0.3s;position:relative}
.footer .footer_right dl>a:hover{background:#fff;color:#000;transition:0.3s}
.footer .footer_right dl>a em{font-family:"Aem";font-size:44px;color:#fff;opacity:0.1;position:absolute;left:0;right:0;bottom:-60px;margin:auto;font-style:normal;letter-spacing:3px}
@media screen and (max-width:1300px){.footer .footer_left{width:100%;margin-bottom:60px}
.footer .footer_right{width:100%}
.footer .footer_right ul{width:100%;float:none;margin-bottom:60px}
.footer .footer_right dl{width:100%;float:none}
.footer .footer_right ul p{font-size:40px;margin-bottom:0px}
.footer .footer_right ul li a{font-size:20px}
.footer .footer_right ul li{float:left;width:50%}
.footer .footer_right dl p{font-size:40px}
.footer .footer_right dl dd>a{font-size:20px}
.footer .footer_right dl dd .dl_menu li a{font-size:16px}
.footer .footer_right dl dd .dl_menu li{float:left;width:50%}
.footer .footer_right dl dd .dl_menu li a::before{bottom:-18px}
}

.footer_ly{margin-top:12px; width:30%;}
.footer_ly p{font-size:30px; font-family: "almmB"; color:#fff;}
.footer_ly .form-horizontal{}
.footer_ly .form-horizontal ul{float: right;margin-top: 22px; width:100%;}
.footer_ly .form-horizontal ul li{margin-right: 30px; border-bottom:none!important;}
.footer_ly .form-horizontal ul li:hover{border-bottom:none;}
.footer .footer_ly .form-horizontal ul li::after{ background:none !important; border-bottom:none;}
.footer .footer_ly .form-horizontal ul li:hover::after{ width:0px;}
.footer_ly .form-horizontal ul li input{height:70px;width:100%;border-radius: 10px;font-size:15px;text-indent:23px; background:#34373f;}
.footer_ly .form-horizontal .footer_ly_an{height:70px;background: #156bff;padding: 0px 50px; margin-top:13%; color: #fff;font-size: 20px;border-radius: 10px;cursor: pointer;}
.footer_ly .form-horizontal .footer_ly_an:hover{background: #ff7200;}