/* ==========================================================================
   Index Page
   ========================================================================== */
/*首页banner大图样式*/
.ibanner{ position:relative; max-height:738px; 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:100%; opacity: 1; position: relative; width: 15px; height: 15px;  display: block; border: 1px solid #ffffff; }
.ibanner .swiper-pagination-bullet-active{ background: #ffffff; border: 1px solid #ffffff; 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;}

/*新闻资讯*/
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: 16px; color: rgba(51,51,51,0.5);}

.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: 440px;  vertical-align: middle;  position: relative;}
.news-hbox .icon img{    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);}
.news-hbox .htit{ padding: 1rem 0 0 ;}
.news-hbox .htit span{ font-weight: bold; font-size: 2.4rem; padding: 1rem 0; line-height: 1.5; color: #333333; 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 p{ font-size: 14px; color: #666B6F; line-height: 1.5;  word-break: break-all; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; }
.news-hbox .htit em{ font-size: 14px; color: #666B6F; font-style: normal; padding: 1rem 0; 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;}
.news-hbox1 li:first-child .icon{ width: 100% !important; height: 100% !important;}
.news-hbox1 li:first-child a{ padding: 0;}
.news-hbox1 li:first-child span{ font-size: 2rem; 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%;}
.news-hbox1 li:first-child p{ font-size: 14px; color: #666B6F; 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: 14px; font-weight: 300; font-style: normal;}
.news-hbox1 li{ border-bottom: 1px solid #E5E5E5;}
.news-hbox1 li a{ line-height: 2; padding: 1.7rem 0; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; color: #333333; font-size: 16px;}
.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;}


/*产业发展*/
.sect_k3{ position: relative; background:url(../img/bg_h1.jpg) no-repeat center; padding: 12rem 0 9rem; background-size: cover;  display: flex; align-items: center; background-attachment: fixed;}
.sect_k3 .span-2{ margin-right: 1%;      width: 15.66666667%;}
.tit_h2{ text-align: left;}
.tit_h2 span{ font-size: 3.6rem; font-weight: bold; line-height: 1.5; color: #ffffff; display: block;}
.tit_h2 p{ font-size: 16px; color: rgba(255,255,255,0.5);}
.box_h1{ background: rgba(255,255,255,0.84); text-align: center; padding: 6rem 0; margin-bottom: 15px; cursor: pointer;}
.box_h1:hover{ background:url(../img/bg_hh.jpg) no-repeat center; background-size: cover;}
.box_h1:hover img{filter: grayscale(100%) brightness(400%);}
.box_h1:hover b{ background: #ffffff;}
.box_h1:hover span{ color: #ffffff;}
.box_h1:hover p{ color: #ffffff;}
.box_h1 img{ display: block; margin: 0 auto;}
.box_h1 b{ width: 40px; height: 1px; background: #858585; display: block; margin:2rem auto;}
.box_h1 span{ font-size: 2.4rem; color: #333333;}
.box_h1 p{ font-size: 12px;  color: rgba(51,51,51,0.6); display: block; word-break: break-all; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden;}
/*应用*/
.sect_k4{ padding: 8rem 0; background:url(../img/bg_h3.png) no-repeat center; background-size: cover;}
.tablist_1{ margin-top: 4rem !important;}
.news-hbox2{ background: #ffffff; padding: 3rem;}
.news-hbox2 li:first-child{ border-bottom: none; margin-bottom: 2rem;}
.news-hbox2 li:first-child .icon{ width: 100% !important; height: 100% !important;}
.news-hbox2 li:first-child a{ padding: 0;}
.news-hbox2 li:first-child span{ font-size: 2rem; 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%;}
.news-hbox2 li:first-child p{ font-size: 14px; color: #666B6F; display: block; word-break: break-all; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; padding-left: 0;}
.news-hbox2 li:first-child p:before{ display: none;}
.news-hbox2 li:first-child em{ font-size: 14px; font-weight: 300; font-style: normal;}
.news-hbox2 li{ border-bottom: 1px solid #E5E5E5;}
.news-hbox2 li a{ line-height: 2; padding: 1.7rem 0; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; color: #333333; font-size: 16px;}
.news-hbox2 li a p{ 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; font-size: 16px;}
.news-hbox2 li a p em{ background: #E02020; color: #ffffff; padding: 3px 10px; font-style: normal; margin-right: 2rem;}
.news-hbox2 li a span{ width: 85px; font-size: 14px; font-weight: 300;}
.news-hbox2 li:hover a{ color: #E02020;}
.news-hbox2 li:hover a p:before{ background: #E02020;}

.news-hbox3{ list-style: none; background: #ffffff; padding: 3rem 3rem 1.5rem;}
.news-hbox3 li{ padding: 0 0 1rem;}
.news-hbox3 li a{ padding-left: 15px; line-height: 2;  color: #333333; font-size: 14px; display: block; word-break: break-all; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; position: relative;}
.news-hbox3 li a:after{width: 6px; height: 6px; border-radius: 100%; position: absolute; left: 0; top: 12px; content: ""; background: rgba(51,51,51,0.3);}
.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: #ffffff; padding: 3rem 0;}
.tit-link{ display: flex; justify-content: center; align-items: center; font-size: 16px; color: #000000; font-weight: bold; line-height: 50px;}
.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: #F6F6F6; height: 50px; z-index: 10; line-height: 50px; font-size: 16px; color: #000000;}
.list-link li .tit-link1 i{ font-size: 16px; margin-left: 15px;}
.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;}