/* ==========================================================================
   Index Page
   ========================================================================== */
/*首页banner大图样式*/
.ibanner{ position:relative; max-height:520px; width: 100%; overflow: hidden;}
.ibanner .swiper-container {width: 100%;height: 100%;}
.ibanner .swiper-slide { background-repeat:no-repeat; background-position:center center; background-size:cover;text-align: center;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; position:relative; }
.ibanner .ban-img{ display:block; width:100%; height:100%; color:#fff;text-align:left;}
.ibanner .swiper-pagination{ max-width: 400px; left: 0; right: 0; margin:0 auto ; bottom: 6%; position: absolute; text-align: center; display: flex; justify-content: center; align-items: center;}
.ibanner .swiper-pagination-bullet{ background: none; border-radius: 0; opacity: 1; position: relative; width: 30px; height: 4px;  display: block; background: #ffffff; }
.ibanner .swiper-pagination-bullet-active{ background: #E02020; opacity: 1; position: relative;}


::-webkit-scrollbar{ display: none;}
a.more2{  max-width: 217px;  padding: 1.5rem 0;  width: 100%;  font-size: 14px; color: #ffffff; text-align: center; border-radius: 30px; display: block;  background: #2427bd; transition: all 0.3s; margin-left: auto;}
a.more2:hover{ background: #141313;}

a.more1{  max-width: 217px;  padding: 1.5rem 0;  width: 100%;  font-size: 14px; color: #ffffff; text-align: center; border-radius: 30px; display: block;  background: #2427bd; transition: all 0.3s; margin-left: 0; margin-top: 4rem;}
a.more1:hover{ background: #141313;}


/*关于我们
.sect_k1{ background: #ffffff; padding: 2rem 0; }
.notice{ background: #F6F6F6; height: 58px; line-height: 58px; clear: both; overflow: hidden;}
.notice .h-left{ float: left; width: 48%; display: flex; justify-content: flex-start; align-items: center;}
.notice .h-left a{ color: #333333; font-size: 14px; margin-left: 15px; }
.notice .h-left a span{ }
.notice .h-left a em{ font-style: normal; color: #A3A3A3; font-size: 12px; margin-left: 2rem;}
.notice .h-left p{ background: url(../img/dot_1.png) no-repeat center; color: #ffffff; font-size: 16px; line-height: 1.5; text-align: center; width: 73px; height: 58px; display: flex; justify-content: center; align-items: center;}

.notice .h-right{ float: right; width: 48%;}
.notice .h-right p{ background: #0452C6; border-radius: 5px; width: 80px; text-align: center; display: inline-block; line-height: 38px; color: #ffffff; font-size: 16px;}
.notice .h-right a{ color: #333333; font-size: 14px; margin-left: 15px; }
.notice .h-right a span{ }
.notice .h-right a em{ font-style: normal; color: #A3A3A3; font-size: 12px; margin-left: 2rem;}*/

/*新闻资讯*/
.news-hbox1 li:first-child p{ width: 100%;}
a.more_h{     color: #ffffff;  background: #E02020; border: 1px solid #E02020; padding: 5px 15px; display: block; max-width: 100px;  text-align: center; font-size: 14px;     margin-left: auto;}
.sect_k2{ background:#ffffff; padding: 3rem 0;}
.tit_h1{ text-align: left;}
.tit_h1 span{ font-size: 3.6rem; font-weight: bold; line-height: 1.5; color: #333333; display: block;}
.tit_h1 p{ font-size: 2.2rem; color: rgba(51,51,51,0.5); text-transform: uppercase;}

.tabs{display: flex; justify-content: flex-end; align-items: center;}
.tabs >a{ display: inline-block; margin: 0 6px;  padding: 5px 15px; display: block; line-height: 1.5; background: #ffffff; border: 1px solid #E3E3E3;   text-align: center;  font-size: 14px; color: #6B7078; }
.tabs >a.active{ color: #ffffff; background: #E02020; border: 1px solid #E02020; }
.tabs p a.active{ color: #6B7078; background: #ffffff; border: 1px solid #E3E3E3; }

.tabs p{display: inline-block;  padding: 5px 15px; display: block; line-height: 1.5; background: #ffffff; border: 1px solid #E3E3E3; text-align: center;  font-size: 14px; color: #6B7078;}
.tablist{margin: 2rem auto; }
.tlist{ display: none; position: relative; }
.tlist.active{ height: auto; display: block;}
.news-hbox{}
.news-hbox .icon{ overflow: hidden; min-height: 480px;  vertical-align: middle;  position: relative;}
.news-hbox .icon img{    object-fit: cover; width: 100% !important;  height: 100% !important;  transition: all 0.3s; position: absolute; left: 50%;  top: 50%; transform: translate(-50%, -50%);}
.news-hbox .htit{ padding: 1rem 2rem 0; margin: 0 auto;  position: absolute; left: 0; right: 0; bottom: 5%;}
.news-hbox .htit span{font-size: 1.8rem;  line-height: 1.5; color: #ffffff; text-align: left; display: block; word-break: break-all; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; }
.news-hbox .htit em{ font-size: 14px; color: #ffffff; font-style: normal; line-height: 1.5; display: block;}
.h_new1{ text-align: right; bottom: 28% !important; left: auto !important; right: 5% !important;}
.h_new1 .swiper-pagination-bullet{ background: #FFFFFF; opacity: 0.5;}
.h_new1 .swiper-pagination-bullet-active{ opacity: 1;}

.news-hbox1{}
.news-hbox1 li:first-child{ border-bottom: none; margin-bottom: 2rem; background: #F6F6F6; padding: 10px;}
.news-hbox1 li:first-child .icon{ width: 100% !important; height: 100% !important; }
.news-hbox1 li:first-child .icon img{ width: 100% !important; height: 82px; object-fit: cover;}
.news-hbox1 li:first-child a{ padding: 0;}
.news-hbox1 li:first-child span{ font-size: 18px; color: #333333; font-weight: bold; display: block; word-break: break-all; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; width: 100%; line-height: 1;}
.news-hbox1 li:first-child p{ font-size: 12px; color: #333333; display: block; word-break: break-all; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; padding-left: 0;}
.news-hbox1 li:first-child p:before{ display: none;}
.news-hbox1 li:first-child em{ font-size: 12px; font-weight: 300; color: #757575; font-style: normal;}
.news-hbox1 li{ }
.news-hbox1 li a{ line-height: 2;  display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; color: #333333; font-size: 16px;     padding: 0.7rem 0;}
.news-hbox1 li a p{ padding-left: 15px; width: calc( 100% - 100px); position: relative; display: block; word-break: break-all; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden;}
.news-hbox1 li a p:before{ width: 6px; height: 6px; border-radius: 100%; position: absolute; left: 0; top: 15px; content: ""; background: rgba(51,51,51,0.3);}
.news-hbox1 li a span{ width: 85px; font-size: 14px; font-weight: 300;}
.news-hbox1 li:hover a{ color: #E02020;}
.news-hbox1 li:hover a p:before{ background: #E02020;}

.xmt{ margin-top: 2rem;}


/*产业发展*/
.sect_k3{ position: relative; background:url(../img/x_bg.jpg) no-repeat center; padding: 5rem 0; background-size: cover;  display: flex; align-items: center; background-attachment: fixed;}

.tit_h2{ text-align: left;}
.tit_h2 span{ font-size: 3.6rem; font-weight: bold; line-height: 1.5; color: #000000; display: block;}
.tit_h2 p{ font-size: 2.2rem; color: #CECECE; text-transform: uppercase;}

.tabs_2{display: flex; justify-content:space-between; align-items: center; margin-top: 5rem; flex-wrap: wrap;}
.tabs_2 >a{ display: inline-block; margin: 0 6px;  display: block; line-height: 1.5; text-align: center;  font-size: 16px; color: #6B7078; }
.tabs_2 >a span{ display: block; line-height: 2;}
.tabs_2 >a img{ filter: grayscale(100%) brightness(100%);}
.tabs_2 >a.active{ color: #333333;}
.tabs_2 >a.active img{ filter:none;}
.tabs_2 >a.active span{ color: #E02020;}


.tablist_2{margin: 2rem auto; }



.box_h1{ background:url(../img/x_bg2.png) no-repeat center;  text-align: left; padding: 7rem 7rem 15rem 7rem; background-size: cover; cursor: pointer; }
.box_h1 span{ font-size: 4.8rem; font-weight: bold; color: #ffffff;}
.box_h1 p{ font-size: 16px; line-height: 2; margin: 4rem 0; color: #FFFFFF; display: block;  overflow: hidden; text-align: left; max-width: 600px; margin-left: 0;}

.x_more{ width: 106px; height: 32px; border: 1px solid rgba(150,150,150,.4); font-size: 14px; color: #757575; line-height: 32px; display: block; text-align: center; margin-left: auto;}
.x_more:hover{ background: #E02020; color: #ffffff; border: 1px solid #E02020;}
.x_more:hover sup{ color: #ffffff;}
.x_more sup{ color: #E02020;}
.flex1{ display: flex; justify-content: flex-start; align-items: center;}
/*应用*/
.sect_k4{ padding: 7rem 0; background:#ffffff; background-size: cover;}

.news-hbox2{ position: relative;}
.news-hbox2 .icon{ overflow: hidden;  vertical-align: middle;  position: relative;}
.news-hbox2 .icon img{  object-fit: cover; width: 100% !important;  height: 100% !important;  transition: all 0.3s; }
.news-hbox2 .htit{ padding:2rem; margin: 0 auto;  position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5);}
.news-hbox2 .htit span{font-size: 16px; font-weight: bold; line-height: 1.5; color: #ffffff; text-align: left; display: block; word-break: break-all; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; }
.news-hbox2 .htit em{ font-size: 14px; color: #ffffff; font-style: normal; line-height: 1.5; display: block;}

.news-hbox3{ list-style: none; max-width: 620px; width: 100%; margin-left: auto;}
.news-hbox3 li{ border-bottom: 1px dashed rgba(205,205,205,0.7); margin-bottom: 2.5rem;}
.news-hbox3 .x_box{ display: flex; justify-content:flex-start; flex-wrap: wrap; align-items: center; font-size: 16px;}
.news-hbox3 .x_box p{ width: calc(100% - 80px); text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 16px; font-weight: bold;}
.news-hbox3 .x_box span{ width: 80px; font-size: 14px;}
.news-hbox3 .x_box1{ font-size: 14px;  text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #757575; margin: 1.5rem 0;}

.news-hbox3 li a{ color: #333333;  position: relative;}

.news-hbox3 li a:hover{ color: #E02020;}
.news-hbox3 li a:hover::after{ background: #E02020;}

/*.news-hbox4{ background: #ffffff; background: #ffffff; clear: both; overflow: hidden; margin-top: 5rem;}
.news-hbox4 .hbox_left{ float: left; font-size: 2.2rem; font-weight: bold; text-align: center; width: 88px; border-right: 1px solid #EEEEEE; padding: 2rem 0 2rem;}
.news-hbox4 .hbox_right{ float: right; width: calc(100% - 90px); position: relative;}
.news-hbox4 .hbox_right .swiper-container{ width: 92%; margin: 1rem auto 0;}
.inext_kc,.iprev_kc{ background: none;}
.inext_kc i,.iprev_kc i{ font-size: 3rem;}*/
/*新闻*/
/*.sect_k5{  background: url(../img/bg_h2.jpg) no-repeat center; padding: 10rem 0 15rem;}
.tit_h3{ text-align: center;}
.tit_h3 span{ font-size: 3.6rem; font-weight: bold; line-height: 1.5; color: #ffffff;}
.h_about{ color: #ffffff; font-size: 16px; line-height: 2; text-align: center; max-width: 1200px; width: 100%; margin: 4rem auto;}
.about-list{ list-style: none; margin-top: 8rem; position: relative;}
.about-list:before{top: 49.8%; width: 200%; z-index:2; left: -50%; content: ""; height: 1px; background: #ffffff; opacity: 0.5; position: absolute;}
.about-list ul{ list-style: none; clear: both; overflow: hidden;}
.about-list ul li{ width: 20%; text-align: center; float: left; position: relative; z-index: 5;}
.about-list ul li img{ max-width: 50px;}
.about-list ul li:hover b{ background: #E02020;}
.about-list ul li:hover p{ color: #E02020;}
.about-list ul li b{ width: 50%; max-width: 150px; height: 2px; background: #ffffff; display: block; margin: 2rem auto;}
.about-list ul li p{ font-size: 2.4rem; color: #ffffff; line-height: 2;}*/

.sect_k6{ background: #3C4554; padding: 2rem 0;}
.tit-link{ display: flex; justify-content: center; align-items: center; font-size: 16px; color: #ffffff; font-weight: bold; line-height: 50px; clear: both; overflow: hidden;}
.tit-link img{ margin-right: 10px;}
.list-link{ list-style: none; display: block;}
.list-link li{ width: 30%; margin-right: 3%; float: left; text-align: center; position: relative; cursor: pointer;}
.list-link li .tit-link2{ display:none; opacity: 0; background: #F6F6F6; position: absolute; left: 0; right: 0; margin: 0 auto;  z-index: 101; }
.list-link li .tit-link2 a{ width: 100%; display: block; font-size: 16px; line-height: 40px;}
.list-link li .tit-link2 a:hover{ background: #E02020; color: #ffffff;}
.list-link li:hover .tit-link1{ background: #E02020; color: #ffffff;}
.list-link li .tit-link1{  background: none; height: 50px; z-index: 10; line-height: 50px; font-size: 16px; color: #ffffff; border: 1px solid #5F6877; border-radius: 8px; display: flex; justify-content: space-between; padding: 0 10px;}
.list-link li .tit-link1 i{ font-size: 16px; margin-left: 15px; transform: rotate(92deg);}
.list-link li:hover  .tit-link2{opacity: 1;     display: block; }
.link4{ display:none;  background: #F6F6F6; position: absolute; left: 0; right: 0; margin: 0 auto;  z-index: 101; }
.link4 a{ width: 100%; display: block; font-size: 16px; line-height: 40px;}
.link4 a:hover{ background: #E02020; color: #ffffff;}
/*.tit-link2{ display:none;}
.tit-link2 a{ width: 100%; display: block; font-size: 16px; line-height: 40px;}
.tit-link2 a:hover{ background: #E02020; color: #ffffff;}*/
.sect_news1{ padding: 6rem 0;  background: #F6F6F6;}