.index-bannericon{

  font-size: 30px;

  width: 50px;

  height: 50px;

  border:1px #bee3ff 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;

    text-align:center;

}

.magic-tab-head ul li img{

    width: 80px;display:block;

    margin:auto;margin-bottom: 30px;

}



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



.magic-tab-head ul li:hover img{



    animation: mymove 1s linear 1;

}

.magic-tab-head ul .on {

    color: #0192ff;

    border-bottom: 2px solid #0192ff;

}

@keyframes mymove {

                100% {

                    transform: rotateY(360deg);

                }



            }



            @-webkit-keyframes mymove {/* Safari and Chrome */

                100% {

                    transform: rotateY(360deg);

                }



            }



/*.magic-tab-head ul .on .showimg{display: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;

    align-items: center;

}



.magic-tab-body ul .item_text{padding-top: 30px;}



.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:#0192ff;

    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: 40px;color:#333;}



.magic-item-title {

    text-align: right;

    float: left;

    margin-right: 30px;

    width: 80px;

    margin-left: -20px;

}

.item_img{width: 100%;text-align:center;}



.Floor002140 .tab{ padding: 2% 0 6%; }

.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: #0192ff;border-bottom:2px #0192ff 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%;margin-bottom:60px;}

.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: 30px; left: 0; padding-right: 20px; font-size: 80px; color: #eee; font-weight: 700; 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; height: 30px;overflow: hidden;word-break: keep-all;text-overflow: ellipsis;margin-bottom: 15px;}

.Floor002140 .tab_list dd h2 a{color: #333; font-size: 18px; line-height: 30px;font-weight: 500 }

.Floor002140 .tab_list dd:hover a{color:#0192ff;}

.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:#0192ff;}

.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:#0192ff;}

.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:#0192ff;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: 12px;}

    .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;  width: 50px;}



.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}

}