.index-bannericon{
  font-size: 30px;
  width: 50px;
  height: 50px;
  border:1px #d3d3d3 solid;
  border-radius:50px;
  text-align: center;
  line-height: 50px;
  color:#d3d3d3;
  margin-right: 15px;
}

/* 必要布局样式css */
.magic-content {
    width: 1200px;
    margin: 0 auto;
		-webkit-animation: fadeInUp 2.2s ease-in-out -1s 1 both;
	  -moz-animation: fadeInUp 2.2s ease-in-out -1s 1 both;
	  -ms-animation: fadeInUp 2.2s ease-in-out -1s 1 both;
	  -o-animation: fadeInUp 2.2s ease-in-out -1s 1 both;
	  animation: fadeInUp 2.2s ease-in-out -1s 1 both; 
      overflow:hidden;
}
.magic-header {
    padding-bottom: 80px;
    text-align: center;
}
.magic-tab-head {
    margin: 0 auto;
}
.magic-tab-head ul{padding:0;}
.magic-tab-head ul li {
    color: #333;
    font-size: 18px;
    padding: 15px 0;
    line-height: 1;
    cursor: pointer;
    flex:1;
    position: relative;
}
.magic-tab-head ul li img{width: 30px;display:inline-block;margin-right: 8px}

.magic-tab-head ul li .showimg{display:none;}

.magic-tab-head ul .on {
    color: #20c9c7;
    border-bottom: 2px solid #20c9c7;
}

.magic-tab-head ul .on .showimg{display:inline-block;}
.magic-tab-head ul .on .hideimg{display:none;}
.magic-tab-body ul {
    margin:0;
    margin-top: 50px;
    text-align: left;
    width: 1200px;
    padding:0;
}

.magic-tab-body ul .item_text h3{
    color:#333;
    font-weight: 400
}

.magic-tab-body ul .item_text .grid{
    margin-top: 30px;
    display:grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 50% 50%;
    grid-row-gap: 15px;
    grid-column-gap: 15px;
}

