@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;  font-size:.26rem; padding-bottom: 1.1rem}
a{text-decoration:none; color:#333}
.container{width:100%; padding: 0px 10px;}
.clearfix{zoom:1; clear: none}
html{font-size:100px; height: 100%}
.container{width: 100%; padding: 0px .2rem;}




/*导航*/
.index_header{width:100%; clear:both; height:1rem; position: fixed; top:0; left:0; z-index:999; background: #fff; padding: 0px .2rem; box-shadow: 0 0 5px rgba(0,0,0,0.2) }
.logo{float:left; width:2.66rem; height: 1rem; }
.logo a{width:100%; height:1rem;  display: flex; align-items: center; font-size: .4rem; color: #000000; font-weight: bold;}
.logo img{align-items: center; margin: 0px aufooterto; max-width: 100%}
.header_dl{float: left; margin-left: 2%;     margin-top: .15rem;}
.header_dl dt{color:#000000; font-size: .18rem; font-weight: bold; line-height: .3rem;}
.header_dl dd{color:#fff; font-size: .18rem; font-weight: bold; background: #d6000f; padding: 0 8px}
.menu{float:right; height:100%; width:.5rem;  display: flex; align-items: center; }
.menu a{width:100%; height:100%; display: flex; align-items: center; }
.menu img{height:auto; max-width:100%; align-items: center; margin: 0px auto;}
.header_all{width:100%; height: 100%; position: fixed; top:-100%; left:0; background: rgba(0,0,0,0.85); z-index:999;     transition: top ease 0.35s; overflow-y: auto; padding-bottom: .6rem;}
.header_all ul{width:100%; height: auto; overflow: hidden; padding: 20px;}
.header_all ul li{width:100%; height: auto; float: left; margin-bottom: 20px;  text-align: center;  border-bottom: 1px solid #333; padding-bottom: 10px}
.header_all ul li h3{width:100%; height:.45rem; line-height:.45rem; color:#fff; font-size:.32rem;  font-weight: bold; margin-bottom: .1rem}
.header_all ul li h3 a{ color:#fff; font-size:.3rem;  font-weight: bold; }
.header_all ul li .header_sub{width:100%; height: auto; overflow: hidden}
.header_sub a{width:50%; float:left; height:.55rem; line-height: .55rem; font-size: .26rem; color:#aaa; display: block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.nav_show{top:1rem;}
.header_sub span{color:#fff}
.header_all ul li:last-child{width:100%; }
.banner{width:100%;height:auto; margin-top:1rem}
.banner img{width:100%; height: auto; overflow: hidden}
.banner .banner_all{width:100%; height: auto; position: relative}
.header_dianhua{width:100%; height:auto; overflow:hidden; padding:4px 3%; margin:.4rem 0 }
.header_dianhua dl{width:100%; height:auto; overflow: hidden; margin-bottom: .2rem}
.header_dianhua dl dt{color:#333333; font-size:.26rem; line-height:.42rem; background:url(../images/dhs_icon.png) no-repeat left center; 
	padding-left:.35rem; background-size: .24rem; width:100%}
.header_dianhua dl dd{color:#333333; font-size:.26rem; line-height:.4rem; width:100%}

.banner video{width:100%}





/*新闻*/
.index_news{width:100%; height: auto; overflow: hidden; margin-bottom: .36rem; }
.index_news_left{width:100%; height: auto; padding: 0 .25rem; margin-bottom: .5rem}
.index_news_left .swiper-slide a{width:100%; height: auto; display: block}
.index_news_img{width:100%; height: auto; overflow: hidden; border-radius: 10px;}
.index_news_img img{width:100%; display: block; border-radius: 10px; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_news_info{width:100%; height: auto; overflow: hidden; margin-top:.4rem; padding: 0 .25rem;}
.index_news_info h3{width:100%; height: .5rem; line-height: .5rem; color: #333333; font-size: .3rem; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.index_news_info span{display: block; color:#005ce4; font-size: .24rem; display: block; margin: .12rem 0 .14rem}
.index_news_info p{width:100%; height:1.35rem; overflow:hidden; line-height:.45rem; color: #999999; font-size:.28rem;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-bottom: .5rem;}
.index_news_left .swiper-pagination{width:auto;left:auto; right:.25rem;bottom:0}
.index_news_left .swiper-pagination-bullet{width:20px; height: 5px; border: 1px solid #cccccc; border-radius: 0; background: none; opacity: 1}
.index_news_left .swiper-pagination-bullet-active{background: #f13c39; border: 1px solid #f13c39}
.in_nhr{width:100%; height: .2rem; background: #eeeeee; border-top:1px solid #dcdcdc;  border-bottom:1px solid #dcdcdc}
.index_news_right{width:100%; height: auto; padding: 0 .25rem}
.news_right_top{width:100%; height: auto; overflow: hidden; margin-top: .4rem}
.in_news_title{width:100%; height:.6rem; line-height: .6rem;}
.in_news_title h4{color:#333333; font-size: .4rem; font-weight: bold; background: url(../images/nn_xs.png) no-repeat left center; background-size:auto .3rem; padding-left:.2rem; float: left}
.in_news_title a{float: right; background: url(../images/h_jts.png) no-repeat right center; color:#828285; font-size:.26rem; padding-right:.5rem;
	transition: all 0.4s ease-in-out;}
.in_news_title a:hover{color:#005ce4; padding-right:.3rem; transition: all 0.4s ease-in-out; background: url(../images/hh_jts.png) no-repeat right center;}
.news_right_li{width:100%; height: auto; overflow: hidden; margin-top: 15px;}
.news_right_li h3{width:100%; height: .6rem; line-height: .6rem; color: #333333; font-size: .3rem; font-weight:bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.news_right_li p{color:#999999; font-size: .26rem; width:100%; line-height: .4rem; height: .8rem;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;}
.index_news_right ul{width:100%; height: auto; overflow: hidden; margin-top: .2rem}
.index_news_right ul li{width:100%; height:.55rem; line-height: .55rem;  position:relative}
.index_news_right ul li a{width:100%; height:100%; position:relative; z-index:6}
.index_news_right ul li h3{width:60%; height: auto; float: left; color: #777777; font-size: .26rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position:relative; z-index:5}
.index_news_right ul li span{float: right; font-size: .24rem; color: #266be6;  position:relative; z-index:5}
.index_news_right ul li:after{content:""; width:0; height:100%; background:#005ce4; position:absolute; top:0; left:0; transition: all 0.4s ease-in-out; z-index:0}
.index_news_right ul li:hover:after{width:100%; transition: all 0.4s ease-in-out;}
.index_news_right ul li:hover h3,.index_news_right ul li:hover span{color:#fff; transition: all 0.5s ease-in-out;}
.news_right_bottom{width:100%; height: auto; overflow: hidden; margin-top:.4rem; }
.index_news_left .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_left .swiper-slide a:hover h3{color:#005ce4}
.index_news_info i{width:.45rem; height:.24rem; background:url(../images/n_jts.png) no-repeat center; display:block; transition: all 0.4s ease-in-out; 
	background-size: 100% auto}
.index_news_left .swiper-slide a:hover .index_news_info i{background:url(../images/nn_jts.png) no-repeat center; margin-left:10px; 
	transition: all 0.4s ease-in-out; background-size: 100% auto}
.news_right_li:hover h3{color:#005ce4}







/*足球赛事世界杯*/
.index_about{width:100%; height:auto; position: relative; z-index:5; margin-top: .8rem; padding-top: .6rem; overflow: hidden;
	background: url(../images/about_bjs.jpg) no-repeat top center; padding-bottom: .6rem; background-attachment: fixed; background-size: cover;}
.index_about:after{content: ""; width: 100%;  height:14rem; background: url(../images/about_bottom.jpg) no-repeat; position: absolute; bottom:0; left:0}
.index_about .container{position: relative; z-index: 99}
.index_about_top{width:100%; height: auto; overflow: hidden; position: relative; z-index: 1}
.index_about_top h5{color:#005ce4; font-size:.4rem; line-height:.55rem; text-align: center}
.index_about_top h6{color:#333333; font-size:.26rem; font-weight: bold; line-height: .4rem; margin-top: .2rem; text-align: center}
.index_about_top ul{width:100%; height: auto; overflow:hidden; margin-top: .5rem;}
.index_about_top ul li{width:100%; height: auto; overflow: hidden; border-radius:.3rem .3rem .2rem .2rem; margin-bottom: .4rem}
.index_about_top ul li:nth-child(3){background: #f13c39}
.index_about_top ul li:nth-child(1){background: #00a8a5}
.index_about_top ul li:nth-child(2){background: #005ce4}
.about_top_pic{width:100%; height: auto; overflow: hidden; border-radius:.15rem .15rem 0 }
.about_top_pic img{width:100%; height: auto; display: block;  border-radius:.2rem .2rem 0 0; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.about_top_xx{width:100%; height: auto; padding: .3rem .22rem; position: relative; transition: all 0.4s ease-in-out;}
.about_top_xx h4{color:#ffffff; font-size: .36rem; margin-bottom: .12rem;}
.about_top_xx p{width:100%; color:#fff; font-size:.28rem; opacity: 0.5; line-height: .44rem; margin-top: .3rem }
.about_top_xx:after{content: ""; width:0; height: 2px; background: #fff; position: absolute; bottom:.26rem; left:50%;  margin-left: -44%; transition: all 0.4s ease-in-out;}
.index_about_top ul li:hover .about_top_xx:after{width:88%; transition: all 0.4s ease-in-out;} 
.index_about_bottom{width:100%; height: auto; overflow: hidden; margin-top: .3rem; position: relative; z-index: 1}
.about_bottom_left{width:100%; height: auto; overflow: hidden}
.about_bottom_left h4{color:#333333; font-size: .42rem; margin-top: .1rem;}
.about_bottom_left a.about_bottom_xx{color:#777777; font-size:.28rem; line-height: .42rem; margin-top: .3rem; display: block; margin-bottom: .6rem; 
	text-align: justify;}
.about_bottom_left h6{width:100%; height: auto; overflow: hidden}
.about_bottom_left h6 span{color:#ababab; font-size: .3rem; line-height: .42rem; float:left; width:84%}
.about_bottom_left h6 a{float: right; margin-top:0; width:.65rem; height:.4rem; display:block; background:url(../images/n_jts.png) no-repeat center;  transition: all 0.4s ease-in-out; background-size: 100% auto}
.about_bottom_left h6:hover a{background:url(../images/nn_jts.png) no-repeat center; transition: all 0.4s ease-in-out; margin-right:10px}
.index_about_bottom ul{width:100%; height: auto; overflow: hidden; margin-top: .6rem}
.index_about_bottom ul li{width:50%; height: 2.5rem; float: left; border-bottom: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; text-align: center; 
	padding-top:.4rem;}
.index_about_bottom ul li:nth-child(2n){border-right:0}
.index_about_bottom ul li:nth-child(3),.index_about_bottom ul li:nth-child(4){border-bottom:0}
.index_about_bottom ul li p{color:#777777; font-size: .26rem; line-height: .32rem; margin-top: .2rem}
.index_about_bottom ul li h5{color:#555555; font-size: .26rem; font-weight: bold;  overflow:hidden;  margin:0px auto;}
.index_about_bottom ul li h5 span{color:#005ce4; font-size: .57rem; font-family: "Arial"; font-weight: normal; line-height:.5rem; display:block}
.index_about_bottom ul li h5 i{ font-style:normal; font-size:.26rem; line-height:.3rem; color:#555555; font-weight:bold; display:block; margin-top:.15rem;}
.index_about_top ul li:hover .about_top_xx{padding:.25rem .22rem .3rem; transition: all 0.4s ease-in-out;}
.index_about_top ul li:hover .about_top_pic img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}



/*产品中心*/
.index_product{width:100%; height: auto; overflow: hidden; background: url(../images/product_bjs.jpg) no-repeat center; background-size: cover; 
	padding:.6rem 0 .8rem}
.index_product_title{width:100%; height: auto; overflow:hidden; text-align: center}
.index_product_title h4{color:#fff; font-size: .4rem; font-weight: bold; width: 100%}
.index_product_all{width:100%; height: auto;  margin-top:.45rem; position: relative}
.index_product_all .swiper-slide a{width:100%; display: block; background: #fff}
.in_pro_title{width:100%; height: .8rem; border-bottom: 1px solid #e5e5e5;}
.in_pro_title h4{width:80%; height: 100%; float: left;  border-right:1px solid #e5e5e5; font-size:.3rem; color: #555555; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 0 .3rem; line-height:.8rem}
.in_pro_title i{width:20%; float: right; background: url(../images/h_jts.png) no-repeat center; height: .8rem}
.in_pro_info{width:100%; height: auto; overflow: hidden; padding:.12rem .3rem}
.in_pro_info h4{color:#000000; font-size:.24rem; width: 100%; height: .6rem; line-height: .6rem; font-weight: bold; text-overflow: ellipsis; overflow: hidden; 
	white-space: nowrap}
.index_product_all .swiper-button-next,.index_product_all .swiper-button-prev{width:.7rem; height: .7rem; margin-top:0; top:.5rem}
.index_product_all .swiper-button-next{background: url(../images/p_right.png) no-repeat center; right:0; background-size: 100% 100%}
.index_product_all .swiper-button-prev{background: url(../images/p_left.png) no-repeat center; left:0; background-size: 100% 100%}
.index_product_all .swiper-slide a:hover .in_pro_title i{background:#f13c39 url(../images/hhh_jts.png) no-repeat center}
.index_product_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_product_all .swiper-button-next:hover{background: url(../images/pp_right.png) no-repeat center; background-size: 100% 100%}
.index_product_all .swiper-button-prev:hover{background: url(../images/pp_left.png) no-repeat center; background-size: 100% 100%}
.in_pro_btn{width:100%; height: auto; overflow: hidden; position: relative}
.inp_more{width:30%; height: .7rem; line-height: .7rem; color: #fff; font-size:.28rem; color: #fff; background: #f13c39; text-align: center; display: block;
	margin:.5rem auto 0;}
.index_contact_right{width:100%; overflow: hidden}
.in_contact_shzr,.in_contact_qywl{width:50%; position: relative; overflow:hidden; height:6rem; float: left}
.in_contact_shzr img.sh_img,.in_contact_qywl img.sh_img{width:100%; height:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.in_contact_shzr a{width:100%; height: 100%; position: absolute; top:0; left:0; padding:.7rem .3rem 0;}
.in_contact_shzr a h4{color:#ffffff; font-size: .4rem; font-weight: bold; margin-bottom: .12rem;}
.in_contact_shzr a h5{color:#ffffff; font-size:.26rem; line-height: .4rem; margin: .28rem 0 .3rem}
.in_contact_qywl a{width:100%; height: 100%; position: absolute; top:0; left:0; padding:.7rem .3rem 0;}
.in_contact_qywl a h4{color:#ffffff; font-size: .4rem; font-weight: bold; margin-bottom: .12rem;}
.in_contact_qywl a h5{color:#ffffff; font-size:.24rem; line-height: .4rem; margin: .28rem 0 .3rem; height:2.5rem}
.in_contact_qywl a p{color:#fff; font-size: .26rem; opacity: 0.5; line-height: .36rem; margin-bottom:.5rem;}
.in_contact_qywl a img{transition: all 0.4s ease-in-out; width: .39rem}
.in_contact_shzr a img{transition: all 0.4s ease-in-out; width: .39rem}
.in_contact_shzr:hover img.sh_img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.in_contact_qywl:hover img.sh_img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.in_contact_qywl a:hover img{margin-left:80%; transition: all 0.4s ease-in-out;}
.in_contact_shzr a:hover img{margin-left:80%; transition: all 0.4s ease-in-out;}




/*底部*/
footer{z-index: 666; height:1.1rem;width: 100%; background:#333333; position: fixed; bottom:0; left:0}
footer ul{width:100%; height: 100%;}
footer li{width: 20%;height: 100%;float: left; border-right:1px solid #fff; }
footer li img{width: 24px;height: 24px;display: block;margin: 0 auto}
footer li a{display: block;width: 100%;height: 100%;text-align: center;box-sizing: border-box;padding-top:.2rem;color: #fff}
footer span{line-height:.3rem; font-size: .18rem; color: #fff; display: block; width: 100%;}
footer .n1{background: url(../images/f_1.png) no-repeat center;background-size:  100% 100%; width:.46rem;}
footer .n2{background: url(../images/f_2.png) no-repeat center;background-size:  100% 100%; width:.36rem;}
footer .n3{background: url(../images/f_3.png) no-repeat center;background-size:  100% 100%; width:.45rem;}
footer .n4{background: url(../images/f_4.png) no-repeat center;background-size:  100% 100%; width:.35rem;}
footer .n5{background: url(../enimages/f_5.png) no-repeat center;background-size:  100% 100%; width:.35rem;}
footer a.active{background: #0049c3}
footer i{height:.35rem; display: block; margin: 2px auto .1rem;  }
footer li:last-child{border-right:0}
.copy {width: 100%; padding:.3rem 0; clear: both;  text-align: center; }
.copy h3{font-size: .36rem; color: #000000; text-align: center; background: url(../images/f_dhs.png) no-repeat left 10px; padding-left: .6rem; font-weight: bold; line-height: .7rem; display: table; margin: 0px auto; background-size:.45rem }
.copy h3 span{font-size: .4rem; color:#005ce4; font-weight: bold;}
.copy_hz{width:2rem; height: .6rem; line-height: .6rem; border-radius: 25px; background: #005ce4; text-align: center; margin:.2rem auto; display: block; color:#fff; font-size: .24rem;}
.copy .copy_zi{ font-size: .24rem; color: #959595; height: .3rem; line-height: .3rem;}
.copy p{width:100%; font-size: .24rem; color: #959595; line-height: .4rem;}
.copy h4{color:#333333; font-size: .26rem; line-height: .5rem}
.copy_xx{width:100%; height: auto; overflow: hidden; margin: .2rem 0}
.index_top{width:1rem; height: 1rem; position: fixed; z-index: 999; bottom:1.3rem; right:2%; background: rgba(0,0,0,0.5) url(../images/top.png) no-repeat center}






/*内页面包屑导航*/
.pos{width:100%; height:auto; line-height:.4rem; padding:.15rem 2%; font-size:.22rem; clear:both;
	text-align:left; border-bottom:1px solid rgba(255, 255, 255, 0.38); color:#313131; font-size:.22rem}
 .pos a{color:#313131; font-size:.22rem}
 .pos span{color: #1570d5; font-size:.2rem}
 .pos span.wei{background: url(../images/sy.png) no-repeat left center; padding-left:.2rem; color: #313131; background-size:.2rem}
 .ny{width:100%; padding:.3rem .2rem; line-height:.42rem; clear:both; color:#333333; font-size:.23rem}
 .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_ban{width:100%; height:auto; overflow:hidden;  background-image: linear-gradient(to left, #189848  , #0067dd); 
	 background-image: -webkit-gradient(to left, #189848  , #0067dd); 
	 background-image: -webkit-radial-gradient(to left, #189848  , #0067dd); margin-top:1rem; line-height:2rem; color:#fff; text-align:center; font-size:.6rem;}
 .ny_ban img{width:100%; height:auto; display:block;}
 .ny p{color:#333333; font-size:.23rem!important; line-height:.42rem;}
.ny span{ font-size:.23rem!important; line-height:.42rem;}
  .ny video{width:100%; display:block; height:auto;}
 
 
  /*内页新闻*/
 .news_x{width:100%;  margin-bottom:10px; clear:both;padding:0px 10px; 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:.24rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
 .news_x li p{font-size:.2rem; color:#7d7d7d; height: .25rem; line-height: .25rem; margin:.1rem 0;}
 .news_x li h4{font-weight:normal; color:#626262; height:.6rem; line-height:.3rem; overflow:hidden; margin-top: .1rem; font-size:.2rem;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
   -webkit-box-orient:vertical; overflow:hidden;}
 
 /*内页荣誉资质*/
 .honor_list{width:100%; padding:20px 10px; 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:.24rem; 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:.24rem; 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:nth-child(4){ border-right:0px;}
 .index_clei a.active{ background:#0049c3; 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; }
 .index_plei a.active{ background:#0049c3;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: .5rem; 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}
 .ny_title{width: 100%; font-size:.28rem; color: #000; padding: 10px 0px; text-align: center;  clear: both}
 
 

 
 /*联系我们*/
 .ditu{width:100%;height:7rem;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_fzcl_li{width:100%;  margin-bottom:.15rem; clear:both;padding:0px .2rem; margin-top: .2rem;}
.ny_fzcl_li ul{width:100%; height:auto; overflow:hidden; margin-bottom:.2rem}
.ny_fzcl_li li{width:100%; padding:.15rem 0px; border-bottom:#bebebe 1px solid; }
.ny_fzcl_li li h3{height:auto; line-height:.4rem; color:#313131;  font-weight:bold; font-size:.25rem; width:100%}
.ny_fzcl_li li p{font-size:.23rem; color:#7d7d7d; height:auto; line-height: .32rem; margin:.1rem 0;}
.ny_fzcl_li li h4{color:#626262; height:auto; line-height:.3rem; overflow:hidden; margin-top: .1rem; font-size:.22rem; }
.ny_fzcl_li li img{max-width:100%; display:block}
.table_xx{width:100%; overflow-y:auto;}


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

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

}

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

}



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

}


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

}


@media screen and (max-width:320px){
	html{font-size: 42.6667px;}
.header_sub a{width:100%; float:none}
}