@charset "utf-8";
*,
*::after,
*::before { box-sizing: border-box;  }
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,textarea{ font:14px Montserrat, Helvetica, Arial, "\5FAE\8F6F\96C5\9ED1",sans-serif,'Microsoft YaHei';border:none; overflow-x:hidden; }
h1{font-size: 18px; }
h2{font-size: 16px; }
h3{font-size: 14px; }
h4,h5,h6{font-size: 100%; }
small{font-size: 12px; }
img,input{vertical-align: middle; border:none; }
ul,ol,li{list-style: none; }
a{text-decoration:none;outline:none}
a:hover{text-decoration: underline;}
table{border-collapse: collapse;border-spacing: 0;}
body { background:#fff; color:#333; overflow-x:hidden; }
.clear{height:1px;clear:both;margin-bottom:-1px;overflow:hidden;visibility:hidden;display:block;}
i,em{font-style: normal;}
a{color:#333;cursor:pointer;}
a:hover{text-decoration:none;}
input,button,select{font-family:'Microsoft Yahei';outline: none;font-size:14px; }
button,input[type=button]{cursor: pointer;}
textarea,button,input{outline: none;}
*{ text-transform: capitalize; }
.t_tranNone{ text-transform: none; }

body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/*clearfix*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

/* 宽度 */
.w1200{width:1200px;margin:0 auto;}
.w1400{width:1400px;margin:0 auto;}
.w1560{width:1560px;margin:0 auto;}
@media all and (max-width:1600px){.w1560{width:100%;padding:0 2%}}
@media all and (max-width:1460px){.w1400{width:100%;padding:0 2%}}
@media all and (max-width:1260px){.w1200{width:100%;padding:0 2%}}
@media all and (max-width:768px){.w1560{padding:0 3%}.w1400{padding:0 3%}.w1200{padding:0 3%}}

/* 弹性布局 */
.c-flex{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.c-flex1{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
.flx{display: flex;flex-wrap: wrap;}

/* 图片比例 */
.picScale{ padding-bottom: 60%; overflow: hidden; position: relative; }
.picScale img{ max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: all 0.5s; }
.picScale img:hover{ transform: translate(-50%,-50%) scale(1.1); }

/* 文本溢出 */
.text_clamp1{	overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.text_clamp2{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.text_clamp3{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }

.swiper-container{ --swiper-theme-color: #ff6600; --swiper-navigation-color: #00ff33; --swiper-navigation-size: 30px; }

.cell_box{font-size: 0; }
.cell_box:before{ content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.cell_box .cell{width: 100%; display: inline-block; vertical-align: middle;}

/* PC and Moble */
.pc{ display: block; } 
.m{ display: none; }
@media (max-width: 768px) {.pc{ display: none; }.m{ display: block; }}

/* 边距 */
.pd100{padding: 100px 0;}
.pd120{padding: 120px 0;}
.pd150{padding: 150px 0;}
@media (max-width: 1240px) {.pd100{padding: 70px 0;}.pd120{padding: 80px 0;}.pd150{padding: 90px 0;}}
@media (max-width: 1024px) {.pd100{padding: 60px 0;}.pd120{padding: 70px 0;}.pd150{padding: 80px 0;}}
@media (max-width: 768px) {.pd100{padding: 50px 0;}.pd120{padding: 60px 0;}}
@media (max-width: 480px) {.pd100{padding: 40px 0;}.pd120{padding: 50px 0;}.pd150{padding: 50px 0;}}

.alltime,.alltime *{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

/************** 导航栏 ***************/
.header{position: absolute;top: 0;left: 0;z-index: 999;width: 100%;}
.header *{ user-select: none;  }
.header .head_in{height: 100%;padding: 40px 0; position: relative;z-index: 2;}
.header .head_nav{display: flex;flex-wrap: wrap;align-items: center;}
.header .head_nav .logo{ width: 200px; }
.header .head_nav .logo img{}
.header .head_nav ul{display: flex;flex-wrap: wrap;margin-left: 90px;margin-top: 10px;flex-wrap: nowrap;width: calc(100% - 290px);}
.header .head_nav li{font-size: 16px;width: 150px;white-space: nowrap;width: auto;}
.header .head_nav li:not(:last-of-type){margin-right: 8%;}
.header .head_nav li a{ color: #FFFFFF; position: relative; display: flex; align-items: center; font-weight: bold;}
.header .head_nav li a::before{ display: inline-block; content: ""; width: 0; height: 2px; background-color: #adcf23; transition: 0.3s; vertical-align: baseline; }
.header .head_nav li:hover a{ color: #CCCCCC; text-shadow:5px 5px 5px rgba(0, 0, 0, 0.2); }
.header .head_nav li:hover a::before{ width: 14px; margin-right: 8px; }
.header .head_share{}
.header .head_share li{}
.header .head_share li a{ display: block; width: 30px; height: 30px; position: relative; }
.header .head_share li img{ position: absolute; left: 50%;top: 50%; transform: translate(-50%,-50%) ;}
.header .head_share li .-white{ display: block; }
.header .head_share li .-black{ display: none; }
.head_mask{ width: 100%; height: 100vh; background-color: rgba(0,0,0,.5); position: absolute; left: 0; top: 0; z-index: 1; display: none; }

.idx_head .head_btn .bar1, .idx_head .head_btn .bar2, .idx_head .head_btn .bar3{background: #fff;}
@media (max-width:1440px){
	.header .head_nav ul{margin-left: 60px;max-width: calc(100% - 260px);}
}
@media (max-width:1080px){
	.header .head_nav ul{display: none;}
	.header .head_in{padding: 16px 0;}
}
/* @media (max-width:768px){
.header .w1400{padding: 0 10%;}
.header .head_nav{display: grid;}
.header .head_nav ul{display: grid;margin-left: 0;}
.header .head_nav ul li{margin-top: 15px;}
} */
@media (max-width:600px){
.header .head_nav .logo{ width: 90px; }
.header .head_nav .logo img{width: 100%;}
}

.moble_nav{ padding-top: 140px; padding-bottom: 50px; height: 100%; width: 100%; background-color: rgba(0,0,0,0.8); position: fixed; top: 0; left: 0; z-index: 998; display: none; }
.moble_nav nav{ padding: 0 20px; height: 100%; }
.moble_nav ul{ height: 100%; overflow-y: auto; border-top: 1px solid rgba(100,100,100,0.3); }
.moble_nav ul li{}
.moble_nav ul li span{ display: block; border-bottom: 1px solid rgba(100,100,100,0.3); overflow: hidden; }
.moble_nav ul li span.icon{ background: url(../images/icon_next1.png) no-repeat right center; background-size: 25px; padding-right: 50%; }
.moble_nav ul li span.icon.cur{ background-image: url(../images/icon_next.png);border-bottom: 1px solid rgba(219, 0, 0, 0.6);}
.moble_nav ul li span a{ padding: 18px 0; display: block; font-size: 18px; font-weight: bold; color: #FFFFFF; }
.moble_nav ul li .subnav{  border-bottom: 1px solid rgba(219, 0, 0, 0.6); padding: 6px 0 10px; display: none;}
.moble_nav ul li .subnav a{ display: block; padding: 10px 0; font-size: 16px; padding-left: 10px; color: #eeeeee;}
@media (max-width:768px){
.moble_nav{padding-top: 130px;}
}
@media (max-width:480px){
.moble_nav ul li span a{font-size: 16px;}
}


/* 内页导航 */
.header_nei{}
.header_nei .head_mian{ background-color: #FFFFFF;position: relative; }
/* .header_nei .head_sub.fixed{ position: fixed; width: 100%; top: 0; left: 0; z-index: 999; } */
.header_nei .head_mian .w1400{ height: 88px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.header_nei .head_mian .h_nav{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; height: 100%; }
.header_nei .head_mian .h_nav .logo a{ display: block;}
.header_nei .head_mian .h_nav .logo h1{ }
.header_nei .head_mian .h_nav .logo img{ max-width: 100%; }
.header_nei .head_mian .h_nav ul{ height: 100%; justify-content: flex-start; align-items: stretch; padding-left: 90px;  }
.header_nei .head_mian .h_nav ul li{ font-size: 14px; font-weight: 500; position: relative; max-width: 25%; }
.header_nei .head_mian .h_nav ul li.active{ background-color: #f6f6f6;}
.header_nei .head_mian .h_nav ul li a{ color: #666666; display: block; padding: 0 30px; height: 100%; display: flex;flex-wrap: wrap;justify-content: center; align-items: center;font-size: 16px;}
.header_nei .head_mian .h_nav ul li i{ position: absolute; right: 15px; top: 50%; transform: translateY(-50%) rotate(-90deg); font-size: 12px; font-family: "SimSun-ExtB";  }
.header_nei .head_mian .h_sear{ width: 160px; height: 100%;  }
.header_nei .head_mian .h_sear i{ display: block; width: 100px; height: 100%; background: url(../images/head_search.png) no-repeat center; cursor: pointer; }
.header_nei .head_sub{ background-color: #000000;height: 70px;margin-top: 88px;}
.header_nei .head_sub.head_xq{ height: 80px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; }
.header_nei .head_sub.head_xq ul{ margin-left: 190px; }
/* .header_nei .head_sub.fixed{ position: fixed; width: 100%; top: 0; left: 0; z-index: 999; } */
.header_nei .head_sub ul{ align-items: stretch; justify-content: flex-start; height:70px; }
.header_nei .head_sub ul li{ height: 100%; }
.header_nei .head_sub ul li a{ text-transform: uppercase; font-size: 13px; font-weight: bold; color: #999999; display: block; height: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 0 30px; letter-spacing: 1px;  }
.header_nei .head_sub ul li a span{ display: inline-block; padding-bottom: 5px; border-bottom: 1px solid transparent; }
.header_nei .head_sub ul li:hover a span,
.header_nei .head_sub ul li.active a span{ border-color: #FFFFFF; color: #FFFFFF; }
.header_nei .head_sub .h_local{ height: 100%;display: inline-flex;flex-wrap: wrap;flex-direction: column;justify-content: center; }
.header_nei .head_sub .h_local p{ font-size: 12px; color: #FFFFFF; font-family: "华文琥珀";  }
.header_nei .head_sub .h_local p .home img{ width: 14px; vertical-align: bottom; }
.header_nei .head_sub .h_local p a{ font-size: 14px; color: #FFFFFF; display: inline-block;font-family: Montserrat; }
.header_nei .head_sub .h_local h3{ letter-spacing: 3px; font-size: 30px; font-weight: 300; color: #FFFFFF; padding-top: 5px; }
.h_mart{height: 60px; width: 100%; display: none;}
.head_btn{cursor: pointer; position: absolute; top: 50%; right: 5px; transform: translateY(-50%); padding: 10px; display: none; }
.head_btn .menuBtn {width: 18px;height: 15px;}
.head_btn .bar1, .head_btn .bar2, .head_btn .bar3 {width: 18px;height: 3px;background-color: #202020;margin: 3px 0;transition: 0.4s;}
.head_btn.change .bar1 {transform: rotate(45deg) translate(3px, 5px);}
.head_btn.change .bar2 {opacity: 0;}
.head_btn.change .bar3 {transform: rotate(-45deg) translate(3px, -6px);}


.search{ position: fixed; left: 0; top: 0; z-index: 999999; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); display: none; }
.search .close{ font-weight: normal; font-size: 50px; font-family: ; color: #FFFFFF; cursor: pointer; user-select: none; width: 30px; position: absolute; right: 10%; top: 5%; }
.search .close img{ max-width: 100%; }
.search .form{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90%; max-width: 600px; }
.search .form .input{ padding-bottom: 15px; border-bottom: 2px solid #FFFFFF; display: flex;flex-wrap: wrap;justify-content: space-between; align-items: stretch; width: 100%; }
.search .form .input input{ font-size: 30px; font-weight: 300; padding-left: 10px; background-color: transparent; color: #FFFFFF; height: 50px; line-height: 50px; width: calc(100% - 50px); }
.search .form .input input::placeholder { color: #FFFFFF; }
.search .form .input button{ width: 50px; height: 50px; background-color: transparent; background: url(../images/search_icon.png) no-repeat center / 80%; }
@media (max-width: 1440px) {
.header_nei .head_mian{height: 60px;}
.header_nei .head_mian .h_nav ul{padding-left: 60px;}
.header_nei .head_mian .h_nav ul li a{padding: 0 25px; }
.header_nei .head_mian .h_nav ul li i{right: 15px;}
.header_nei .head_mian .h_sear{width: 100px;}
.header_nei .head_sub{}
.header_nei .head_sub ul li a{padding: 0 20px;}
}
@media (max-width: 1200px) {
.header_nei .head_sub{height: 55px;}
.header_nei .head_mian .h_nav ul li a{padding: 0 20px; }
.header_nei .head_mian .h_nav ul li i{ right: 5px; }
}
@media (max-width: 1280px) {
.head_btn{display: block;}
.h_mart{display: block;}
.header_nei .head_mian{ position: fixed; top: 0; left: 0;width: 100%; z-index: 9999; }
.header_nei .head_mian .w1400{height: 50px;}
.header_nei .head_mian .h_nav ul{ display: none;}
.header_nei .head_mian .h_nav{justify-content: center;}
.header_nei .head_mian .h_sear{width: 60px;}
.header_nei .head_mian .h_sear i{width: 60px;}
.header_nei .head_sub{height: 50px; display: none; }
.header_nei .head_sub.head_xq{display: none;}
.header_nei .head_sub.fixed{top: 60px;}
}
@media (max-width: 960px) {
.search .close{width: 20px;}
.search .form .input{padding-bottom: 10px; }
.search .form .input input{font-size: 24px;}
.search .form .input button{width: 40px;}
}
@media (max-width: 640px) {}
@media (max-width: 480px) {
.header_nei .head_mian .h_nav .logo{width: 90px;}
.search .close{right: 6%; top: 2%;}
}


/* footer */
.footer{background: #333333;}
.footer .f_top{padding: 60px 0 100px;}
.footer .f_top .form{width: 40%;}
.footer .f_top .form .f_title h2{font-size: 30px;font-weight: bold;color: #fff;}
.footer .f_top .form .f_title p{font-size: 16px;color: #828282;}
.footer .f_top .form form{margin-top: 10px;}
.footer .f_top .form input{border-radius: 5px;margin-bottom: 10px;height: 30px;padding-left: 10px;width: 55%;font-size: 12px;}
.footer .f_top .form input#content{height: 50px;}
.footer .f_top .form .code input{width: 38.9%;margin-right: 10px;}
.footer .f_top .form .code img{width: 76px;margin-bottom: 9px;}
.footer .f_top .form .submit{background: #ACCE22;color: #000;padding-left: 0;font-size: 16px;}
.footer .f_top .list{width: 60%;}
.footer .f_top .list li{width: 45%;}
.footer .f_top .list li:nth-child(2){width: 55%;}
.footer .f_top .list li h3{color: #999999;font-size: 18px;}
.footer .f_top .list li .nav_down{display: grid;}
.footer .f_top .list li .nav_down a{font-size: 14px;color: #fff;margin-top: 10px;}
.footer .f_top .list li:nth-child(2) .nav_down{display: flex;flex-wrap: wrap;}
.footer .f_top .list li:nth-child(2) .nav_down a{width: 50%;}
.footer .f_top .list li:nth-child(2) .nav_down a:nth-child(even){padding-left: 100px;}
.footer .f_top .list .eji li{margin-top: 10px;}
.footer .f_content{border-bottom: 1px solid #434343;border-top: 1px solid #434343;padding: 20px 0;}
.footer .f_content .left a{color: #fff;font-size: 16px;}
.footer .f_content .left a img{width: 20px;}
.footer .f_content .right{float: right;}
.footer .f_content .right li{margin-left: 40px;}
.footer .f_bottom{padding: 40px 0;}
.footer .f_bottom .img{text-align: center;}
.footer .f_bottom img{width: 65%;}
.footer .f_bottom .bottom {margin-top: 40px;}
.footer .f_bottom .bottom span{font-size: 16px;color:#999999 ;}
.footer .f_bottom .bottom .r{float: right;}
.footer .f_bottom .bottom span ul a{font-size: 14px;color:#999999 ;}
@media all and (max-width:1080px){
.footer .f_top .list li{width: 40%;}
.footer .f_top .list li:nth-child(2){width: 60%;}
.footer .f_top .list li:nth-child(2) .nav_down a:nth-child(even){padding-left: 68px;}
.footer .f_top .form .f_title h2{font-size: 24px;}
}
@media all and (max-width:868px){
.footer .f_top{padding: 20px 0;}
.footer .f_top .list{display: none;}
.footer .f_top .form{width: 100%;}
.footer .f_top .form .f_title h2{font-size: 20px;}
.footer .f_top .form .f_title p{font-size: 14px;}
.footer .f_top .form input{width: 100%;}
.footer .f_top .form .code input{width: 75%;}
.footer .f_content{padding: 10px 0;}
.footer .f_content .left a{font-size: 14px;}
.footer .f_content .left a img{width: 20px;}
.footer .f_content .right{float: inherit;width: 100%;}
.footer .f_content .right ul{margin-top: 15px;}
.footer .f_content .right li{margin-left: 0;margin-right: 20px;}
.footer .f_bottom{padding: 20px 0 20px;}
.footer .f_bottom img{width: 75%;}
.footer .f_bottom .bottom{margin-top: 25px;}
.footer .f_bottom .bottom .r{float: inherit;}
}

/* 悬浮 */
.floating{position:fixed;top:50%;right:18px;z-index:99;border-radius:10px;box-sizing:border-box;-webkit-transform:translateY(-50%);transform:translateY(-50%);box-shadow:1px 1px 10px rgba(0,0,0,0.2);}
.floating li{position:relative;display:block;border-bottom:1px solid #eee}
.floating li >a.iconfont{display:block;width:60px;height:60px;background:rgba(255,255,255,.7);font-size:24px;color:#5b5b5b;text-align:center;line-height:60px;cursor:pointer; display: flex;flex-wrap: wrap;justify-content: center; align-items: center; }
.floating li >a.iconfont svg{ width: 25px; height: auto; }
.floating li:last-child{border-bottom:0}
.floating li:last-child >a.iconfont{border-radius:0 0 6px 6px}
.floating li:first-child >a.iconfont{border-radius:6px 6px 0 0}
.floating li:hover >a.iconfont{background:#222;color:#fff}
.floating li:hover >a.iconfont svg path{ fill: #FFFFFF!important; }
.floating li:hover .floa_i{visibility:visible;opacity:1;transform:translateX(0);-webkit-transform:translateX(0)}
.floating .floa_i{position:absolute;top:50%;right:100%;height:100%;margin-top:-30px;padding-right:15px;-webkit-transition:all .5s;transition:all .5s;visibility:hidden;opacity:0;transform:translateX(-5px);-webkit-transform:translateX(-5px)}
.floating .floa_i span{display:block;position:relative;height:100%;padding:0 20px;background:#fff;border-radius:6px;white-space:nowrap;font-size:16px;color:#333;line-height:60px}
.floating .floa_i span:before{position:absolute;left:100%;top:50%;content:'';margin-top:-8px;border-top:8px solid transparent;border-left:10px solid #fff;border-bottom:10px solid transparent}
@media (max-width:600px){
  .floating{ display: none; }
}


.load{ overflow: hidden; }
.page_load{ background-color: #adcf23; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; opacity: 0; z-index: 99999; z-index: -1; visibility: hidden; display: none; }
.page_load.show1{ display: block; opacity: 1; z-index: 99999; visibility: visible; }
.page_load .load_logo{ width: 267px;position:absolute;bottom:52vh;left:50%;transform:translate(-50%, -50%); }
.page_load .load_logo img{ width: 100%; }
.progress{ width:260px;max-width:85vw;height:4px;position:absolute;bottom:50vh;left:50%;border-radius:4px;background:rgba(255,255,255, .9);transform:translate(-50%, -50%);overflow:hidden; }
.progress::after{ content:'';display:block;width:100%;height:4px;background:#adcf23;animation:load 3s linear; }
@keyframes load{0%{width:0}
10%{width:5%}
20%{width:15%}
30%{width:25%}
40%{width:30%}
50%{width:44%}
60%{width:50%}
70%{width:72%}
80%{width:84%}
90%{width:92%}
100%{width:100%}
}

@media (max-width:600px){
.page_load .load_logo{width: 260px;}
}

/* 波浪动画 */
.load_animation{width:100%;position:absolute;bottom:0;left:0;text-align:center;background:linear-gradient(60deg,#4bb13f 0,#4bb13f 100%);color:#fff}
.flex{display:flex;justify-content:center;align-items:center;text-align:center}
.waves{position:relative;width:100%;height:15vh;margin-bottom:-7px;min-height:100px;max-height:150px}
.parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}
.parallax>use:nth-child(1){animation-delay:-2s;animation-duration:7s}
.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s}
.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}
.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s}
@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}
100%{transform:translate3d(85px,0,0)}
}
@media (max-width:768px){.waves{height:40px;min-height:40px}
.content{height:30vh}
h1{font-size:24px}
}