.magic-tab-body ul .item_text .grid div span{
    width: 50px;
    height: 50px;
    border-radius:8px;
    background:#20c9c7;
    text-align: center;
    margin-right: 15px
}
.magic-tab-body ul .item_text .grid div span i{
    font-size: 30px;
    color:#fff;
    line-height: 50px;
}
.magic-tab-body ul .item_text .grid div p{line-height: 50px;color:#333;}

.magic-item-title {
    text-align: right;
    float: left;
    margin-right: 30px;
    width: 80px;
    margin-left: -20px;
}
.item_img{width: 100%}



.Floor002140 .tab{ padding: 2% 0 6%; text-align: center; }
.Floor002140 .tab span{display: inline-block; margin: 0 15px; padding: 8px 40px; font-size: 16px; color: #333;cursor: pointer; }
.Floor002140 .tab span img{width: 30px;margin-right: 8px;display:inline-block;}
.Floor002140 .tab span .showimg{display:none;}
.Floor002140 .tab span:hover,
.Floor002140 .tab span.aon{ color: #20c9c7;border-bottom:2px #20c9c7 solid; }
.Floor002140 .tab span:hover .showimg,
.Floor002140 .tab span.aon .showimg{display:inline-block;}

.Floor002140 .tab span:hover .hideimg,
.Floor002140 .tab span.aon .hideimg{display:none;}

.Floor002140 .tab_list{ }
.Floor002140 .tab_list .dl1{ float: left; width: 40%; }
.Floor002140 .tab_list .dl2{ float: right; width: 54%;}
.Floor002140 .tab_list dd{ position: relative; margin-bottom: 7%; padding-left: 20%; }
.Floor002140 .tab_list dd:last-child{ margin-bottom: 0; }
.Floor002140 .tab_list dd *{margin:0;}
.Floor002140 .tab_list dd b{ position: absolute; top: 10px; left: 0; padding-right: 20px; font-size: 70px; color: #eee; font-weight: normal; border-right: 1px solid #eee; }
.Floor002140 .tab_list dd time{ position: absolute; right: 0; font-size: 14px;line-height: 22px;color: #999;margin-bottom: 0;}
.Floor002140 .tab_list dd h2{ padding-right: 100px; color: #282828; font-size: 18px; line-height: 30px; }
.Floor002140 .tab_list dd h2 a{color: #333; font-size: 18px; line-height: 30px;font-weight: 500 }
.Floor002140 .tab_list dd:hover a{color:#20c9c7;}
.Floor002140 .tab_list dd p{ color: #888; line-height: 1.8; text-align: justify; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}

.Floor002140 .tab_list dt .Ispic{  display:block; position:relative; overflow: hidden; }
.Floor002140 .tab_list dt figure{ position: relative; padding: 5% 0 0;}
.Floor002140 .tab_list dt figure *{margin:0;}
.Floor002140 .tab_list dt time{ font-size: 14px; color: #666; }
.Floor002140 .tab_list dt h2{ margin: 5px 0 0; font-size: 18px; line-height: 45px; color: #282828;}
.Floor002140 .tab_list dt h2 a{color: #333; font-size: 18px; line-height: 30px;font-weight: 500 }
.Floor002140 .tab_list dt:hover a{color:#20c9c7;}
.Floor002140 .tab_list dt p{ font-size: 16px;font-weight:normal; color: #888; line-height:1.8; text-align: justify;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
 }


/*新闻中心*/
.news_list{width: 80%;margin:auto}
.newslist ul li{margin-bottom: 40px;}
.newslist .news_img{padding-right: 0;overflow: hidden;}
.newslist .news_img img{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;width: 100%;height: 130px;object-fit: cover;}
.newslist .news_img:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.newslist .news_info .title{font-size: 18px;overflow: hidden;word-break: keep-all;text-overflow: ellipsis;line-height: 25px;margin-bottom: 8px;color:#333;height: 25px;}
.newslist .news_info .title:hover{color:#20c9c7;}
.newslist .news_info .info{font-size: 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 25px;margin-bottom: 10px;}
.newslist .tips p{display:inline-block;margin-bottom: 0;font-size: 14px;color:#888;}
.newslist .tips .tip{background:#eee;padding:3px 6px;font-size: 14px;margin-left: 10px;}
.newslist .tips .tip:hover{background:#20c9c7;color:#fff;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.news_list{width: 90%;margin:auto}
	.index-bannericon{margin-right: 0}
	.counter-warp span{right:-5%;}
    .magic-content,.magic-tab-body ul{width: 1000px}
}
@media only screen and (max-width: 992px) {
.news_list{width: 100%;margin:auto}
	/*.counter-style-2 .counter{width: 100px}*/
	.counter-area-inner [class^="col-"]:nth-child(2):after{width:0;}
    .magic-content,.magic-tab-body ul{width: 767px}
    .about-us-area.pt--80{padding:50px 0;}
    .section-title h2{font-size: 34px}
    .section-title{margin-bottom: 20px;}
    .magic-tab-head ul li{font-size: 16px;}
    .magic-tab-body ul .item_text .grid div p{font-size: 14px;margin-bottom: 0}
    .magic-tab-body ul .item_text .grid div span{margin-right: 4px;}
    .magic-tab-body ul .item_text .grid{grid-row-gap: 5px;}
    .magic-header{padding-bottom: 0}
}
@media only screen and (max-width: 767px) {

	.col-xs-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
	.index-bannericon{margin-right: 0;width: 40px;height: 40px;line-height: 40px;font-size: 25px;}
	.counter-warp span{right:-10%;}
	.counter h3{font-size: 32px}
    .magic-content,.magic-tab-body ul{width: 100%}
    .magic-tab-body ul{margin-top: 10px}
    .section-title h2{font-size: 18px;margin-bottom: 8px}
    .section-title h6{margin-bottom: 5px}
    .section-title.text-center{margin-bottom: 0}
    .about-us-area.pt--80{padding:30px 8px;}
    .magic-tab-head{background:#f3f3f3;}
    .magic-tab-head ul li{font-size: 14px;}
    .magic-tab-body ul .item_text h3{font-size: 18px;font-weight: 500px;margin-bottom: 8px}
    .magic-tab-body ul .item_text p{font-size: 14px;line-height: 20px;margin-bottom: 0;}
    .magic-tab-body ul .item_text .grid{margin-top: 10px;}
    .item_img{margin: 10px 0}
   
.Floor002140 .tab { padding: 5% 0 6%; }
.Floor002140 .tab span{ margin: 0 10px; padding: 8px 0px; font-size: 14px; }
.Floor002140 .tab_list{padding:0;}
.Floor002140 .tab_list dd time{ position: relative; color: #666; }
.Floor002140 .tab_list dt{ margin-bottom: 0%; border-bottom: 1px solid #eee; }
.Floor002140 .tab_list .dl1,
.Floor002140 .tab_list .dl2{ float:none; width:auto;margin-bottom: 0 }
.Floor002140 .tab_list dd{ margin-bottom:0%; padding: 2% 2%; border-bottom: 1px solid #eee; }
.Floor002140 .tab_list dd h2{ padding-right: 0;}
.Floor002140 .tab_list dt figure{padding:2% 2%; }
.Floor002140 .tab_list dd b{ display: none; }
.Floor002140 .tab_list dt h2 a{line-height: 20px;font-size: 16px}
.Floor002140 .tab_list dt h2{line-height: 30px}
.Floor002140 .tab_list dt p,.Floor002140 .tab_list dd p{font-size: 14px;}
.Floor002140 .tab_list dd h2 a{font-size: 16px}
.magic-tab-head ul .on .showimg,.magic-tab-head ul li img{display:block;margin:auto;}

.news_list{width: 100%;margin:auto}
.newslist ul li{padding:10px 0;margin-bottom: 0px;border-bottom:1px #eee solid;}
.newslist .news_img{padding-left: 0}
.newslist .news_info .title{font-size: 16px;margin-bottom: 5px;}
.newslist .news_info .info{font-size: 14px;margin-bottom: 5px;}
.newslist .tips p{font-size: 12px;}
.newslist .tips .tip{font-size: 12px;}
.newslist .news_img img{height: 110px}
}