/* ------------------------------------------------------------------------------
   banner
-------------------------------------------------------------------------------*/
#home_banner{width: 100%;position: relative;overflow: hidden;}
#home_banner li{float: left;}
#home_banner li.active{float: left;}
#home_banner li img{display: block;width: 100%;}
#home_banner .banner_box{position:absolute;top: 33%;left:5%;color: #00589a;}
.banner_box .p1{font-size:40px;}
.banner_box .p2{font-size:50px;}
.banner_box .p3{font-size:18px;}
#home_banner .page_spot{position: absolute;bottom: 1%;left: 50%;margin-left: -30px;z-index: 999;display: inline-block;}
#home_banner .page_spot a{width: 7px;height: 7px;border-radius: 50%;margin: 2px;display: inline-block;cursor: pointer;}
#home_banner .page_spot a.active{color: #3156c2;background:#64b63e;}

@media screen and (max-width: 768px) {
#home_banner li img{display: none;height:300px;}
#home_banner li{height: 250px;background-size: cover;background-position: center;}
}
/* ------------------------------------------------------------------------------
     hp_list
-------------------------------------------------------------------------------*/
.h_pro{padding-bottom:50px;}
.hp_list{overflow:hidden;margin-bottom:30px;}
.hp_box{float:left;width:14.285714%;text-align:center;}
.hp_box p{padding:15px 0;font-size:16px;}
@media screen and (max-width: 1280px) {
.hp_box{width: 25%;}
}
@media screen and (max-width: 425px) {
.hp_box{width: 50%;}
}
/* ------------------------------------------------------------------------------
     hc_list
-------------------------------------------------------------------------------*/

