@charset 'utf-8';
label[class^=form]{user-select:none;display:inline-block;}
label[class^=form] i{font-size:inherit;}
input[type=checkbox],input[type=radio]{position:relative;appearance:none;font-size:inherit;width:1em;margin:0;color:inherit;outline:none;font-family:FontAwesome;transition:300ms ease-out;-webkit-appearance:none;-moz-appearance:none;}
input[type=radio]::after{content:'\f10c';display:inline-block;text-align:center;width:1em;}
input[type=radio]:checked::after{content:'\f192';}
input[type=radio]:active,input[type=checkbox]:active{transform:scale(.6);}
input[type=checkbox]::after{content:'\f096';display:inline-block;text-align:center;width:1em;}
input[type=checkbox]:checked::after{content:'\f14a';}
.media{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;}
.media iframe,.media video,.media>div{position:absolute;top:0;left:0;width:100%;height:100%;}
.btn{display:inline-block;padding:5px 16px;border-radius:5px;cursor:pointer;}
.btn a{display:block;}
html,body{margin:0;padding:0;color:#333;font:16px/1.6 Tahoma,Verdana, Arial,sans-serif;word-wrap:break-word;}
iframe{border:none;}
pre{word-break:break-all;word-wrap:break-word;}
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;list-style:none;}
img{border:0;max-width:100%;line-height:0;}
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,button,textarea{box-sizing:border-box;font-size: inherit;color: inherit;font-family: inherit;}
a{text-decoration:none;color:inherit;transition: all .3s;}
/*a:hover{text-decoration: underline;}*/
a[class]{transition:all .5s;}
p{margin:0 0 0.5em;}
table{border-spacing:0;border-collapse:collapse;}
input,button,textarea,select,optgroup,option{font-weight:inherit;font-style:inherit;font-size:inherit;font-family:inherit;color:inherit;}
input[type="submit"],input[type="button"],input[type="reset"],button{cursor:pointer;}
input::-moz-focus-inner{padding:0;border:0;}
button,input,select,textarea{margin:0;vertical-align:baseline;font-size:inherit;*vertical-align:middle;outline:none;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{border:solid 1px #666;}
textarea{overflow:auto;vertical-align:top;}
.vc{display:flex;flex-direction:column;justify-content:center;}
.ac{display:flex;align-items:center;}
.vac{display:flex;flex-direction:column;justify-content:center;align-items:center;}
.fll{float:left !important;}
.flr{float:right !important;}
.left{float:left !important;}
.right{float:right !important;}
.mgl{margin-left:15px}
.wrapper{margin-left:auto;margin-right:auto;position:relative;width:1200px;}
.wrap{margin-left: auto;margin-right: auto;}
.cover{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.2);color:#fff;z-index:1;bottom:0;}
.flex{display:flex;flex-wrap:wrap;flex-direction:row;}
.x1,.x2,.x3,.x4,.x5,.x6{padding-left:10px;padding-right:10px;position:relative;}
.x1>div,.x2>div,.x3>div,.x4>div,.x5>div,.x6>div{position:relative;}
.x1{width:100%;float:left;}
.x2{width:50%;float:left;}
.x3{width:33.33%;float:left;}
.x4{width:25%;float:left;}
.x5{width:20%;float:left;}
.x6{width:16.66%;float:left;}
.x7{width:14.28%;float:left;}
.x8{width:12.50%;float:left;}
.x9{width:11.11%;float:left;}
.x10{width:10%;float:left;}
.x11{width:9.09%;float:left;}
.x12{width:0.83%;float:left;}
.img{line-height:0;position:relative;overflow:hidden;}
.img img{transition:all .3s;}
.x2 .img:hover img{transform:scale(1.05);}
.x2 .img:hover img{transform:scale(1.05);}
.x3 .img:hover img{transform:scale(1.05);}
.x4 .img:hover img{transform:scale(1.05);}
.x5 .img:hover img{transform:scale(1.05);}
.x6 .img:hover img{transform:scale(1.05);}
.row{margin-left:-10px;margin-right:-10px;display:flex;flex-wrap:wrap;flex-direction:row;}
.shadow{box-shadow:0 0 6px 5px rgba(0,0,0,0.2);}
::after,::before{box-sizing:border-box;}
.clear{zoom:1;}
.clear,.wrapper:after,.layout:after,.row:after{content:" ";display:block;height:0;width:0;clear:both;}
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.mgb{margin-bottom:25px;}
.mgt{margin-top:25px;}
div.fl0,div.fl1,div.fl2,div.fl3,div.fl4,div.fl5,div.fl6,div.fl7,div.fl8,div.fl9,div.fl10,div.fl11,div.fl12,div.fl13,div.fl14,div.fl15,div.fl16,div.fl17,div.fl18,div.fl19,div.fl20{width: 100%;float: left;}
div[class*='fl'] .wrapper{}
.pagination{text-align:center;margin-top:20px;}
.pagination a{border:solid 1px #ddd;display:inline-block;text-decoration:none;margin:0 5px;padding-left:10px;padding-right:10px;transition:all .3s;box-sizing:border-box;background:#fff;}
.pagination a.active,.pagination a:hover{background:#777;color:#fff;}
/*222*/
/*.foot{font-size: 15px;position: absolute;bottom: 10px;left: 20px;right: 20px;text-align: center;}
.foot span{transform: rotate(180deg);display: inline-block;}
.foot u{font-size: 12px;text-transform: capitalize;color: green;font-weight: bold;}*/
.menu ul li{}
@media all and (max-width: 1200px)
{
    .wrapper{width: auto !important;margin-left: 20px;margin-right: 20px;}
}
/*reset2*/
.fz12{font-size:12px;}
.fz14{font-size:14px;}
.fz16{font-size:16px;}
.fz18{font-size:18px;}
.fz20{font-size:20px;}
.fz24{font-size:24px;}
.fz30{font-size:30px;}
.fz36{font-size:36px;}
.fz48{font-size:48px;}
.fgo{font-family:go;}
.fjs{font-family:js;}
.fwb{font-weight:bold;}
.tuc{text-transform:uppercase;}
.swiper-slide img{width:100%;}
@keyframes twinkling{
    0%{opacity:0.2;}
    100%{opacity:1;}
}
.twinkling{animation:twinkling 1.2s infinite ease-in-out;}
.cake{animation:move 3s 0s infinite;transform-origin:bottom;}
@keyframes move{
    0%,65%{transform:rotate(0deg);}
    70%{transform:rotate(6deg);}
    75%{transform:rotate(-6deg);}
    80%{transform:rotate(6deg);}
    85%{transform:rotate(-6deg);}
    90%{transform:rotate(6deg);}
    95%{transform:rotate(-6deg);}
    100%{transform:rotate(0deg);}
}
.swiper-container,.swiper-container-horizontal{overflow:hidden;}
.swiper-banner{position:relative;overflow:hidden;}
.swiper-banner img{float:left;width:auto;}
/*.swiper-banner .swiper-pagination{position:absolute;bottom:105px;}*/
.swiper-banner .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background:#fff;margin:0 5px;border:solid 1px #000;}
.swiper-banner .swiper-pagination .swiper-pagination-bullet-active{background:#05827f;}
.swiper-banner .sns{position:absolute;bottom:42px;right:49px;color:#fff;z-index:10;}
.swiper-banner .sns i.fa{color:#fff;font-size:28px;margin-left:60px;}
.scrolltop{position:fixed;right:50px;bottom:200px;z-index:1000;cursor:pointer;opacity:0;transition:all .3s;}
.scrolltop.on{opacity:1;}
/*phone*/
.menu_btn{display:block;box-sizing:content-box;border-top:3px #fff solid;border-bottom:3px #fff solid;width: 35px;height: 20px;z-index: 999;position: absolute;right: 15px;top: 55px;cursor: pointer;}
.menu_btn:before{content: '';display: block;width: 100%;border-top: solid 3px #fff;border-bottom: solid 3px #fff;margin-top: 5px;height: 10px;}
.close_btn{position:relative;width: 34px;height: 34px;}
.close_btn:before{content: '';position: absolute;width: 34px;height: 2px;background: #fff;transform:rotate(45deg);top: 17px;left: 0;}
.close_btn:after{content:'';position: absolute;width: 34px;height: 2px;background: #fff;transform:rotate(-45deg);top: 17px;left: 0;}
.phone_show{position: fixed;width: 100%;left: 0;right: 0;background:rgba(0,0,0,0.95);top: 0;z-index: 9999999999999;padding-top: 8px;box-shadow: 0 0 5px #333;display: none;height: 60px;}
.phone_show .logo{margin-left: 10px;}
.phone_show .logo img{height: 45px;}
.phone_show .menu_btn{position: absolute;right: 10px;top: 18px;}
.phone_side{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.9);z-index:999999999999;width:0;transition:all .3s;overflow:auto;padding: 20px;opacity:0;}
.phone_side.on{width:100%;opacity:1;}
.phone_side .phone_main{width:100%;text-align: center;text-align: center;margin-top: 30px;}
.phone_side .phone_head{overflow:hidden;margin-bottom:30px;margin-top: 20px;}
.phone_side .phone_close{float:left;cursor:pointer;top: 30px;right: 30px;position: absolute;transition: all .3s;z-index: 100;width: 34px;height: 34px;}
.phone_side .phone_close:hover{transform: rotate(180deg);}
.phone_side .lang{width: 100%;text-align: center;}
.phone_side .lang .button{border:solid 1px #000;padding:5px 20px;color:#fff;cursor:pointer;width: 100px;display: inline-block;margin: 0 10px;transition: all .3s;text-align: center;background: #eee;}
.phone_side .lang .button:hover{background: #ab8500;}
.phone_side .navication{color:#fff;text-align:right;}
.phone_side .navication>li{margin-bottom:15px;position:relative;}
.phone_side .navication>li>ul>li{color:#c5b9a5;}
.phone_side .navication>li>ul:before{content:'';display:inline-block;position:absolute;width:15px;height:15px;left:-25px;top:18px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid #fff;}
.phone_side .copy{color:#c5b9a5;margin-top:55px;}
.phone_side .menu{display: inline-block;text-align: left;}
/*.phone_side h3{font-size: 16px;margin-bottom: 15px;}
.phone_side h3 ul{padding-left: 30px;font-size: 15px;}
.phone_side h3 ul li{margin-bottom: 10px;}*/
.phone_side .logo{margin-left: auto;margin-right: auto;text-align: center;margin-top: 35px;margin-bottom: 30px;}
.phone_side .menu a{color: #fff;display: block;padding: 5px 0;}
.phone_side .menu>ul{display: inline-block;}
.phone_side .menu>ul li{float: none;font-size: 16px;}
.phone_side .menu>ul li ul{margin-left: 15px;}
/*begin*/
html,body{min-height: 100vh;}
body{position: relative;padding-bottom: 100px;}
.left{float: left;}
.right{float: right;}
.top{width: 100%;height: 29px;line-height: 29px;color: #ccc;background: #363636;font-size: 14px;}
.top .wrapper{width: auto;margin-left: 20px;margin-right: 20px;}
.top .login{cursor: pointer;}
.top .user{cursor: pointer;position: relative;display: block;width: 80px;text-align: center;z-index: 10;}
.top .user ul{position: absolute;top: 100%;right: 0;width:80px;text-align: center;background: #888;color: #fff;display: none;}
.top .user:hover ul{display: block;}
.head{width: 100%;padding-top: 12px;padding-bottom: 6px;background: #f7f7f8;border-bottom: solid 1px #ddd;}
.head .logo{float: left;width: 150px;}
.head .logo svg{width:123px;}
.head .navication{display: block;float: right;margin-top: 5px;}
.head .navication ul{float: left;}
.head .navication ul li{float: left;}
.head .navication ul li i{float: left;width: 1p;height: 5px;background: #fff;display: block;}
.head .navication ul li a{padding: 0 15px;display: block;}
.foot{width: 100%;position: absolute;bottom: 0;left: 0;right: 0;text-align: center;padding: 15px 0;font-size: 14px;line-height: 1.26;}
.foot span{display: inline-block;}
.foot a:hover{text-decoration: underline;}
.foot .menu{overflow: hidden;text-align: center;}
.foot .menu li{display: inline-block;margin: 0 5px;}
.foot .copy{font-weight: bold;color: green;margin-top: 5px;}
.foot .ba{color: #666;cursor: pointer;font-size: 12px;margin-top: 5px;}
.body{padding-top: 15px;overflow: hidden;width: 100%;}
.home .fl1{margin-top: 150px;}
.home .fl1 .tit{width: 900px;max-width: 100%;margin-left: auto;margin-right: auto;text-align: center;}
.home .fl1 .tit span{display: inline-block;padding: 0 20px;line-height: 2.5;border-radius: 5px 5px 0 0;cursor: pointer;user-select: none;}
.home .fl1 .tit span.on{background: #009a61;color: #fff;}
.home .fl1 .ipt{width: 900px; max-width: 100%;margin-left: auto;margin-right: auto;position: relative;}
.home .fl1 .ipt input{width: 100%;height: 58px;line-height: 58px;border: solid 2px #009a61;border-radius: 4px;padding: 10px;font-size: 18px;}
.home .fl1 .ipt button{width: 90px;height: 45px;text-align: center;background: #009a61;border: none;border-radius: 4px;font-size: 18px;color: #fff;position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;right: 5px;user-select: none;}
.home .tool{width: 100%;float: left;margin-top: 200px;font-size: 15px;}
.home .tool ul{display: flex;flex-wrap: wrap;margin-left: -10px;margin-right: -10px;}
.home .tool ul li{width: 33.33%;float: left;position: relative;padding: 0 20px;line-height: 36px;margin-top: 5px;margin-bottom: 5px;}
.home .tool ul li:before{content: '';background: rgba(0,0,0,0.02);position: absolute;top: 0;bottom: 0;left: 10px;right: 10px;z-index: -1;border-radius: 4px;}
.layui-layer{background: none !important;box-shadow: none !important;}
form label, .form label{user-select: none;}

.header{position: fixed;top: 0;left: 0;right: 0;height: 50px;z-index: 999;padding-top: 20px;}
.header .wrap{display: flex;justify-content: space-between;width: 100%;max-width: 1600px;margin-left: auto;margin-right: auto;}
.header .menu{margin-top: 10px;}
.header .menu ul li{float: left;color: #fff;font-size: 18px;text-transform: uppercase;}
.header .menu ul li a{padding: 0 10px;}
.header .menu ul i{display: block;width: 1px;height: 18px;background: #ddd;float: left;position: relative;top: 5px;margin: 0 10px;}

.section1{position:relative;width: 100%;height: 100%;}
.section1 .video{width: 100vw;height: 100vh;object-fit: cover;z-index: -1;overflow: hidden;z-index: -1;position: absolute;}
.section1 .video:before{content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;background:rgba(0, 0, 0, 0.5);}
.section1 .video video{width: 100%;height: 100%;object-fit: cover;}
.section1 .txt{position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: flex;color: #fff;text-align: center;width: 100%;width: 1400px;max-width: 96%;margin-left: auto;margin-right: auto;}
.section1 .t1{font-size: 54px;}
.section1 .t2{font-size: 23px;margin-top: 45px;}
.section1 .t3{margin-top: 45px;font-size: 24px;}
.section1 .t3 a{display: inline-block;border: 2px solid #0f58c6;border-radius: 6px;padding: 6px 36px;background: #0f58c6;margin: 0 15px;}
.section1 .t3 a:last-child{background: #de1e33;border-color: #de1e33}
.section2{background: url(img/h02.jpg) center no-repeat;background-size: cover;}
.section2 .swiper{height: 100%;}
.section2 .swiper .swiper-slide{display: flex;flex-direction: column;justify-content: flex-end;position: relative;top: -100px;}
.section2 .left{width: 40%;}
.section2 .right{width: 60%;}
.section2 .right img{max-width: 100%;max-height: 600px;}
.section2 .h4{margin-top: 80px;}
.section2 .h4 .btn2{margin-left: 50px;}
.section2 .sub{position: absolute;bottom:45px;z-index: 999;color: #fff;left: 100px;}
.section2 .sub ul li{float: left;border-radius: 50%;height: 90px;aspect-ratio: 1; background: #000;text-align: center;line-height: 90px;background: #0f58c6;position: relative;margin: 0 38px;font-weight: bold;transition: all .3s;}
.section2 .sub ul li:before{content: '';left: -8px;top: -8px;right: -8px;bottom: -8px;border: solid 2px #fff;display: block;position: absolute;border-radius: 50%;}
.section2 .sub ul li:after{content: '';width: 45px;right:-60px;height: 2px;background: #fff;position: absolute;top: 0;bottom: 0;margin: auto;}
.section2 .sub ul li:last-child:after{display: none;}
.section2 .sub ul li:hover{background: #de1e33;}
.btn1,[btn1]{display: inline-block;border: 2px solid #0f58c6;border-radius: 6px;padding: 6px 30px;background: #0f58c6;}
.btn2,[btn2]{display: inline-block;border: 2px solid #0f58c6;border-radius: 6px;padding: 6px 30px;background: #de1e33;border-color: #de1e33}
.btn1:hover,[btn1]:hover,.btn2:hover,[btn2]:hover{background: none;border-color: #fff;}

.section3{background:url(img/home_04.jpg) no-repeat top center;background-size: cover;}
.section3 .circle{height: 937px;aspect-ratio: 1;position: absolute;color: #fff;top: 0;bottom: 0;margin: auto;overflow: hidden;left: 0;}
.section3 .circle:before{content: '';border: solid 2px #fff;position: absolute;display: block;height: 100%;aspect-ratio: 1;border-radius: 50%;left: -50%;}
.section3 .circle>div{position: absolute;width: 300px;transition: all .3s;cursor: pointer;}
.section3 .circle>div:before{content: '';display: block;position: absolute;left: 0;top: 0;bottom: 0;height:20px;aspect-ratio: 1;border-radius: 50%;background: #fff;margin: auto;left: -50px;transition: all .3s;}
.section3 .dot1{top: 15%;left: 43%;}
.section3 .dot2{top: 25%;left: 49.2%;}
.section3 .dot3{top: 35%;left: 52.8%;}
.section3 .dot4{top: 45%;left: 54.1%;}
.section3 .dot5{top: 55%;left: 53.4%;}
.section3 .dot6{top: 65%;left: 50.5%;}
.section3 .a{font-weight: bold;font-size: 26px;transition: all .3s;}
.section3 .b{font-size: 15px;}
.section3 .circle>div:hover{color: #f05252;}
.section3 .circle>div:hover .a{font-size: 30px;}
.section3 .circle>div:hover:before{background: #f05252;transform: scale(1.3);}
.section4{background:url(img/home_06.jpg) no-repeat top center;background-size: cover;color: #fff;}
.section4 .wrap{max-width: 1000px;}
.section4 .a{font-size: 50px;font-weight: bold;}
.section4 .b{margin-top: 15px;font-size: 28px;}
.section4 .c{display: flex;flex-wrap: nowrap;margin-top: 50px;}
.section4 .c>div{padding: 20px 20px;margin-right: 30px;}
.section4 .c1{width: 580px;background: rgba(8,86,167,0.7) ;}
.section4 .c2{width: 350px;background: rgb(255 62 62 / 90%);}
.section4 .c3{width: 350px;background: rgba(8,86,167,0.7) ;}
.section4 .tit{font-size:23px; }
.section4 .txt{margin-top: 20px; }
.section4 .more{text-align: right;margin-top: 20px;}
.section5{background:url(img/home_08-1.jpg) no-repeat top center;background-size: cover;}
.section6{background:url(img/home_07.jpg) no-repeat top center;background-size: cover;}