@charset "utf-8";


#view_body {/* padding-top: 90px; */background: #111;}
.border1 {border: 1px solid #E5E5E5;}
.border2 {border: 2px solid #eee;}
.mlr-10 {margin-left: -10px; margin-right: -10px;}
.ptb50-100 {padding-top: 50px; padding-bottom: 100px;}
.view_item_title {font-size: 1vw; font-weight: bold; line-height: 1.5vw;}

/* 基础布局 */
.text-title {font-size: 2vw; line-height: 2.5vw;}
.text-subtitle {font-size: 1vw; line-height: 1.5vw;}
.text-des {font-size: 0.85vw; line-height: 1.3vw;}
.item-text-title {font-size: 1vw; font-weight: bold; line-height: 1.5vw;}
.item-text-des {font-size: 0.8vw;line-height: 1.7em;}

.view_page_box {align-items: center;}
.view_page_box .page_cent {width: 40%;}
.view_page_box .page_type { width: 50%;}

.container .head {font-size: 1vw; padding-bottom: 2vw;}
.container .head .title {font-size: 2vw; line-height: 2.5vw;font-weight: bold;}
.container .head .title span {position: relative; z-index: 99;}
.container .head .title.dz::before { content: ''; position: absolute; z-index: 9; top: 0; right: -9px; width: 25px; height: 25px; background: var(--zt-color); border-radius: 50%;}
.container .head .en-title {font-size: 1vw; line-height: 1.5vw;}
.container .head .subtitle {font-size: 0.9vw;line-height: 1.5vw;}

.Logo-ico-BG::before {background-image:url(/static/starry/images/index/max-icon.webp);background-position:bottom right;background-repeat:no-repeat;background-size:cover;position:absolute;right: -5vw;top: -5vw;width: 20vw;height: 20vw;content:'';z-index: 0;opacity: .6;pointer-events: none;}
.PicBox {width: 100%; position: relative; height: 0; padding-bottom: 69%; background: #F5F5F5;}
.PicBox .pic_img {position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-size: cover; background-position: center; background-repeat: no-repeat;}
.PicBox.box1-1 {padding-bottom: 100%;}.PicBox.box2-1 {padding-bottom: 50%;}.PicBox.box4-3 {padding-bottom: 75%;}.PicBox.box5-3 {padding-bottom: 69%;}.PicBox.box16-9 {padding-bottom: 56.25%;}.PicBox.box21-9 {padding-bottom: 42.86%;}
.bg_gray .PicBox {background: #FFF;}
.bg_white .PicBox {background: var(--bg-gray-light);}

/* 分类排列 */
.grid_column {display: grid;}
.grid_item-3 {grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));gap: 2vw;}
.grid_item-4 {grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));gap: 1vw;}
.grid_item-5 {grid-template-columns: repeat(auto-fit, minmax(17vw, calc((100% - 4vw) / 5)));gap: 1vw;}
.grid_column.low-gap {gap: 1vw;}
.ds-w .service_grid_item {background: #f5f5f5; border: 1px solid #eee;}
.bg_gray .service_grid_item {background: #FFF;}
.service_item_img img {width: 100%;}
.service_item_icon {}
.service_item_icon i {font-size: 3vw; line-height: 1em;}
.service_item_cont {padding: 1.5vw 2vw; font-size: 0.8vw; line-height: 1.5vw;}
.grid_item-4 .service_item_cont {padding: 1.25vw;}
.service_grid_item.type-icon {padding: 2vw 0;}

/* 底部报价banner */
.foot_quote_box {background-image: url(/static/starry/images/index/downloadTdpFile.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}
.foot_quote {justify-content: space-between; align-items: center;}


/* 服务案例展示 */
.choice_box{width:112vw;}
.choice .main{position:relative}
.choice_swiper .swiper-slide{background-color:#fff;height:auto;}
.bg_white .choice_swiper .swiper-slide {background: #f5f5f5;}
.choice_swiper .swiper-slide .img {width: 100%;height: 0;padding-bottom: 75%;/* background: #f7f7f7; */}
.choice_swiper .swiper-slide .img span,.case_list li .box .imgs .show {position: absolute;left: 0; top:0;right: 0; bottom:0; background-position: center; background-size: cover;}
.choice_swiper .swiper-slide .text{padding:30px 30px 40px;line-height: 30px;}
.choice_swiper .swiper-slide .text h6{font-size: 2rem;color: #111;font-weight: bold;margin-bottom: 10px;}
.choice_swiper .swiper-slide .text p{font-size:16px;line-height: 25px;color:#666}
.choice_swiper .swiper-slide .text span,.case_list li .box .cont .des span,.case_view .view_top .p-info .parameter span {padding: 2px 10px;background: #f1f1f1;font-size: 14px;color: #aaa;margin-right: 8px;letter-spacing:0.1em}
.choice_swiper .swiper-slide:hover .text h6 {color: #1473e6;}
.choice_swiper .swiper-slide:hover {}

/* 表面处理表格 */
.finish-table{width:100%;border-collapse:collapse;background-color:#fff;/* box-shadow:0 2px 4px rgba(0,0,0,0.1); */}
.finish-table th{background-color:var(--zt-color);;color:#fff;padding: 1vw;text-align:left;font-weight:bold}
.finish-table td{padding:1vw;border-bottom: 1px solid #F1F1F1;}
.table-padding-low td {padding: 0.5vw 1vw;}
.finish-table tr:nth-child(even){background-color: #FAFAFA;}
.finish-table tr:hover{background-color:#f1f1f1}
.finish-img{width: 6vw; max-height: 4vw;object-fit:cover;vertical-align:middle;margin-right: 1.5vw;}
.finish-table-data tr td.finish-pic {display: flex;align-items: center;font-weight: bold;padding: 0.7vw 1vw;}


/* 加工材料中心 */
.materials_list .content-item {}
.mat_type_tiem.second-tab-item { padding: 0.8vw 1.2vw; font-size: 0.8666vw;}

/* FAQ */
.faq_classify {width: 19vw;position: sticky; top: 8vw;}
.faq_container_box {width: 70vw;}

.faq_menu_item { font-size: 0.9vw; line-height: 2vw; font-weight: bold; margin-bottom: 0.75vw;}
.faq_menu_item a {color: #333;}
.faq_menu_item a:hover,.faq_menu_item.active a {color: var(--zt-color);}
.faq_content {margin-bottom: 3vw;}
.faq_title h3 {font-size: 1vw;margin-bottom: 1vw; font-weight: bold; color: #333;}
.faq_item{border-bottom:1px solid #eee;background: #FFF;margin-bottom: 0.5vw;}
.faq_question{width:100%;background:none;border:none;padding: .8vw 1.2vw;display:flex;justify-content:space-between;align-items:center;cursor:pointer;line-height: 2vw;text-align: left;font-size: 0.85vw;}
.faq_question i {transform:rotate(45deg);}
.faq_question.active i{transform:rotate(0deg)}
.faq_answer{overflow:hidden;transition:max-height 0.3s ease-out;line-height:2em;display: none;}
.faq_answer .faq_des{padding: 1vw 1.2vw; background: #f7fafc; font-size: 0.8vw;line-height: 1.8em;}
.faq_question.active {color: var(--zt-color);}

.faq_box {display: grid; grid-template-columns: 1fr 2.25fr; grid-template-rows: auto;align-items: flex-start;}


/* #nav-wrap {
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000px;
    will-change: transform, position;
    box-sizing: border-box;
}
#nav-wrap.sticky {
    position: sticky !important;
    top: 0;
    z-index: 99;
    user-select: none;
    width: inherit;
    max-width: 100%;
} */


/* 列表页页眉 */
#pages{padding: 0;text-align: center; margin: 80px 0; font-size: 16px; color: #999;}
#pages a{width: 100%;display: inline-block;color: #999;text-align: center;margin-right: 5px;transition: background-color 0.2s ease-out;}
#pages span{margin-right: 5px}
#pages a i{font-size: 20px;width: 45px;height: 45px;text-align: center;line-height: 45px;vertical-align: middle;}
#pages a.active, #pages a:hover{background-color: #838383;color: #fff;}
#pages a.active, #pages a:hover {background-color: var(--zt-color);}
#pages li {width: 60px;height: 60px;background-color: #f3f3f3;display: inline-block;color: #a9a9a9;line-height: 60px;text-align: center;font-family: 'en_light';margin: 0;margin-right: 5px;transition: background-color 0.2s ease-out;overflow: hidden;font-size: 2rem;border-radius: 50%;font-weight: 100;}
#pages li.thisclass a,#pages li.active a{color: #fff;background-color: var(--zt-color);}
#pages p.tips {padding: 20px 0;}
.bg_gray #pages li {background: #FFF} .bg_white #pages li {background: #EEE}


/* 分类导航 */
#category li {font-size: 1.8rem;flex:1;border-right: 1px solid rgb(240, 240, 240);}
/* ul.flex li + li {margin-left: 10px;} */
#category li a {display: block;padding: 15px 0;background: #F5F5F5;line-height: 35px;overflow: hidden;font-weight: bold;letter-spacing: 0.03em;}
#category li i {margin-right: 5px;font-size: 2.8rem;display: inline-block;vertical-align: -5px;font-weight: normal;}
.bg_gray #category li a {background: #FFF;}
#category li.cur a,#category li a:hover {color: var(--zt-color);background: #fbfbfb;}

/* link菜单链接 */
.menu_box ul.menu_list li {line-height: 70px;font-size: 1.6rem;margin-right: 60px;font-weight: bold;}
.menu_box ul.menu_list li::before {content: '';position: absolute;bottom: 0;top: 0;right: -30px;width: 1px;height: 15px;margin: auto;background: #ccc;}
.menu_box ul.menu_list li a {display: block;color: #111;}
.menu_box ul.menu_list li a:hover {color: var(--zt-color);}
.menu_box ul.menu_list li a::after {position: absolute;content: '';bottom: 0;width: 0;height: 2px;background: var(--zt-color);margin: 0 auto;left: 0;right: 0;transition: all .3s;}
.menu_box ul.menu_list li.cur a {color: var(--zt-color);} 
.menu_box ul.menu_list li.cur a::after,.menu_box ul.menu_list li a:hover::after {width: 40px;}
.menu_box ul.menu_list li:last-child::before {display: none;}


/* 内页顶部banner */
.nybanner{width:100%;height: 30vw;position:relative;background-position:center center;background-repeat:no-repeat;background-size: cover;}
.nybanner::before {content: '';position: absolute;left: 0;top: 0;bottom: 0;z-index: 2;width: 40%;background-image: linear-gradient(
90deg, #0000009e 31%, #FFFFFF00 100%);}
.nybanner::after {content: '';position: absolute; left: 0; right: 0; top: 0;bottom: 0;background: rgba(0,0,0,.3);z-index: 1;}
#view_banner .header {margin: -50px auto 0;/* height: 5rem; */position: absolute;z-index: 5;left: 0;right: 0;top: 50%;/* line-height: 35px; */}
#view_banner .header .title {color: #FFF;text-transform: uppercase;font-size: 2vw;/* letter-spacing: 0.05em; */line-height: 3vw;}
/*#view_banner .header .title::after { content: ''; position: absolute; height: 2px; width: 35px; background: #FFF;  left: 0; bottom: 0;border-radius: 5px;}*/
#view_banner .header.t-center .title::after {right: 0; margin: 0 auto;}
#view_banner .header .subtitle {color: #EEE;font-size: 1.2vw;text-transform: uppercase;}

#view_banner .header .title {color: #FFF; text-transform: uppercase; font-weight: bold;}
#view_banner.style-6 .header .subtitle {color: #FFF;}
#view_banner .v-banner-link {position: absolute; bottom: 0; z-index: 7;}
.v-banner-link{padding: 0.65vw 0;background-color: rgba(0, 0, 0, 0.15);left: 0;right: 0;/* text-align: right; */}
.v-banner-link ul {align-items: center;}
.v-banner-link li {color: #eee;font-size: 0.9vw;/* text-transform: uppercase; */font-size: 0;}
.v-banner-link li a,.v-banner-link li span {color: #eee;padding: 0 .6vw;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;font-size: 0.8vw;}
.v-banner-link li:first-child a {padding-left: 0;}
.v-banner-link li i{color: #eee;font-size: 0.6vw;}
.v-banner-link ul li:last-child i{display: none;}
.v-banner-link ul li:last-child a {color: #ccc;}


#blog .blog_list,#join .join_list,#history .history_box,#honor .honor_list_box,.honor_view,.quote_box {width: 75%;min-height: 960px;padding: 50px 30px 50px 0;box-sizing: border-box;}



/*新闻中心*/
.news_con ul li{overflow:hidden;border-bottom:1px solid #EEE;display:block;background:#fff;transition:all 0.3s;position:relative;margin-bottom: 10px;}
.news_con ul li:last-child{ margin-bottom:0;border-bottom:none}
.news_con ul li:hover{ /*border-color:#eb76a9; *//*background:#f6f6f6;*/}
.news_con ul li:hover:after{opacity:1.0;filter:Alpha(opacity=100);}
.news_con ul li .imgs{width: 23%;float:left;overflow:hidden;margin-right:3%;height: 0;padding-bottom: 15%;}
.news_con ul li:hover .imgs span{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.news_con ul li .txts{overflow:hidden;padding-right: 15%;}
.news_con ul li .txts .h3{line-height:32px;height:32px;overflow:hidden;color:#2a2736;font-weight: bold;transition: all 0.3s;margin-top: 7%;white-space:nowrap;text-overflow:ellipsis;font-size: 20px;}
.news_con ul li .txts .p{ height:56px; overflow:hidden; font-size:15px; color:#888888; line-height:28px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top:16px;}
.news_con ul li .ends{overflow:hidden;width:180px;text-align:right;position: absolute;top: 0;bottom: 0;right: 35px;}
.news_con ul li .ends em{position:absolute;right:0;top:50%;font-weight:bold;font-style:normal;color:#e0e0e0;transform: translate(0%, -50%);transition:all 0.3s;font-size: 26px;}
.news_con ul li .ends em b{display:block;font-weight:normal;font-size: 42px;line-height: 1em;}
.news_con ul li:hover .txts h3{color: var(--zt-color);}
.news_con ul li:hover .ends em{color: var(--zt-color);}
.news_con ul li .ends .news_more{width:130px;text-align:center;height:42px;line-height:42px;color:#fff;font-size:15px;transition: all 0.3s;position:absolute;right:0;top:50%;transform: translate(0%, -50%);background: var(--zt-color);transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);margin-right:5px;}
.news_con ul li .ends .news_more:hover{ background:var(--zt-color);}
.news_con ul li:hover .ends .news_more{opacity:1.0;filter:Alpha(opacity=100); margin-right:0;}
.news_con ul li:hover .ends em{opacity:0;filter:Alpha(opacity=0);}


.news_view {width: 75%;box-sizing:  border-box;}
.news_view .content_box {padding: 30px;}
.news_view .view_head {padding-bottom: 15px;border-bottom: 1px solid #EEE;}
.news_view .view_head h3.title {font-size: 3rem;color: #111;margin-bottom: 15px;font-weight: normal;}
.news_view .view_head h3.title::after {content: '';position: absolute;height: 30px;width: 3px;background: var(--zt-color);left: -50px;top: 0;bottom: 0; margin: auto 0;}
.news_view .view_head .info,.news_view .view_head .info a {font-size: 14px;color: #999;}
.news_view .view_head .info span {margin-right: 20px;}
.news_view .view_head .info span i {margin-right: 5px;color: #aaa;font-size: 16px;}

.view .tag a {line-height: 30px; font-size: 12px; padding: 0 13px; margin-right: 10px; background: #eee; color: #999;}
.view .tag a:hover,#video_view .view .tag a:hover {background: var(--zt-color); color: #FFF;}
.view .share .tips { font-size: 1.3rem; color: #ccc; letter-spacing: 0.2em;}
.view .share a { width: 60px; height: 60px; line-height: 60px; color: #666;cursor: pointer;margin: 0 5px; border-radius: 50%; border: 7px solid #fff; background-color: #EEE;}
.view .share a:hover {border-color: #F5F5F5; background-position-y: -60px;}
.view .share a.wx:hover {background-color: #3cc583;}.view .share a.wb:hover {background-color: #e64c37;}.view .share a.qq:hover {background-color: #3d87ec;}

.view_title h3 {font-size: 21px; color: #111; font-family: "SourceSansPro";}
.view_content {font-size: 1.75rem;line-height: 2.1em;color: #333;word-wrap: break-word;text-align: justify;padding: 25px 0;min-height: 550px;font-weight: lighter;}
.view_content a {color: #333;}.view_content a:hover {color: var(--zt-color);}
.view_content img {display: block; float: none; margin: 15px auto; max-width: 100%; height: auto;}

/* 内容页上下篇样式*/
.paging {height: 80px;display: block;background: #F5F5F5;}
.paging .prenext {width: 50%;float: left;height: 80px;font-size: 1.8rem;}
.paging .prenext.next {float: right;}
.paging .prenext a {color: #292a2e;display: block;height: 80px;line-height: 80px;overflow: hidden;text-align: right;text-overflow: ellipsis;white-space: nowrap;transition: all 0.3s;}
.paging .prenext a div {padding: 0 15px;transition: all 0.3s; position: relative}
.paging .prev a {padding-right: 40px;}
.paging .next a {padding-left: 40px; text-align: left;}
.paging .prenext .subtitle {display: none;}
.paging .back {left: 50%;width: 80px;margin-left: -40px;position: absolute;text-align: center;height: 80px;line-height: 80px;}
.paging .back a {display: block;transition: all 0.3s;color: var(--zt-color);line-height: 80px;height: 100%;}
.paging .back a:hover,.paging .prenext a:hover div {color: #FFF;background: var(--zt-color);}
.paging .prenext a:hover div {padding: 0 50px;}
.paging .next a div::after {content: '';position: absolute;border-left: 7px solid #fff; border-top: 7px solid transparent; border-bottom: 7px solid transparent;display: inline-block;left: 20px; top: 35px; z-index: 50; opacity: 0;transition: all 0.3s;}
.paging .prev a div::after {content: '';position: absolute;border-right: 7px solid #fff; border-top: 7px solid transparent;border-bottom: 7px solid transparent;display: inline-block;right: 20px; top: 35px; z-index: 50;opacity: 0;transition: all 0.3s;}
.paging .next a:hover div::after,.paging .prev a:hover div::after {opacity: 1;}
.paging .back i {font-size: 24px;}

/* 通用内页侧边栏 */
.xk_box .xk_sidebar {width: 25%;position: absolute;right: 0;top: 0;min-height: 500px;bottom: 0;padding: 80px 2.5% 0;box-sizing: border-box;}
.xk_box .xk_sidebar::before {content: ''; position: absolute; top: -60px; right: -40px; width: 160px; height: 160px; background: url(../images/bg_view.png) no-repeat;  opacity: .1; background-size: 100%;}
.xk_box .xk_sidebar .sidebar_body {margin-bottom: 50px;}
.xk_box .xk_sidebar .sidebar_body h5.title {text-transform: uppercase;position: relative;font-size: 2.4rem;color: #222;height: 45px;}
.xk_box .xk_sidebar .sidebar_body h5.title::after {position: absolute;content: "";height: 25px;width: 3px;bottom: 0;background: var(--zt-color);left: -9.5%;top: 0;margin: auto;}
.xk_box .xk_sidebar .sidebar_body .column li {height: 40px;line-height: 40px;font-size: 16px;width: 50%;}
.xk_box .xk_sidebar .sidebar_body .column li a {color: #444;transition: all .3s;padding-left: 20px;}
.xk_box .xk_sidebar .sidebar_body .column li a::after {content: '';width: 7px;height: 7px;border-radius: 50px;background: #ccc;position: absolute;left: 0;top: 8px;transition: all .3s;}
.xk_box .xk_sidebar .sidebar_body .column li a:hover::after {background: var(--zt-color);}
.xk_box .xk_sidebar .sidebar_body .column li a:hover,.morenews li a:hover {color: var(--zt-color);}
.xk_box .xk_sidebar .sidebar_body .column li.cur span {background: #aaa;}
.morenews li {line-height: 38px;font-size: 15px;position: relative;}
.morenews li a {display: block;color: #666;transition: all 0.3s;padding-right: 30px;}
.morenews li span {position: absolute;right: -10px;text-align: right;font-size: 13px;color: #aaa;bottom: 0;}
.bg_gray .xk_box .xk_sidebar {top: 50px;bottom: 265px;padding: 50px 2% 0;}
.bg_gray .xk_box .xk_sidebar.view {bottom: 150px;}


.bg_gray .xk_box .xk_sidebar.view {bottom: 150px;}

/* 侧边菜单栏 */
.module_box {float: left;width: 240px;}
.module_box .module_info {padding: 30px 20px 30px 35px;color: #eee;line-height: 1.2em;border-bottom: 2px solid #f7f7f7;}
.module_box .module_info .title {font-size: 3.2rem;font-weight: bold;line-height: 1.5em;color: #000;}
.module_box .module_info .subtitle {font-size: 1.8rem;margin-top: 5px;margin-right: 5px;color: #999;}
.module_box .module_list {padding: 12px 0;}
.module_box .module_list ul li {line-height: 50px;font-size: 1.65rem;position: relative;border-bottom: 1px solid #eee;}
.module_box .module_list ul li::after {content: "";position: absolute;width: 10px;height: 0;top: 0;left: 0;transition: all .4s;bottom: 0;margin: auto;opacity: 0;border: 7px solid transparent;height: 0px;border-left: 7px solid var(--zt-color);}
.module_box .module_list ul li.cur {background: var(--zt-color);}
.module_box .module_list ul li.cur::after {border-left: 7px solid #f7f7f7;opacity: 1;left: 15px;}
.module_box .module_list ul li:hover::after {left: 15px; opacity: 1;}
.module_box .module_list ul li a {display: block;color: #222;padding: 7px 20px 7px 35px;transition: all .4s;font-weight: bold;}
.module_box .module_list ul li a:hover {color: var(--zt-color);padding-right: 25px;}
.module_box .module_list ul li.cur a {color: #ffffff;}
.module_box .module_list ul li:last-child {border-bottom: none;}

/* 分区内容 */
.body-box .module_container {padding-bottom: 100px;}
.body-box .container_content {min-height: 500px;font-weight: 100;}
.body-box .container_content .view_header { padding: 30px 0;}
.body-box .container_content .view_title {font-size: 28px;color: #ccc;margin-bottom: 5px;font-family: "SourceSansPro";text-transform: uppercase;font-family: 'GOTHAM-BLACK','Microsoft YaHei';}
.body-box .module_container .content .title {font-size: 3.2rem;/* margin-bottom: 30px; */font-weight: 100;}
.body-box .module_container .content .description {font-size: 1.8rem;line-height: 1.8em;color: #666;font-weight: 100;}
.body-box .about_content {font-size: 18px; line-height: 30px; color: #444;}
.body-box .about_content img {float: none; max-width: 100%; margin: 15px auto;}


/* link菜单链接 */
.link-box ul.list li {line-height: 66px;font-size: 1.8rem;text-align: center;display: inline-block;margin: 0 5px;}
.link-box ul.list li a {display: block;}
.link-box ul.list li a::after {position: absolute;content: '';bottom: 0;width: 0;height: 2px;background: var(--zt-color);margin: 0 auto;left: 0;right: 0;transition: all .3s;}
.link-box ul.list li.cur a {color: var(--zt-color);} 
.link-box ul.list li.cur a::after,.link-box ul.list li a:hover::after {width: 40px;}



.design_content h2.title,.making_content h2.title {font-size: 3rem; font-weight: bold; margin-bottom: 30px;}

.xk-aulist li {color: #555;font-size: 1.7rem;line-height: 25px;padding-left: 20px;margin-bottom: 10px;}
.xk-aulist li::after {content: "";position: absolute;width: 7px;height: 7px;background: #999;top: 9px;left: 0;border-radius: 5px;}
.xk-iconlist li .icon {width: 60px; height: 60px; line-height: 60px;}
.xk-iconlist li .icon i {font-size: 60px;}

.xk-iconlist li .subtitle {font-size: 1.9rem;font-weight: bold;line-height: 25px;height: 50px;}
.xk-iconlist li .bg_gray {background: #f8f9fb; padding: 20px 15px; border-radius: 5px; border: 1px solid #F5F5F5;}




/* 关于我们 */

.aii.about-item {gap: 1vw;display: flex;flex-wrap: wrap;}
.aii-item {/* background: #F5F5F5; *//* padding: 1vw; */display: flex;gap: 1vw;}
.aii-item .material-icons {font-size: 2vw;line-height:2vw;}

.counter-item-numb{display:flex;align-items:center;justify-content:flex-start;font-size:2.5rem;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);line-height:1.2;color:var(--accent-color);margin-bottom:0.625rem}
.counter-col{padding:0 1.25rem 2rem;text-align:center}
.counter-col.counter-col-no-icon{padding:2rem 1.25rem}
.counter-col-numb{display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);line-height:1.2;color:var(--accent-color);margin-bottom:0.625rem;letter-spacing:0}
.counter-col-heading{margin-bottom:0;font-size:1.25rem}
.counter-col-ico{width:5.625rem;height:5.625rem;display:flex;align-items:flex-end;justify-content:center;border-radius:50%;border:1px solid var(--border-color);margin-left:auto;margin-right:auto;margin-bottom:1.25rem;padding-bottom:0.5rem;margin-top:-2.5rem;background-color:var(--background-secondary-color);color:var(--accent-color)}
.counter-min-ico i {font-size: 1.5vw}
.counter-min{position:relative;height: 7vw;padding-left: 2vw;}
.counter-min-block{position:absolute;left:0;top:50%;transform:translateY(-50%);height: 4vw;width: 5vw;border-radius: 10px;display:flex;align-items:center;justify-content:center;color:var(--background-color);background: var(--zt-color);padding: 0 1vw;}
.counter-min-ico{line-height:1;margin-right: 0.5vw;}
.section-bgc .counter-min-info{background-color:var(--background-color)}
.counter-min-info{padding-left: 6vw;height:100%;display:flex;border-radius: 10px;background-color: #f7fafc;align-items:center;padding-right:0.625rem;}
.counter-min-info .counter-min-heading{margin-bottom:0;font-size: 1vw;line-height: 1.5em;}
.counter-min-numb{font-size: 2vw;/* font-family:var(--heading-font-family); *//* font-weight:var(--heading-font-weight); */}
.spincrement-container >div {padding: 0 1.5vw; box-sizing: border-box;}

.view_page_box .world_cont_box {width: 30%;}
.view_page_box .world_img_box {width: 65%;}


/* 博客内页 */
.news_details_read a,.news_details_read{font-size:0.78125vw;line-height:1.3541666vw;color:#999999}
.news_details_read span{margin:0 0.5vw;color:#bbb}
.news_details_fade{padding:1.458333vw 0;background:#f3f3f3}
.news_details_title{font-size:2.3958333vw;line-height:2.91666vw;color:#111111}
.news_details_share_bjq{margin:3.6458333vw 0}
.news_details_share_bjq h1,.news_details_share_bjq h2,.news_details_share_bjq h3,.news_details_share_bjq h4,.news_details_share_bjq h5,.news_details_share_bjq h6{font-weight:bold}
.news_details_share_bjq,.news_details_share_bjq p{font-size: 0.9375vw;line-height: 2em;color:#333333}
.news_details_share_bjq p{/* opacity:0; *//* pointer-events:none; *//* -webkit-transform:translateY(2.083333vw); *//* transform:translateY(2.083333vw); */}
.news_details_share_bjq h1{opacity:0;pointer-events:none;-webkit-transform:translateY(2.083333vw);transform:translateY(2.083333vw)}
.news_details_share_bjq h2{font-size:0.9375vw;line-height:1.5625vw;font-weight:bold;opacity:0;pointer-events:none;-webkit-transform:translateY(2.083333vw);transform:translateY(2.083333vw)}
.news_details_share_bjq h3{opacity:0;pointer-events:none;-webkit-transform:translateY(2.083333vw);transform:translateY(2.083333vw)}
.news_details_share_bjq h4{opacity:0;pointer-events:none;-webkit-transform:translateY(2.083333vw);transform:translateY(2.083333vw)}
.news_details_share_bjq h5{opacity:0;pointer-events:none;-webkit-transform:translateY(2.083333vw);transform:translateY(2.083333vw)}
.news_details_share_bjq img{max-width:100%;width:auto;display:inline-block;padding:1.5625vw 0;opacity:0;pointer-events:none;-webkit-transform:translateY(2.083333vw);transform:translateY(2.083333vw)}
.news_details_share_time{font-size:0.833333vw;line-height:1.5625vw;color:#999999;margin-right:2.6041666vw}
.news_details_share_title{font-size:0.833333vw;line-height:1.5625vw;color:#999999}
.news_details_share_li{font-size:0.833333vw;line-height:1.5625vw;color:#999999;margin-right:0.5208333vw}
.news_details_share_li a{color:#999}
.news_details_page{width:70%}
.news_details_share_box{margin:1vw 0 2vw 0}
.news_details_share_line{width:100%;height:1px;background:#DDD}
.news_related_page{width:30%;padding-left:4.94791666vw;box-sizing: border-box;}
.news_details_big{padding:4.1666vw 0}
.news_related_title{font-size:1.1458333vw;line-height:1.6666vw;color:#222222;font-weight:bold;margin-bottom:1.041666vw}
.news_related_line{width:100%;height:1px;background:#e6e6e6}
.news_related_max_box{margin-top:1.5625vw}
.news_related_max_box a{display:block;position:relative}
.news_related_img{padding-bottom:66.92708333%}
.news_related_img:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:-webkit-linear-gradient(rgba(0,0,0,0) 30%,rgba(0,0,0,.9));background-image:linear-gradient(rgba(0,0,0,0) 30%,rgba(0,0,0,.9))}
.news_related_max_title{position:absolute;left:0;bottom:0;width:100%;font-size:0.9375vw;line-height:1.458333vw;padding:1.041666vw 1.5625vw;color:#fff;box-sizing: border-box;}
.news_related_item_img{width:35.58441%}
.news_related_item_img a{display:block;padding-bottom:66.92708333%;position: relative;}
.news_related_item_read{width:64.41559%;padding-left:0.78125vw;position:relative;-webkit-align-content:space-between;align-content:space-between;box-sizing: border-box;}
.news_related_item_title{width:100%}
.news_related_item_title a{font-size:0.83333vw;line-height:1.458333vw;color:#333333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.news_related_item_time{width:100%;font-size:0.7291666vw;line-height:1.25vw;color:#999999}
.news_related_ul{margin-bottom:3.38541666vw}
.news_related_item_box{padding-top:1.30208333vw;/* opacity:0; *//* pointer-events:none; *//* -webkit-transform:translateY(2.083333vw); *//* transform:translateY(2.083333vw); */}
.news_related_service_item{/* opacity:0; *//* pointer-events:none; *//* -webkit-transform:translateY(2.083333vw); *//* transform:translateY(2.083333vw); */}
.news_related_service_item a{-webkit-align-items:center;align-items:center;position:relative}
.news_related_service_icon{width:0.5208333vw;height:0.5208333vw;box-sizing:border-box;border-right:0.1041666vw solid var(--zt-color);border-top:0.1041666vw solid var(--zt-color)}
.news_related_service_title{margin-left:0.5208333vw;width:calc(100% - 1.041666vw);font-size:0.833333vw;line-height:1.3541666vw;padding:0.67708333vw 0}
.news_details_pagination_title{font-size:0.833333vw;line-height:1.3541666vw;color:#333333}
.news_details_share_icon{width:1.041666vw}
.news_details_share_icon svg{fill:#333333}
.news_details_pagination_next .news_details_share_icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.news_details_pagination_return a{width:5.208333vw;height:5.208333vw;line-height:5.208333vw;text-align:center;background:var(--zt-color);-webkit-border-radius:100%;border-radius:100%;color:#fff;font-size:0.833333vw}
.news_details_pagination_wrap{-webkit-justify-content:space-between;justify-content:space-between;margin-top:2.6041666vw}
.news_details_pagination_prev .news_details_pagination_title{padding-left:0.78125vw}
.news_details_pagination_next .news_details_pagination_title{padding-right:0.78125vw}
.news_details_pagination_return{margin-top:1.3541666vw}

.tags_page_xxj{display:inline-block;transition:.5s;padding:0.41666vw 0.78125vw;color:#333;border:1px solid #dedede;background:#fff;margin:0.41666vw 0.78125vw 0.41666vw 0;-webkit-border-radius:1.5625vw;border-radius:1.5625vw}
.tagsboxtt {padding-top: 0.78125vw;}
.news_related_service_item .tags_page_xxj{padding:0.5vw 0.8vw;font-size:0.7291666vw;margin:0.5208333vw 0.5208333vw 0 0}
.tags_page_xxj:hover{color:#fff;background:var(--zt-color);border-color:var(--zt-color)}


/* 设备展示 */
.swiper-container-wrapper{display:flex;flex-flow:row nowrap; height: 650px; width: 100%;}
.swiper-container-wrapper .gdt {position: absolute;top: 0;bottom: 0; right: -15px; width: 5px;}
.swiper-button-next,.swiper-button-prev{color:#fff}
.swiper-slide-duplicate,.swiper-slide{text-align:center;background-size:cover;background-position:center;background-color:#fff;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}
.swiper-slide-duplicate .description,.swiper-slide-duplicate .title,.swiper-slide .description,.swiper-slide .title{display:block;opacity:0;transition:0.5s ease 0.5s}
.swiper-slide-duplicate-active .description,.swiper-slide-duplicate-active .title,.swiper-slide-active .description,.swiper-slide-active .title{opacity:1}
.swiper-container.gallery-top{width: 85%;height: 100%;margin-right: 20px;}
.gallery-thumbs{width: 15%;height:100%;padding:0}
.gallery-thumbs .swiper-wrapper{flex-direction:column}
.gallery-thumbs .swiper-slide{flex-flow:column nowrap;width:100%height:100%;opacity: 0.8;cursor:pointer}
.gallery-thumbs .swiper-slide-thumb-active{opacity:1;border: 3px solid var(--zt-color);box-sizing: border-box;}
.gallery-thumbs .swiper-slide .pic,.gallery-top .swiper-slide .bg{position:absolute;left: 0;right: 0; top:0; bottom:0; background-size: cover; background-position: center;} 
.gallery-top .swiper-slide .bg {transition: 1s linear 2s; transform: translateZ(0) scale(1);}
.gallery-top .swiper-slide.swiper-slide-active .bg {transition: 6s linear; transform: translateZ(0) scale(1.1);}
.gallery-top .swiper-slide .info {position: absolute;z-index: 20;left: 0;right: 0;bottom: 0;padding: 20px 35px;font-size: 1.8rem;color: #EEE;font-weight: bold;}
.gallery-top .swiper-slide::after {content:'';position: absolute;z-index: 15;left: 0;right: 0;bottom: 0;height: 160px;background: url(/static/starry/images/making/service_jbbg.png) repeat-x left bottom;opacity: 0.9;}
.gallery-top .arrow {position: absolute;left: 88%;top: 50%;margin-top: -40px;width: 50px;height: 80px;z-index: 90;background: rgba(0,0,0,.7);color: #ffffff;line-height: 80px;text-align: center;border-radius: 5px;opacity: 0;}
.gallery-top .arrow:hover {background: var(--zt-color); color: #FFF;}
.gallery-top .arrow i {font-size: 25px;}
.gallery-top .arrow-left {right: 88%;left: auto;}
.gallery-top:hover .arrow {left: 94%;opacity: 1;}
.gallery-top:hover .arrow.arrow-left {right: 94%;left: auto;}


/* 作品内推荐 */
.recommend-box {}
.recommend-title {height: 20px;position: relative;margin-bottom: 30px;}
.recommend-title h4 {position: absolute;left: 0px;top: 0;bottom: 0;line-height: 20px;font-size: 2.4rem;color: #444;height: 20px;font-weight: 100;border-left: 3px solid var(--zt-color);padding-left: 20px;letter-spacing: 0.05em;}

#video_paly.a16-9 {padding-bottom: 56.25% !important;}
#video_paly.b21-9 {padding-bottom: 42.857% !important;}
#video_paly.c9-16 {padding-bottom: 177.77% !important;}
#video_paly object,#video_paly embed { width: 100% !important; height: 100% !important; position: absolute;}
#video_paly #ckplayer_a1 { width: 100%; height: 100%; position: absolute; left: 0; top: 0;}



/* 询盘报价 */
#quote .quote_form {width: 640px; height: 1230px; margin-top: -60px;display: block;}



/* 联系我们 */
.contact_box { display: flex; flex-wrap: wrap; justify-content: space-between;overflow: hidden;padding-right: 5%; }

.contact-box .cont-box {width: calc(50% - 15px);}
.contact-container h3 {font-size: 1.1458333vw;font-weight: bold;color: #000;}
.contact-container .contact-item {padding: 2vw;font-size: 0.98958333vw;line-height: 1.7em;border-top: 1px solid var(--zt-color);/* width: calc(100% / 3 - 10px); */margin-bottom: 1.6vw;}
.contact-container .contact-item:last-child {margin-bottom: 0;}
.contact-container .contact-item .information {line-height: 1.6vw;margin-bottom: 1.04167vw;align-content: flex-start;justify-content: space-between;color: #111;}
.contact-container .contact-item .contact-txt:last-child {margin-bottom: 0; padding-bottom: 0; border: none;}
.contact-container .contact-item .information:last-child {margin-bottom: 0;}
.contact-container .contact-item .information .info {/* width: calc(100% - 2.5vw); */flex: 1;}
.contact-container .contact-item .item {width: 2.5vw;color: #888;/* display: block; */font-weight: 100;display: flex;align-content: center;flex-wrap: wrap;height: 1.6vw;letter-spacing: 0.1em;line-height: 1.6vw;}
.contact-container .contact-item .item i,.contact-form .label-title i.iconfont {font-size: 1.1458333vw;/* margin-right: 5px; */}
.contact-container .contact-txt { padding-bottom: 2vw; margin-bottom: 2vw; border-bottom: 1px solid #ddd;}

.contact-form .label-title {padding-bottom: 5px;line-height: 1.7em;font-size: 1.6rem;letter-spacing: 0.1em;align-content: center;flex-wrap: wrap;color: #888;font-weight: 100; width: 100px;}
.contact-form .label-title i.tips {color: red; margin-left: 5px; font-weight: bold;}

/* 留言表单 */
.contact_message_box .message-line {justify-content: space-between;-webkit-align-items: center;align-items: center;margin-bottom: 1.2vw;}
.contact_message_box .form-control {width: 100%;background-color: #F5F5F5;border: 1px solid #E1E1E1;padding: 0.5vw 1vw;color: #000000;line-height: 1.5em;font-size: 0.98958333vw;transition: all 0.5s;box-sizing: border-box;border-radius: 0.2604169vw;}
.contact_message_box .form-control:focus {border: 1px solid var(--zt-color);background: #FFF;}
.contact_message_box .form-control::placeholder {font-size: 13px; color: #bbb;}
.message-line.col-1 .form-group {width: 100%;}
.message-line.col-2 .form-group {width: 48.5%;overflow: hidden;}

.message-line .control-label {font-size: 0.8333vw;line-height: 1.5em;margin-bottom: .3vw;display: block;color: #333;/* display: none; */}
.contact_message_box .form-btn {width: 100%;text-align: center;transition: all .5s;background: var(--zt-color);color: #FFF;height: 2.5vw;line-height: 2.5vw;font-size: 15px;border: none;position: relative;border-radius: 0.2604169vw;}
.contact_message_box .form-btn span {position: relative; z-index: 2;display: flex; justify-content: center; align-items: center;}
.contact_message_box .form-btn span i {margin:0 0.5vw;}
.contact_message_box .form-btn::before {content: '';position: absolute;left: 0;top: 0; bottom: 0; right: 0; background: rgba(0,0,0,.15); opacity: 0;transition: all .5s; z-index: 1;}
.contact_message_box .form-btn:hover::before {opacity: 1;}

.contact_message_box .form-control.input-empty-error {border: 1px solid #dd4444;box-shadow: 0 0 5px rgb(255 0 0 / 20%);}
.contact_message_box .col-md-10 {position: relative;display: flex;align-items: center;}
.contact_message_box .input-tip-error {position: absolute;right: 1vw;color: #aa0000;line-height: 1.6em;font-size: 12px;pointer-events: none;}



/******** 自适应调整 ********/
@media (max-width: 1920px) {
	#about .about_body {/* padding: 120px 0 */}
	.module_box .module_list ul li {line-height: 45px;}
	#culture .pic {width: 50%;}
}
@media (max-width: 1500px) {
	.ptb100 {padding-top: 60px; padding-bottom: 60px;}
	#blog .blog_list {padding: 30px 20px 30px 0;}
	.bg_gray .xk_box .xk_sidebar {top: 30px; bottom: 243px;}
	#blog .blog_list ul li.list {/* margin-bottom: 20px; */}
	#blog .blog_list ul li.list a { padding: 20px; height: 150px;}
	#blog .blog_list ul li.list a .img {width: 250px; height: 150px;}
	#blog .blog_list ul li.list a .body {left: 300px; top: 30px;}
	#blog .blog_list ul li.list a:hover .body { left: 320px; right: 10px;}
	.blog_view {padding: 30px 3% 100px 0;}
	.bg_gray .xk_box .xk_sidebar.view {bottom: 100px;}
	#about .about_body .content .description, #about .about_body .content .des2 {line-height: 30px;}
	.about_body .description.mt50 {margin-top: 30px;}
	.plr50.about_video {padding-right: 0;}
	.about_body .link {display: none;}
	.nybanner {height: 320px; background-position: center center;}
	.module_box .module_list ul li {line-height: 42px;}
	.culture ul li .fix.p50 {padding: 30px;}
	#partner .partner_list {width: auto; padding: 0;}
	#about .mt50 {margin-top: 30px;}
	.device_list ul {margin-right: -2.33%;}
	.device_list ul li {width: 31%;margin-right: 2.33%; margin-bottom: 2.33%;}
	.swiper-container-wrapper {height: 600px;}
	#about .equipment_box {padding: 30px;}
	.goal_list li .info {padding: 20px;}
	.case_view .view_top .p-info {width: 50%;}
	#culture .pic {width: 55%;}
}
@media (max-width: 1280px) {
	.wrapper .ptb100 {padding-top: 70px; padding-bottom: 70px;}
	#about .about_body .mt50 {margin-top: 30px;}
	
}