/* ==========================================================================
   Index Page
   ========================================================================== */
/*首页banner大图样式*/
.ibanner{ position:relative; height:917px; 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; background-color: #000; transform: scale(1.5);}
.ibanner .swiper-img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transform: scale(1.2); opacity: 0; transition: all 0s;}
.ibanner .swiper-slide-active .swiper-img{ transform: scale(1); opacity: 1; transition: all 4s;}

.ibanner .ban-img{ display:block; width:100%; height:100%; color:#fff;text-align:left;}
.ibanner .swiper-pagination{ max-width: 400px; left: 4%;; bottom: 16%; position: absolute; text-align: left; display: flex; justify-content: flex-start; align-items: center;}
.ibanner .swiper-pagination-bullet:last-child::after{ display: none;}
.ibanner .swiper-pagination-bullet-active:last-child::before{ display: none;}
.ibanner .swiper-pagination-bullet{ margin-right:8.5rem !important; border-radius: 0; background: #ffffff; opacity: 1; position: relative; width: 8px; height: 8px;  display: block; }
.ibanner .swiper-pagination-bullet:after{ z-index: 1; width: 79px; height: 1px; position: absolute; left: 12px; top: 3px; display: block; content: ""; background: #ffffff;}
.ibanner .swiper-pagination-bullet-active{ background: #ff6000; opacity: 1; position: relative;}
.ibanner .swiper-pagination-bullet-active::before{ z-index: 2; width: 79px; height: 1px; position: absolute; left: 12px; top: 3px; display: block; content: ""; background: #ff6000;}
.ibanner .swiper-pagination span{ font-size: 14px;color: #fff;}

.ibanner .swiper-button-next,.ibanner .swiper-button-prev{ background: none; width: 46px; height: 46px; line-height: 46px;  opacity: 1; margin: 0; text-align: center; top: inherit; bottom: 75px;}
.ibanner .swiper-button-next i,.ibanner .swiper-button-prev i{ color: #fff; font-weight: bold; font-size: 26px; opacity: 0.9;}
.ibanner .swiper-button-prev{     left: 5%;}
.ibanner .swiper-button-next{ left: 10%;}
.ibanner .swiper-button-next:hover i,.ibanner .swiper-button-prev:hover i{ color:  #00b791; opacity: 1;}

.ibanner .bH{ height: 100%; position: relative; width: 92%; display: flex; align-items: center;}
.ibanner .bH .row{ align-items: center; display: flex; justify-content: space-around;}
.ibanner .bfont{ color: #fff; text-align: left; transform: translateY(100px); opacity: 0;}
.ibanner .bimg{ transform: translateY(100px); opacity: 0;}

.ibanner a.more1{ transform: translateY(150px); opacity: 0; }
.ibanner .swiper-slide-active .bfont{ transform: translateY(-50px); opacity: 1; transition: all 2s ease .5s;}
.ibanner .swiper-slide-active .bimg{ transform: translateY(0); opacity: 1; transition: all 2s ease .7s;}
.ibanner .swiper-slide-active a.more1{ transform: translateY(0); opacity: 1; transition: all 2s ease .7s;}

::-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;}


.tit_h1{ }
.tit_h1 .row{ display: flex; align-items: center; justify-content: flex-start;}
.tit_h1 .hbox_1{ font-size: 16px; text-align: left; line-height: 2; color: #111111; max-width: 900px;}
.tit_h1 .hbox_2{ text-align: left;}
.tit_h1 .hbox_2 em{ text-transform: uppercase; font-size: 18px; font-style: normal; display:flex; justify-content: flex-start; align-items: center;}
.tit_h1 .hbox_2 em b{ width: 71px; height: 1px; display: block; background: #a9a9a9; margin-left: 10px;}
.tit_h1 .hbox_2 span{ font-size: 4.8rem; font-weight: bold; line-height: 1; margin: 1rem 0; display: block;}
.tit_h1 .hbox_2 p{ margin: 2.5rem 0; font-size: 2rem; padding-left: 2rem; color: #333333; font-weight: bold; position: relative;}
.tit_h1 .hbox_2 p:before{ width: 8px; height: 22px; display: block; content: ""; position: absolute; left: 0; top: 3px; background: #2427bd;}
.tit_h1 .hbox_3{  font-size: 16px; margin-left: auto; text-align: right; line-height: 2; color: #111111; max-width: 900px;}

.adv{ text-align: center; clear: both; overflow: hidden; background: #2427bd; max-width: 1900px; margin-left: auto; padding: 4rem 0; border-radius: 0 0 0 3rem; transform: translateY(-7rem); -moz-box-shadow:-2px 5px 13px rgba(0,0,0,0.3); -webkit-box-shadow:-2px 5px 13px rgba(0,0,0,0.3); box-shadow:-2px 5px 13px rgba(0,0,0,0.3); width: 95%; position: relative; z-index: 22;}
.adv .wrap1{ transform: translateX(-5%);}
.h-box{ display: flex; justify-content: flex-start; align-items: center;}
.h-box:hover img{ transform: translateZ(30px) rotateY(180deg) scale(1.0); -webkit-transform: translateZ(30px) rotateY(180deg) scale(1.0);  -ms-transform: translateZ(30px) rotateY(180deg) scale(1.0); -moz-transform: translateZ(30px) rotateY(180deg) scale(1.0);}
.h-box .h-1{ width: 25%; border-right: 1px solid rgba(255,255,255,0.4);}
.h-box .h-2{ width: 68%; text-align: left; margin-left: 8%;}
.h-box .h-2 span{ font-size: 20px; font-weight: bold; line-height: 2; color: #ffffff;}
.h-box .h-2 p{ font-size: 14px; color: #a2a3db;}
/*关于我们*/

.sect_k1{ background: url( https://img03.taishanzhicheng.com/sikaifu/style/bg_h3.jpg) no-repeat center top;   }
.tit_a1{ font-size: 4.8rem; text-align: left; position: relative;}
.tit_a1 em{ text-transform: uppercase; font-size: 18px; font-style: normal; display:flex; justify-content: flex-start; align-items: center;}
.tit_a1 em b{ width: 71px; height: 1px; display: block; background: #a9a9a9; margin-left: 10px;}
.tit_a1 span{ font-size: 4.8rem; font-weight: bold; line-height: 1; margin: 1rem 0; display: block;}
.tit_a1 p{ margin: 2.5rem 0; font-size: 2rem; padding-left: 2rem; color: #333333; font-weight: bold; position: relative;}
.tit_a1 p:before{ width: 8px; height: 22px; display: block; content: ""; position: absolute; left: 0; top: 3px; background: #2427bd;}

.box_a1{ clear: both; overflow: hidden;}
.box_a1 span{ font-size: 2.4rem; font-weight: bold; color: #ffe6c2;  display: block; color: #ffffff;}
.box_a1 p{ line-height: 2; color: #bad6e6; max-width: 700px; width: 92%; margin-top: 2rem; text-align: justify; font-size: 18px;}

.home_pro{ margin-top: 5rem;}
.home_pro .full-row .span-7{ width: 53.333333%;}
.home_pro .full-row .span-5{ width: 46.666667%;}
.pro_box{}
.pro_box:hover img{ transform: translate(-50%, -50%) scale(1.2) !important;}
.pro_box .icon{ overflow: hidden; min-height: 276px;vertical-align: middle;  position: relative;}
.pro_box .icon img{ width: 100%; height: 100%; transition: all 0.3s;  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); object-fit: cover;}
.pro_box1{}
.pro_box1 img{ width: 100%; height: 100%; object-fit: cover;}
.inext4{ width: 92px; height: 79px;background: #141313; line-height: 79px; text-align: center; bottom: 10px; top: auto;    right: 0;} 
.inext4 i,.iprev4 i{ font-size:4rem; color: #ffffff;}
.iprev4{ background: #2427bd;  width: 92px; height: 79px; line-height: 79px; text-align: center; bottom: 10px; top: auto; right: 92px;     left: auto;}
.more_h1{  max-width: 217px;  padding: 1.5rem 0;  width: 100%;  font-size: 14px; color: #000000; text-align: center; border-radius: 30px; display: block;   transition: all 0.3s; margin-left: 0; border: 1px solid #000000;}

.box_h2{ text-align: center; position: relative;}
.box_h2:before{ width: 0; z-index: 0; height: 4px; top: 22%; background: #2427bd; display: block; content: ""; position: absolute; left: 0; right: 0; margin: 0 auto;}
.box_h2 img{ filter: grayscale(100%) brightness(100%); z-index: 1; position: relative;}
.box_h2 p{ font-size: 18px; font-weight: bold; line-height: 2; margin-top: 2rem;}
.mySwiper7 .swiper-slide-thumb-active .box_h2:before{ width: 100%;}
.mySwiper7 .swiper-slide-thumb-active .box_h2 img{ filter: none;}
.mySwiper7 .swiper-slide-thumb-active .box_h2 p{ color: #2427bd;}
.mySwiper7:before{ width: 100%; height: 4px; background: #e6e5e5; display: block; content: ""; position: absolute; left: 0; right: 0; top:22%}
.inext_kc,.iprev_kc{opacity: 1 !important; background: #e6e5e5; width: 41px; height: 41px; display: block; border-radius: 100%; text-align: center; line-height: 41px;}
.inext_kc i,.iprev_kc i{ color: #ffffff; font-size: 18px;}
.inext_kc{ right: 0;}
.iprev_kc{ left: 0;}
.pos{ position: relative;}

.pro-info{ width: 94%; margin:0 auto;}

.pro-info .ptit{ padding: 5rem 8rem 7rem; background:linear-gradient(to right, rgba(255,255,255,1), #f2f2f2);}
.pro-info .ptit em{ font-family: impact; color: #f7f6f6; font-size: 15rem; font-style: normal; text-transform: uppercase; line-height: 1;}
.pro-info .ptit h3{ font-size: 3rem;  color: #000000; line-height: 2; position: relative; transform: translateY(-10rem);}
.pro-info .ptit p{ color: #454545; font-size: 16px; text-align: left; line-height: 2; position: relative; transform: translateY(-4rem);     min-height: 50px;}
.pro-info .ptit1{ display: flex; justify-content: flex-start; margin-top: 3rem;}
.pro-info a.more_p1{   margin-right: 2rem; font-size: 14px; color: #333333;  height: 50px; line-height: 50px; display: flex; justify-content: center; align-items: center; width: 50%; max-width: 250px; border: 1px solid #333333; font-weight: bold; }
.pro-info a.more_p1 img{ margin-right: 10px;}
.pro-info a.more_p1 i{ margin-left: 10px; font-size: 16px;}
.pro-info a.more_p2{ display: flex; justify-content: center; align-items: center; background: #2427bd; width: 50%; max-width: 250px; border: 1px solid #4496e8; height: 50px; line-height: 50px; font-size: 14px; color: #ffffff; font-weight: bold; }

/*关于我们*/
.sect_k2{ background: url( https://img03.taishanzhicheng.com/sikaifu/style/bg_h2.jpg) no-repeat center bottom; background-size: cover; padding: 8rem 0;}
.about-box{ width: 94%; margin-left: auto;}
.container {display: flex; width: 100%; box-sizing: border-box; margin-top:12rem; overflow: hidden;}
.container .box:nth-child(3){ margin-right: 0;}
.box {flex: 1;transition: .5s;  line-height: 0;  position: relative; transition: all 0.4s; height: 58.8rem; margin-right: 5px;}
.box .b_left{ width:100%; float: left; background: #ffffff; color: #000000; text-align: center; padding: 8rem 3rem; min-height: 42.8rem;}
.box .b_left em{}
.box .b_left em .h_on1{ display: none; margin: 0 auto 2rem;}
.box .b_left em .h_on{ display: block; margin: 0 auto 2rem;}
.box .b_left h4{ font-size: 2.4rem; color: #111111; line-height: 2;}
.box .b_left p{ color: #111111; font-size: 18px; line-height: 2;}
.box .b_left line{ width: 46px; height: 1px; display: block; margin: 8rem auto; background: #000000;}
.box .b_left a{ color: #111111; font-size: 14px; font-weight: bold;}
.box .b_right { width:76%; position: absolute; left: 0; right: 0;  transition:width 0.6s ease-in-out; opacity: 0; height: 58.8rem;} 
.box:hover,.active{ flex: 1 1 50%; cursor: pointer;}
.active .b_left{ opacity: 1; color: #FFFFFF; width: calc(24% - 6rem);  transition: all 0.6s; background: #2427bd;}
.active .b_right{ width: 76%;  left: 24%; cursor: pointer; opacity: 1;}
.active .b_left em .h_on1{ display: block;}
.active .b_left em .h_on{ display: none;}
.active .b_left h4{ color: #ffffff;}
.active .b_left p{ color: #ffffff;}
.active .b_left a{ color: #ffffff;}
.active .b_left line{ background: #ffffff;}

/*
.news-box1{ transform: scale(0.5);}
.scale{  transform: scale(1.5);}*/

/*优势*/
.sect_hx{ background: url( https://img03.taishanzhicheng.com/sikaifu/style/bg_h1.jpg) no-repeat center bottom; background-size: cover; }
.sect_hx ul{ list-style: none; clear: both; overflow: hidden;}
.sect_hx ul li{ width: calc((100% - 3px)/4); border-right: 1px solid rgba(255,255,255,0.22); padding: 3rem 0; float: left;}
.sect_hx ul li:last-child{ border-right: none;}
.sect_hx ul li .hx_b{ padding: 0 0 0 3rem;}
.sect_hx ul li .hx_b em{ font-family:impact; font-size: 10.5rem; font-weight: bold; display: block; line-height: 1;
 background:linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; font-style: normal; opacity: 0.2;}
.sect_hx ul li .hx_b p{ font-size: 2.4rem; color: #ffffff; font-weight: bold; writing-mode: vertical-rl; /*transform: rotate(180deg);*/ text-transform: uppercase; transform: translate(13px, -64px);}
.sect_hx ul li .hx_b1{ padding: 0 0 0 4rem; margin: 12rem 0 12rem; transition: all 0.3s;}
.sect_hx ul li .hx_b1 h4{ font-size: 2.4rem; font-weight: bold; color: #ffffff; line-height: 2; margin: 3rem 0 0;}
.sect_hx ul li .hx_b1 b{ width: 7.3rem; height: 1px; background: rgba(255,255,255,0.36); display: block; position: relative;     margin: 3rem 0;}
.sect_hx ul li .hx_b1 b:before{ width: 5px; height: 5px; background: #ffffff; display: block; content: ""; position: absolute; left: 0; top: -2px;}
.sect_hx ul li .hx_b1 p{ font-size: 14px; color: #aeb5b9; line-height: 2; max-width: 240px;     min-height: 100px;}
.sect_hx ul li:hover .hx_b1{ transform: translateY(-3rem); transition: all 0.3s;}
/*案例*/
.sect_k3{ position: relative; background:#f1f1f1; padding: 12rem 0 9rem; background-size: cover;  display: flex; align-items: center;}
.case-box{ max-width: 500px; margin-left: auto; border-radius: 3rem; overflow: hidden;}
.case-box .icon{    border-radius: 3rem;}
.case-box .icon img{ border-radius: 3rem;}
.case-bo1{ border-radius: 3rem; overflow: hidden;}
.case-box .ctit{ font-size: 2.4rem; font-weight: bold; line-height: 2; text-align: center; padding: 3rem 0; position: relative; z-index: 2;}
.b_case{ position: relative;}
.b_case:before{ width: 108%; height: 40%; content: ""; position: absolute; left: 0; right: 0; z-index: 0;  background: #ffffff;    border-radius: 10%;   bottom: 0; }

.case-bo1 .icon img{ border-radius: 3rem; width: 100%; height: 100%; object-fit: cover;}
.sect_k3 .inext_case,.sect_k3 .iprev_case{ background: none; width: 72px; height: 72px; border-radius: 100%; border: 1px solid #2427bd; top: 92%; text-align: center; line-height: 72px;}
.sect_k3 .inext_case i,.sect_k3 .iprev_case i{ font-size: 3rem; color: #2427bd;}
.sect_k3 .inext_case{ right: 110%;}
.sect_k3 .iprev_case{ left:auto; right: 130%;}
.sect_k3 .inext_case:hover,.sect_k3 .iprev_case:hover{ background: #2427bd;}
.sect_k3 .inext_case:hover i,.sect_k3 .iprev_case:hover i{ color: #ffffff;}
.b_case1{ background: #2427bd; width: 45%; border-radius: 0 30px 0 0; padding: 3rem ; position: absolute; left: 0; top: -4%; display: block;}
.b_case1 p{ color: #ffffff; font-size: 18px; font-weight: bold;   text-align: right;}
.b_case1 p a{ color: #ffffff;}
/*应用*/
.sect_k4{ padding: 8rem 0;}
.sect_k4 .swiper-container{ overflow: visible;}
/*新闻*/
.sect_k5{  background: #f1f1f1; padding: 10rem 0 8rem;}
.news-hbox{margin-bottom: 0; margin-top: 3rem; color: #323232; border-bottom: 1px solid #c6cbd1; padding-bottom: 5rem;}
.news-hbox .icon img{ width: 100%; height: 100%;}
.news-hbox .time{ text-align: center; color: #323232;}
.news-hbox .time span{ font-size: 7.2rem; font-weight: bold; display: block; line-height: 1;}
.news-hbox .time em{ font-size:18px; font-style: normal;}
.news-hbox .htit{ padding: 3rem 0;}
.news-hbox .htit h4{ display: flex; justify-content: flex-start; align-items: center;  text-align: left;}
.news-hbox .htit h4 p{ max-width: 500px; margin: 0; width: 100%; font-size: 2.4rem; color: #2a2a2a; line-height: 1.5;}
.news-hbox .htit h4 em{ 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; font-style: normal;}
.news-hbox .htit p{ font-size: 16px; color: #878787; line-height: 1.5;  word-break: break-all; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; margin: 5rem 0;}
.news-hbox .htit b{ font-size: 14px; color: #111111; font-weight: bold;}
.news-hbox:hover .htit h4 em{ background: #000000;}
.news-hbox:hover .htit h4 p{ color: #2427bd;}

.news-hbox1{margin-bottom: 0; margin-top: 3rem; color: #323232; padding-bottom: 5rem; width: 92%;}
.news-hbox1 .icon img{ width: 100%; height: 100%;}
.news-hbox1 .htit{ padding: 3rem 0;}
.news-hbox1 .htit h4{ font-size: 2.4rem; color: #2a2a2a; line-height: 1.5; text-align: left;}
.news-hbox1 .htit p{ font-size: 16px; color: #878787; line-height: 1.5;  word-break: break-all; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; margin: 3rem 0;}
.news-hbox1:hover .htit h4 {color: #2427bd;}
.news-hbox1 i{ border: 1px solid #2a2a2a; width: 31px; text-align: center; line-height: 31px; height: 31px; border-radius: 100%; display: block; font-size: 14px; font-weight: bold;}
.news-hbox1:hover i{  background: #2427bd; color: #ffffff;}

@media only screen and (max-width: 1680px) {
	.pro_box .icon{ min-height: 187px;}
}