/* ==========================================================================
   Index Page
   ========================================================================== */

.ny_banner{ height: 600px; overflow: hidden; display: flex; align-items:flex-end; justify-content: flex-end;  /*animation: scaleDraw 5s ease-in-out infinite;
-webkit-animation: scaleDraw 5s ease-in-out infinite; animation-iteration-count: 1; */ position: relative;}
.ny_news{background:url( https://img03.taishanzhicheng.com/sikaifu/style/banner_news.jpg) no-repeat center;  background-size: cover;}
.ny_application{background:url( https://img03.taishanzhicheng.com/sikaifu/style/banner_application.jpg) no-repeat center;  background-size: cover;}
.ny_case{background:url( https://img03.taishanzhicheng.com/sikaifu/style/banner_case.jpg) no-repeat center;  background-size: cover;}
.ny_pro{background:url( https://img03.taishanzhicheng.com/sikaifu/style/banner_pro.jpg) no-repeat center;  background-size: cover;}
.ny_list{background:url( https://img03.taishanzhicheng.com/sikaifu/style/banner_list.jpg) no-repeat center;  background-size: cover;}
.ny_pro1{ background:url( https://img03.taishanzhicheng.com/sikaifu/style/bg_pro.jpg) no-repeat center;  background-size: cover; height: 224px; display: flex; justify-content: center; align-items: center;}
.ny_about{ background: url( https://img03.taishanzhicheng.com/sikaifu/style/banner_about.jpg) no-repeat center; background-size: cover; height: 890px;  display: flex; align-items:flex-end; justify-content: flex-end; }

.ban-box{  text-align: center; }

.box_b2{font-family:impact; font-weight: bold; font-size: 4.2rem; text-transform: uppercase; color: #ffffff;}
.box_b3{ font-size: 16px; line-height: 1.5; color: #736f6f; margin: 1rem 0;}
.box_b3 a{ color: #736f6f;}

.line{ max-width: 347px; margin: 2rem auto; border-top: 1px solid rgba(255,255,255,0.37); position: relative; display: block;}
.line p{background: #ffffff; width: 13px; height: 13px; border-radius: 100%; display: block; margin: 0 auto; position: absolute; left: 0; right: 0; top: -7px;}
.place{ text-align: right; color: #ffffff; font-size: 16px; line-height: 2; margin-bottom: 8rem; }
.place a{color: #ffffff; }
.place a:hover, a.on { color: #00b392;}  

.place1{ text-align: right; color: #969696; font-size: 16px; line-height: 2; }
.place1 a{color: #969696; }
.place1 a:hover, a.on { color: #2427bd;}  

/*内页分类*/
.tit_n1{ font-size: 4.2rem; text-transform: uppercase; color: #ffffff; font-family: impact; display: flex; justify-content: flex-start; align-items: center; text-align: left;}
.tit_n1 b{ width: 8px; height: 35px; display: inline-block; background: #ffffff; margin-right: 10px;}

.psub1{ 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(-6rem); -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: 96%;}

.psub1.flex{ display: flex; justify-content: space-between; }

.psub2{ text-align: center; clear: both; overflow: hidden; margin: 0 auto; bottom: 0; z-index: 2; float: left; flex-wrap: wrap;}

.psub2 a{ display: inline-block; padding:0 12rem 0 2rem;  position: relative; color:rgba(255,255,255,1); font-size: 18px; transition: all 0.3s; position: relative; }
.psub2 a:after{ width: 11px; height: 11px; content: ""; position: absolute; left: 0; top:calc(50% - 3px); background: #ffffff; z-index: 1;}
.psub2 a:hover,.psub2 a.active{ color: #ffffff; transition: all 0.3s; }

.psub3{ padding: 4rem 0; text-align: center; background: #2427bd; border-radius: 3rem 3rem 0 0; clear: both; overflow: hidden; margin: 4rem auto 0; bottom: 0; z-index: 2; }

.psub3 a{ display: inline-block; padding:0 12rem 0 2rem;  position: relative; color:rgba(255,255,255,1); font-size: 18px; transition: all 0.3s; position: relative; }
.psub3 a:after{ width: 11px; height: 11px; content: ""; position: absolute; left: 0; top:calc(50% - 6px); background: #ffffff; z-index: 1;}
.psub3 a:hover,.psub2 a.active{ color: #ffffff; transition: all 0.3s; }


/*联系我们*/ 
.map{width:100%; height:750px;}
.BMap_shadow img{ display: none;}
.sect_contact{ background: #ffffff; padding:0 0 8rem;}
.box_con1{ display: flex; justify-content: flex-end; align-items: center; font-size: 18px; color: #ffffff; text-align: left;}
.box_con1 i{ color: #ffffff; margin-right: 10px;}
.tit_con{ border-bottom: 1px solid #dddddd; padding-bottom: 5rem;}
.tit_con .tit_cl{}
.tit_con .tit_cl b{ font-size: 18px; text-transform: uppercase; color: #454545; line-height: 2;}
.tit_con .tit_cl p{ font-size: 4rem; font-weight: bold;}
.tit_con .tit_cr{ text-align: right; font-size: 16px;     margin-top: 5rem; display: block;}

.box_con{  border-bottom:1px solid #dddddd; padding: 5rem 0;}
.box_con ul{ display: flex; justify-content:space-around; align-items: center;}
.box_con ul li{ width: calc((100% - 3px)/4); padding: 2rem 0; display: flex; justify-content:flex-start; align-items: center; border-right: 1px solid #dadada; flex-direction: column;}
.box_con ul li i{ display: block; background: url( https://img03.taishanzhicheng.com/sikaifu/style/con_1.jpg) no-repeat top center; width: 94px; line-height: 96px; height: 96px; text-align: center; color: #ffffff; font-size: 3rem;}
.box_con ul li p{ font-size: 16px; color: #333333; text-align: center; line-height: 2; padding: 15px 0;}
.box_con ul li span{ font-size: 20px; font-weight: bold; display: block;}
.box_con ul li:last-child{ border-right: none;}


.dot_con{ text-align: left; position: relative;  margin-top: 3rem; padding-top: 8rem; }
.dot_con p{ font-size: 2.4rem; color: #353333; line-height: 2; display: block;}

.form{ margin: 0;}
.form .form-group{  background: rgba(255,255,255,0);  margin: 2rem 0;}
.form .btn-default{ width: 100%; background:#2427bd; color: #ffffff; border: none; font-size: 2rem; line-height: 5rem;  display: block; }
.form .btn-default:hover{ background: #2253a0;}
.form-control{ border: 1px solid #eeeeee; font-size: 16px;  padding: 0 2rem; margin: 0 0 2rem; height: 55px; line-height: 55px;}
textarea.form-control{align-items: baseline; min-height: 195px; margin-top: 2rem;}
.form p{ font-size: 16px; line-height: 2; padding: 1rem 0; color: #b7b7b7;}
.code{ border: 1px solid #eeeeee; font-size: 16px;  padding: 0 2rem; display: flex; justify-content: space-around; align-items: center;}
.code .form-control{ border: none; padding: 0; margin-bottom: 0;}
/*新闻*/
.sect_news{  padding: 0 0 10rem; background: #f2f2f2; }
.box_news{ font-size: 18px; color: #ffffff; text-transform: uppercase; display: flex; justify-content:flex-end; align-items: center;}
.box_news b{ width: 30px; height: 1px; background: #ffffff; display: inline-block; margin-right: 2rem;}
.top_new{ background: #ffffff; padding: 5rem 4rem;}

.news-box{margin-bottom: 0; color: #323232;}
.news-box .icon img{ width: 100%; height: 100%;}
.news-box .time{ text-align: center; color: #323232;}
.news-box .time span{ font-size: 7.2rem; font-weight: bold; display: block; line-height: 1;}
.news-box .time em{ font-size:18px; font-style: normal;}
.news-box .ntit{ padding: 3rem 0;}
.news-box .ntit h4{ font-size: 2.4rem; color: #2a2a2a; line-height: 2; text-align: left;}
.news-box .ntit p{ font-size: 16px; color: #878787; line-height: 2;  word-break: break-all; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; margin: 4rem 0;}
.news-box .ntit b{ font-size: 14px; color: #111111; font-weight: bold;}
.sect_news .news-pagination{ left: 0; text-align: left; }
.sect_news .swiper-pagination-bullet{ background: #a8a8a8; opacity: 1;}
.sect_news .swiper-pagination-bullet-active{ background: #00b392;}

.news-box1 { margin-bottom: 3rem;}
.news-box1 a{ background: #ffffff;  padding: 3rem 3rem 5rem 3rem;}
.news-box1 .icon{ background: #ffffff;  overflow: hidden;}
.news-box1 .icon img{ width: 100%; height: 100%;}
.news-box1 .ntit{ text-align: left; margin-top: 2rem;}
.news-box1 .ntit p{ overflow: hidden; color: #878787; position: relative; font-size: 16px; line-height: 1.5; text-align: left; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #878787; margin: 2rem 0; }
.news-box1 .ntit h3{ font-size: 20px; line-height: 1.5; padding: 0; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: left;}
.news-box1 .ntit 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-box1:hover .ntit h3{ color: #2427bd;}
.news-box1:hover .ntit i{ background: #2427bd; color: #ffffff;}

.sect_info{ background: #f2f2f2; padding: 5rem 0; } 
.sect_pinfo{ background: #f2f2f2; padding: 5rem 0;}

.container{ background: #ffffff; padding: 7rem 0 10rem 0;  width: 100%; margin: 0 auto;}
.sect_info .article{ text-align: center;  max-width: 1400px; width: 94%; margin: 0 auto;  }
.sect_info .news-tit{ font-size: 2.4rem; text-align: center; line-height: 6rem;font-family: 'SourceHanSansCN-Bold';padding: 0 0 3rem; color: #333333;}
.sect_info .fabu{ text-align:justify; padding: 2rem 0; font-size: 14px;  color: #333333; text-align: left; border-bottom: 1px solid #ededed;}
.sect_info .dot_1{ display: flex; justify-content: flex-start; align-items: center;}
.sect_info .dot_1 p{ margin-right: 2rem;}
.sect_info .dot_1 p i{ margin-right: 10px;}
.sect_info .content{line-height: 36px; color: #333333; padding: 3rem 0 5rem 0;font-size: 14px;text-align: center; border-bottom: 1px solid #ededed;}
.sect_info .content p{ margin: 1rem 0;  text-align: left;}
.sect_info .content p span{ font-weight: bold;}
.fanye{ margin-top: 5rem;}
.fanye a{ font-size: 18px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: left;}
.fanye a.fr{ text-align: right;}

.share{ display: flex; justify-content: flex-end; align-items: center;}
.share p{ margin-right: 10px;}
.bdshare-button-style0-24 .bds_weixin{ background: url( https://img03.taishanzhicheng.com/sikaifu/style/weixin.jpg) no-repeat center center; padding: 0; width: 27px;  height: 27px; display: block; background-position:center !important;}
.bdshare-button-style0-24 .bds_tsina{ background: url( https://img03.taishanzhicheng.com/sikaifu/style/weibo.jpg) no-repeat center center; padding: 0; width: 27px;  height: 27px; display: block; background-position:center !important;}
.bdshare-button-style0-24 .bds_sqq{ background: url( https://img03.taishanzhicheng.com/sikaifu/style/qq.jpg) no-repeat center center; padding: 0; width: 27px;  height: 27px; display: block; background-position:center !important;}

.sect_related{ padding: 8rem 0; background: #f2f2f2; position: relative; }
.sect_related .news-pagination{ left: 0; text-align: center; }
.sect_related .swiper-pagination-bullet{ background: #a8a8a8; opacity: 1;}
.sect_related .swiper-pagination-bullet-active{ background: #00b392;}
.tit_rel{ text-align: center;}
.tit_rel span{ font-size: 4.2rem; font-weight: bold; text-transform: uppercase; display: inline-block;}
.tit_rel p{ font-size: 3rem; font-weight: bold;}
.news-box2 { margin:0 auto 4rem auto; position: relative; transition: all 0.3s;}
.news-box2 .ptit{ text-align: left; line-height: 24px; padding: 2rem 0 0; color: #333333; }
.news-box2 .ptit b{ font-size: 14px; color: #666666; display: block;font-weight: normal; font-family: 'Flat';}
.news-box2 .ptit span{ padding: 0; font-size: 1.8rem; line-height: 1.8;  text-align: left; color: #333333; font-family: 'SourceHanSansCN-Bold';}
.news-box2:hover .ptit span{ color: #e8453c;}

.sect_technology{ padding: 8rem 0; background: #f2f2f2;}
.news-box3 { margin-bottom: 3rem; }
.news-box3 a{ background: #ffffff; border: 1px solid #eaeaea; padding: 6rem; -moz-box-shadow:2px 3px 5px rgba(237,237,237,0.75); -webkit-box-shadow:2px 3px 5px rgba(237,237,237,0.75); box-shadow:2px 3px 5px rgba(237,237,237,0.75); position: relative;}
.news-box3 a:before{ width: 2rem; height: 100%; content: ""; position: absolute; left: 0; top: 0; background: #9ddccf;}

.news-box3 .ntit{ text-align: left; margin-top: 2rem;}
.news-box3 .ntit p{ position: relative; font-size: 16px; line-height: 1.8; text-align: left; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #878787; margin: 2rem 0; overflow: hidden;}
.news-box3 .ntit h3:after{ border-radius: 3px; width: 25px; height: 4px; background: #00b392; left: 0; bottom: -2px; position: absolute; content: ""; display: block;}
.news-box3 .ntit h3{ position: relative; border-bottom: 1px solid #dedede; color: #00b392;  font-size: 2rem; line-height: 1.5;  text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: left; margin: 0 0 2rem 0; overflow: hidden;     padding: 0;}
.news-box3 .ntit span{ font-size: 2rem; color: #00b392;}
.news-box3 b{ color: #00b392; font-size: 16px; font-weight: bold; line-height: 1;}
.news-box3:hover .ntit h3{ color: #00b392;}
.news-box3:hover .ntit h3:after{ width: 100%;}
/*应用领域*/
.sect_case{ padding: 0 0 5rem; background: #f1f1f1;}
.bg{ background: #ffffff;}
.sect_case .psub1{ width: 95%;}
.case-box{ background: #ffffff;  -moz-box-shadow:2px 3px 5px rgba(161,161,161,0.15); -webkit-box-shadow:2px 3px 5px rgba(161,161,161,0.15); box-shadow:2px 3px 5px rgba(161,161,161,0.15); position: relative; margin-bottom: 5rem;}
.case-box a{ }
.case-box .icon img{ width: 100%; height: 100%; object-fit: cover;}
.case-box i{ text-align: center; color: #ffffff; font-size: 2rem; background: linear-gradient(to bottom,#00b592,#00a099); width: 50px; line-height: 50px; height: 50px; display: block; border-radius: 100%; margin-top: 2rem;}

.case-box .ntit{  padding:5rem;  text-align: left;margin: 0 auto;}
.case-box .ntit p{  margin-top: 3rem; position: relative; font-size: 16px; line-height: 1.8; text-align: left; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #454545; }
.case-box .ntit h3{ padding-bottom: 3rem; border-bottom: 1px solid #dcdbdb; padding-left: 2rem; position: relative; color: #111111;  font-size: 2.4rem; line-height: 1.5;  text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: left; }
.case-box .ntit h3:before{ width: 10px; height: 10px; background: #2427bd; display: block; position: absolute; left: 0; top: calc( 40% - 5px); content: ""; z-index: 1;}

.case-box:hover .ntit{ background: #2427bd;}
.case-box:hover .ntit h3{ color: #ffffff;}
.case-box:hover .ntit h3:before{ background: #ffffff;}
.case-box:hover .ntit p{ color: #aec6ec;}

.tit_case{  padding-bottom: 5rem;}
.tit_case .tit_cl{}
.tit_case .tit_cl b{ font-size: 18px; text-transform: uppercase; color: #454545; line-height: 2;}
.tit_case .tit_cl p{ font-size: 4rem; font-weight: bold; }
.tit_case .tit_cr{ margin-left: auto; text-align: left; font-size: 16px;  line-height: 2; max-width: 860px;   margin-top: 3rem; display: block;}

.case-box1{ background: #ffffff; border: 1px solid #d6d6d6; border-radius: 3rem; position: relative; margin-bottom: 5rem; width: 98%;}
.case-box1 a{padding:5rem 3rem 3rem; }
.case-box1 .icon { border-radius: 2rem; overflow: hidden;}
.case-box1 .icon img{ width: 100%; height: 100%; object-fit: cover;}
.case-box1 i{ text-align: center; color: #ffffff; font-size: 2rem; background: linear-gradient(to bottom,#00b592,#00a099); width: 50px; line-height: 50px; height: 50px; display: block; border-radius: 100%; margin-top: 2rem;}
.case-box1 .ntit{  padding:5rem;  text-align: left;margin: 0 auto;}
.case-box1 .ntit em{ font-size: 16px; font-style: normal; text-transform: uppercase; position: relative;}
.case-box1 .ntit em:before{ width: 28px; height: 1px; display: block; content: ""; background: #a9a9a9; position: absolute; right: -55%; top: 10px;}
.case-box1 .ntit p{  margin-top: 3rem; position: relative; font-size: 16px; line-height: 1.8; text-align: left; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #111111; overflow: hidden;}
.case-box1 .ntit h3{ padding-bottom: 3rem; border-bottom: 1px solid #dcdbdb;  position: relative; color: #111111;  font-size: 3rem; line-height: 1.5;  text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: left; }
.case-box1:hover h3{ color: #2427bd;}


.case{}
.case .row .span-6:nth-child(2n) .case-box1{ margin-left: auto;}
.prosub a{ padding: 0 3rem 0 2rem;}
.sect_pro{ background: #ffffff; padding: 0 0 5rem;}
.sect_product{ background: #f1f1f1; padding: 0 0 5rem;}

.pro-box{ margin-bottom: 5rem; position: relative;  background: #ffffff; position: relative; padding-bottom: 3rem;}
.pro-box a{ padding: 3rem; background: #ffffff;  position: relative; z-index: 3;}
.pro-box .icon img{ width: 100%; height: 100%; object-fit: cover;}
.pro-box .ntit{}
.pro-box .ntit p{ margin-top: 1rem; position: relative; font-size: 16px; line-height: 1.8; text-align: left; color: #454545; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}

.pro-box .ntit h3{ position: relative; color: #000000;  font-size: 18px; line-height: 1.5;  text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: left; padding: 2rem 0 0;}
.pro-box .ntit em{margin-top: 2rem; position: relative; font-size: 14px; line-height: 1.8; text-align: left; color: #000000; display: block; font-style: normal;  border-top: 1px solid #e1e1e1; padding-top: 2rem;}
.pro-box .ntit em i{ margin-left: 10px;}
.pro-box:hover .ntit h3{ color: #2427bd;}
.pro-box:hover .ntit em{ color: #2427bd;}

.list_1{ list-style: none; clear: both; overflow: hidden; background: url( https://img03.taishanzhicheng.com/sikaifu/style/line.png) no-repeat center bottom; background-position: 0 98%; position: relative;}
.list_1 li{  z-index: 1; text-align: center; width:14.28%; float: left;  position: relative; }
.list_1:before{ width: 90%; margin: 0 auto; z-index: 0; position: absolute; left: 0; right: 0; content: ""; background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.1)); height: 15rem; bottom: 20%; display: block;}
.list_1 li .dot_2{ padding: 3rem 0 0; position: relative;  background: url( https://img03.taishanzhicheng.com/sikaifu/style/ng_n1.png) no-repeat center top; background-size: 95%;}
.list_1 li .dot_2 img{ display: block;   margin: 0 auto;}

.list_1 li .dot_2 span{ margin-top: 3rem; font-family: 'Swis721'; font-size: 11.5rem; font-weight: bold; display: block;  line-height: 1;  background: -webkit-linear-gradient(#f6f6f6, rgba(246,246,246,0)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block;}
.list_1 li .dot_2 p{ text-align: center; line-height: 2; font-size: 20px; font-weight: bold; transform: translateY(-7rem); position: relative; }
.list_1 li .dot_2 p b{transform: translateY(0); transform: scale(0.9); display: block; font-size: 10px; text-transform: uppercase; border: none; width: 100%; height: 100%;}
.list_1 li b{  border-top: 20px solid #2427bd;   border-right: 20px solid transparent;  border-left: 20px solid transparent; border-bottom: 20px solid transparent; display: block; width: 0; height: 0; margin: 0 auto;  transform: translateY(-0.2rem);}
.list_1 li em{ width: 10px; height: 10px; background: #cfcfcf; display: block; margin: 0 auto; border-radius: 100%;  transform: translateY(-0.5rem);}

.list_1 li:hover .dot_2 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);}

.sect_hx{ background: url( https://img03.taishanzhicheng.com/sikaifu/style/bg_n1.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_hx1{ background: url( https://img03.taishanzhicheng.com/sikaifu/style/bg_n2.jpg) no-repeat center bottom; background-size: cover; padding: 15rem 0 10rem; position: relative;}
.box_n1{ margin: 4rem 0;}
.box_n2{ background: #2427bd; width: 45%; border-radius: 0 30px 0 0; padding: 3rem ; position: absolute; left: 0; top: -4%; display: block;}
.box_n2 p{ color: #ffffff; font-size: 3rem; font-family: impact; font-weight: bold;   text-align: right;}
.box_n2 p i{color: #ffffff; font-size: 3rem; margin-right: 2rem;}
.box_n2 p a{ color: #ffffff;}

.list_2{ list-style: none; clear: both; overflow: hidden; margin-bottom: 12rem;}
.list_2 li{  z-index: 1; text-align: center; width: 25%; float: left; position: relative; cursor: pointer;}
.list_2 li:hover .dot_3{ background: url( https://img03.taishanzhicheng.com/sikaifu/style/dot_a1.png) no-repeat center top; background-size: contain;}
.list_2 li:hover .dot_3 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);}
.list_2 li:first-child{ z-index: 4;}
.list_2 li:nth-child(2){ z-index: 3;}
.list_2 li:nth-child(3){ z-index: 2;}
.list_2 li:first-child .dot_3{left: 0;}
.list_2 li:nth-child(2) .dot_3{ left: -6%;}
.list_2 li:nth-child(3) .dot_3{left: -6%; }
.list_2 li:nth-child(4) .dot_3{left: auto; right: 0;}
.list_2 li .dot_3{ position: relative; position: absolute; left: 0; top: 0; height: 13.3rem; display: flex; justify-content: center; align-items: center; width:120%;  background: url( https://img03.taishanzhicheng.com/sikaifu/style/dot_a2.png) no-repeat center top; background-size: contain;}
.list_2 li .dot_3 img{ display: block; margin: 0 auto;}
.list_2 li .dot_4 { margin-top: 14rem;}
.list_2 li .dot_4 span{ font-size: 2.4rem; display: block; margin: 3rem 0; font-weight: bold; color: #111111;}
.list_2 li .dot_4 p{ text-align: center; line-height: 2; font-size: 14px; position: relative; }
.list_2 li .dot_4 b{ width: 1px; height: 4.4rem; background: #b6b6b6; display: block; margin: 0 auto;}

.list_2 li:hover .dot_2 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);}
/*.sect_related .news-pagination1{ left: 0; text-align: center; bottom: 0; }
.sect_related .news-pagination1 .swiper-pagination-bullet{ background: #a8a8a8; opacity: 1; width: 16px; height: 16px;}
.sect_related .news-pagination1 .swiper-pagination-bullet-active{ background: #00b392;}*/

/*产品详情*/
.sect_pinfo .full-row .span-7{ width: 53.333333%;}
.sect_pinfo .full-row .span-5{ width: 46.666667%;}
.pro_box{}
.pro_box img{ width: 100%; height: 100%; 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;}

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

.pro-info .ptit{ padding: 5rem 8rem 3.5rem; 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: 66px;}
.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; }

.pro-main{ margin: 4rem 0; background: #ffffff; padding: 5rem;}
.tit_xq{ display: flex; justify-content:space-between; align-items: center; border-bottom: 1px solid #c6c6c6; padding-bottom: 3rem;}
.tit_xq .t_left{}
.tit_xq .t_left em{ font-size: 18px; text-transform: uppercase; font-style: normal; display: flex; justify-content: flex-start; align-items: center;}
.tit_xq .t_left em b{ margin-left: 15px; width: 71px; height: 1px; background: #a9a9a9; display: block;}
.tit_xq .t_left p{ margin-top: 10px; padding-left: 25px; font-size: 3rem; color: #111111; font-weight: bold; position: relative;}
.tit_xq .t_left p:before{ width: 16px; height: 23px; background: #2427bd; content: ""; display: block; position: absolute; left: 0; top: 10px;}
.tit_xq .t_right{ font-size: 16px; color: #111111;}

.pro-content{  padding: 5rem 0 0; font-size: 14px; color: #111111; line-height: 2; text-align: left; overflow-x: auto;}
.pro-content p{}
.pro-content span{ font-size: 2rem; font-weight: bold; margin: 3rem 0; display: block;}
.pro-box{width: 100%;}
.pro-box1{width: 100%;}
.pro-box1 span{ margin: 0 0 3rem;}
.pro-content table{ width: 100%; border: none; text-align: center; border-collapse: collapse;}
.pro-content tr{border: none; }
.pro-content tr td{font-size: 18px; padding: 2rem 10px; border: none; }
.pro-content tr:nth-child(odd){ background: #efeff6;}
.sect_rel{ background: #f1f1f1; padding: 0; position: relative;}
.sect_rel .inext_c{ right: 2%; width: 50px; text-align: center; height: 50px; border-radius: 100%; line-height: 50px; background: #2427bd;}
.sect_rel .inext_c i,.sect_rel .iprev_c i{ font-size: 3rem; color: #ffffff;}
.sect_rel .iprev_c{ width: 50px; left: 2%; text-align: center; height: 50px; border-radius: 100%; line-height: 50px; background: #2427bd;}

.sect_related .inext_n{ right: 2%; width: 50px; text-align: center; height: 50px; border-radius: 100%; line-height: 50px; background: #2427bd;}
.sect_related .inext_n i,.sect_related .iprev_n i{ font-size: 3rem; color: #ffffff;}
.sect_related .iprev_n{ width: 50px; left: 2%; text-align: center; height: 50px; border-radius: 100%; line-height: 50px; background: #2427bd;}

.list-psub{ list-style: none; background: #2758a2; border-radius: 15px 0 0 0; height: 8rem; line-height: 8rem; display: flex; justify-content: flex-start; align-items: center; overflow: hidden; clear: both; overflow: hidden;}
.list-psub li{ display: flex; justify-content: flex-start; align-items: center; color: #ffffff; font-size: 2rem; font-weight: bold;}
.list-psub li i{ margin-right: 10px;}
.list-psub li a{ color: #ffffff; padding: 0 5rem;}
.list-psub li a.on{ background: #00a398; color: #ffffff; }



.pro-content ul{ list-style: none; clear: both; overflow: hidden;}
.pro-content li{ width: 33.33%; float: left; color: #1c1c1c; border-bottom: 1px solid #bfbfbf; font-size: 18px; line-height: 2; padding: 15px 0;}
.pro-content li span{ font-weight: bold;}
.pro-sl{ background: url( https://img03.taishanzhicheng.com/sikaifu/style/bg_pp.jpg) no-repeat center bottom #ffffff; margin-top: 3rem; border: 1px solid #e0e0e0; padding: 8rem ;}
.pro-sl ul{ list-style: none; clear: both; overflow: hidden;}
.pro-sl ul li{ width: 33%; float: left; border-left: 1px solid #d1d1d1; font-size: 16px; position: relative;}
.pro-sl ul li:first-child{ margin-left: 5px;}
.pro-sl ul li:before{ width: 10px; height: 10px; content: ""; background: #2758a2; position: absolute; display: block;     left: -5px;}
.pro-sl ul li em{ padding-left: 5rem; font-style:normal; font-size: 4.8rem; color: #191919; font-weight: bold; font-family: impact; line-height: 2; display: block;}
.pro-sl ul li span{ padding-left: 5rem; font-size: 20px; font-weight: bold;}
.pro-sl ul li p{ padding-left: 5rem; color: #a1a1a1; line-height: 2; min-height:115px; text-align: left; max-width: 300px; width: 100%; padding-top: 3rem;}


/*关于我们*/
.sect_about{position: relative; padding:0 0 10rem;  background-size: cover;  background: url( https://img03.taishanzhicheng.com/sikaifu/style/bg_n21.jpg) no-repeat center top;}  


.tit-about{ display: flex; justify-content:space-between; align-items: center; padding-bottom: 3rem;}
.tit-about .a_left{}
.tit-about .a_left em{ font-size: 18px; text-transform: uppercase; font-style: normal; display: flex; justify-content: flex-start; align-items: center;}
.tit-about .a_left em b{ margin-left: 15px; width: 71px; height: 1px; background: #a9a9a9; display: block;}
.tit-about .a_left p{ margin-top: 1rem;  font-size: 4rem; color: #111111; font-weight: bold; position: relative;}
.tit-about .a_left line{ width: 48px; height: 8px; background: #2427bd; display: block; margin-top: 5rem;}

.tit-about .a_right{ font-size: 2.4rem; font-weight: bold; color: #111111;}

.about-box{ color: #111111; font-size: 16px; line-height: 2; text-align: left; padding: 4rem 0;}

.box_a1{ clear: both; overflow: hidden; margin-top: 3rem;}
.box_a1 ul{ list-style: none;}
.box_a1 ul li{ width:25%; padding: 3rem 0; float: left; position: relative;  text-align: center;}
.box_a1 ul li:last-child::before{ display: none;}
.box_a1 ul li:before{ background:url( https://img03.taishanzhicheng.com/sikaifu/style/icon_5.png) no-repeat center top; width: 7px; height: 91px; content: ""; display: block; position: absolute; right: 0; top: 20%;}

.box_a1 ul li:nth-child(4){ border-right: none;}
.box_a1 ul li p{  color: #2427bd;  font-size: 7.2rem;  font-family:impact; display: flex;align-items: center; justify-content: center; line-height: 1;}
.box_a1 ul li p b{ padding: 0 10px; }
.box_a1 ul li span{  color: #0d0d0d; font-size: 16px; line-height: 2;  padding: 1rem 0 0; display: block;}

.box_na1{ background: url( https://img03.taishanzhicheng.com/sikaifu/style/zi.jpg) no-repeat center top;}

.sect_about1{position: relative; background:#f1f1f1;  padding: 7rem 0; overflow: hidden;}
.sect_about1 .swiper-container{ overflow: visible;}

.box_a2{ width: 94%; overflow: hidden;  margin-left: 0;}
.box_a3{ max-width: 1270px; margin-left: auto;}

.sect_about2{ background: url( https://img03.taishanzhicheng.com/sikaifu/style/bg_a2.jpg) no-repeat center bottom; position: relative; padding: 8rem 0 20rem; overflow: hidden; } 
.sect_about2:before{ width: 100%; height: 1px; background: #bdbdbd; position: absolute; display: block; content: "";  left: 0; right: 0; margin: 0 auto; bottom: 28%;}

.tit_about{  padding-bottom: 5rem; border-bottom: 1px solid #dddddd;}
.tit_about .tit_cl{}
.tit_about .tit_cl b{ font-size: 18px; text-transform: uppercase; color: #454545; line-height: 2;}
.tit_about .tit_cl p{ font-size: 4rem; font-weight: bold; }
.tit_about .tit_cr{ margin-left: auto; text-align: left; font-size: 16px;  line-height: 2; max-width: 860px;   margin-top: 3rem; display: block;}

.gallery{ margin: 6rem 0 0; position: relative;}

.gallery .mySwiper .swiper-slide{ height: auto;}
.gallery .mySwiper{ width: 90%; margin: 0 auto;}
.gallery .mySwiper2{ margin-top: 0; width: 90%; max-width: 1200px; margin: 5rem auto;}

.gallery .swiper-button-next{  background:#2427bd; line-height: 75px; right: 3%; width: 75px; height: 75px;border-radius: 100%; text-align: center;}
.gallery .swiper-button-prev{ left: 3%; right: ; background:#2427bd; line-height: 75px;  width: 75px; height: 75px; border-radius: 100%; text-align: center;}
.gallery .swiper-button-prev i{ display: block;     transform: rotate(180deg);}
.gallery .swiper-button-prev i,.gallery .swiper-button-next i{ font-size: 3rem; color: #ffffff; }
.gallery .swiper-button-next,.gallery .swiper-button-prev{top:30%;}
    
.gallery .dot_1{ background: #f1f1f1; padding: 2rem; display: flex; justify-content: flex-start; align-items: center;}
.gallery .dot_1 .left{ width: 50%; position: relative; z-index: 2;}
.gallery .dot_1 .left img{ object-fit: cover;}

.gallery .dot_1 .right{ list-style: none; width: 50%; position: relative; z-index: 2;}
.gallery .dot_1 .right span{ font-size: 4.8rem; font-family: impact; color: #000000; font-weight: bold; position: relative; z-index: 2;}
.gallery .dot_1 .right span em{ font-style: normal; font-size: 3rem;}
.gallery .dot_1 .right p{ font-size: 18px; color: #302f2f; margin: 2rem 0;  relative; z-index: 2;}
.gallery .dot_1 .right .time{ z-index: 1; position:absolute; font-family: impact; font-size: 24rem; color: #ffffff; opacity: 0.4; margin: 0 auto; top: -72%; left: -10%; display: block;}

.gallery .mySwiper .swiper-slide-thumb-active .dot_2:before{background: #2427bd;}
.gallery .mySwiper .swiper-slide-thumb-active .dot_2:after{  width: 196px; opacity: 1;}

.gallery .dot_2{ position: relative; padding: 6rem 0 0; text-align: center;}
.gallery .dot_2:hover::after{ width: 196px; opacity: 1;}
.gallery .dot_2:after{ width: 0; height: 1px; background: #2427bd; position: absolute; content: ""; left: 50%; top: 37px; opacity: 0;}
.gallery .dot_2:before{ width: 11px; height: 11px;  content:""; background: #919191; position: absolute; left: 0px; right: 0; margin: 0 auto; top: calc( 40% - 8px); border-radius: 100%; z-index: 2; opacity: 1;}
.gallery .dot_2 p{ font-size:18px; line-height: 40px; font-weight: bold; color: #333333;}


.sect_about3{ background: url( https://img03.taishanzhicheng.com/sikaifu/style/bg_n3.jpg) no-repeat center bottom; background-size: cover; padding: 10rem 0; }
.tit_culture{  padding-bottom: 5rem;}
.tit_culture .tit_cl{ color: #ffffff;}
.tit_culture .tit_cl b{ font-size: 18px; text-transform: uppercase; color: #ffffff; line-height: 2;}
.tit_culture .tit_cl p{ font-size: 4rem; font-weight: bold; }
.tit_culture .tit_cr{ margin-left: auto; text-align: left; font-size: 16px; color: #ffffff;  line-height: 2; max-width:1050px;   margin-top: 3rem; display: block;}

.box_culture{ border: 1px solid rgba(255,255,255,0.17); margin: 5rem 0;}
.box_culture ul{ list-style: none; clear: both; overflow: hidden;}
.box_culture ul li{ width: calc(33.33% - 1px); border-right: 1px solid rgba(255,255,255,0.17); float: left;}
.box_culture ul li: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);}
.box_culture ul li .box_cul{ padding: 4rem 7rem;}
.box_culture ul li .box_cul img{ display: block;}
.box_culture ul li .box_cul span{ display: block; margin: 2rem 0; font-size: 2.4rem; font-weight: bold; line-height: 2; color: #ffffff;}
.box_culture ul li .box_cul b{ background: url( https://img03.taishanzhicheng.com/sikaifu/style/icon_6.png) no-repeat center bottom; width: 77px; height: 5px; display: block;}
.box_culture ul li .box_cul p{ color: #aeb5b9; font-size: 16px; line-height: 2; margin: 3rem 0;}
.box_culture ul li:nth-child(3){ border-right: none;}

.sect_about4{ background: #ffffff; padding: 8rem 0; position: relative;}
.sect_about4 .box_n2{ top: -6%;}
.tlist{ margin-top: 5rem;}
.honor-box{ position: relative; margin-bottom: 1.5rem;  overflow: hidden; }
.honor-box .icon img{ width: 100%; height: 100%; object-fit: cover;}
.honor-box a{position: relative; transition: all 0.8s; padding: 3rem; background: #f1f1f1;}
.honor-box a:hover .icon img{transform:scale(1.2);}
.honor-box .ntit{ margin-top: 2rem;}
.honor-box .ntit h3{ font-size: 2rem; font-weight: normal;}
.honor-pagination{ text-align: center; left: 0; right: 0; margin: 0 auto;}
.honor-pagination .swiper-pagination-bullet{ width: 15px; height: 15px; border-radius: 100%; margin: 0 5px; background: #d9d9d9;}
.honor-pagination .swiper-pagination-bullet-active{ background: #2427bd;}

.big_img{position: fixed;z-index: -1;opacity: 0;background: rgba(0,0,0,0.8);width: 100%;height: 100%;top:0;left:0;}
.big_img .big-box{position: absolute;width: 50%;height: 80%; bottom: 0; top: 0; left: 0; right: 0; margin: auto auto;}
.big_img .swiper-container2 {width: 100%;height: 100%; overflow: hidden;}
.big_img .swiper-container2  .swiper-wrapper{width: 100%;height: 100%;}
.big_img .swiper-slide{width: 100%;height: 100%;display: table}
.big_img .swiper-slide .cell{ padding: 8% 8% 0; margin-bottom: 3%; overflow: hidden; position: relative; height: 70%; text-align: center; display: flex; justify-content: center; align-items: center;}
.big_img .swiper-slide img{  max-height: 90%; max-width: 90%; margin: 0 auto;}
.big_img .swiper-slide .txt{ background-color: #fff; line-height: 28px; padding: 0 8%;}
.big_img .page2{position: absolute; top:0.2rem;text-align: center;width: 100%;}
.big_img .page2 span{margin:0 0.05rem;}
.big_img .close{ font-size: 30px; color: #fff; width: 48px; height: 48px; line-height: 48px; top: 10%; right: 0; left: 0; margin: 0 auto; position: absolute; z-index: 10000; cursor: pointer; text-align: center; border-radius: 48px; background-color: #464646;}
.big_img .close i{ line-height: 48px; font-size: 30px;}
.big_img .swiper-button-next,.big_img .swiper-button-prev{ background: #fff; width: 74px; height: 74px; line-height: 74px; border-radius: 74px; margin-top: -40px;}
.big_img .swiper-button-next{ right: 10%; opacity: 1; background-color: #326df0;}
.big_img .swiper-button-prev{ left: 10%; opacity: 1; box-shadow: #eae9e9 4px 0 5px;}
.big_img .swiper-button-next i,.big_img .swiper-button-prev i{ font-size: 4rem; font-weight: normal; color: #d3d3d3; display: block; text-align: center;}
.big_img .swiper-button-next i{ color: #fff;}

.vshare{ background-color: #fff; position: absolute; width: 100%; height: 10%; box-sizing: border-box; text-align: right; padding: 0 2rem; bottom: 0; left: 0;}
.big-style .swiper-container2{ background-color: #ffffff; border-radius: 5px;}
.big-style .close{ left: auto; right: -48px; top: 5px;}
@media only screen and (max-width: 1680px) {
	.pro-info .ptit1{ margin-top: 0;}
	.pro-info .ptit em{     font-size: 13rem;}
}