@charset "utf-8";
.tong{width: 88.8%;margin: 0 auto;}
/*头部*/
.header{position:fixed;height:.88rem;;width:100%; top:0rem;left: 0; background:#fff;overflow:hidden; z-index:999999;padding: .22rem .3rem}
.header::after,.header::before{content: "";width: 50%;height: .02rem;background: #0380c8;position: absolute;bottom: 0;z-index: 1;-webkit-transition:all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.header::after{left: -50%;}
.header::before{right: -50%}
.header_on::after{left: 0}
.header_on::before{right: 0}
.header .on{}
.header p,.la{height:.44rem; line-height:.44rem;font-size: .25rem;color: #0380c8;}


.header-logo{height:.44rem;vertical-align:middle;}
.header_b{position:absolute; top:0px; right:0px;height:.88rem;width: .88rem;}
.header_b .a{width: .36rem;height: .34rem;position: absolute;top: .28rem;left: .26rem;overflow: hidden;}
.header_b .a li{height: .06rem;background: #323232;width: 100%;position: absolute;left: 0;}
.header_b .a li:nth-child(1){top: 0;}
.header_b .a li:nth-child(2){top: .14rem;}
.header_b .a li:nth-child(3){top: .28rem;}

.header_b .b{width: .3rem;height: .3rem;position: absolute;overflow: hidden;}
.header_b .b li{position: absolute;background: #323232;}
.header_b .b{
  transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  left: 50%;
  top: 50%;
  margin-top: -.15rem;
  margin-left: -.15rem;
}
.header_b .b li:nth-child(1){height: .06rem;width: 100%;left: -55%;}
.header_b .b li:nth-child(2){height: 100%;width: .06rem;top: -55%;}
.header_b .b li{
  top: 50%;left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.header_b ul li{
  -webkit-transition:all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;
}
.header .on .a li:nth-child(3){left: .36rem}
.header .on .a li:nth-child(2){left: .56rem}
.header .on .a li:nth-child(1){left: .76rem}

.header .on .b li:nth-child(1){left: 50%;}
.header .on .b li:nth-child(2){top: 50%}
/* 导航空白div */
.header-kongbai{height:.88rem; width:100%;}
/*侧边栏*/
.sidebar-z{width:46%; height:30rem; position:fixed; left:-54%; top:.88rem; z-index:9999999;transition:all 0.3s ease 0s;background-color: rgb(0, 0, 0);opacity: 0.5;}
.sidebar{width:54%;position:fixed; top:.88rem; right:-56%; z-index:9999999; background:#ffffff; height:95vh; overflow-x:hidden;transition:all 0.3s ease 0s;padding-bottom: 1vh}
.menu_list{width:100%;}
.menu_head{width:100%;position:relative;font-weight:bold;}
.menu_head a{display: block;padding-left: 1.2rem;font-size: .25rem;color: #333333;line-height: 1.02rem}
.menu_head span{position: absolute;width: 1.02rem;height: 1.02rem;top: 0;right: .0rem;text-align: center}
.active .a1,.menu_head .a2{display: none}
.active .a2{display: block}

.menu_body a{display:block; font-size:0.2rem; line-height:0.54rem; color:#999999; padding-left:1.2rem;margin-bottom: .16rem}
.menu_body a:hover,.active a{color:#0380c8;}
/*轮播图*/
.banner img{ width:100%; height:4.6rem; display:block;}
.banner .swiper-pagination-bullet{width: .14rem;height: .14rem;background: none;border:1px solid #fff;margin: 0 .05rem !important;}
.banner .swiper-pagination-bullet-active{border-color:#0380c8;background: #0380c8;}
/* 首页标题 */
.index_bt{text-align: center;font-size: .24rem;color: #646464;line-height: .4rem;}
.index_bt h3{font-size: .36rem;color: #323232;line-height: .6rem;}
/* 首页公司产品 */
.index_prod_k{padding:.5rem 0 .27rem;position: relative;}
.prod_swip{width: 88.8%;margin: .24rem auto 0 !important;}
.prod_swip .swiper-slide a{display: block;}
.prod_swip .swiper-slide img{display: block;width: 1.26rem;height: 1.26rem;border-radius: 50%;margin: 0 auto;}
.prod_swip .swiper-slide p{font-size: .24rem;color: #646464;line-height: .7rem;text-align: center;}

.prod_swip_prev,.prod_swip_next{background: none !important;font-size: .48rem;width: .38rem !important;height: .66rem !important;text-align: center;line-height: .66rem;top: 2.1rem !important;margin-top: 0 !important;}
.prod_swip_prev{left: .22rem !important;}
.prod_swip_next{right: .22rem !important;}

/*产品中心*/
.index_pr_bt{width: 88.8%;margin: .32rem auto .4rem;display: -webkit-box;display: -webkit-flex;display: flex;}
.index_pr_bt li{-webkit-flex:1;flex:1;-webkit-box-flex:1;font-size: .26rem;color: #0380c8;line-height: .78rem;text-align: center;background: #f0f0f0;border: 1px solid #fff;}
.index_pr_bt .index_pr_c{background: #0380c8;color: #fff;}
.index_pr_e .index_case_more{width: 100%;}
.index_pr_e{display:none;}
.index_pr_e p{font-size: .23rem;line-height: .38rem;text-indent: 2em;color: #888888;-webkit-line-clamp: 3; hyphens:auto;}
.index_pr_e img{display: block;width: 100%;height: 3.5rem;}
.index_pr_e ul{height: 1.2rem;margin-top: .2rem;width: 100%}
.index_pr_e li{float: left;width: 1.5rem;height:.5rem;line-height: .5rem;font-size: .2rem;border: 1px solid #0380c8;border-radius:10px;overflow: hidden;text-align: center;margin:.08rem;}
.index_pr_e li:active{background-color: #0380c8;color: #fff}

/* 客户案例 */
.index_case{width: 88.8%;margin: .2rem auto;background: #f1f1f1;height: 2.9rem;padding: .03rem .3rem 0 2.7rem;position: relative;display: block;}
.index_case img{width: 2.31rem;height: 2.88rem;position: absolute;top: 0;left: 0;}
.index_case h3{font-size: .26rem;color: #323232;line-height: 1.14rem;}
.index_case h4{font-size: .23rem;line-height: .38rem;color: #888888;-webkit-line-clamp: 3;}

.index_case_more{display: block;width: 88.8%;margin: .44rem auto .5rem;background: #0380c8;font-size: .24rem;text-align: center;line-height: .68rem;color: #fff;}
/*新闻*/
.index_news_bt{width: 88.8%;margin: .32rem auto .4rem;display: -webkit-box;display: -webkit-flex;display: flex;}
.index_news_bt li{-webkit-flex:1;flex:1;-webkit-box-flex:1;font-size: .26rem;color: #0380c8;text-align: center;background: #f0f0f0;border: 1px solid #fff;}
.index_news_bt .index_news_c{background: #0380c8;color: #fff;}

.index_news_e .index_case_more{width: 100%;}
.index_news_e .k{display: block;}
.index_news_e img{display: block;width: 100%;height: 4.5rem;}
.index_news_e h3{font-size: .3rem;color: #323232;line-height: .36rem;margin: .29rem 0 0;}
.index_news_e h4{font-size: .2rem;color: #b4b4b4;line-height: .6rem;}
.index_news_e h5{font-size: .23rem;line-height: .42rem;color: #777777;height: 1.26rem;}
/* 首页底部电话 */
.foot_tel{text-align: center;}
.foot_tel span{display: inline-block;padding-left: .87rem;background: url(../images/foot_tel.jpg) no-repeat 0 center;background-size: .67rem .56rem;text-align: left;font-size: .3rem;color: #545454;line-height: .4rem;margin-bottom: .5rem;}
/* 底部 */
.foot{background: #444444;padding: .3rem 2.22rem .34rem .26rem;font-size: .24rem;color: #fff;line-height: .47rem;position: relative;}
.foot a{color: #fff;}

.foot_qr{width: 1.74rem;position: absolute;top: .23rem;right: .32rem;text-align: center;font-size: .24rem;line-height: .7rem;}
.foot_qr img{display: block;width: 100%;}

.foot_ico{margin-top: .2rem;}
.foot_ico img{display: block;float: left;width: .46rem;height: .46rem;margin-right: .4rem;}

.qr_pop,.pop_qr{display: none;}
.qr_pop{position: fixed;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 999;top: 0;left: 0;}
.pop_qr{width: 50%;position: fixed;z-index: 9999;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
/* 内页 */
.ny_banner{display: block;width: 100%;}
/* 产品中心导航 */
.product_nav_k{overflow-y: hidden;width: 100%;}
.product_nav{position: relative;}
.product_nav li{float: left}
.product_nav li a{display: block;font-size: .24rem;color: #323232;line-height: .68rem;background: #f1f1f1;padding: 0 .4rem;border-right: 1px solid #e7e7e7;}
.product_nav .on a{background: #0380c8;color: #fff;}
/* 产品列表 */
.product_ul li{width: 45%;margin: .5rem 0 0 3.333333%;float: left;}
.product_ul li a{display: block;}
.product_ul li img{display: block;width: 100%;height: 3.41rem;}
.product_ul li p{font-size: .24rem;line-height: .54rem;text-align: center;background: #0380c8;color: #fff;}
.product_ul{margin-bottom: .5rem;}
/* 翻页 */
.page_list { text-align:center;margin-bottom: .55rem;height: .5rem;}
.page_list ul{margin: 0 auto;display:inline-block;}
.page_list li{float: left;width: .5rem;height: .5rem;font-size: .18rem; line-height:.5rem;}
.page_list a { display:inline-block;min-width: .5rem;min-height: .5rem;padding: 0 .15rem;font-size: .18rem;color: #323232;border: 1px solid #e1e1e1;margin: 0 .05rem;}
.page_list .on{background: #0380c8;color: #fff;border-color: #0380c8;}
/* 关于我们 */
.about_us{padding: .29rem .21rem .72rem;font-size: .26rem;line-height: .45rem;color: #323232;}
.about_us h3{font-size: .36rem;color: #323232;line-height: .74rem;position: relative;text-align: center;margin-bottom: .43rem;}
.about_us h3::after,.recr_bt::after{content: "";width: .6rem;height: .06rem;background: #474443;position: absolute;bottom: 0;left: 50%;margin-left: -.3rem;}
.about_us img{max-width: 100%;display: block;margin: 0 auto;height: auto !important;}
/* 联系我们 */
#container{margin: 0 .21rem .32rem;height: 3.55rem;}

.map_bott{margin: 0 .21rem .47rem;background: #f4f4f4;padding: .5rem .44rem;}
.map_bott li{font-size: .28rem;line-height: .62rem;color: #646464;overflow: hidden;}
.map_bott li img{height: .33rem;width: .3rem;float: left;margin: .16rem .28rem 0 0;}
/* 招聘 */ 
.recr_ul{margin: 0 .21rem .46rem;}
.recr_top{font-size: .26rem;color: #646464;line-height: .6rem;background: #f0f0f0;margin-top: .2rem;padding: 0 .19rem;}
.recr_li .on{background: #0380c8;color: #fff;}
.recr_nr{display: none;position: relative;}
.recr_nr a{display: block;font-size: .24rem;line-height: .44rem;color: #878787;padding: .3rem 0 .2rem;}
.recr_nr span{display: block;width: 1.5rem;height: .7rem;background: #0380c8;color: #fff;text-align: center;font-size: .24rem;border-radius: .1rem;line-height: .7rem;position: absolute;top: .56rem;right: 0;}

.recr_bt{text-align: center;font-size: .36rem;position: relative;color: #323232;line-height: .96rem;margin-top: .08rem;}

.recr_intr{text-align: center;margin: .35rem .21rem .5rem;}
.recr_intr img{max-width: 100%;height: auto !important;}
.recr_intr p,.recr_intr span,.recr_intr{font-size: .24rem !important;line-height: .4rem !important;color: #444444;}
/* 新闻列表 */
.news_ul{margin: 0.1rem .21rem .5rem;}
.news_ul li a{display: block;height: 2.06rem;border-bottom: 1px solid #e1e1e1;position: relative;padding: .25rem 0 0 2.35rem;}
.news_ul li a img{width: 2.13rem;height: 1.57rem;position: absolute;top: .25rem;left: 0;}
.news_ul li h3{font-size: .26rem;color: #444444;line-height: .46rem;}
.news_ul li h4{font-size: .24rem;color: #646464;line-height: .58rem;}
/* 新闻详情 */
.news_bread{position: relative;padding: 0 .3rem;font-size: .18rem;color: #666666;line-height: .88rem;background:#efefef;}


.news_bread_a{
  text-align: right;
  position: relative;
  width: 1.5rem;
  padding-right: .3rem;
}
.news_bread_a i{position: absolute;top: 50%;right: 0;margin-top: -.1rem;
  -webkit-transition:all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;
	transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
}
.news_bread_a.on i{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}
.news_bread_b{position: absolute;top: .88rem;right: .3rem;z-index: 99;background: #fff;padding: .1rem 0;border-radius: .05rem;max-height: 30vh;overflow-x: hidden;width: 1.5rem;display: none;}
.news_bread_b li a{display: block;line-height: .35rem;padding: .1rem .2rem;border-bottom: 1px dashed #e1e1e1;}
/* 新闻内容 */
.news_deta{padding: .3rem .3rem 0;}
.news_deta h1{font-size: .3rem;color: #666666;line-height: .5rem;text-align: center;}
.news_deta h3{font-size: .22rem;color: #a5a5a5;line-height: .42rem;text-align: center;padding-bottom: .22rem;border-bottom: 1px dashed #d3d3d3;}
.news_deta .nr{padding: .18rem 0 .3rem;border-bottom: 1px dashed #d3d3d3;}
.news_deta .nr,.news_deta .nr font,.news_deta .nr span.news_deta .nr p{font-size: .24rem !important;line-height: .48rem !important;color: #666666;}
.news_deta .nr img{display: block;max-width: 100%;height: auto !important;}

.news_page{font-size: .24rem;color: #333333;line-height: .4rem;padding: .24rem .3rem .4rem;}
.news_page p{margin-bottom: .15rem;}
.news_page a{color: #333;}
/* 合作 */
.hui{height: .16rem;background: #efefef;}

.appli{margin: .65rem .21rem .5rem;}
.appli li{margin-bottom: .24rem;border: 1px solid #e9e9e9;position: relative;padding-left: 1.82rem;font-size: .28rem;line-height: .88rem;color: #666666;}
.appli li span{display: block;text-align: right;position: absolute;top: 0;left: 0;width: 1.8rem;}
.appli li .input{width: 100%;height: .88rem;display: block;text-indent: .1rem;font-size: .28rem;}
.appli select{background-color: #e9e9e9}
.appli textarea{width: 100%;height: .99rem;display: block;text-indent: .1rem;font-size: .28rem;outline:none;border-color: #e9e9e9;}
.appli textarea:focus{border-color: #e9e9e9;}
.appli .sex{float: left;}
.appli .sex{width: 15px;height: 15px;display: inline;vertical-align: middle;margin-left: 20px;}

.appli_tj{display: block;width: 70%;height: .8rem;background: #0380c8;color: #fff;font-size: .28rem;margin: 0 auto .6rem;}
/* 产品详情 */
.prod_deta_a{text-align: center;font-size: .31rem;color: #0380c8;font-weight: bold;line-height: .54rem;padding: .28rem .21rem .38rem;}

.prod_deta_img{display: block;width: 100%;height: 7.5rem;}

.prod_deta_ul{margin: .5rem .21rem .4rem;}
.prod_deta_ul li{font-size: .25rem;line-height: .5rem;color: #646464;margin-bottom: .1rem;}
.prod_deta_ul li span{display: block;float: left;min-width: 1.62rem;height: .5rem;text-align: right;background: #0380c8;color: #fff;margin-right: .22rem;text-align: center;text-align: right;}

/*招聘*/
.zp-ul { overflow:hidden; } 
.zp-li { overflow:hidden; margin-bottom:.28rem;}
.zp-ft{font-family:Arial; color:#ee0000; margin-left:.3rem;}
.zp-head { height:.8rem; background:#f4f4f4; color:#333;line-height:.8rem;font-size:.3rem;overflow: hidden; cursor:pointer;}
.le_on1{background:#0380c8;color: #fff;}
.zp-head .sp1 { margin-left:.74rem; float:left; }
.zp-bom { padding:.2rem .7rem;font-size:.25rem; color:#6a6a6a; line-height:.48rem; display:none;}
.zp-ft1,.zp-ft2,.zp-ft3{width:1rem; display:block;text-align:center; float:left;}
.zp-ft1{ width:1rem;margin-right:.3rem}
.zp-ft3{width:2rem; background:none;margin-right:.3rem }

.recru_butt{
  display: block;
  width: 40%;
  margin: 0 auto .6rem;
  background: #0380c8;
  color: #fff;
  text-align: center;
  line-height: .6rem;
  border-radius: 9rem;
  font-size: .28rem;
}

/*富文本*/
.fwb{margin: .3rem auto}
.fwb iframe{margin: 0 auto;display: block;width: 100%}







/*下拉开始*/
.course-filter{display: -webkit-box;display: -webkit-flex;display: flex;height: .68rem;background: #fff url(../images/course-filter.jpg) no-repeat center;background-size: .0296rem .68rem !important;z-index: 9;position: relative;border-top: 1px solid #dcdcdc;}
.course-filter .li1{flex:1;height: .68rem;border-right: 1px solid #dcdcdc;}
.course-filter .li1 .n1{text-align: center;font-size: .3rem;color: #6a6a6a;line-height: .68rem;}
.course-filter .li1 .n1 .jt1,.course-filter .li1 .n1 .jt2{height: .15rem;position: relative;top: -.01rem;margin-left:.1rem;}
.course-filter .li1 .n1 .jt2{display: none;}
.course-filter .course-filter-xz .n1{color: #0091f7;}
.course-filter .course-filter-xz .n1 .jt2{display: inline-block;}
.course-filter .course-filter-xz .n1 .jt1{display: none;}
/*弹出包裹div*/
.course-filter-pop{position: absolute;top: .68rem;left: 0;width: 100%;background: #fff;border-top: 1px solid #dcdcdc;height: 0;overflow-x: hidden;z-index: 1;-webkit-transition:all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.course-filter .course-filter-xz .course-filter-pop{height: 3.7rem;z-index: 9;}
/*弹出黑色底层*/
.course-filter .li1 .kb{position: absolute;top: .68rem;left: 0;width: 100%;height: 0;background-color: rgba(0, 0, 0, 0.6);z-index: -1;}
.course-filter .course-filter-xz .kb{height: 100vh;}
/*弹出层ul*/
.course-filter .li1 .course-filter-ul{position: relative;z-index: 1;}
/*课程弹出层*/
.course-filter-store li{font-size: .25rem;padding: 0 3%;}
.course-filter-store li a{color: #6a6a6a;line-height: .6rem;display: block;padding: 0 3%;border-bottom: 1px solid #dcdcdc;}
.course-filter-store .on a{background: url(../images/course-filter-store.jpg) no-repeat 93% center;background-size: .41444rem auto;color: #0091f7;}

.foot-k{height:1.4356rem;}
/*下拉结束*/