@charset "utf-8";
/* CSS Document */
/*public css*/
*{ margin:0px; padding:0px;}
html{max-width: 640px;min-width: 320px;margin: 0 auto;}
body{font-size:14px;font-family:"Microsoft YaHei",SimSun,Arial,Helvetica,sans-serif;color:#FFF;background:#272D31 url(../images/wap_bkg.jpg) top center no-repeat;background-size: 100% auto;line-height:24px;overflow-x:hidden;}
ul li{ margin:0px; padding:0px; list-style-type:none;}
form,ul,li,table,td,p,span,h1,h2,h3,h4,h5,img,dl,dt,dd{ margin:0px; padding:0px;}
img{ border:none; width:auto; max-width:100%;}
a{ color:#FFF; text-decoration:none;}
a:hover,a:active{ color:#0044DE; text-decoration:none;}
.dispblock{ display:block;}
.dispnone{ display:none;}
.txt_cent { text-align: center; }
.red { color: #CF0212; }
.Word_Break{ word-break:break-all; overflow:hidden; TABLE-LAYOUT:fixed; WORD-WRAP:break-word;}
.fixedHeader{ position:fixed; left:0; top:0; z-index:100;}
.txt_hide_1{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.txt_hide_2{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.wap_box { clear: both; width: 100%; max-width: 640px; margin: 0 auto; }
.wap_box_1 {clear: both;width: calc(100% - 30px);max-width: 610px;margin: 0 auto;padding: 0 15px;}
.wap_box_2 {clear: both;width: calc(100% - 30px);max-width: 610px;margin: 0 auto;}
/*index*/
.bd_bkg{ background:#272D31 url(../images/wap_bkg.jpg) top center no-repeat; background-size: 100% auto;}
.wap_top{width:100%;height:60px;position:fixed;top: 0;left: 50%;transform: translateX(-50%);z-index: 999;background-color: rgba(0,0,0,0.3);backdrop-filter: blur(5px);transition: all 0.3s ease-out;}
.wap_top .lt{float:left;padding: 16px 0;padding-left: 10px;}
.wap_top .lt img{max-height: 28px;}
.wap_top .ct{ float:right; padding:15px 0 0 0;}
.wap_top .ct a{ display: block; float: left; margin-left: 10px; width: 28px; height: 28px; line-height: 28px; border-radius: 50%; border: 1px solid #FFF; text-align: center;}
.wap_top .ct .a_sh{ background: url(../images/wap_03_1.png) center center no-repeat; background-size: 55% auto;}
.wap_top .ct .a_tel{ background: url(../images/wap_03_2.png) center center no-repeat; background-size: 55% auto;}
.menu{position: fixed;top:60px;left: 50%;width:100%;height: 100%;line-height:40px;left: 50%;padding-bottom: 120px;transform: translateX(-50%);background: rgba(0,0,0,0.7);backdrop-filter: blur(5px);z-index:1001;display:none;overflow-x: hidden;box-sizing: border-box;}
.topnav{padding:10px}
.menu li{width:100%;border-top:1px solid rgba(255,255,255,0.2);position:relative;}
.menu li:last-child{ border-bottom:1px solid rgba(255,255,255,0.2);}
.menu li>p a{ display:inline; color:#FFF; height:40px; line-height:40px; margin-left:10px;}	
.menu li>p a:hover{ color:#3f70bf;}
.menu li em{position:absolute;right:15px;top:15px;width:10px;height:10px;border:1px solid #666;border-left:0px;border-bottom:0px;opacity:1;display:block;transform:rotate(45deg);transition: all .5s;}
.menu li.open em{transform: rotate(135deg);}
.menu li .sub-menu{ width:100%; height:auto; line-height:33px;  display:none; color:#FFF;}
.menu li .sub-menu li>p{ background:url(../images/t.png) left center no-repeat;}
.menu li .sub-menu li:last-child>p{ background-image:url(../images/t_1.png);}
.menu li .sub-menu li a{ display:inline-block; height:33px; color:#FFF; margin-left:25px;}
.menu li .sub-menu li a:hover{ color:#3f70bf;}
.menu li .sub-menu span{ margin-left:10px;}
.wap_top .controlBtn{ height:60px; width:60px; position:relative; cursor:pointer; float:right; z-index:3; transition:all 0.3s;}
.wap_top .controlBtn i{display:block;height:2px;background: #FFF;width:24px;position:absolute;top:28px;left:16px;transition:all 0.3s;opacity:1;}
.wap_top .controlBtn i::after{content:"";display:block;height:2px;background: #FFF;width:28px;position:absolute;top:-7px;left:0px;transition:all 0.3s;}
.wap_top .controlBtn i::before{content:"";display:block;height:2px;background: #FFF;width:28px;position:absolute;bottom:-7px;left:0px;transition:all 0.3s;}
.wap_top .controlBtn i.on{ background:none; opacity:1;}
.wap_top .controlBtn i.on::after{ transform:rotate(45deg); top:0px;}
.wap_top .controlBtn i.on::before{ transform:rotate(-45deg); bottom:0px;}
.wap_top .lang{ float: right; margin:9px 15px 0 0; width: 40px; height: 40px; border-radius: 50%; text-align: center; border: 1px solid #E7E7E7; line-height: 40px;}
.wap_top .lang a { display:inline-block;}
.wap_topjg{ display: block; width: 100%; height: 60px;}
.wap_top_bkg{background-color: rgba(0,0,0,0.7);backdrop-filter: blur(5px);}
.wap_ban{margin-top: 15px;}
.wap_ban .box{ position: relative; overflow: hidden; }
.wap_ban img{display: block;width: 100%;}
.wap_boxA{ padding-top: 25px; padding-bottom: 25px;}
.wap_boxA .p_1{ font-size: 18px;}
.wap_boxA .cont{opacity: 0.6;margin-top: 10px;text-align: justify;}
.wap_boxA .more{ display: block; margin-top: 10px;}
.wap_boxA .more i, .wap_boxA .more em{ display: inline-block; margin-right: 12px; width: 16px; height: 16px; border-left: 1px solid #0054DE; border-bottom: 1px solid #0054DE;}
.wap_boxA .more img{ display: inline-block; margin-left: 8px;}
.wap_boxB{ position: relative;} 
.wap_boxB .box{ background-color: #0044DE; padding: 20px;}
.wap_boxB .p_1{ opacity: 0.8;}
.wap_boxB .p_2{ font-size: 20px; font-weight: bold; line-height: 1; margin-top: 10px;}
.wap_boxB ul{ overflow: hidden; margin-top: 30px;} 
.wap_boxB li{ float: left; width: 50%; height: 80px;}
.wap_boxB li p{ line-height: 22px;}
.wap_boxB li p b{ font-size: 22px;}
.wap_boxB li div{ width: 140px;}
.wap_boxB .dd{position: absolute;right: -150px;top: -113px;}
.wap_boxC{ background: url(../images/wap_05.jpg) top center repeat-x; padding-top: 30px; padding-bottom: 30px; position: relative;}
.wap_boxC .tit_box{}
.wap_boxC .tit_box p{ font-size: 20px; line-height: 1.1; font-weight: bold; color: #646465; text-transform: uppercase;}
.wap_boxC .tit_box span{ display: inline-block; font-size: 16px; margin-top: 5px;}
.wap_boxC .ctg{ display: flex; justify-content: space-between; margin-top: 15px;}
.wap_boxC .btnbox{ position: absolute; right: 20px; top: 60px;}
.wap_boxC .btnbox p{ margin-left: 8px; width: 60px; height: 30px; border: 1px solid #FFF; background: url(../images/index_17.png) center center no-repeat; cursor: pointer; transition: all 0.3s ease-out;}
.wap_boxC .btnbox p:hover{ background-color: #0044DE; border-color: #0044DE;}
.wap_boxC .btnbox .prev{ float: left;}
.wap_boxC .btnbox .next{ float: right; transform: rotateY(180deg);}
.wap_boxC .list{ margin-top: 20px; position: relative; overflow: hidden;}
.wap_boxC .list li{float: left;width: calc(50% - 10px);padding: 20px 0;margin-right: 20px;background-color: #0054DE;text-align: center;}
.wap_boxC .list li .p_1{font-size: 18px;line-height:25px;}
.wap_boxC .list li .p_2{padding: 0 15px;font-size: 16px;margin-top: 10px;}
.wap_boxC .list li .imgs{margin: 20px auto;max-width: calc(100% - 100px);}
.wap_boxC .list li .imgs span{display: block;position: relative;width: 100%;padding-top: 45.832%;overflow: hidden;}
.wap_boxC .list li .imgs img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: contain;object-position: center;display: block;}
.wap_boxC .list li .zhaiyao{line-height: 25px;padding: 0 15px;margin-top: 10px;}
.wap_boxC .list li .more{display: block;width: calc(100% - 120px);margin: 50px auto  0 auto;padding-left: 10px;height: 40px;line-height: 40px;color: #0054de;background:#FFF url(../images/index_15_1.png) right 10px center no-repeat;background-size: auto 30%;text-align: left;}
.wap_boxD{ background: url(../images/wap_07.jpg) no-repeat; background-size: cover;}
.wap_boxD .box_net{padding: 15px;}
.wap_boxD .box_net .p_0{ width: 50px;}
.wap_boxD .box_net .p_1{ opacity: 0.5; margin-top: 5px;}
.wap_boxD .box_net .p_2{ font-size: 16px;}
.wap_boxD .box_net .info{ opacity: 0.8; margin-top: 10px;}
.wap_boxD .box_net .map{ margin-top: 20px;}
.wap_boxD .box_pic{ margin: 10px 20px 0 20px;}
.wap_boxD .box_pic .box{ position: relative; overflow: hidden; padding-bottom: 10px; border-bottom: 1px solid #7F8284;}
.wap_boxD .box_pic .box li{ float: left; margin-right: 15px; width: auto;}
.wap_boxD .box_pic .box li img{ max-height: 60px;}
.wap_boxD .box_pic .btn_box{ padding: 15px 0; display: flex; justify-content: center;}
.wap_boxD .box_pic .btn_box p{ margin: 0 10px; width: 60px; height: 30px; border: 1px solid #FFF; background: url(../images/index_17.png) center center no-repeat; cursor: pointer; transition: all 0.3s ease-out;}
.wap_boxD .box_pic .btn_box .prev{}
.wap_boxD .box_pic .btn_box .next{ transform: rotateY(180deg);}
.wap_boxD .box_news{padding: 15px;}
.wap_boxD .box_news .top{ display: flex; align-items: center; justify-content: space-between;}
.wap_boxD .box_news .top .tit{ float: left; font-size: 16px; color: #FFF;}
.wap_boxD .box_news .top .tit b{ display: block; margin-bottom: 5px; font-size: 20px; line-height: 1; opacity: 0.2;}
.wap_boxD .box_news .top .more{ float: right; display: block; width: 150px; padding-left: 10px; height: 40px; line-height: 40px; color: #FFF; border: 1px solid #FFF; background: url(../images/index_15.png) right 10px center no-repeat; background-size: auto 30%;}
.wap_boxD .box_news .list{ overflow: hidden; margin-top: 20px;}
.wap_boxD .box_news .list li{float: left;margin-right: 15px;width: calc(50% - 7.5px);background-color:#FFF;}
.wap_boxD .box_news .list li:last-child{ margin-right: 0;}
.wap_boxD .box_news .list li a {display: block;padding: 15px;color: #333;}
.wap_boxD .box_news .list li .p_1 {font-size: 16px;line-height: 1;}
.wap_boxD .box_news .list li .info {padding-top: 10px;font-size: 12px;line-height: 20px;opacity: 0.7;height: 40px;text-align: justify;overflow: hidden;}
.wap_boxD .box_news .list li .imgs{margin-top: 10px;padding: 1px;border: 1px solid #EAEAEA;}
.wap_boxD .box_news .list li .imgs span{display: block;position: relative;width: 100%;padding-top: 75%;overflow: hidden;}
.wap_boxD .box_news .list li .imgs img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: contain;object-position: center;display: block;}
.wap_boxD .box_news .list li .tm{ padding-top: 10px; font-size: 12px; opacity:0.5;}
.wap_boxD .box_news .list li .more{ }
.wap_boxD .box_news .list li .more img{ margin-left: 5px;}
.wap_boxE{ position: relative; z-index: 1;}
.wap_boxE #allmap{width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}
.wap_boxF{ background: url(../images/wap_15.jpg) no-repeat; background-size: cover; }
.wap_boxF .box{margin: -50px 15px 0 15px;padding: 0 20px 20px 20px;background-color: #0044DE;position: relative;z-index: 2;}
.wap_boxF .box .item{ padding-top: 20px; display: flex; align-items: center;}
.wap_boxF .box .item img{ width: 20px;}
.wap_boxF .box .item div{ padding: 0 0 0 15px;}
.wap_boxF .ewmbox{padding: 20px 35px;display: flex;align-items: center;justify-content: center;}
.wap_boxF .ewmbox .ewm{width: 98px;height: 98px;}
.wap_boxF .ewmbox .info{ padding:0 0 0 20px;}
.wap_boxF .ewmbox .fxbox{border-top: 1px solid #343A3E;margin-top: 15px;padding-top: 10px;}
.wap_boxF .ewmbox .fxbox a{ display: inline-block; margin: 0 15px 0 0; padding: 0;}
.wap_boxF .ewmbox .fxbox a:last-child{ margin-right: 0;}
.wap_boxF .cpy{font-size: 13px;padding: 20px 0;text-align: center;border-top: 1px solid #5B6871;}
.wap_boxF .cpy .mgtop{margin-top: 27px;}
.wap_boxF .cpy a:hover{color: #0044DE;}
.wap_btmjg{ width:100%; height:60px;}
.wap_btmbox{ width:100%; height:60px; background:#242424; position:fixed; left:50%; bottom:0px; transform: translateX(-50%); z-index: 1000;}
.wap_btmbox ul{ overflow:hidden;}
.wap_btmbox li{ float:left; width:25%; text-align: center;}
.wap_btmbox li img{ display: block; margin: 8px auto 0 auto; height: 18px;}
.wap_btmbox li a{ display:block; width:100%; height:60px; color:#FFF;}
.sh_bkg {position: fixed;left: 0;top: 0;z-index: 2000;width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);backdrop-filter: blur(5px);display: none;}
.sh_box { position: fixed; left: 20px; top: 40%; z-index: 2001; width: calc(100% - 40px); display: none; }
.sh_box .txt {float: left;display: block;width: calc(100% - 70px);height: 20px;line-height: 20px;padding: 15px 10px;border: 0;outline: none;}
.sh_box .btn { float: left; display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; color: #FFF; background: #0044DE url(../images/sh_btn.png) center center no-repeat; border: 0; cursor: pointer; }
.sh_box form { margin-top: 20px; }
.sh_box .close { position: relative; width: 40px; height: 40px; margin: 0 auto 20px auto; cursor: pointer; transition: all 0.3s ease-out; }
.sh_box .close:before, .sh_box .close:after { content: ""; display: block; width: 40px; height: 1px; background-color: #FFF; position: absolute; left: 0px; top: 20px; }
.sh_box .close:before { transform: rotate(45deg); }
.sh_box .close:after { transform: rotate(-45deg); }

/*about*/
.ab_navbox{clear:both;padding: 15px 0 0 0;}
.ab_navbox ul{ overflow:hidden;}
.ab_navbox.tit ul{display: flex;justify-content: center;}
.ab_navbox li{ float:left; width:calc(50% - 1px); padding:0 1px 1px 0;}
.ab_navbox li a {display: block;width: 100%;height: 35px;line-height: 35px;text-align: center;color: #FFF;background: #777}
.ab_navbox li a.cur{ background:#0044DE;}
.ab_navbox2{ clear:both; padding:0; margin:0px auto; border-bottom:1px solid #ccc; color:#777; padding:10px 0 10px 15px; font-size:13px; line-height:18px;}
.ab_navbox2 a{ color:#FFF; opacity: 0.6;}
.ab_navbox2 a.cur{ font-weight:bold; opacity: 1;}
.ab_navbox2 span{ margin:0 15px;}
.ab_contbox {clear: both;line-height: 23px;padding: 15px 0;min-height: 340px;text-align: justify;}
.ab_contbox .page{padding: 10px;border: 1px solid #686A6B;background-color: rgba(178,178,178,0.1);}
.ab_contbox .p_1{font-size: 14px;opacity: 0.6;}
.ab_contbox .p_add{font-size: 16px;line-height: 34px;margin-top: 8px;}
.ab_contbox .telbox{margin: 15px 0;display: flex;}
.ab_contbox .telbox div{width: 50%;}
.ab_contbox .telbox .p_2{font-size: 16px;margin-top: 8px;}
.ab_contbox #bdmap{width: 100%;height: 300px;}

/*pros_boxC*/
.pros_boxC{width: 100%;background: url(../images/jobs_03.jpg) center top no-repeat;background-size: cover;}
.pros_boxC .box{padding: 30px 0;color: #FFF;}
.pros_boxC .box .p_1{font-size: 18px;}
.pros_boxC .box .box_1{padding-top: 30px;}
.pros_boxC .box .msg-box{position: absolute;top: 0;/* left: 0; */}
.pros_boxC .box .box_1>div{position: relative;width: 100%;margin-bottom: 15px;}
.pros_boxC .box .txt{display: block;width: calc(100% - 15px);padding: 15px 0 15px 15px;height: 20px;line-height: 20px;color: #ddd;background-color: #363C40;font-size: 14px;border: 0;outline: none;}
.pros_boxC .box .area{display: block;width: calc(100% - 30px);padding: 15px;height: 190px;line-height: 25px;color: #ddd;background-color: #363C40;font-size: 14px;border: 0;outline: none;font-family: "microsoft yahei";}
.pros_boxC .box .btn{display: block;margin-top: 15px;width: 100%;height: 50px;line-height: 50px;font-size: 16px;color: #FFF;background-color: #0044DE;border: 0;outline: none;cursor: pointer;}

/*products*/
.pro_box { padding: 20px 0; margin: 0px auto; min-height: 200px; }
.pro_box ul{ overflow:hidden;}
.pro_box li{float:left;width: calc(50% - 7.5px);margin: 0 15px 15px 0;}
.pro_box li:nth-child(2n){ margin-right: 0;}
.pro_box li .img{position: relative;width: 100%;padding-top: 75%;overflow: hidden;}
.pro_box li .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: contain;object-position: center;display: block;}
.pro_box li p{height:30px;line-height:30px;text-align:center;color:#FFF;padding: 0 10px;overflow:hidden;}

/*products Show*/
.pro_sx { margin-top: 20px; }
.pro_p1 { clear:both; font-weight: bold; font-size: 18px; padding-top: 20px }
.pros_imgs { }
.pros_imgs .bimg { text-align: center; margin-top: 20px; }
.pros_imgs .sm_list { margin-top: 10px; position: relative; overflow: hidden; }
.pros_imgs .sm_list img { display: block; border: 2px solid #ccc; width: calc(100% - 4px); cursor: pointer; }
.pros_imgs .sm_list .on img { border-color: #006dcd; }

/*news*/
.ns_contbox {clear: both;line-height: 23px;padding: 15px 0;min-height: 360px;}
.ns_list { overflow: hidden; padding-bottom: 15px; }
.ns_list li { width: 100%; padding: 7px 0; height: 24px; line-height: 24px; overflow: hidden; border-bottom: 1px dashed #999; }
.ns_list li a {float: left;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ns_list li span { float: right; color: #aaa; }

/*newsShow*/
.nss_tit {font-size: 18px;font-weight: bold;text-align: center;}
.nss_dtm {text-align: center;font-size: 13px;padding: 10px 0;opacity: .6;border-bottom: 1px solid #686A6B;}
.nss_img {text-align:center;margin-top: 20px;}
.nss_info {line-height: 22px;padding: 15px 0;text-align: justify;}
.prev_next{border-top: 1px solid #686A6B;padding: 10px 0;margin-top: 10px;}
.prev_next li{width: 100%;color: #fff;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.prev_next li a{color: #fff;}

/*pros_boxB*/
.pros_boxB .tab{color: #FFF;height: 38px;border-bottom: 2px solid #686A6B;}
.pros_boxB .tab span{display: inline-block;height: 38px;line-height: 38px;font-size: 16px;opacity: 0.6;cursor: pointer;}
.pros_boxB .tab span.on{opacity: 1;border-bottom: 2px solid #0044DE;}
.pros_boxD{padding-bottom: 20px;}
.pros_boxD .cont{padding: 15px 0;padding-bottom: 0;}
.pros_boxD .cont li{float: left;width: calc(50% - 7.5px);margin: 0 15px 15px 0;}
.pros_boxD .cont li div{position: relative;padding-top: 75%;overflow: hidden;border: 1px solid #686A6B;background-color: rgba(178,178,178,0.1);transition: all 0.3s ease-out;}
.pros_boxD .cont li img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: contain;object-position: center;display: block;}
.pros_boxD .cont li p{text-align: center;color: #FFF;height: 20px;line-height: 20px;padding: 10px;}
.pros_boxD .cont li div:hover{background-color: rgba(0,68,222,0.1); border-color: #0044DE;}
.pros_boxD .swiper-container .swiper-pagination{position: relative;}
.pros_boxD .swiper-container .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #0044DE;}

/*joblist*/
.jbs_tb { width: 98%; border-left: 1px solid #DCDCDC; border-top: 1px solid #DCDCDC; margin: 0px auto 15px auto; }
.jbs_tb td { border-right: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; padding: 0 5px; }
.jbs_tb td.bkg {  }
.jbs_tb td.cont { padding: 0px 5px; }
.jbs_tb .bkg_1 { background:#0044DE }
.jbs_join { text-align: right; margin-right: 15px; color: #FFF; }

/*jobjoin*/
.jbs_tb_1 { width: 100%; margin: 0 auto; }
.jbs_tb_1 th { width: 100px; text-align: right; padding-right: 10px; font-weight: bold; }
.jbs_txt { width: calc(100% - 30px); height: 30px; border: 1px solid #CCCCCC; font-size: 13px; line-height: 30px; padding: 0 5px; border-radius: 3px; outline:none; }
.jbs_txt:focus { border: 1px solid #0044DE; }
.jbs_txtarea { width: calc(100% - 30px); height: 100px; border: 1px solid #CCCCCC; font-size: 13px; padding: 5px; outline: none; }
.jbs_txtarea:focus { border: 1px solid #0044DE; }
.jbs_age { width: 90px; }
.jbs_hong { color: #f00; }
.jbs_submit { height: 33px; text-align: center; padding: 0 20px; line-height: 33px; color: #FFF; font-size: 15px; font-weight: bold; border: 0px; cursor: pointer; background: #0044DE; border-radius: 3px; outline: none; }
.anchorBL{display: none;}
.BMap_stdMpCtrl{top: 10px!important;}

/*返回顶部*/
#returntop{width: 45px;height: 45px;background: url(../images/gotop.png) no-repeat center;background-color: rgba(0,0,0,0.5);background-size: 24px;position: fixed;bottom:20%;right: 2%;cursor: pointer;z-index:99;border-radius: 50%;opacity: 0;transition: all .5s;backdrop-filter: blur(5px);}
#returntop.cur{opacity: 1;}
/*播放器相关*/
:root {--plyr-color-main: #0054DE;}