/*--reset--*/
html,body,div,dl,dt,dd,ul,ol,li,h1,pre,
h2,h3,h4,h5,h6,fieldset,form,
input,button,textarea,p,th,td{
 margin:0;
 padding:0;
}
body, button, input, select, textarea, option, optgroup{ font:12px/1 tahoma, arial,\5b8b\4f53, sans-serif;}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
fieldset{ border:0;}
img{vertical-align:middle; border:0; border:none;}
input{webkit-font-smoothing:antialiased;-moz-font-smoothing: subpixel-antialiased;}
input:focus { outline:none; -moz-outline:none; -webkit-outline:none;}
textarea{outline:none;resize:none;}
ol,ul{ list-style:none;}
a{text-decoration:none;}
a,area { blr:expression(this.onFocus=this.blur());}
:focus{ outline:0;}
sup,sub{ font-size:100%; vertical-align:baseline;}
.clearfix{height:0;margin:0;padding:0;line-height:0;clear:both;}
.hide_d{ display:none;}
.hide_v{ visibility:hidden;}
.fs12{ font-size:12px;}
.fs14{ font-size:14px;}
.fs18{ font-size:18px;}
.fs20{ font-size:20px;}
.fc_red{ color:#ae1f1f;}
.f_wryh{ font-family:\5FAE\8F6F\96C5\9ED1;}
.clc_a{ width:100%; height:100%; display:block;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb40{ margin-bottom:40px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt40{ margin-top:40px;}
.fl{ float:left;}
.fr{ float:right;}
.tl{ text-align:left;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.cb{ clear:both;}
.cl{ clear:left;}
.cr{ clear:right;}
.pr{ position:relative;}
.pa{ position:absolute;}
.col_white{ color:#fff;}
.col_gray{ color:gray;}
.col_yellow{ color:#FFBA00;}
.col_green{ color:#4a9f06;}
.col_blue{color:#28aca1;}
.zoom{ zoom:1;}
html {zoom:expression(function(ele) {ele.style.zoom = "1";document.execCommand("BackgroundImageCache", false, true);}(this));}
@keyframes wzop2{
    0% {transform: translateY(0);}
    50%{transform: translateY(10px);}
    100%{transform: translateY(0);}
}
@-webkit-keyframes wzop2{
    0% {transform: translateY(0);}
    50%{transform: translateY(10px);}
    100%{transform: translateY(0);}
}
.wzop2{animation:3s linear wzop2 infinite;-webkit-animation:3s linear wzop2 infinite;}
/*========================page===============================*/
body{ background: #0f3778;}
body{-webkit-tap-highlight-color: rgba(0,0,0,0);}
h1,h2,h3{ font-weight:normal; }
.wrap{ width:100%; margin-left:auto; margin-right:auto;}
/*导航start*/
.topbar{ width: 100%; height:1.1rem; background: #233c70; }
.tlogo{ width: 2rem; height: 0.72rem; float:left; background: url(../images/logo.png) no-repeat 0 0;background-size:contain; margin: 0.15rem 0 0 0.3rem;}
.tnav_mbtn{width: 0.8rem; height: 0.6rem; float: right; letter-spacing: 1px; font-size: 0.16rem;top: 0.25rem;border-radius:0.08rem;/* background:#f69b19;border:0.04rem solid #f69b19; */position: absolute;right: 0.4rem;}
.tnav_mbtn div{ width: 32px; height: 2px; margin:6px auto 0; background: #00FAFD;border-radius:1px; }
.tnav{ width: 100%; float: right; letter-spacing: 1px; font-size: 0.16rem;top: 1.1rem;position: absolute;right: 0; background: rgba(15,55,120,0.9);border-top: 1px solid #bdd7f5;/* background: rgba(17,114,157,0.6); */ z-index: 10; display: none;}
.tnav li{ padding-left:0.8rem; color:#fff; font-size: 0.32rem;line-height: 0.8rem; position: relative;z-index: 3;}
.tnav li a{ color: #fff; transition: all 0.3s; font-size: 0.32rem;}
.tnav li div{ margin-left:0.1rem; }
.tnav li div a{ font-size: 0.28rem; }
.tnav li b{ position: absolute; left:0.3rem; top:0;color: #fff;font-size: 0.22rem;}
.tnav li.cur a.a_one,.tnav li a:hover{color: #fd7807;}
.tnavol{ display: none; }
/*导航end*/
.header{ width: 100%; height:3.5rem; background: url(../images/header.jpg) no-repeat center 0; background-size: cover; overflow: hidden;}
.ban1{ width: 2rem; height: 0.6rem; display: block; background: url(../images/ban1.png) no-repeat 0 0;background-size: contain;margin: 0.5rem auto 0;}
.header h1{ font-size:0.52rem;letter-spacing: 1px; color: #fafbfc; margin-top:0.9rem; text-align: center; text-shadow: 0.1rem 0.1rem 0 #103d7a;}
.header h2{ font-size:0.26rem;letter-spacing: 1px; color: #fafbfc; margin-top:0.36rem;text-align: center;text-shadow: 0.1rem 0.1rem 0 #103d7a;}

.main{ overflow: hidden;background: url(../images/m_main.jpg) repeat-y center center;background-size: contain;position: relative; z-index:4;}
.main1{  overflow: hidden;}
.main1_t{ font-size: 0.28rem; letter-spacing: 1px;padding:0 0.4rem;text-align: center; color: #fff; margin-top: 0.5rem;visibility:visible; font-weight: normal;}
.main1_d{ margin:0.5rem auto 0;padding:0 0.1rem;}
.main1_dleft{ width: 2.35rem; float: left; }
.main1_dcenter{ width: 2.35rem; float: left;margin:0 0.1rem;}
.main1_dright{ width: 2.35rem; float: left;}
.main1_d_p1{ text-align: center; font-size: 0.5rem; color: #fff; font-weight: bold; }
.main1_d_p2{ text-align: center; font-size: 0.2rem; color: #fff;  margin-top: 0.2rem;}

.main2{ margin:0 auto; overflow: hidden;}
.main2_t{ font-size:0.4rem; font-weight: bold; line-height: 0.6rem; text-align: center; color: #fff; background: url(../images/ttbg.png) no-repeat center 0; background-size: contain;margin: 0.9rem 0 0.2rem;}
.main2_h4{ text-align: center;font-size: 0.2rem; font-weight: normal; color: #fff;margin-bottom:0.8rem; }
.main2_o {text-align:center;margin:0 auto;}
.main2_d{ width: 2.2rem; text-align:center;min-height: 3.5rem; margin-left:0.23rem; display: inline-block;vertical-align: top; position: relative;transition: all 0.2s;}
.main2_d:hover{transform: scale(1.05);}
.main2_dt{margin:0.4rem 0 0.3rem;font-size: 0.24rem; color: #00fafd;}
.main2_dm{ font-size:0.18rem; color: #fff; letter-spacing: 2px; line-height: 0.36rem;text-align: justify; }
.main2_da{ width: 2.32rem; height: 0.52rem; transition: all 0.3s; display: none; position: absolute; bottom: 0.1rem; left: 1.9rem; line-height: 0.52rem; text-align: center; font-size:0.26rem; color: #fff; border:1px solid #f26120; }
.main2_da:hover{ background: #f26120; }
.main2_db img{ height:0.6rem;}

.main3{margin-top:1rem;}
.main3_t{font-size:0.4rem; margin-bottom: 0.5rem; line-height: 0.6rem;text-align: center; color: #fff; background: url(../images/ttbg.png) no-repeat center 0; background-size: contain;}
.main3_t2{font-size:0.5rem; height: 1.2rem; line-height: 0.9rem;text-align: center; color: #fff; background: url(../images/ttbg.png) no-repeat center 0; background-size: contain;margin: 0.9rem 0 0.4rem;}
.main3_t3{font-size:0.4rem; line-height: 0.8rem;  text-align: center; color: #fff;  margin: 0.9rem 0 0.4rem; background: url(../images/ttbg.png) no-repeat center 0;background-size: contain;}
.main3_o{ width: 7.4rem; height: 5rem; overflow:hidden;margin:0 auto; position: relative;}
.main3_o ul{ width: 1200px; height: 5rem; position: absolute;left:0;top:0;}
.main3_o li{ width: 3.2rem; height: 4.49rem; float: left; background: #162658; position: relative;margin-left: 0.35rem; transition: all 0.2s;}
.main3_o li:hover{box-shadow: 0 0 8px #fff;transform:scale(0.96);}
.main3_o li img{ width: 5.2rem; height: 4.44rem; display: block; }
.main3_od1{ width:2.8rem;padding:0 0.2rem; margin: 0.2rem auto 0; line-height: 0.48rem; font-size: 0.2rem; color: #fff; letter-spacing: 2px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.main3_od2{ font-size: 0.28rem; color: #5b719c; margin: 0.15rem 0 0 0.2rem;}
.main3_oa{ width: 5.2rem; height: 1.08rem; display:block; position: absolute;bottom:0.56rem;left: 0; background: url(../images/main3_oa.png) no-repeat 0 0;background-size: cover;}
.main3_prev{ display: none; width: 0.52rem; height: 0.92rem;top:1.5rem;left: 0rem; transform: scale(0.8); z-index: 3; opacity: 1; background: url(../images/main3_prev.png) no-repeat center 0; position: absolute; background-size: cover;}
.main3_next{ display: none; width: 0.52rem; height: 0.92rem;top:1.5rem;right:0rem; transform: scale(0.8); z-index: 3; opacity: 1; background: url(../images/main3_next.png) no-repeat center 0; position: absolute; background-size: cover;}
.news_pic{ width: 3.2rem; height: 2.71rem;background-repeat: no-repeat;background-position: center center;background-size: cover;cursor: pointer; }

.main4{margin:0.5rem auto;}
.main4_t{font-size:0.4rem; line-height: 0.6rem; text-align: center; color: #fff; background: url(../images/ttbg.png) no-repeat center 0; background-size: contain;margin: 0.5rem 0 0.4rem;}
.main4_o{ width: 100%; margin: 0 auto; overflow: hidden; position: relative;}
#main4_box{}
.main4_item{ width: 7rem; margin:0 auto 0.4rem; }
.main4_item a{ width: 1.42rem; height: 0.6rem; float:left; margin: 0 0.16rem 0.3rem;}
.main4_item img{ width: 1.42rem; height: 0.6rem; display: block; float:left; margin: 0 0.16rem 0.3rem;}
#main4_po{width:100%;height: 12px; text-align: center; position: absolute;left:0;bottom:6px;}
#main4_po span{ width: 12px; height: 12px; display:inline-block; background: #626262; border-radius:6px; margin:0 8px; cursor: pointer;}
#main4_po span.cur{ background: #fff; }

.floatbar{ display: none; }
/*页脚start*/
.footer{ width: 100%; overflow: hidden; background: #28305F url(../images/m_footer.jpg) no-repeat center bottom; background-size: contain;}
.footer .wrap{ overflow: hidden;}
.footer_area:nth-of-type(1) p{letter-spacing: 1px; line-height: 0.32rem;transform-origin: 0 0;
    transform: scale(0.95); }
.footer_area:nth-of-type(1) .footer_area_t{margin-bottom: 0.28rem;}
.footer_area{margin:0.6rem 0 0 0.4rem;color: #fff;}
.footer_area:nth-of-type(2){width: 2.6rem;
    position: absolute;
    top: 0;
    right: 2.35rem;}
.footer_area a{color: #fff;} .footer_area a:hover{ text-decoration: underline; }
.footer_area_t{margin-bottom: 0.2rem; font-size: 0.32rem; }
.footer_area p{ line-height:0.48rem; font-size: 0.2rem;}
.footer_m{ margin: 0.4rem 0 0 0.4rem;color: #fff; padding-bottom: 0.5rem;}
.footer_m p{ font-size: 0.22rem; line-height: 0.5rem; color: #fff;}
.footer_m p a{color: #fff;}
.footer_share{width: 2rem;
    height: 4rem;
    position: absolute;
    right: 0.3rem;
    top: 0.6rem;}
.footer_share img{ width: 1.5rem; height: 1.5rem; display: block; margin:0 auto 0.2rem;padding:0.1rem; border:1px solid #fff;}
.footer_share p{ font-size: 0.24rem; color: #fff; text-align:center;}
/*页脚end*/
/*--product--*/
.header_p1{ width: 100%; height:3.5rem;overflow: hidden;background: url(../images/m_product1_header.jpg) no-repeat center 0;background-size: cover;}
.header_p2{ width: 100%; height:3.5rem;overflow: hidden;background: url(../images/m_product2_header.jpg) no-repeat center 0;background-size: cover;}
.header_p3{ width: 100%; height:3.5rem;overflow: hidden;background: url(../images/m_product3_header.jpg) no-repeat center 0;background-size: cover;}
.header_p4{ width: 100%; height:3.5rem;overflow: hidden;background: url(../images/m_product4_header.jpg) no-repeat center 0;background-size: cover;}
.header_p5{ width: 100%; height:3.5rem;overflow: hidden;background: url(../images/m_product5_header.jpg) no-repeat center 0;background-size: cover;}
.header_p6{ width: 100%; height:3.5rem;overflow: hidden;background: url(../images/m_product6_header.jpg) no-repeat center 0;background-size: cover;}
.header_p h2{ font-size: 0.46rem; color:#fafbfc; position: absolute;left:0.54rem;top:1rem; }
.header_p h3{ font-size: 0.22rem; color:#fafbfc; position: absolute;left:0.54rem;top:1.8rem;padding-right:0.15rem; line-height: 0.3rem; }
.header_ab h2{font-size: 0.46rem;color: #fafbfc;position: absolute;left: 0.4rem;top: 1.1rem;}
.header_ab h3{font-size: 0.22rem;line-height: 0.3rem;color: #fafbfc;position: absolute;left: 0.4rem;top: 1.7rem;}
.header_jo h3,.header_news h3{font-size: 0.46rem; color:#fafbfc; position: absolute;left:0.64rem;top:1.2rem;}
.banp1{width: 2rem; height: 0.6rem; display: block; background: url(../images/ban1.png) no-repeat 0 0;background-size: contain;position: absolute;left: 0.54rem;top: 2.3rem;}
.ban1p1{line-height: 0.6rem;font-size: 0.16rem;display:none;text-align: center;color: #fff; letter-spacing: 1px;
  background-image: -webkit-gradient(linear, left 0, right 0, from(rgb(255, 111, 2)), to(rgb(245, 160, 28)));}
.pro1_1{ width: 7rem; height: 8.78rem; display: block; margin:0 auto; background: url(../images/pro1_1z.png) no-repeat 0 0; background-size:cover;  }
.pro1_d{ width: 7rem; overflow: hidden; margin: 0 auto 0.4rem; padding-bottom: 10px;}
.pro1_dd{ width: 52%; display:block; margin-top: 0.2rem;}
.pro1_dt{ font-size: 0.36rem;margin: 0 0 0.16rem 0;}
.pro1_dt span{border-bottom:4px solid #24fdfc;
	background-image: -webkit-gradient(linear, left 0, right 0, from(rgb(37, 255, 253)), to(rgb(9, 136, 223)));
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}
.pro1_dm{ font-size: 0.2rem; color: #fff; line-height: 0.48rem; letter-spacing: 2px; }
.pro1_6{ width: 7rem; height: 2.05rem; margin:1.6rem auto; background: url(../images/pro1_6.png) no-repeat center 0; background-size:cover; position: relative;}
.pro1_61{ margin:1.6rem auto 0.6rem; }
.pro1_62{ margin:0 auto 0.6rem; background: url(../images/pro1_62.png) no-repeat center 0;background-size:cover; }
.pro1_63{ margin:0 auto 1.6rem; }
.pro1_6d{ min-width: 2.30rem; height: 1.6rem; position: absolute;right: 1.7rem;top:0.2rem;}
.pro1_dimg{ width: 40%; }
.pro1_6d p{ font-size: 0.36rem; color: #fff; margin-top:0.25rem; }
.pro1_6d a{ width: 2.26rem; height: 0.52rem; display: block; background:url(../images/pro1_7.jpg) no-repeat center 0; background-size:cover;  margin-top: 0.35rem; }
.pro1_6d a.sty_a2{background:url(../images/pro1_72.jpg) no-repeat center 0;background-size:cover;}
.pro4_d{ width: 7rem; margin:0 auto 0.5rem; overflow: hidden; text-align: center; font-size: 0.4rem; color: #fff; }
.pro4_dt{ width: 25%; height: 1rem;  padding-top: 1.2rem; float: left; }
.pro4_dt1{ background: url(../images/pro4_ic1.png) no-repeat center 0; background-size:0.8rem; }
.pro4_dt2{ background: url(../images/pro4_ic2.png) no-repeat center 0; background-size:0.8rem;}
.pro4_dt3{ background: url(../images/pro4_ic3.png) no-repeat center 0; background-size:0.8rem;}
.pro4_dt4{ background: url(../images/pro4_ic4.png) no-repeat center 0; background-size:0.8rem;}
.pro4_img{ width: 7rem; margin:0.5rem auto;}
.pro4_dimg{ margin:1rem auto; overflow: hidden; }
.pro4_dimgt1 img,.pro4_dimgt2 img{ width: 100%; margin-bottom: 0.2rem;}
.pro4_dimgt1{ width: 2.5rem; height: 3.7rem; margin: 0 1rem 0 0.46rem; float: left; line-height: 0.3rem; font-size: 0.2rem; color: #fefefe; text-align: center; }
.pro4_dimgt2{  width: 2.5rem; height: 3.7rem;  float: left; line-height: 0.3rem; font-size: 0.2rem; color: #fefefe; text-align: center;}
.pro5_d{ color: #fefefe; font-size: 0.3rem;text-align: center; margin-bottom: 1.6rem;}
.pro5_d img{ width: 2.2rem; padding:0.15rem; margin-bottom: 0.2rem; border:3px solid #03e2e8;}
.pro5_d2{ width: 7.2rem; overflow: hidden; margin:0 auto;padding-bottom: 0.2rem;}
.pro5_d2w{ width: 2.4rem; height: 2.52rem; float: left; margin:0px; text-align: center; }
.pro5_d2w img{ width: 30%; margin:22% 0 10%;}
.pro5_d2w p{padding:0 0.1rem; font-size: 0.24rem; color: #fff; line-height: 0.28rem; line-height: 0.34rem;transform: scale(0.9);}
.pro5_d2i1{ width: 6.8rem; height:5.6rem; margin:0 auto;}
.pro5_d2i1 img{ width: 5rem;margin-left: 1.1rem; }
.pro5_d2i1 p{ text-align:center;font-size: 0.34rem; color: #fff;}
.pro5_d2i2{width: 5.2rem; height: 7.8rem; margin:0 auto;}
.pro5_d2i2 img{ width:4rem;margin-left: 0.9rem;}
.pro5_d2i2 p{ text-align:center;font-size: 0.34rem; color: #fff;}
.pro6_imgd{ width:2.5rem;padding-bottom: 1rem;overflow: hidden; background: url(../images/pro6_dg.png) no-repeat center bottom; background-size:contain;}
.pro6_dimg{width: 80%;margin-left: 0.31rem;}
.pro6_dd{width: 4.4rem;box-sizing:border-box; padding:0 0.3rem; height: 2.06rem; display:block; margin-top: 0.6rem; background: url(../images/pro6_dg2.png) no-repeat 0 0; background-size:cover; }
.pro6_dt{ font-size: 0.4rem; margin: 0.18rem 0 0.1rem 0;}
.pro6_dt img{ width: 0.7rem; margin-right: 0.3rem; }
.pro6_dt span{padding:0.1rem 0;
    color: #24fbfc;
    background-image: -webkit-gradient(linear, left 0, right 0, from(rgb(37, 255, 253)), to(rgb(9, 136, 223)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.pro6_dm{ font-size: 0.2rem; color: #fff; line-height: 0.34rem; letter-spacing: 1px; }
.animleft{ /* position: relative; left:-400px; */}
.animright{ /* position: relative; right:-400px; */}
.cover{ width: 6.8rem;border-radius: 2px;left:0;top:0;z-index: 1000; display: none; position:absolute; background: #0f397c; box-shadow: 0 0 0.8rem #1b5a98 inset;}
.cover_t{font-size: 0.42rem;text-align: center;color: #fff;margin: 0.6rem 0;line-height: 0.6rem;background: url(../images/ttbg.png) no-repeat center 0;background-size: contain;}
.cov_close{ width: 0.46rem; height: 0.46rem; position: absolute; top:0.3rem; right: 0.4rem; background: url(../images/cov_close.png) no-repeat center 0; background-size:cover; }
.cov_d{ width: 100%; height:7rem; margin:0 auto;  padding-bottom: 0.4rem;}
.cov_p{ font-size:0.3rem;margin: 0 0.3rem; color: #fefefe; line-height:1rem; border-bottom:1px solid #46cdff; letter-spacing:2px;}
.cov_input{ width: 4rem;display: inline-block; line-height: 0.7rem; background: none; border: none; font-size:0.36rem; color: #fff; margin-left: 0.26rem;}
.cov_input::-webkit-input-placeholder {
  color: #75bad9;
  font-size:0.3rem;
  font-family:\5FAE\8F6F\96C5\9ED1;
}
.tarea::-webkit-input-placeholder {
  color: #75bad9;
  font-size:0.3rem;
  font-family:\5FAE\8F6F\96C5\9ED1;
}
.cov_tarea{margin: 0 0.3rem;font-size:0.3rem; color: #fff; margin-top:0.5rem;}
.cov_tarea textarea{ width:80%; height: 1.5rem; font-size:0.3rem; color:#75bad9; padding:0.15rem; background:none; border:2px solid #46cdff; margin-top: 0.15rem;}
.cov_a a{width: 3rem;height:0.69rem;display: block;background: url(../images/pro1_7.jpg) no-repeat center 0;background-size:cover;margin: 0.4rem auto;}
/*---about us---*/
.header_ab{width: 100%; height:3.5rem;overflow: hidden;background: url(../images/m_header_ab.jpg) no-repeat center 0; background-size:cover;}
.abus_d1{ width: 7.5rem; margin:0 auto 1rem; font-size:0.24rem; line-height: 0.6rem; letter-spacing: 2px; text-indent: 2em; color: #fdfdfd;}
.abus_t{font-size:0.4rem; line-height: 0.6rem; text-align: center; color: #fff;  margin: 0 0 0.5rem 0; background: url(../images/ttbg.png) no-repeat center 0; background-size:contain;}
.abus_d1 p{ margin-bottom: 0.4rem;padding: 0 0.5rem; }
.abus_d2{ width: 7.1rem; overflow: hidden; margin:0 auto 0.2rem; position: relative;}
.abus_d2_top,.abus_d2_bottom{ width: 7.5rem; margin:0 auto; }
.abus_d2_top{margin-top: 0.5rem;}
.abus_box{ width: 2.2rem; height: 3.5rem; float: left;padding:0 0.1rem; }
.m_jt{ width: 0.72rem; height: 0.32rem; background: url(../images/m_jiantou.png) no-repeat 0 0; position: absolute; background-size: cover; }
.m_jt:nth-of-type(1){ top: 1.1rem;left: 2.04rem;}
.m_jt:nth-of-type(2){ top: 1.1rem;left: 4.44rem;}
.m_jt:nth-of-type(3){ top: 4.6rem;left: 2.04rem;}
.m_jt:nth-of-type(4){ top: 4.6rem;left: 4.44rem;}
.m_jt:nth-of-type(5){ top: 8.1rem;left: 2.04rem;}
.m_jt:nth-of-type(6){ top: 8.1rem;left: 4.44rem;}
.abus_box_t{ width: 1.6rem; height: 1.05rem; font-weight:bold;padding-top: 0.55rem;transition: all 0.4s;  margin:0 auto 0.1rem; color: #000873; font-size: 0.28rem; text-align:center; background: url(../images/m_abus_bg3.png) no-repeat 0 0; background-size:cover;}
.cur .abus_box_t{background: url(../images/abus_bg4.png) no-repeat 0 0;background-size:cover;}
.abus_box_d p{font-size: 0.18rem; color: #fff;font-weight: bold; text-align: center; line-height: 0.36rem;}
.abut_d3{ width: 7.5rem; height: 7.4rem; margin:0 auto; text-align: center;}
.abut_d3 p{ font-size: 0.24rem;color: #fff;line-height: 0.6rem;padding: 0 0.2rem; }
.abut_img{ width: 90%;margin-top: 0.3rem;}
/*---join us---*/
.header_jo{width: 100%; height: 3.5rem;background: url(../images/m_header_jo.jpg) no-repeat center 0;background-size:cover;}
.join_t{font-size:0.4rem; line-height: 0.6rem; text-align: center; color: #fff;  margin: 0 0 0.5rem 0; background: url(../images/ttbg.png) no-repeat center 0; background-size:contain;}
.join_d1{ width: 6rem; overflow: hidden; margin:0 auto 1.4rem; }
.join_b{ width: 2.6rem; height: 1.2rem; text-align: center; padding-top:1.7rem; color: #f6f9fb;float: left; margin: 0 0.19rem; background-size:cover; background-position: center -0.5rem;}
.join_b div{ font-size: 0.36rem; margin:0.1rem 0; }
.join_b1{ background-image: url(../images/join_d1.png); }
.join_b2{ background-image: url(../images/join_d2.png); }
.join_b3{ background-image: url(../images/join_d3.png); }
.join_b4{ background-image: url(../images/join_d4.png); margin: 0rem 1.7rem;}
.join_b5{ background-image: url(../images/join_d5.png); }
.join_d2{ width: 4.8rem; overflow: hidden; margin:0 auto 1.7rem; }
.join_d2 div{width:1.97rem; height:1.62rem; background:url(../images/jobbg.png) no-repeat 0 0;background-size:cover; float:left; margin:0 0.2rem 0.4rem;}
.joblink{ width: 1.20rem; height: 0.98rem; display: block; margin: 0.3rem auto 0; }
.joblink img{width: 1.97rem; height: 1.62rem;}
.joblink1{width: 0.9rem; height: 0.74rem;background:url(../images/bosszhipin.png) no-repeat center center; background-size: contain; margin-top:0.4rem; }
.joblink2{background:url(../images/liepin.png) no-repeat center center; background-size: contain;}
.joblink3{background:url(../images/51job.png) no-repeat center center;background-size: contain;}
.joblink4{width: 0.9rem; height: 0.74rem;background:url(../images/zhilianzhaopin.png) no-repeat center center;background-size: contain;margin-top:0.4rem;}

/*---news---*/
.header_news{width: 100%; height: 3.5rem;background: url(../images/header_news.jpg) no-repeat 65% 0;background-size:cover;}
.newsarea{ width: 7rem; margin:1rem auto; overflow: hidden;}
.news_b{height:2.15rem;padding:0 0.1rem 0.3rem;border-bottom:2px solid #3283c2;margin-bottom: 0.5rem;}
.news_img{ width: 2.5rem; height: 1.92rem; float: left; margin-right: 0.2rem;}
.news_i{ width: 4rem;height:2.15rem; float: left; color: #fff;}
.news_i a{ color: #fff; }
.news_i_t{ height: 0.4rem; font-weight: bold; line-height:0.4rem;font-size: 0.3rem; white-space:nowrap; text-overflow: ellipsis;overflow: hidden;margin:0.1rem 0 0.2rem 0;}
.news_i_b{ height:0.9rem;font-size: 0.22rem; line-height: 0.5rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news_i_p{margin-top: 0.2rem;font-size: 0.22rem; color: #d4d4d4; }
.newsmore{ width: 1.14rem; height: 0.3rem; display: inline-block; background: url(../images/news_more.png) no-repeat 0 0; background-size:cover; margin-left:0.46rem;vertical-align: middle; }
.news_info{ width: 6.4rem; margin:0 auto; }
.news_info_t{ height: 0.95rem; line-height: 0.46rem; margin-bottom: 0.6rem;}
.news_info_tb{ width: 0.95rem; height: 0.95rem; margin:0 0.32rem 0 0;line-height: 0.32rem; float: left; background: #3eb6e3; font-size: 0.24rem; color: #0f3778; text-align: center; }
.news_info_tb1{margin:0.14rem 0.17rem 0; border-bottom:3px solid #0f3778; }
.news_info_td{ font-size: 0.24rem; font-weight: bold; color: #fff;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.news_info_p{ margin-bottom: 1rem; }
.news_info_p p{margin-bottom: 0.4rem; font-size: 0.2rem;color: #fff; line-height: 0.6rem; text-indent:2em; text-align: justify;}
.news_info_p img{ max-width: 6rem; display:block; margin:0 auto; }
.news_info_p .ql-align-right{ text-align: right; }
.news_info_p .ql-align-left{ text-align: left; }
.news_info_p .ql-align-center{ text-align: center; }
.news_info_p .ql-align-justify{ text-align: justify; }
/*分页*/
#pagebox {display: table;margin: 0 auto 0.5rem;color: #fff;}
.prv {width: 0.45rem;height: 0.45rem;background: url(../images/news_prev.png) no-repeat 0 0;background-size:cover;cursor: pointer;margin:0 0.3rem;}
.next {width: 0.45rem;height: 0.45rem;background: url(../images/news_next.png) no-repeat 0 0;background-size:cover;cursor: pointer;margin:0 0.3rem;}
.pagingUl {float: right;padding: 0;margin: 0.1rem;list-style: none;height: 0.3rem;}
.pagingUl li {float: left;text-align: center;margin-right:0.05rem;}
.pagingUl li a {display: inline-block;text-align: center;line-height: 0.28rem;color: #fff;font-size: 0.34rem;margin:0 0.36rem;}
#pagebox .activP,#pagebox .next:hover,.pagingUl li a:hover,#pagebox .prv:hover{color:#ff6f02;}


.swiper-container {
    width: 100%;
    height: 3.5rem;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    background-size: cover;
}
.swiper-pagination-bullet {
    background: #fff;
    opacity: .8;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
    border:1px solid #fff;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 8%;
    left: 0;
    width: 100%;
}
.swiper-slide h1{ font-size:0.52rem;letter-spacing: 1px; color: #fafbfc; margin-top:0.9rem; text-align: center; text-shadow: 0.1rem 0.1rem 0 #103d7a;}
.swiper-slide h2{ font-size:0.26rem;letter-spacing: 1px; color: #fafbfc; margin-top:0.36rem;text-align: center;text-shadow: 0.1rem 0.1rem 0 #103d7a;}
.swiper-container{ overflow: hidden;}

.header_ser{width: 100%; height: 3.5rem;background: url(../images/m_header_ser.jpg) no-repeat center 0;background-size:cover;}
.header_ser h3 {
    font-size: 0.46rem;
    color: #fafbfc;
    position: absolute;
    right: 2.64rem;
    top: 1.5rem;
}
.join_se{padding:0 10px; overflow: hidden; margin-bottom:0.5rem;padding-top:10px;}
.join_ser{ width: 6rem;height:6rem;overflow: hidden;background-color: #0f3f87;background-repeat:no-repeat;background-position:center top;background-size:14%;
    box-shadow:0px 0px 5px #0a2c65;margin:0 auto 0.2rem;}
.join_ser1{background-image:url('../images/sic1.jpg');background-color: #0f4284;}
.join_ser2{background-image:url('../images/sic2.jpg');}
.join_ser3{background-image:url('../images/sic3.jpg');}
.join_ser p{margin:2rem auto 0.5rem; text-align: center;font-size:0.4rem;color: #fff;}
.join_ser div{padding:0 0.4rem;line-height: 0.5rem;font-size: 0.3rem;color: #fff;letter-spacing: 1px;}
.join_se_b{width:3rem;height:3.6rem;float:left;margin:0 0.25rem 0.3rem;background: url('../images/serbg1.png') no-repeat 0 0;background-size: 3rem 3.6rem;}
.join_se_bg{width: 0.4rem;height: 0.45rem;background-repeat:no-repeat;background-position:center center;margin: 0.26rem auto 0;background-size: 0.4rem 0.45rem;}
.join_se_bg1{background-image:url('../images/sic4.jpg');}
.join_se_bg2{background-image:url('../images/sic5.jpg');}
.join_se_bg3{background-image:url('../images/sic6.jpg');}
.join_se_bg4{background-image:url('../images/sic7.jpg');}
.join_se_bt{margin:0.46rem auto 0.2rem; text-align: center;font-size:0.32rem;color: #fff;}
.join_se_b p{padding:0 0.2rem;font-size: 0.3rem;color: #fff;margin:0 auto 0.2rem;}
.join_se_b p.fs14{font-size:0.22rem;}
.join_se_bd{padding:0 0.2rem;font-size: 0.18rem;color: #fff;margin:0 auto 0.2rem;letter-spacing: 1px;line-height:0.4rem;}

#d1{
    background: url(../images/pro1_8.jpg) no-repeat center 0;
    background-size:cover;
}
.sure{
    display: block;
}
.sure button{
    width: 100%;
    background: none;
    border:none;
    border-top:1px solid #EEEEEE;
    height: 46px;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0px;
    margin-top: 28px;
    /* 蓝色主色/默认 */
    color: #2A79EE;
}
.gil_content{
    display: flex;
    width: 80%;

    border-radius: 8px;
    opacity: 1;
    position: relative;
    background: #FAFAFA;

}
.gil_left{
    width: 460px;
    height: 460px;
    display: none;
}
.gil_left img{
    width: 100%;
    height: 100%;
}
.gil_right{
    flex:1;
    width: 100%;
    text-align: center;
    padding-top:30px ;
}
.gil_right img{
    width: 160px;
    height: 160px;
}
.gil_rightContent{
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0em;
    color: #333333;
    font-weight: bold;
    margin-bottom: 16px;
}
.close{
    position:absolute;
    right: 12px;
    top: 10px;
    background: url(../images/gil/close.png) no-repeat;
    width: 16px;
    height: 16px;
    background-size:cover;
    display: none;
}