body{color: #0F0F0F; font-family: 'HarmonyOS_Sans_SC_Medium';}
a{color:#0F0F0F}
a:hover{color:#E8B867}
a:visited{color:#E8B867}
a:active,a:focus,a:hover{color:#E8B867}
.flex{ display: flex; align-items: center;}
.header{ top: 0; left: 0; width: 100%; background: #ffffff; z-index: 10000; padding: 15px 0; position: fixed;}
.mt_top{ margin-top: 158px;}
/* LOGO */
.logo{ vertical-align: middle; z-index: 2; position: relative; text-align: left; margin: 0; }
.logo a{ height: 100%; line-height: 0; text-align: left; align-items:start; }
.logo img{vertical-align: middle;max-height:100%;}
.fix-head{  position: fixed; top: 0; left: 0; width: 100%; z-index: 10000; background: #ffffff; -moz-box-shadow:0px 4px 6px rgba(0,0,0,0.1); -webkit-box-shadow:0px 4px 6px rgba(0,0,0,0.1); box-shadow:0px 4px 6px rgba(0,0,0,0.1); transition: all 0.4s; padding: 10px 0;}
.fix-head .wapNavBtn span{ background: #000000;}
.header .row{display: flex; align-items: center;}
.h-box{ display: flex; justify-content: flex-end; align-items: center; margin-left: 10px;}
.h-b1{ font-size: 14px; color: #0F0F0F; margin-right: 2rem; border: 1px solid #0F0F0F; height: 30px; line-height: 30px; border-radius: 15px;  }
.h-b1:hover{ background: #0F0F0F;}
.h-b1:hover a{ color: #ffffff;}
.h-b1 a{ color: #0F0F0F; padding: 0 5rem; text-align: center; max-width: 90px;}

.searchbox { position: relative; z-index: 10; clear: both; width:100%; height: 50px; border: 1px solid #E5E5E5; display: flex; justify-content: flex-start; align-items: center; }
.mod_select { width: 120px; }
.mod_select .select_box {position: relative; }
.mod_select .select_box .select_txt {display: inline-block; padding-left: 10px; overflow: hidden; font-size: 14px; cursor: pointer;}
.mod_select .select_box .icon{ position: absolute; right: 0; cursor: pointer;}
.mod_select .select_box .icon i{ margin-left: 5px;}
.mod_select .select_box .option { display: none;  position: absolute;  top: 34px;  left: -1px;  width: 200%; border: 1px solid #444786;  border-top: 0; background: #ffffff; border: 1px solid #dedede; max-height: 300px; overflow-y: scroll;}
.mod_select .select_box .option li {padding: 2px 15px;  font-size: 14px;  font-family: 'HarmonyOS_Sans_SC_Light'; line-height: 2;  cursor: pointer;}
.mod_select .select_box .option li:hover{ background: #E8B867;}
.mod_select .select_box .option li a{display: block;width:100%;height:100%}
.mod_select .select_box .option li:hover a{color:#fff;}
.searchbox .import { width: 100%; color: #808080; font-family: 'HarmonyOS_Sans_SC_Light'; font-size: 14px;  padding-left: 20px; border: none; outline: none;}
.searchbox .btn-search { position: absolute; right: 0; width: 100px; top: 0; height: 50px; color: #fff; background: url(../img/search.png) no-repeat center center #E8B867; border: 0;}
.searchbox form{ width: calc(100% - 120px);}
.searchbox form{ width: calc(100% - 120px);}

.wapNavBtn{display:none;line-height: 60px; height:60px; width:60px;font-size: 2rem; z-index:1000000; float: right; width: 60px;}
.wapNavBtn:before{color: #d11734;font-weight: bold;}
.wapNavBtn.on:before{}

.wapNavBtn span{ display:block; right:0; width:65%; height:3px; top:calc((100% - 50px) / 2);transition: all 0.4s; position: relative; margin:0 auto; border-radius: 3px; background: #000000;}
.wapNavBtn span:nth-child(1){animation: outfirst 0.5s; transform: translateY(15px) rotate(0); }
.wapNavBtn span:nth-child(2){animation: outlast 0.5s; transform: translateY(21px) rotate(0); }
.wapNavBtn span:nth-child(3){animation: outlast 0.5s; transform: translateY(27px) rotate(0); }

.wapNavBtn.on span{ background:#E8B867; z-index: 100000; }
.wapNavBtn.on span:nth-child(1){transform: translateY(25px) rotate(45deg); }
.wapNavBtn.on span:nth-child(2){transform: translateX(0) rotate(0); display:none;}
.wapNavBtn.on span:nth-child(3){transform: translateY(23px) rotate(-45deg);}

/* 导航-1 */
.navBox{width:100%; margin-left: 0; margin-top: 2rem;}
.navBox ul.navCont{}
.navBox ul.navCont li.child{float:left; width: 11.11%; text-align:center; display: flex; justify-content: flex-start; align-items: center; position: relative;}
.navBox ul.navCont li.child a{display: block;color:#0F0F0F;  font-size: 18px; text-transform:uppercase; line-height: 2; position: relative; font-family: 'SourceHanSansCN'; z-index: 1; position: relative; margin-right: 10px; }
.navBox ul.navCont li.child a span{z-index: 1; position: relative;}
.navBox ul.navCont li.child a:hover{ color: #E8B867;}
.navBox ul.navCont li.child.cur { width:100%; color: #ffffff;}
.fix-head .navBox ul.navCont li.child a{ line-height: 2;}

.navBox ul.navCont li.child .childcont{ position:absolute; top:90%; left: 0; right: 0; z-index:999;display:none;width:100%; background:#ffffff; text-align: center; margin: 0 auto; padding: 3rem 0;}
.navBox ul.navCont li.child .childcont a:before,.navBox ul.navCont li.child .childcont a:after{ display: none;}
.navBox ul.navCont li.child .childcont a:hover{ color:#13227a; text-decoration:none; }
.wrap_service{ max-width: 800px; margin: 0 auto;}
.box_service{ padding: 3rem 0;}
.box_service .tit{ color: #0F0F0F; font-size: 4.8rem; font-family: 'HarmonyOS_Sans_SC_Bold';}
.box_service .tit_box{ font-size: 18px; text-align: right; margin: 2rem 0;}
.box_service1{ text-align: left; color: #0F0F0F; margin:2rem 0;}
.box_service1 span{ font-size: 3.6rem; line-height: 1.5; color: #0F0F0F;}
.box_service1 p{ font-size: 14px; line-height: 2; padding: 1rem 0;}
.box_service1 img{ margin: 2rem 0;}
.set_service1{  background: #FCF9F2; border-bottom: 1px solid #D0D0D0; height: 50px; line-height: 50px;}
.set_service1 ul{ list-style: none; display: flex; justify-content: center; align-items: center;}
.set_service1 ul li{ padding: 0 10px;}
.set_service1 ul li a{ font-size: 18px; color: #0F0F0F; line-height: 50px; display: flex; justify-content: flex-start; align-items: center;}
.set_service1 ul li a:hover{ color: #E8B867;}
.set_service1 ul li a i{ font-size: 2.2rem; margin-right: 5px;}
.wrap_service1{ max-width: 1022px; margin: 3rem auto;}
.dot_s1{ max-width: 460px; margin-left: 0; text-align: left;}
.dot_s1 span{ font-size: 16px; color: #0F0F0F; line-height: 2;}
.dot_s1 p { display: flex; justify-content: space-between; margin: 2rem 0;}
.dot_s1 p a{ font-size: 14px !important; font-family: 'HarmonyOS_Sans_SC_Light' !important;}
.dot_s2{ max-width: 316px; margin-left: auto;}

/*底部*/
.footer{ padding: 5rem 0 2rem; position: relative; border-top: 1px solid #E5E5E5; }
.foot_1{ }
.foot_1 .dot_f2{ margin: 8rem 0 0; }
.foot_1 .dot_f2 a{ margin-right: 15px; width: 28px; height: 28px; display: inline-block;}

.fnav{ max-width: 400px; margin: 0 auto;}
.fnav ul{ list-style: none; clear: both; overflow: hidden;}
.fnav li{ width: 50%; float: left; text-align: left;  }
.fnav li span{ font-size: 14px; line-height: 2; color: #0F0F0F; display: block; font-weight: bold; margin-bottom: 1rem;}
.fnav li span a{color: #0F0F0F;}

.fnav li p a{ display: block; line-height: 4rem; color: #0F0F0F; font-size: 12px;  }
.fnav li p a:hover{color: #E8B867;}

.dot_f1{ display: flex; justify-content: flex-end; align-items: center; font-size: 14px; color: #0F0F0F; }
.dot_f1 img{ margin-right: 5px;}
.dot_f1 i{ margin-left: 5px; color: #0F0F0F; font-weight: bold;}

.dot_f3{ display: flex; justify-content: flex-end; align-items: center; margin-top: 3rem;}
.dot_f3 a{ margin: 0 5px;}
.dot_f4{ margin: 10rem 0 0; display: flex; justify-content: center; flex-direction: column; align-items: flex-end;}
.dot_f4 a{ background: #E8B867; color: #ffffff; font-size: 12px; font-weight: bold; padding: 0 2rem; height: 46px; line-height: 46px; display: flex; justify-content: center; align-items: center;}
.dot_f4 a span{ margin-left: 10px;}
.dot_f4 p{ font-size: 12px; color: #0F0F0F; padding: 2rem 0 0;}


.sect_h7{ padding: 6rem 0;}
.tit_h3{ text-align: left; font-size: 3rem; color: #0F0F0F; text-transform: uppercase;}
.tit_f3{ text-align: center; font-size: 3rem; color: #0F0F0F;}
.wrap_1{ max-width: 922px; margin: 0 auto;}
.form-group span{ font-size: 14px; color: #000000;}
.btn-default{background: #0F0F0F; width: 100%; color: #ffffff; font-size: 14px; text-transform: uppercase; max-width: 147px; height: 46px; line-height: 46px; display: block; font-style: normal; text-align: center; border: 1px solid #0F0F0F;}
.zhuyi{ font-size: 14px; font-family: 'HarmonyOS_Sans_SC_Light'; margin: 3rem 0; color: #000000;}
.pro_bt{ margin: 0 auto;}
.pro_bt i{ margin-left: 10px;}
/*媒体盒子模型*/
.media-box{display:block;margin-bottom:10px;width: 100%;}
.media-box a{ display: block;}
.media-box .icon{ background: #fff; width: 100%; overflow: hidden; text-align: center;}
.media-box .icon{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.media-box .icon img{ max-height: 100%;}
.media-box .icon img{transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
.media-box h3{ text-align: center; font-size: 1.8rem; color: #373737; padding: 1rem 0;}
.media-box a:hover .icon img{transform:scale(1.2);}

/*翻页*/
.pagination{text-align: center; color: #292929; margin-bottom: 30px; margin-top: 3rem; display: flex; justify-content: center;}
.pagination li{ float: left;}
.pagination li:first-child a{ height: 44px; width: 44px;  line-height:44px; display: inline-block; margin:0 2px; color: #ffffff; text-align: center; font-size: 14px; background: #111111; }
.pagination li:last-child a{ height: 44px; width: 44px;  line-height:44px; display: inline-block; margin:0 2px; color: #ffffff; text-align: center; font-size: 14px; background: #111111;}
.pagination li a{height: 44px; width: 44px;  line-height:44px; display: inline-block; margin:0 2px; color: #0F0F0F; text-align: center; font-size: 14px; background: #ffffff;}
.pagination li a:hover{ background: #111111; color: #ffffff;}

.pagination span.current,.pagination a:hover{ background-image: linear-gradient(to right, #0e57c0, #0e57c0); color: #ffffff;}
.pagination a.on{ background-image: linear-gradient(to right, #0e57c0, #0e57c0); color: #ffffff;}
.pagination span.sfont{ width: auto; margin-left: 10px;}

a.more{display: block; color: #fb7b22; font-size: 18px; border: 1px solid #fb7b22; width: 100%; max-width: 235px; height: 53px; line-height: 53px; text-align: center;  margin: 4rem auto; transition: all 0.3s; border-radius: 35px; }
a.more i{ font-size: 18px;}
a.more:hover{ background-image: linear-gradient(to right, #fd8b2b,#fa6e1a, #fb7b22); transition: all 0.3s;  color: #ffffff;}


.big_img{position: fixed;z-index: -1;opacity: 0;background: rgba(0,0,0,0.8);width: 100%;height: 100%;top:0;left:0;}
.big_img .big-box{position: absolute;width: 50%;height: 80%; bottom: 0; top: 0; left: 0; right: 0; margin: auto auto;}
.big_img .swiper-container2 {width: 100%;height: 100%; overflow: hidden;}
.big_img .swiper-container2  .swiper-wrapper{width: 100%;height: 100%;}
.big_img .swiper-slide{width: 100%;height: 100%;display: table}
.big_img .swiper-slide .cell{ padding: 8% 8% 0; margin-bottom: 3%; overflow: hidden; position: relative; height: 70%; text-align: center; display: flex; justify-content: center; align-items: center;}
.big_img .swiper-slide img{  max-height: 90%; max-width: 90%; margin: 0 auto;}
.big_img .swiper-slide .txt{ background-color: #fff; line-height: 28px; padding: 0 8%;}
.big_img .page2{position: absolute; top:0.2rem;text-align: center;width: 100%;}
.big_img .page2 span{margin:0 0.05rem;}
.big_img .close{ font-size: 30px; color: #fff; width: 48px; height: 48px; line-height: 48px; top: 10%; right: 0; left: 0; margin: 0 auto; position: absolute; z-index: 10000; cursor: pointer; text-align: center; border-radius: 48px; background-color: #464646;}
.big_img .close i{ line-height: 48px; font-size: 30px;}
.big_img .swiper-button-next,.big_img .swiper-button-prev{ background: #fff; width: 50px; height: 50px; line-height: 50px; border-radius: 50px; margin-top: -40px;}
.big_img .swiper-button-next{ right: 10%; opacity: 1; background-color: #E8B867;}
.big_img .swiper-button-prev{ left: 10%; opacity: 1; transform: rotateZ(180deg);}
.big_img .swiper-button-next i,.big_img .swiper-button-prev i{ font-size: 3rem; color: #d3d3d3; display: block; text-align: center;}
.big_img .swiper-button-next i{ color: #fff;}

.vshare{ background-color: #fff; position: absolute; width: 100%; height: 10%; box-sizing: border-box; text-align: right; padding: 0 2rem; bottom: 0; left: 0;}
.big-style .swiper-container2{ background-color: #ffffff; border-radius: 5px;}
.big-style .close{ left: auto; right: -48px; top: 5px;}

.sidebar{ position: fixed; right: 0; top: 60%; z-index: 10000;}
.sidebar ul{ list-style: none; display: flex; justify-content: center; flex-direction: column;}
.sidebar ul li{ width:7rem; height: 7rem; background: #03AAC7; display: block; line-height: 7rem; text-align: center; margin-bottom: 2px;}
.sidebar ul li i{ color: #ffffff; font-size: 2.8rem; text-align: center;}

.hidden{display:none}
.msKeimgBox{margin:0px auto;}
.mskeLayBg{background:#000; width:100%; position:absolute; left:0px; top:0px; z-index:1000; opacity:0.7; filter:alpha(opacity=70); display:none; _display:none!important; }
.mskelayBox{min-height: 488px; width: 100%; max-width: 790px; position:fixed;left: 0; right: 0; top:20%;z-index:1001; ackground: #ffffff; display:none;_display:none!important; text-align: center;  margin: 0 auto; padding: 15px; }
.mskelayBox i{ font-size: 18px; color: #ffffff; background: #000000; width: 30px; height: 30px; border-radius: 30px; line-height: 30px; text-align: center; display: inline-block;}
.mskeImgBg{height:57px; width:100%; position:absolute; left:0px; bottom:0px;}
.mskeClaose{position:absolute; top:2rem; right:2rem; cursor:pointer;}
.mske_html{ display: flex; justify-content: flex-start; background: #ffffff;}

.login{ padding: 4rem; text-align: left;}
.login span{ font-size: 4rem; color: #0F0F0F; line-height: 1;}
.login p{ font-size: 18px; font-family: 'HarmonyOS_Sans_SC_Light'; padding: 2rem 0; line-height: 1.6;}
.login .form-control{ padding: 0 10px; height: 50px; line-height: 50px; border: none; color: rgba(15,15,15,0.4); background: #F9F9F9; font-size: 16px; background:#f9f9f9;}
.login .form-control::placeholder{color: rgba(15,15,15,0.4);}
.login .btn-default{ width: 100%; max-width: 100%; border-radius: 5px; text-transform: capitalize;}
.login b{ font-size: 16px; font-family: 'HarmonyOS_Sans_SC_Light'; line-height: 2; padding: 2rem 0; display: block;}
.login ul{ display: flex; justify-content: flex-start; align-items: center; list-style: none; margin-top: 5rem;}
.login ul li{ font-size: 14px; margin: 0 3px;}

.login_on{ position: fixed; width: 100%; top: 0; right: 0; left: 0; margin: 0 auto; height: 100%; z-index: 10001; background: rgba(0,0,0,0.5); }

.mskelayBox1{min-height: 488px; width: 100%; max-width: 790px; position:fixed; left: 0; right: 0; top:20%;z-index:1001; background: #ffffff; text-align: center;  margin: 0 auto; padding: 15px; }
.mskelayBox1 i{ font-size: 18px; color: #ffffff; background: #000000; width: 30px; height: 30px; border-radius: 30px; line-height: 30px; text-align: center; display: inline-block;}