.h_case{background:#f5f5f5;padding-bottom: 50px;}
.hc_list {margin-bottom:30px;}
.hc_spot{text-align:center;}
@media screen and (max-width: 1280px) {

}
/* ------------------------------------------------------------------------------
   ha_c
-------------------------------------------------------------------------------*/
.ha_c{background:url(../images/ha_c.jpg) center center no-repeat;padding-bottom: 80px;overflow: hidden;}
.ha_con{display:flex;justify-content: center;align-items: center;}
.ha_con .img_box{display: inline-block;vertical-align: middle;}
.ha_con .des_box{width: 570px;display: inline-block;vertical-align: middle;padding-left: 50px;}
.ha_con .des_box .des{line-height: 2;font-size: 15px;color: #5a5a5a;margin-bottom: 30px;word-break: break-all;}
@media screen and (max-width: 1200px) {
.ha_c{padding-bottom: 30px;background: #fff;}
.ha_con .img_box{margin: auto;width: 50%;}
.ha_con .des_box{width: 50%;padding-left: 0;}
}
@media screen and (max-width: 968px) {
.ha_con{display:block;}
.ha_con .img_box{width: 100%;text-align: center;margin-bottom: 30px;}
.ha_con .des_box{width: 100%;}
}
/* ------------------------------------------------------------------------------
     hsp
-------------------------------------------------------------------------------*/

.h_sp{background: #ffffff;}
.hsp_list {overflow:hidden;}
.hs_box{float: left;width: 33.33333333%;padding: 30px;}
.hs_box dd{overflow:hidden;border:1px #ddd solid;display: inline-block;}
.hs_box .img_box{padding:12px;}
.hs_box .des_box{padding: 0 20px;padding-bottom: 15px;}
.hs_box .des_box .time{color:#959595;margin-bottom: 10px;}
.hs_box .des_box .des{line-height: 1.5;margin-bottom: 12px;}


.h_ask{background:#f5f5f5;overflow: hidden;padding: 15px 0;}
.h_ask .p1{display:inline-block;vertical-align: middle;width:48px;height:43px;background: url(../images/heart.png);margin-right: 30px;}
.h_ask .p2{font-size:20px;color:#376ac7;display: inline-block;vertical-align: middle;}
.h_ask .p3{background:#376ac7;color:#fff;padding: 9px 28px;float: right;margin-top: 3px;transition: all 0.5s;border: 1px solid;}
.h_ask .p3:hover{background:#fff;color:#376ac7;}

@media screen and (max-width: 1200px) {
.hs_box{padding:15px;} 
}
@media screen and (max-width: 425px) {
.hs_box{padding: 15px;width: 100%;}
.h_ask{text-align:center;}
.h_ask .p1{margin-right: 15px;display: none;}
.h_ask .p2{font-size:16px;padding-top: 12px;}
.h_ask .p3{float:none;display:inline-block;}
}
/* ------------------------------------------------------------------------------
     page_banner
-------------------------------------------------------------------------------*/
.page_banner{position: relative;height: 211px;overflow: hidden;padding-bottom:50px;}
.page_banner_tit{text-transform: uppercase;position: absolute;top: 60px;}
.page_banner_tit .p1{font-size: 33px;margin-bottom: 10px;}
.page_banner_tit .p1 .dot{margin: 0 8px;font-size: 32px;}
.page_banner_tit .p2{font-size: 13px;letter-spacing: 3px;}
.page_banner .main_box{position:relative;}
.page_banner_tit.tl{left:15px;}
.page_banner_tit.tr{right:15px;}
.page_banner_tit.bbox{background: rgba(0, 0, 0, 0.15);}

.banner_img{transition: transform 0.6s ease 0s;position: absolute;background-repeat: no-repeat;background-position: center center;height: 100%;width: 100%;background-size: cover;z-index: -1;}
.page_banner:hover .banner_img{transform: scale(1.05, 1.05);}

.position{position: relative;color: #949494;border-bottom: 1px #ddd solid;margin-bottom: 37px;}
.position .loc1{display: inline-block;font-size: 20px;padding: 16px 10px;}
.position a{transition: color 0.3s;color: #949494;}
.position a i{margin-left:16px;}
.position a:hover,.position a.hover{color: #376ac7;}
.position a,.position span{display: inline-block;vertical-align: middle;text-transform: capitalize;}
.position .nav_line{margin-right:5px;}

#ar_down{display: inline-block;font-size: 36px;border: 1px solid;border-radius: 50%;padding: 16px;position: relative;opacity: 0.5;color: #000;}

.innercon{padding-bottom: 50px;max-width: 780px;}
.grayline{background:#cacaca;width: 94px;height: 1px;position: absolute;right: -44px;top: 80px;z-index: 2;}
.cat_nav{overflow: hidden;background: #ececec;margin-bottom: 30px;}
.cat_nav a{display: inline-block;text-align: center;position: relative;transition: all 0.5s;padding: 13px 6.5%;text-transform: capitalize;}
.cat_nav a.hover,.cat_nav a:hover{color: #fff;background: #006ec2;}
.cat_nav .icon_tri_up{font-size:0;}
.cat_nav a.hover .icon_tri_up{color: #fff;font-size: 16px;position: absolute;left: 50%;bottom: -5px;margin-left: -8px;}


.all_nav{padding:40px 0;}
.all_nav dd{font-size:20px;border-bottom: 2px #006ec2 solid;padding-bottom: 10px;margin-bottom: 30px;}
.a_sub_nav{display:block;overflow: hidden;border: 1px #dadada solid;padding: 15px 15px 0;margin-bottom: 30px;}
.a_sub_nav li{float:left;width:20%;margin-bottom: 15px;}
@media screen and (max-width: 768px) {
.grayline{display:none;}
.position{display:none;}
}
@media screen and (max-width: 425px) {
.cat_nav a{width: 100%;margin: 0;}
.cat_nav{margin-bottom:15px;}
.cat_nav .main_box{margin:0;}
.nav_bar .l_box{float: none;margin-bottom: 15px;}
.nav_bar .r_box{float: none;text-align: center;}
}
.blog_tit{font-size: 26px;text-align: center;padding-bottom: 46px;font-weight: bold;}
.blog_tit i{display:inline-block;vertical-align:middle;font-family: -webkit-pictograph;}
.blog_tit span{display:inline-block;vertical-align:middle;}
.log_line{margin-bottom: 50px;border-bottom: 1px #e2e2e2 solid;padding-bottom: 50px;}
@media screen and (max-width: 1440px) {
.page_banner{background-size:  cover;}
.page_banner_tit .p1{font-size: 30px;}
.page_banner_tit .p2{font-size: 16px;}
}
@media screen and (max-width: 768px) {
.page_banner{height: 200px;margin-bottom: 30px;}
.page_banner_tit{position: relative;top: 50px;margin-top: 0;display: none;}
.page_banner_tit.tl{left:0}
.page_banner_tit.tr{right:0;}
.cat_nav .nav_line{margin: 0 5px;}
.about_banner{background-position: 30% center;}
.pro_banner{background-position: 82% center;}
.qu_banner{background-position: 60% center;}
.contact_banner{background-position: 20% center;}
#ar_down{display:none;}
}
@media screen and (max-width:425px) {
.blog_tit{padding-bottom:15px;}
.blog_tit i{font-size:16px;}
}

/* ------------------------------------------------------------------------------
     pro_list
-------------------------------------------------------------------------------*/
.pcat_tit{font-size:25px;color:#376ac7;margin-bottom: 15px;}
.pro_l{overflow:hidden;}
.pro_ltit{background: #fff;position: relative;font-size: 16px;display: flex;align-items: center;align-content: space-around;border: 1px #ddd solid;border-top: none;padding: 8px 0;}
.pro_ltit.top{background:#376ac7;color: #fff;padding: 6px 0;border: 1px #376ac7 solid;}
.pro_ltit span{float: left;width: 16.6666666666%;text-align: center;}
.pro_ltit span.p2 img{height:48px;}
.pro_ldes{width:100%;padding: 50px 80px;line-height: 2;overflow: hidden;background: #f5f5f5;color: #454545;text-align: center;}
.pro_ldes .box1{display:inline-block;vertical-align:middle;margin-right: 50px;}
.pro_ldes .box2{display:inline-block;vertical-align:middle;text-align: left;}
.pro_ltit .more{font-size: 18px;border: 1px solid;border-radius: 50%;background: #376ac7;width: 27px;height: 27px;line-height: 27px;display: inline-block;text-align: center;color: #fff;font-family: serif;cursor: pointer;}
.pro_ltit .more:before{content: "+";}
.pro_ltit.active .more:before{content: "-"}

@media screen and (max-width:1024px) {
.pro_ltit span.p2{display:none;}
.pro_ltit span{width:25%;}
.pro_ltit span.p5{display:none;}
.pro_ltit span.p7{width:10%}
}
@media screen and (max-width:768px) {
.pro_ltit span.p4{display:none;}
.pro_ltit span{width:30%;}
.pro_ldes{padding:10%;}
.pro_ldes .box1{margin-right:0;margin-bottom:30px;}
.pro_ldes .box2{width:100%;}
}
@media screen and (max-width:425px) {
.pro_ltit span.p3{display:none;}
.pro_ltit span{width:33.3333%;}
.pro_ltit span.p7{width:30%}
}

.inner_show{}
.inshow_top{margin-bottom:50px;overflow:  hidden;}
.inshow_top .l_box{float: left;width: 50%;display: flex;}
.inshow_top .r_box{float: right;width: 50%;padding-left: 50px;}
.bigimg_box{vertical-align: middle;flex: 1;padding-left: 50px;} 
.bigimg_box img{background: #f4f4f4;}
.pro_img_list{overflow: hidden;display: flex;justify-content: space-around;align-items: center;width: 74px;flex-wrap: wrap;}
.pro_img_list_i{display: inline-block;cursor: pointer;padding: 0 1%;}
.pro_img_list_i img{border: 2px #fff solid;background: #f4f4f4;}
.pro_img_list_i.active img{border-color: #376ac7;}


.inshow_top .r_box .bbar{color:#000;background: #000;width: 50px;margin: 30% 0 50px;}
.inshow_top .r_box .tit .p1{font-size: 18px;margin-bottom: 10px;}
.inshow_top .r_box .tit .bbar_l{width: 36px;height: 3px;margin-top: 35px;margin-bottom: 42px;}
.inshow_top .r_box .des{line-height: 2;margin-bottom: 30px;}
.prc_box{overflow:hidden;}
.prqq{background:#376ac7;color:#fff;padding: 13px 33px;float: left;margin-right: 30px;}
.prqq:hover{background:#000;}
.prtel{float: left;padding-top: 8px;}
.prtel .icon_tel{display: inline-block;vertical-align: middle;color: #376ac7;border: 1px solid;border-radius: 50%;font-size: 18px;padding: 5px;}
.prtel .p1{font-size: 20px;color: #376ac7;display: inline-block;vertical-align: middle;margin-left: 10px;margin-right: 20px;font-weight: bold;}


.pro_relate_tit{border-bottom: 2px #ededed solid;margin-bottom:30px;padding-bottom:15px;position: relative;}
.pro_relate_tit .tit{font-size:18px;padding-left:15px;border-left: 2px #376ac7 solid;}
.relate_spot {position:absolute;right:0;}
.relate_spot .swiper-pagination-bullet{margin: 0 3px;}
@media screen and (max-width: 425px) {
.inshow_top .l_box{width:100%;margin-bottom: 15px;}
.inshow_top .r_box{width:100%;padding-left: 0;}
.inshow_top{margin-bottom:10px;}
.left_bar .tit{display:none;}
.l_tel_box{display:none;}
}
/* ------------------------------------------------------------------------------
     case
-------------------------------------------------------------------------------*/
.case {padding: 80px 0;}
.case_list{position: relative;left:0;top:0;overflow: hidden;margin-left: -44px;}
.case_box{float: left;width: 33.33333%;padding: 0 44px;margin-bottom: 30px;}
.case_box dd{overflow:hidden;position:relative;}
.case_tit{background: rgba(0, 0, 0, 0.5);text-align: center;transition: all 0.5s;position: absolute;left: 0;bottom: 0;width: 100%;color: #fff;line-height: 40px;}
.case_box:hover .case_tit{background: #376ac7;}

@media screen and (max-width: 1200px) {
.case{padding:30px 0}
.case_box{width:50%;padding: 0 20px;}
.case_box .des_box{width:100%;padding-top: 0;margin-bottom: 15px;}
.case_box .img_box{width:100%;padding: 0;}
.case_box .des_box .tit{margin-bottom:15px;}
}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 425px) {
.case_box{width: 100%;}
.case_list{margin:unset;}
}

/* ------------------------------------------------------------------------------
     pic_list
-------------------------------------------------------------------------------*/
.pic_list{overflow: hidden;margin-bottom: 50px;}
.pic_box{float: left;width: 25%;padding:15px;text-align: center;}
.pic_box p{background: #edeef3;line-height: 3;}
@media screen and (max-width:768px) {
.pic_box{width:50%;}
}

/* ------------------------------------------------------------------------------
     tech_list
-------------------------------------------------------------------------------*/
.tech_list{}
.tc_box{padding: 20px 36px;border-bottom: 1px #ddd solid;}
.tc_box.bb{background:#eff2f7;}
.tc_box.bw{background:#fff;}
.tc_box i{display:inline-block;color: #376ac7;margin-right: 22px;background: url(../images/book.png);width: 16px;height: 16px;vertical-align: middle;}
.tc_box .tit{color: #565656;display: inline-block;vertical-align: middle;}
.tc_box .time{color: #565656;float: right;margin-top: 2px;}
@media screen and (max-width:425px) {
.tc_box{padding:15px;}
.tc_box .time{display:none;}
}
/* ------------------------------------------------------------------------------
     news
-------------------------------------------------------------------------------*/
.news_h{overflow: hidden;}
.news_box_list{}
.new_box{box-sizing: border-box;border-bottom: 1px #ddd solid;overflow: hidden;position: relative;}
.new_box .time_box{text-align: center;position: absolute;background: #fff;width: 100px;height: 125px;left: 0;top: 0;padding-top: 30px;transition: all 0.5s;}
.new_box .time_box .p1{font-size: 35px;font-weight: bold;}
.new_box .time_box .p2{font-size: 18px;}
.new_box .time_box:hover{background:#376ac7;color:#fff;}
.new_box .des_box{color: #828282;padding: 24px;transition: all 0.3s;padding-left: 130px;}
.new_box .des_box .tit{margin-bottom: 15px;font-size: 18px;}
.new_box .des_box .des{line-height: 1.5;margin-bottom: 15px;word-break: break-all;}
.new_box a{display: block;transition: all 0.3s;}
.new_box a:hover{color: #376ac7;}
.new_box a:hover .des_box{color:#fff;}
.page_tit{padding: 15px;background: #fff;text-align: center;line-height: 2;border-bottom: 1px #eee solid;}
.page_tit .p1{font-size: 24px;}
.page_tit .p2{color: #bbb;font-size: 12px;}
.page_tit .mid{margin:0 15px;}
.page_tit .p3{color: #bbb;font-size: 12px;}
.page_des{padding: 30px 5%;line-height: 2;font-size: 15px;}


@media screen and (max-width: 1200px) {

}
@media screen and (max-width: 768px) {
.new_box{width: 100%;}
}
@media screen and (max-width: 425px) {
.new_box{width: 100%;}
.new_box .time_box{display:none;}
.new_box .des_box{padding:15px;}
}
/* ------------------------------------------------------------------------------
     Company News
-------------------------------------------------------------------------------*/
.news_c{overflow: hidden;}
.new_big_box{overflow: hidden;background: #ffff;margin-bottom: 22px;border-bottom: 1px #ddd solid;padding-bottom: 30px;}
.new_big_box .img_box{text-align: center;display: inline-block;vertical-align: middle;}
.new_big_box .img_box img{width:100%;}
.new_big_box .des_box{color: #828282;display: inline-block;width: 60%;vertical-align: middle;padding-left: 60px;}
.new_big_box .des_box .tit{transition: color 0.3s;margin-bottom: 15px;display: block;position: relative;}
.new_big_box .des_box .tit .p1{font-size:18px;color: #000;transition: all 0.5s;}
.new_big_box .des_box .tit .time{font-size:16px;position: absolute;right: 0;top: 2px;color: #828282;}
.new_big_box .des_box .tit .p1:hover{color: #376ac7;}
.new_big_box .des_box .des{line-height: 1.5;margin-bottom: 15px;color: #4d4d4d;word-break: break-all;}

@media screen and (max-width: 1200px) {
.new_big_box .des_box{width:50%;}
}
@media screen and (max-width: 768px) {
.new_big_box{padding-bottom: 0;}
.new_big_box .des_box{width: 100%;padding: 24px;}
.new_big_box .img_box{padding:0;width: 100%;}

}
@media screen and (max-width: 425px) {
.new_big_box .des_box{width:100%;}
.new_big_box .img_box{width:100%;margin-bottom: 15px;}
.new_big_box .des_box .tit .time{display:none;}
}
/* ------------------------------------------------------------------------------
     about
-------------------------------------------------------------------------------*/
.about_top{margin-bottom: 60px;}
.about_top .img_box{margin-bottom: 50px;text-align: center;}
.about_top .des_box{line-height: 2}

.about_lr{margin-bottom: 60px;overflow:hidden;}
.about_lr .img_box{display: inline-block;vertical-align: middle;/* width: 50%; */}
.about_lr .des_box{display: inline-block;vertical-align: middle;line-height: 2;padding-left: 50px;width: 60%;}

.a_newpro{background:url(../images/abou_p.jpg) center no-repeat;padding-bottom: 80px;}
.a_newpro_list{}
.an_box{float: left;width: 25%;padding: 5px;}
.an_tit{color: #fff;text-align: center;padding: 10px 0;}
.an_arr{width: 100%;top: 50%;display: flex;justify-content: space-between;position: absolute;margin-top: -18px;}
.an_arr a{display: inline-block;position: relative;z-index: 99;text-align: center;font-size: 18px;font-weight: bold;cursor: pointer;padding: 9px 31px;background: #646865;color: #fff;transition: all 0.5s;}
.an_arr a:hover{background: #006ec2;}

.honor{padding-bottom:80px;}
.honor_list{}
.honor_list li{float: left;width: 20%;padding: 10px;}
.honor_arr{width: 100%;top: 50%;display: flex;justify-content: space-between;position: absolute;margin-top: -18px;}
.honor_arr a{display: inline-block;position: relative;z-index: 99;text-align: center;font-size: 18px;font-weight: bold;cursor: pointer;padding: 9px 31px;background: #646865;color: #fff;transition: all 0.5s;}
.honor_arr a:hover{background: #006ec2;}

@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 768px) {
.an_box{width:50%;}
.honor_list li{width:50%;}
.about_lr .img_box{width:100%;margin-bottom:30px;}
.about_lr .des_box{width:100%;padding-left: 0;}
}
@media screen and (max-width: 425px) {

}
/* ------------------------------------------------------------------------------
     contact
-------------------------------------------------------------------------------*/
.cf_content{position: relative;padding-bottom:50px;}
.contact_info{padding-top: 50px;position: absolute;background: #fff;left: 50px;top: 50px;padding: 30px;width: 470px;}
.contact_info .tit{font-size:20px;font-weight:bold;margin-bottom: 15px;border-bottom: 1px #ddd solid;padding-bottom: 15px;}
.contact_info .name{font-size: 18px;margin-bottom: 15px;}
.contact_info .des{}
.contact_info .des p{position: relative;margin-bottom: 13px;}
.contact_info .des i{display: inline-block;vertical-align: middle;width: 30px;height: 30px;margin-right: 10px;background-repeat: no-repeat;background-position: center;}
.contact_info .des span{display:inline-block;vertical-align: middle;width: 80%;}
.ci1{background-image:url(../images/c1.jpg)}
.ci2{background-image:url(../images/c2.jpg)}
.ci3{background-image:url(../images/c3.jpg)}
.contact_info .ask{color:#757575;}
.contact_info .ask p{padding:5px 0;}
.contact_info .ask .cqq{display:inline-block;border:1px solid;color: #27afff;padding: 5px 15px;margin-left: 15px;}
.cf_content .map{border: 1px #dedede solid;width:100%;height: 450px;float: left;}
.contact_form{width: 100%;background: #f5f5f5;padding: 50px 60px;position: relative;margin-bottom: 50px;}
.cf_top{position:relative;color: #757575;margin-bottom: 30px;}
.top_tit{position:absolute;right:0;top: -24px;color:#738091;letter-spacing: 20px;}
.top_tit i{width:80px;height:2px;background:#738091;display: inline-block;vertical-align: middle;margin-left: 15px;}
.cf_top .p1{font-size: 18px;font-weight: bold;color: #376ac7;}
.cf_top .bbar_l{margin-bottom:50px;margin-top: 43px;}
.contact_form li{line-height:60px;width: 50%;color: #757575;float: left;margin-bottom: 26px;}
.contact_form li.full{width:100%;}
.contact_form li.pr{padding-right: 50px;}
.contact_form li.pl{padding-left: 50px;}
@media screen and (max-width: 1280px) {
.cf_content{padding-bottom: 30px;display: block;}
.cf_content .map{width:100%;}
.contact_info{width:100%;margin-bottom: 50px;position: unset;overflow: hidden;margin: 0;}
.contact_form{width:100%;}
}
@media screen and (max-width: 768px) {
.ci_tit .p1{font-size:30px;position: unset;margin-bottom: 15px;}
.cf_content{padding-top:30px;}
.contact_info .des span{width:80%;}
.contact_info{padding: 5%;}
.contact_form{padding: 5%;}
.contact_info p{width:100%;text-align: left;}
.contact_info i{display: inline-block;vertical-align: middle;margin-bottom: 0;}
.contact_info p.bl:before{display:none;}
.contact_form li{width:100%;}
.contact_form li.pr{padding-right: 0;}
.contact_form li.pl{padding-left: 0;}
}


/* ------------------------------------------------------------------------------
     recruit
-------------------------------------------------------------------------------*/
.recruit{}
.recruit_list{margin-bottom:50px;}
.recruit_top{position: relative;overflow: hidden;font-size: 16px;font-weight: bold;line-height: 68px;}
.recruit_top a{color: #00589a;}
.recruit_top .bg_tit{font-family: 'bebasregular';font-size: 60px;text-transform: uppercase;color: #eaf0f6;position: absolute;right: 0;top: 20px;}
.recruit_l{border: 1px #eee solid;}
.recruit_des{width:100%;padding: 50px 80px;line-height: 2;overflow: hidden;background: #f5f5f5;color: #454545;}
.recruit_des hr{border-color: #ececec;border-style: solid;margin: 30px 0;border-width: 1px;height: 0;unicode-bidi: normal;border-block-start: unset;}
.recruit_tit{background: #fff;line-height: 52px;padding: 0 80px;position: relative;color: #616161;}
.recruit_tit.top{background:#114aa1;color: #fff;}
.recruit_tit span{display: inline-block;width: 30%;}
.recruit_tit .more{font-size: 18px;border: 1px solid;border-radius: 50%;background: #00589a;width: 27px;height: 27px;line-height: 27px;display: inline-block;text-align: center;color: #fff;font-family: serif;position: absolute;right: 30px;top: 16px;cursor: pointer;}
.recruit_tit .more:before{content: "+";}
.recruit_tit.active .more:before{content: "-"}
@media screen and (max-width: 1280px) {

}
@media screen and (max-width: 768px) {
.recruit_top .bg_tit{display:none;}
.recruit_des{padding: 15px;}
}
@media screen and (max-width: 425px) {
.recruit_tit{padding:0 30px;}
.recruit_tit span{width: 60%;}
.recruit_tit span.p3,.recruit_tit span.p4{display:none;}
}