@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0; box-sizing:border-box;}
*:focus{outline:none;}
ul li{list-style:none;}
body{color:#666; width:100%;  margin:0 auto; overflow-x:hidden; font-size: .24rem; }
a{text-decoration:none; color:#333}
.container{width:100%; padding: 0px .25rem;}
.clr{clear:both;}
h1,h2,h3,h4,h5,h6{ margin: 0;font-weight:normal;}
html{font-size: 100px;}
.l{float:left}
.r{float:right}




/*头部*/
.index_header{width:100%; height: auto; z-index:999; background:rgba(0,0,0,0.3); position: fixed; top: 0; left:0}
.header{width:100%; clear:both; height:1rem; padding: 0 2%}
.logo{float:left; width:auto; height: 100%; }
.logo a{width:100%; height:1rem; display: block; display: flex; align-items: center; }
.logo a img{width:2.05rem; max-height: 100%}
.menu{float:right; height:100%; width:1rem; }
.menu a{width:100%; height: 100%;  display: flex; align-items: center; }
.menu img{height:auto; width: .25rem; align-items: center; margin: 0px auto;}

.h_yycin{position: relative; float: right; margin-right: 5%}
.h_yycin p{line-height: 1rem; font-size: .24rem; color: #fff; position: relative; padding: 0 .25rem 0 .45rem}
.h_yycin p:after{content:""; width:.3rem; height: .3rem; background: url(../images/yy_icon.png) no-repeat left center; background-size: 100% auto; position: absolute; top:50%; left:0; transform: translate(0,-50%)}
.h_yycin p:before{content:""; width:10px; height:6px; background: url(../images/san.png) no-repeat left center; background-size: 100% auto; position: absolute; top:50%; right:0; transform: translate(0,-50%)}


.xymob-menu{width:100%; height: 100vh; position: absolute; right:0; left:0; background: #fff; display: none; padding: 0 5%;  z-index: 9999;  }
.xymob-menu .xymob-menu-box{height: 100vh; overflow: auto; padding-bottom: 80px; }
.xymob-nav > li { border-bottom: 1px solid #d0d0d0; position: relative;}
.xymob-nav > li > a { display: block; line-height: 50px; font-size:.25rem; color: #333;}
.xymob-nav .xymob-menu-jt { position: absolute; width: 20%; height: 50px; line-height: 50px; right: 0; top: 0; text-align: center; z-index: 9;}
.xymob-nav .xymob-menu-jt .icon-font{display: block; width: 100%; height: 100%; background:url(../images/down.png) no-repeat center}
.xymob-nav .xymob-sub-menu{display: none;}
.xymob-nav .xymob-sub-menu > li{border-top: 1px solid #d0d0d0; position: relative;}
.xymob-nav .xymob-sub-menu > li > a {display: block; font-size: 14px; color: #333; line-height:40px; text-indent: .2rem;}
.xymob-navbtn {float: right; width:.35rem; height:1rem; display: flex; align-items: center ;}
.xymob-navbtn img{width:100%}

.h_yycin_hide{width:100%; height: 100vh; overflow: hidden; position:fixed; top:1rem; left:0; background:#fff; display: none;}
.h_yycin_show{width:100%; height: auto; background: #fff; text-align: center;}
.h_yycin_show a{color:#333; font-size: 16px; display: flex; align-items:center; justify-content:center; margin: 10px 0}
.h_yycin_show a:hover{color:#1881f4; font-weight: bold;}
.header_yy:hover .h_yycin_show{display: block}
.h_yycin_show a img{width:15px; margin-right:8px;}

.yycin_hide_close{width:100%; height:auto;  margin:.4rem 0 .4rem; text-align:right; display:flex; justify-content:end}
.yycin_hide_close img{width:.5rem;}


/* Home:banner */
.banner{ width:100%; position: relative; overflow: hidden; }
.banner .swiper-container{width:100%; }
.banner .swiper-slide{overflow: hidden}
.banner .swiper-slide a img{width:100%; display: block; height:auto; }
.banner .swiper-pagination{bottom:5%; color:#fff; font-size:.25rem; text-align:center; width:100%}
.banner .swiper-pagination-bullet{width:8px; height:8px; background: #fff; margin:0 10px;}
.banner .swiper-pagination-bullet-active{opacity: 1; background: #16ae67}


/*about*/
.index_about{width:100%; height: auto; overflow: hidden; margin: .7rem 0 .7rem; }
.index_about_left{width:100%; height: auto; overflow: hidden}
.index_about_left h3{width:100%; color:#333333; font-size:.46rem; font-weight: bold; text-transform: Capitalize}
.index_about_left h3 span{color:#333333; font-size:.46rem; font-weight: bold;}
.index_about_left h4{color:#1881f4; font-size: .3rem; font-weight: bold; margin-top: .2rem;}
.ab_info{width:100%; display: block; font-size:.25rem; color: #333333; line-height: .4rem; margin: .4rem 0}
.ab_more{width:150px; height:.7rem; border: 2px solid #1881f4; text-align: center; border-radius: 25px; font-size:.26rem; line-height: .68rem; color: #333333; 
	display: block}
.ab_more:hover{background:#1881f4; color:#fff;}
.index_about_right{width:100%; height: auto; position: relative; overflow: hidden}
.v_img{width:100%;}
.v_tan{width:67px; height: auto; position: absolute; top: 42%; right: 42%;}
.v_tan img{width:100%;  -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;}
.v_tan:hover img{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg);}
.in_ab_links{width:100%; height: auto; overflow: hidden; margin: .5rem 0}
.in_ab_links a{color:#333333; font-size: .26rem;  position: relative; padding-left:.3rem; width: 50%; float: left; margin-bottom: .3rem; font-weight: bold;}
.in_ab_links a:after{content:""; width:.12rem; height:.12rem; background: #1881f4; border-radius: 50%; position: absolute; top:50%; left:0; 
	transform: translate(0,-50%)}
.in_ab_links a:hover:after{background: #1881f4; }
.in_ab_links a:hover{color:#1881f4}



/*产品*/
.index_products{width:100%; height: auto; overflow: hidden; padding:1rem 0 1rem; background:url(../images/products_bjs.jpg) no-repeat center; background-size:cover;}
.index_pro_title{width:100%; display:flex; justify-content:space-between}
.pro_title_left h3{color:#fff; font-size:.46rem; font-weight:bold;text-transform:Capitalize; margin-bottom:.15rem;}
.pro_title_left p{color:#fff; font-size:.26rem;}
.in_pro_ckgd{width:150px; height:47px; line-height:45px; border:2px solid #1e6ec4; text-align:center; font-size:16px; color:#fff; border-radius:25px; margin-top:25px;}
.index_products_all{width:100%; height:auto; position:relative; margin-top:.8rem;}
.index_products_all .swiper-container{padding-bottom: .9rem}
.index_products_all .swiper-slide a{width:100%; height:auto; display:block;}
.index_products_img{width:100%; height:auto; overflow:hidden}
.index_products_img img{width:100%; display:block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_products_xx{width:100%; height:132px; padding:15px; }
.index_products_xx h3{width:100%; height:.5rem; line-height:.5rem; font-size:.26rem; color:#fff; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center}
.index_products_xx span{width:2rem; height:.6rem; line-height:.6rem; text-align:center; border:1px solid #fff; border-radius:25px; font-size:.26rem; color:#fff; display:block; margin:10px auto 0;}
.index_products_all .swiper-button-next,.index_products_all .swiper-button-prev{width:.5rem; height:.5rem; margin-top:0; top:auto; bottom:0}
.index_products_all .swiper-button-next{background: url(../images/p_right.png) no-repeat center; right:35%; background-size: 100% 100%}
.index_products_all .swiper-button-prev{background: url(../images/p_left.png) no-repeat center; left:35%; background-size: 100% 100%}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content:""}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content:""}
.index_products_all .swiper-slide a:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}


/**/
.index_why{width:100%; height: auto; overflow: hidden; padding:.8rem 0 .6rem; background:#fff}
.index_why_title{width:100%; height: auto; overflow: hidden; margin-bottom: .6rem;}
.index_why_title h3{width:100%; color:#333333; font-size: .45rem; font-weight: bold; text-transform: Capitalize}
.index_why_title h3 span{color:#333333; font-size: .45rem; font-weight: bold;}
.index_why_title h4{color:#333333; font-size: .26rem; margin-top:.15rem; line-height: .4rem;}
.sideMenu{width:100%; height: auto; overflow: hidden; background: url(../images/ys.jpg) no-repeat center; background-size:cover; padding: .7rem .3rem 1.2rem}
.sideMenu h3{font-size:.3rem; font-weight: bold; color: #fff; width: 100%; height:.6rem; line-height: .6rem; margin-bottom: .2rem; display: flex; align-items: center; justify-content: space-between}
.sideMenu h3 em{float:right; display:block; width:.3rem; height:.3rem;  background: url(../images/ys_jts.png) no-repeat right center;
	background-size:100% 100%; cursor:pointer; }
.sideMenu h3.on em{}
.sideMenu_li{display:none; margin-bottom: .6rem; border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: .5rem}
.sideMenu_li p{width:100%; color: #fff; line-height: .4rem; font-size: .26rem}



/**/
.index_projects{width:100%; height: auto; overflow: hidden; background: url(../images/partners_bjs.jpg) no-repeat center; background-size: cover;
	padding:.9rem 0 .9rem;}
.index_projects_title{width:100%; height: auto; overflow: hidden; text-align: center}
.index_projects_title h3{width:100%; color:#333333; font-size:.45rem; font-weight: bold; text-transform: Capitalize}
.index_projects_title h3 span{color:#333333; font-size:.45rem; font-weight: bold;}
.index_projects_title p{color:#333333; font-size:.25rem; margin-top: .15rem;}
.index_projects .swiper-container{width:100%; height: auto; overflow: hidden; margin-top:.6rem;}
.index_projects .swiper-slide a{width:100%; display: block}
.index_projects_img{width:100%; overflow: hidden; background:#fff; padding:12%;}
.index_projects_img img{width:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_projects .swiper-slide a h4{width:100%; height:75px; background: #fdfcfa; text-align: center; line-height: 75px; font-size:16px; color: #333333; 
	text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.index_projects .swiper-slide a:hover h4{background: #1881f4; color:#fff}
.in_pro_more{width:150px; height: 48px; border: 2px solid #1881f4; border-radius: 30px; text-align: center; line-height: 48px; font-size: 16px; color: #333333; margin:70px auto 0; display: block; }
.in_pro_more:hover{background: #1881f4; color:#fff}
.index_projects .swiper-slide a:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}


/*新闻*/
.index_news{width:100%; height: auto; overflow: hidden;  background: #f8fdff;  padding: .8rem 0}
.index_news_title{width:100%; height: auto; overflow: hidden}
.index_news_title h3{width:100%; color:#333333; font-size:.45rem; font-weight: bold;text-transform: Capitalize;}
.index_news_title h3 span{color:#333333; font-size: .45rem; font-weight: bold;}

.index_news_one{width:100%; height: auto;  margin:.6rem 0 .4rem}
.news_top_left{width:100%; height: auto; background: #ffffff;  padding:.5rem 2%; overflow: hidden}
.news_top_left h3{width:100%; height:.5rem; line-height:.5rem; color: #333333; font-size: .28rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; 
	margin-bottom:.2rem; font-weight: bold; text-transform: uppercase}
.news_top_left p{width:100%; height:1rem; line-height:.5rem; font-size:.26rem; color:#333333;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:.3rem;}
.news_top_left span{color:#333333; font-size: .26rem; display: block}
.news_top_img{width:100%; height: auto; overflow: hidden}
.news_top_img img{width:100%; }
.index_news ul{width:100%; height: auto; overflow: hidden;}
.index_news ul li{width:100%; position: relative; position: relative; background: #fff; padding: .25rem; margin-bottom: .2rem}
.index_news ul li h3{width:100%; height:.4rem; line-height: .4rem; font-size:.28rem; font-weight:bold;  margin-bottom: .2rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.index_news ul li p{width:100%; height:.8rem; line-height: .4rem; font-size:.26rem; color:#333333;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-bottom: .15rem;}
.index_news ul li:after{content: ""; width: 0; height: 2px; background: #1881f4; position: absolute; top:-1px; left:0; transition: all 0.4s ease-in-out;}
.index_news ul li:hover:after{width:100%}




/*内页面包屑导航*/
.pos{width:100%; height:auto; line-height:.4rem;  font-size:.23rem; clear:both;
   text-align:left; border-bottom:1px solid rgba(255, 255, 255, 0.38); color:#313131; padding:.2rem .25rem}
.pos a{color:#313131; font-size:.23rem}
.pos span{color: #1881f4; font-size:.23rem}
.pos span.wei{color: #313131;}
.ny{width:100%; padding:.3rem .2rem; line-height:.4rem; clear:both; color:#333333; font-size:.24rem}
.ny img,.index_abou_xx img{max-width:100%; display:block; height:auto!important}
.ny_about_info{width:100%; height: auto; display: block; overflow: hidden; margin: 8px auto; padding: 0px 15px}
.ny p,.ny span{color:#333333; font-size:.24rem!important; line-height:.45rem;}

.ny_banner,.ny_ban{width:100%; position: relative; }
.ny_banner img,.ny_ban img{width:100%; height:130px;object-fit: cover; object-position: center center;}
.ny_bans_title{width:100%; height: auto; overflow: hidden; text-align: center; position: absolute; top:50%; left:0; }
.ny_bans_title h4{font-size: .5rem; font-weight: bold; color:#fff}
.ny_bans_title hr{width:.7rem; height: .08rem; background: #1881f4; display: block; margin:.2rem auto; border: 0}


 /*内页新闻*/
.news_x{width:100%;  margin-bottom:.15rem; clear:both;padding:0px .2rem; margin-top: .2rem;}
.news_x ul{width:100%; height:auto; overflow:hidden; margin-bottom:.2rem}
.news_x li{width:100%; padding:12px 0px; border-bottom:#bebebe 1px solid; float:left;}
.news_x li h3{height:.4rem; line-height:.4rem; color:#313131;  font-weight:bold; font-size:.27rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.news_x li p{font-size:.22rem; color:#7d7d7d; height: .25rem; line-height: .25rem; margin:.1rem 0;}
.news_x li h4{font-weight:normal; color:#626262; height:.8rem; line-height:.4rem; overflow:hidden; margin-top: .1rem; font-size:.24rem;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;}



/*内页荣誉资质*/
.honor_list{width:100%; padding:.2rem; clear:both;}
.honor_list ul{width:100%; height:auto; overflow:hidden; margin-bottom:.2rem}
.honor_list li{width:48%;  float:left;height: auto; margin-bottom:.2rem; overflow:hidden}
.honor_list li img{width:100%;height: 100%; border:#ddd 1px solid; display:block;}
.honor_list li p{line-height:.4rem; height:.4rem; overflow:hidden; color:#333; font-size:.25rem; text-align:center; clear:both; text-overflow:ellipsis; white-space:nowrap; margin-top:.1rem;}
.honor_list li:nth-child(2n){float:right}
.pic_list{width:100%; padding:.3rem .2rem; clear:both; overflow:hidden}
.pic_list a{width:48%;  float:left;height: auto; margin-bottom:.2rem; overflow:hidden}
.pic_list a img{width:100%;height: 100%; border:#ddd 1px solid; display:block;}
.pic_list a p{line-height:.4rem; height:.4rem; overflow:hidden; color:#333; font-size:.25rem; text-align:center; clear:both; text-overflow:ellipsis; white-space:nowrap; margin-top:.1rem}
.pic_list a:nth-child(2n){float:right}



/*内页导航*/
.index_clei{ width:100%; height:auto; background:#eeeeee; overflow: hidden}
.index_clei a{ color:#1b1b1b; font-size:.24rem; text-align:center; width:50%; height:.7rem; line-height:.7rem; display:block; overflow:hidden; float:left; }

.index_clei a.active{ background:#1881f4; color:#fff }
.pic{width:100%; clear:both; height: 221px; padding-top: 70px;}
.about_ban{ background: url(../images/about.jpg) no-repeat; background-size: 100% 100%; text-align: center }
.about_ban h3{ font-size: .3rem; font-weight: bold; color: #fff;}
.about_ban p{font-size: .16rem; color:#fff}
.index_plei{width:100%; height:auto; line-height:.7rem; background:#eee; overflow: hidden}
.index_plei a{ color:#333; font-size:.24rem; text-align:center; width:50%; height:.7rem; display:block; overflow:hidden; float:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap }
.index_plei a.active{ background:#1881f4;color:#fff }
.ny_biaoti{width: 100%; font-size:.35rem; color: #000; padding: .1rem 0px; text-align: center;  clear: both; line-height:.5rem}
.ny_time{width: 100%;  line-height: .6rem; color: #888; height: auto;   margin-bottom: .2rem; border-top: 1px solid #666; border-bottom: 1px solid #666;
           text-align: center; clear: both; font-size:.24rem;}
.keyword_light,.keyword_light p{font-size:.2rem; color:#333; line-height:.4rem}
.index_clei_san{width:100%; height:auto; overflow:hidden; margin-top:20px; padding:0 15px;}
.index_clei_san a{width:32.6%; height:38px; line-height:38px; float:left; font-size:.24rem; color:#333; text-align:center; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; 
border:1px solid #ddd; margin-bottom:10px; margin-right:1%}
.index_clei_san a:nth-child(3n){margin-right:0}
.index_clei_san a.active{background:#1881f4; color:#fff}



/*联系我们*/
.ditu{width:100%;height:5rem;padding: 0px 15px}
.ny_contact{width:100%; height:auto; display:block; font-size:.14rem; color:#333; line-height:.28rem; padding:0px 10px; margin:20px 0 40px}



/*发展历程*/
.ny_events_li{width:100%;  margin-bottom:10px; clear:both;padding:0px 10px; margin-top: 25px;}
.ny_events_li li{width:100%; padding:12px 0px; border-bottom:#bebebe 1px solid; float:left;}
.ny_events_li li h3{height:25px; color:#313131;  font-weight:bold; font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.ny_events_li li h4{font-size:0.8em; color:#7d7d7d; height:auto; line-height: 20px;}
.events_li_xx{font-weight:normal; color:#626262; height:auto; line-height:20px; overflow:hidden; margin-top: 10px; width:100%;}
.events_li_xx p{ color:#626262; height:auto; line-height:20px; }
.down_xx p{margin:.2rem 0!important}
.down_xx p a{color: #003f98; height: .25rem;}






/*底部*/
.footer{width:100%; height:auto;   position: relative; background:#161f2e; padding:.6rem 0;}
.footer_left{width:100%; height: auto;}
.f_logo{width:100%; display: block}
.f_logo img{max-width: 60%}
.footer_dizhi{width:100%; margin: .5rem 0 .5rem}
.footer_dizhi p{color:#fff; font-size: .26rem; line-height: .5rem; display: flex; margin-bottom: .2rem; padding-left:.5rem;}
.fi0{background: url(../images/if0.png) no-repeat left 8px;}
.fi1{background: url(../images/if1.png) no-repeat left 8px;}
.fi2{background: url(../images/if2.png) no-repeat left center;}
.fi3{background: url(../images/if3.png) no-repeat left center;}
.footer_lianxi{width:3.6rem; height:.9rem; background: #1881f4; border-radius: 8px; display: flex; align-items: center; justify-content: center}
.footer_lianxi span{font-size: .27rem; color: #fff; margin-left: .2rem;}
.footer_center{width:100%; height: auto; border-top:1px solid rgba(255,255,255,0.1);padding:.5rem 4%; margin-top: .8rem}
.footer_center li{width:100%; height: auto;  overflow: hidden;  display: flex; display: -webkit-flex; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom:.4rem;}
.footer_center dl{width:50%; float: left;}
.footer_center dl dt{color:#fff; font-size: .28rem; text-transform: Capitalize; position: relative;  margin-bottom:.2rem; font-weight: bold;}
.footer_center dl dd{width:100%; height: auto;}
.footer_center dl dd a{color:#fff; font-size:.26rem; display: block; margin-bottom: .2rem; text-transform:Capitalize }
.footer_center dl dd a:hover{color:#1881f4}

.footer_right{width:100%;}
.footer_ma{width:100%; height: auto; overflow:hidden}
.footer_ma dl{width:36%; height: auto; float: left; margin-right:10%; text-align: center;}
.footer_ma dl dt{width:100%;}
.footer_ma dl dt img{width:100%;}
.footer_ma dl dd{color:#fff; font-size: 14px;}
.footer_yqlj{width:100%; height: auto; overflow: hidden; margin-top: 40px;}
.footer_yqlj p{color:#fff; font-size: 16px; margin-bottom: 20px;}
.footer_yqlj_links{width:100%;}
.footer_yqlj_links a{margin-right: 10%}
.footer_link{width:100%; height:auto;  position: relative; margin-bottom:.8rem;}
.footer_link p{width:100%; height:.8rem; line-height: .8rem; border: 1px solid rgba(255,255,255,0.1); position: relative}
.footer_link p span{color:#fff; font-size:.26rem;  float: left; margin-left: .3rem}
.footer_link img{float: right; height: 100%}
.f_yqlj{width:100%; height:120px; background: #fff; position: absolute; top:.8rem; left:0; overflow-y: auto; padding:10px 22px; display: none; }
.f_yqlj a{color:#333; display: block; font-size: 16px; line-height:26px; margin-bottom: 5px;}
.footer_link:hover .f_yqlj{display: block;}
.f_yqlj a:hover{color:#1881f4}

.footer_bottom{width:100%;height: auto; overflow: hidden; margin-top:.6rem;}
.copy_l{width:100%; height: auto; overflow: hidden; font-size:.26rem; color: #fff; line-height:.6rem;  text-transform: uppercase; float: left}
.copy_l a{color:#fff; font-size: .26rem;}
.copy_l a:hover{color:#fff!important}
.footer_zhichi{width:100%; height:auto; overflow: hidden;  }
.footer_zhichi p{ width: auto; float: left; margin-right: .2rem; color:#999999; font-size: .26rem; }
.footer_zhichi p:last-child{margin-right: 0}
.footer_zhichi .js{width:.8rem;height:.6rem; background: url(../images/wl.png) no-repeat center; background-size: 100% auto }
.footer_zhichi .pt{width:1.3rem;height:.6rem; background: url(../images/vl.png) no-repeat center;  background-size: 100% auto }
.footer_zhichi span{float: left; font-size:.24rem; color: #fff; line-height:.6rem;}
.footer_zhichi i{ float: left;}
.footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat center}
.footer_zhichi .js:hover{background: url(../images/wl_hover.png) no-repeat center}
.footer_lianjie a{color:#fff; font-size: 14px; position: relative; padding-right:12px; margin-right:8px;}
.footer_lianjie a:after{content: "|"; color:#fff; position: absolute; top:50%; right:0; transform: translate(0,-50%);}
.footer_lianjie a:last-child:after{display: none}
.footer_lianjie a:hover{color:#fff}
.footer_lianjie{float:left; line-height: .6rem;}



/*弹出视频*/
.video_bj{width:100%; height:100%; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.5); z-index:888; display:none}
.video_xx{width:96%; height:auto; position:fixed; top:50%; left:50%;  z-index:999; transform: translate(-50%,-50%);}
.close{width:100%; height:40px; text-align:right; background:rgba(0,0,0,0.5);}
.close img{width:32px; height:32px; margin-top:4px; margin-right:10px; float: right}
.video-box{width:100%; height:auto;}
.sj_video{width:100%; height:auto; overflow:hidden; display:none;}






@media screen and (max-width:500px){
	html{font-size: 78.125px;}
}

@media screen and (max-width:425px){
	html{font-size: 66.4062px;}

}

@media screen and (max-width:414px){
	html{font-size: 64.6875px;}

}



@media screen and (max-width:375px){
	html{font-size: 58.5938px;}

}


@media screen and (max-width:360px){
	html{font-size: 57.0312px;}
	
}


@media screen and (max-width:320px){
	html{font-size: 50px;}

}