@charset "utf-8";

#header.head-top {position: fixed;}
/* #view_body { padding-top: 80px;} */
.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;}

/* 列表页页眉 */
#pages{padding: 0;text-align: center; margin: 80px 0; font-size: 16px; color: #999;}
#pages a{width: 45px;height: 45px;display: inline-block;color: #999;line-height: 45px;text-align: center;font-family: Arial;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: #c41218;}
#pages li {width: 45px;height: 45px;background-color: #f3f3f3;display: inline-block;color: #a9a9a9;line-height: 45px;text-align: center;font-family: Arial;margin: 0;margin-right: 5px;transition: background-color 0.2s ease-out;overflow: hidden;font-size: 18px;}
#pages li.thisclass a {color: #fff;background-color: #c41218;}
#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: #c41218;background: #fbfbfb;}

/* link菜单链接 */
.menu_box ul.menu_list li {line-height: 70px;font-size: 1.7rem;margin-right: 60px;}
.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: #c41218;}
.menu_box ul.menu_list li a::after {position: absolute;content: '';bottom: 0;width: 0;height: 2px;background: #c41218;margin: 0 auto;left: 0;right: 0;transition: all .3s;}
.menu_box ul.menu_list li.cur a {color: #c41218;} 
.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:650px;position:relative;background-position:center center;background-repeat:no-repeat;background-size: cover;overflow: hidden;}
.nybanner::after {content: '';position: absolute; left: 0; right: 0; top: 0;bottom: 0;background: rgba(0,0,0,.15);z-index: 1;}
.nybanner::before {content: '';position: absolute;left: 0;right: 0;bottom: -70px;height: 150px;background: #FFF;z-index: 2;transform: rotate(-3deg);width: 120%;}
#view_banner .header {margin: -50px auto 0;/* height: 5rem; */position: absolute;z-index: 2;left: 0;right: 0;top: 50%;/* line-height: 35px; */}
#view_banner .header .title {color: #FFF;text-transform: uppercase;font-size: 4rem;letter-spacing: 0.05em;line-height: 50px;}
/*#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: #ddd;font-size: 1.8rem;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: 30px;z-index: 3;}
.v-banner-link{padding: 20px 0;/* background-color: rgba(0, 0, 0, 0.3); */left: 0;right: 0;/* text-align: right; */}
.v-banner-link li { display: inline-block; color: #eee;font-size: 1.5rem; text-transform: uppercase;}
.v-banner-link li a,.v-banner-link li span { color: #eee; padding: 0 15px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease;  transition: all 0.3s ease;}
.v-banner-link li i{vertical-align: middle;margin-top: -4px;color: #eee;}
.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_column ul li{margin:0 10px;font-size:1.75rem;font-weight:bold}
.news_column ul li a{display:block;color:#666;background:#eee;padding:8px 30px}
.news_column ul{display:flex;justify-content:center;align-items:center}
.news_column ul li a:hover{color:#c41218}
.news_column ul li.cur a{background:#c41218;color:#fff}

.news_con ul li{overflow:hidden;border-bottom:1px solid #EEE;display:block;background:#fff;transition:all 0.3s;position:relative;}
.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%; border-radius: 15px;}
.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: #c41218;}
.news_con ul li:hover .ends em{color: #c41218;}
.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: #c41218;transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);margin-right:5px;}
.news_con ul li .ends .news_more:hover{ background:#c41218;}
.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: #c41218;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: #c41218; 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: #c41218;}
.view_content img {display: block; float: none; margin: 15px auto; max-width: 100%; height: auto;}
.view_content video {max-width: 100%;}

/* 内容页上下篇样式*/
.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: #c41218;line-height: 80px;height: 100%;}
.paging .back a:hover,.paging .prenext a:hover div {color: #FFF;background: #c41218;}
.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: #c41218;left: -12.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: #c41218;}
.xk_box .xk_sidebar .sidebar_body .column li a:hover,.morenews li a:hover {color: #c41218;}
.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;border-radius:20px;box-shadow: 0 0 5px 0px #00000014;}
.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 #c41218;}
.module_box .module_list ul li.cur {background: #c41218;}
.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: #c41218;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;width: calc(100% - 260px);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: #c41218;margin: 0 auto;left: 0;right: 0;transition: all .3s;}
.link-box ul.list li.cur a {color: #c41218;} 
.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;}

/* 合作客户 */
.partner_list ul {margin-right: -2%;}
.partner_list ul li {width: 14.66%;margin-right: 2%;margin-bottom: 2%;height: 0;padding-bottom: 7.8%;}
.partner_list ul li .partner_box {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.partner_list ul li .partner_img {width: 100%; height: 100%;}
.partner_list ul li .partner_img img { max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
/*#partner .ptb150 {padding-bottom: 80px;}*/

/* 关于我们 */
.about{width: 100%;}
.aboutBan{width: 100%;overflow: hidden;position: relative;}
.aboutBan img{width: 100%;object-fit: cover;height: 100vh;animation: aboutBanRun 1.4s ease both;}
@keyframes aboutBanRun {0%{transform: scale(1.12);}100%{transform: scale(1);}}
.aboutBan video{position: absolute;transform: scale(1);width: 100%;height: 100%;top: 0;left: 0;z-index: 4;pointer-events: none;opacity: 0;animation: aboutBanVideo 1s ease both 1.6s;}
@keyframes aboutBanVideo {0%{opacity: 0;}100%{opacity: 1;}}
.aboutBan-play{width: 68px;height: 68px;z-index: 6;margin: -34px 0 0 -34px;border-radius: 50%;border: 3px solid #fff;background: url('../images/index/bannerStopH.svg') no-repeat left 58% center/36px auto;cursor: pointer;position: absolute;top: 50%;left: 50%;transition: all .4s ease;}
.aboutBan-play:hover{background-color: #fff;background-image: url('../images/index/bannerStopC.svg');}
.aboutBan.active video{pointer-events: auto;opacity: 1;visibility: visible;}
.aboutBan.active .aboutBan-play{pointer-events: none;opacity: 0;visibility: hidden;}
.aboutmh{overflow: visible;}
.aboutmh .contain{position: relative;z-index: 4;}
.aboutmh-mix{width: 100%;align-items: flex-start; z-index: 99;}
.aboutmh-wrap{width: 685px;}
.aboutmh-image{width: 100%;border-radius: 60px;overflow: hidden;}
.aboutmh-image img{width: 100%;object-fit: cover;}
.aboutmh-list{width: 100%;}
.aboutmh-list li{align-items: center;height: 156px;border-bottom: 1px solid #dcdcdc;}
.aboutmh-list li .num{color: #c41218;line-height: 1;width: 340px;font-size: 7rem;}
.aboutmh-list li .text{color: #333;line-height: 1;font-size: 3rem;}
.aboutmh-text{width: calc(100% - 685px);padding-left: 90px;position: sticky;top: 50px;right: 0;color: #666;font-weight: 300;}
.aboutmh-text p{line-height: inherit;}
.aboutmh-bird{width: 800px;overflow: hidden;position: absolute;right: -10%;bottom: 0;pointer-events: none;text-align: right;}
.aboutmh-bird img{width: 100%;right: -170px;object-fit: cover;/* position: relative; */}

.factory_box .map {position: absolute; left: 50%; top: 50%; z-index: 5; transform: translate(-50%, -50%) scale(.4); border-radius: 20px; width: 100%; height: 100%;  box-shadow: 0 0 0 1000vw #fff;}
.factory_box .map img {width: 100%;}

#about .about_body .content {line-height: 2.5em;}
#about .about_body .content.xk-hr {padding-bottom: 20px;}
#about .body-flex {display: flex;  flex-wrap: wrap; justify-content: space-between;}
.vertical-c {position: absolute; top: 50%; left: 0; transform: translate(0, -50%);}
.fr.vertical-c {left: inherit; right: 0;}
#about .about_body .col-2 img {display: block;float: none; max-width: 100%;}
#about .about_body .content-box {display: flex; flex-wrap: wrap; justify-content: space-between; align-content: space-around;}
#about .about_body .content .title {font-size: 4.5rem;font-weight: bold;line-height: 1.5em;}
#about .about_body .content .subtitle {font-size: 1.75rem; font-weight: bold;}
#about .about_body .content .description,#about .about_body .content .des2 {font-size: 1.7rem;line-height: 2.1em;font-weight: 100;}
#about .about_body .content .des2 {color: #777; font-size: 1.6rem; line-height: 2.6rem;}

.bg_culture::after {content: '';position: absolute; left: 50%;top: 0;bottom: 0;width: 2px;background: rgba(255,255,255,.35);}
.culture .culture_list {padding: 0 5%;color: #FFF;}
.culture .culture_list .title {font-size: 20px; line-height: 1.75;}
.culture .culture_list .des { font-size: 36px;line-height: 1.5; font-weight: bold;}
/* 技术创新 */
.innovation {background: #162945;border-radius: 30px;background-image: linear-gradient(45deg,#1e3352,#5369bf);}
.innovation-box {display: flex;justify-content: space-between;}
.innovation-con .content {padding: 10%;color: #fff;line-height: 2.5em;height: 480px;}
.innovation-con .content .title {font-size: 3.2rem;font-weight: bold;letter-spacing: 0.1em;}
.innovation-con .content .des { font-size: 1.7rem; font-weight: 100;}
.innovation-con .no {position: absolute;z-index: 15;font-size: 6.5rem;color: rgb(73 91 133);line-height: 1;left: 10%;top: 11%;background: transparent;background: -moz-linear-gradient(top, rgba(242,241,235,1) 0%, rgba(0,0,0,.01) 80%);background: -webkit-linear-gradient(top, rgb(255 255 255 / 15%) 0%,rgba(0,0,0,.01) 80%);-webkit-background-clip: text;-moz-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;-moz-text-fill-color: transparent;text-fill-color: transparent;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;}
.img-box .pic_box {width: 100%; height: 480px;}
.img-box .pic_box span {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-position: center; background-size: cover;}
.innovation .innovation-box.swiper-slide {opacity: 0 !important;}
.innovation .innovation-box.swiper-slide.swiper-slide-active {opacity: 1 !important;}
.innovation .innovation-box.swiper-slide .pic_box span {transition: 1s linear 2s; transform: translateZ(0) scale(1);}
.innovation .innovation-box.swiper-slide.swiper-slide-active .pic_box span {transition: 6s linear; transform: translateZ(0) scale(1.1);}

.column2_list li.swiper-slide {width: auto;}
.column2_list li.swiper-slide::before {content: '';position: absolute;bottom: 0;top: 0;width: 1px;height: 15px;margin: auto 0;background: #bbb;right: 0;opacity: .5;-webkit-transform: rotate(20deg);transform: rotate(20deg);}
.column2_list li.swiper-slide a {padding: 0 20px;font-size: 1.9rem;color: #333;}
.column2_list li.swiper-slide a:hover,.innovation .arrow a:hover {color: #c41218;}
.column2_list li.swiper-slide.swiper-slide-thumb-active a {color: #c41218;font-weight: bold;}
.column2_list li.swiper-slide:last-child::before {display: none;}
.innovation .arrow {position: absolute;z-index: 10;bottom: 15%;left: 5%;display: flex;justify-content: flex-start;align-items: center;}
.innovation .arrow a {color: #ccc;border-radius:50%;margin-right: 25px;width: 55px;height: 55px;line-height: 55px;text-align: center;background: rgba(255,255,255,.07);}
.innovation .arrow a i {font-size: 2rem;}
.innovation .arrow a:hover {background: #FFF;}
/* 社会责任 */
.aboutzr{background: #fff;}
.aboutzr-mix{width: 100%;overflow: hidden;position: relative;}
.aboutzr-mix::after{content: "";position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, .3);}
.aboutzr-loop{width: 100%;position: relative;overflow: hidden;background: #333;}
.aboutzr-loop img{width: 100%;object-fit: cover;}
.aboutzr-list{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;user-select: none;}
.aboutzr-list ul{display: flex;height: 100%;}
.aboutzr-list li{width: 25%;height: 100%;position: relative;overflow: hidden;color: #fff;cursor: pointer;}
.aboutzr-list.mould-bk li {width: 20%;}
.aboutzr-list li.active .name,.aboutzr-list li.active .title {font-weight: bold;}
.aboutzr-list li::before{content: "";position: absolute;width: 1px;height: 100%;top: 0;left: 0;background: rgba(255, 255, 255, .3);}
.aboutzr-list li:first-child::before{display: none;}
.aboutzr-list li .name{position: absolute;width: 100%;transition: all .4s ease .3s;height: 100%;top: 0;left: 0;display: flex;align-items: center;justify-content: center;}
.aboutzr-list li .content{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;flex-direction: column;justify-content: center;padding: 0 13%;line-height: 2.2em;}
.aboutzr-list li .title{line-height: 1.1;opacity: 0;transform: translateY(60px);transition: all .4s ease;}
.aboutzr-list li .text{opacity: 0;transform: translateY(60px);transition: all .4s ease;}
.aboutzr-list li:hover .name{opacity: 0;transition: all .4s ease;}
.aboutzr-list li:hover .title{opacity: 1;transform: translateY(0);transition: all .6s ease .3s;}
.aboutzr-list li:hover .text{opacity: 1;transform: translateY(0);transition: all .6s ease .4s;}



/* 全球布局 */
.layout_box {width: 1400px;}
.layout_box .map_tab {width: 400px;border-radius: 15px;background: #f5f5f5;}
.layout_box .map_tab .top_title {width: 50%;padding: 13px 0;display: flex;justify-content: center;align-items: center;}
.layout_box .map_tab .top_title.swiper-slide-thumb-active {background: rgba(0,0,0,.05);}
.layout_box .map_tab .top_title.swiper-slide-thumb-active p,.layout_box .map_tab .top_title:hover p,.layout_box .top_title.swiper-slide-thumb-active p small,.layout_box .top_title:hover p small { color: #c41218;}
.layout_box .top_title p {font-weight: bold;font-size: 2rem;color: #333;line-height: 22px;text-align: left;letter-spacing: 0.3em;}
.layout_box .top_title p small {color: #b2b2b2;font-weight: 300;text-transform: uppercase;display: block;font-size: 13px;letter-spacing: normal;}
.layout_box .top_title .icon {width: 55px;height: 44px;background: url(/static/starry/images/icon/ico_global.png) no-repeat center center;background-size: 100%;margin-right: 10px;}
.layout_box .top_title .icon.zg {background: url(/static/starry/images/icon/ico_china.png) no-repeat center center;background-size: 100%;}
.layout_box .map_bg img {width: 100%;}
.layout_box .map .map_bz { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 4;}
.layout_box .map .bz_list {display: block;width: 100%;height: 100%;}

.bz_list .dot { position: absolute; z-index: 6; display: flex;  align-items: center;}
.bz_list .dot i {width: 10px;height: 10px;border-radius: 50%;background: #c41218;margin-right: 10px;position: relative;box-shadow: 0 1px 5px 0 rgb(0 0 0 / 15%);}
.bz_list .dot i::before,.bz_list .dot i::after {content: "";display: block;width: 20px;height: 20px;/* border: 1px solid rgba(239, 137, 3, .7); */border-radius: 50%;position: absolute;top: 50%;left: 50%;margin: -10px 0 0 -10px;animation: aboutbjRing 1.5s linear infinite;opacity: 0;background: rgb(196 18 24 / 13%);}
.bz_list .dot i::before { animation-delay: .6s;}
.bz_list .dot i::after { animation-delay: 0s;}
@keyframes aboutbjRing{0%{opacity:0;transform:scale(.8)}5%{opacity:1}to{opacity:0;transform:scale(3.6)}}
.bz_list .dot.jd i {background: #104098; width: 13px; height: 13px;}.bz_list .dot.jd span {color: #104098;}
.bz_list .dot.jd i::before,.bz_list .dot.jd i::after {background: rgb(35 60 139 / 13%);}
.bz_list .dot.zh {left: 74%; top: 44%; }.dot.deguo {left: 51%;top: 34.2%;}.dot.yingguo { left: 46.5%; top: 31%;}.dot.helan {left: 49%;top: 32.5%;}.dot.faguo {left: 48%;top: 37.2%;}.dot.meiguo {left: 18%;top: 42.5%;}.dot.bjst {left: 66.5%;top: 46%;}.dot.mjlg {left: 72.6%; top: 48.7%;}.dot.jpz {left: 76.8%;top: 54.5%;}.dot.yuenan {left: 77.3%;top: 53%;}.dot.hanguo {left: 82.2%; top: 40.5%;}
.bz_list .dot span {font-size: 15px;color: #c41218;position: relative;z-index: 4;font-weight: bold;}
.dot.hunan {left: 62.5%; top: 46.5%;}.dot.shenzhen {left: 65.5%;top: 58%;}.dot.taiwan {left: 76.3%;top: 56%;}.dot.hangzhou {left: 70.2%;top: 44%;}.dot.shanghai {left: 75.5%;top: 41.8%;}.dot.qingdao {left: 73%;top: 32%;}.dot.dalian {left: 74.5%;top: 26%;}.dot.beijing {left: 67%;top: 25%;}.dot.tianjin {left: 68.3%;top: 27.2%;}.dot.ningbo {left: 75.8%;top: 44.9%;}
.dot.dongguan {left: 64.6%;top: 57%;}.dot.guangzhou {left: 60.5%;top: 56.7%;}.dot.xianggang {left: 65.5%;top: 59.5%;}.bz_list .dot.jz {flex-direction: row-reverse;}.bz_list .dot.jz i {margin-right: 0;margin-left: 10px;}


/* 产业布局 */
.layout_body {display: flex; justify-content: space-between; align-items: center;}
.layout_body .max100 img {border-radius: 30px;}

/* 机器人系列 */
.robot_list {padding-bottom: 35px;padding: 20px 100px 50px;}
.robot_list::after,.robot_list::before {content: '';position: absolute;left: 0;top: 0;bottom: 50px;width: 150px;z-index: 9;background-image: linear-gradient(-90deg, rgb(255 255 255 / 0%) 00%, rgb(244 244 252) 100%);background-image: linear-gradient(90deg, rgb(255 255 255) 0%, rgb(255 255 255 / 0%) 100%);}
.robot_list::before {left: auto;right: 0;background-image: linear-gradient(90deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255) 100%);bottom:0}
.robot_list ul {display: flex;}
.robot_list ul li {width: 23.5%;}
.robot_list ul li a {display: block;padding: 35px 0;box-shadow: 0px 0px 20px 0px rgb(25 17 64 / 8%);/* border: 1px solid #E1E1E1; */border-radius: 25px;background-color: #fff; background-image: linear-gradient(165deg, rgb(190 209 233 / 60%) 0%, rgb(255 255 255) 80%);}
.robot_list ul li .pic_box {width: 75%;height: 0; padding-bottom: 75%;}
.robot_list ul li .pic_box span {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-size: cover; background-position: center;}
.robot_list ul li .info {font-size: 15px;line-height: 1.9em;color: #999;}
.robot_list ul li .info .title {color: #333;font-size: 1.85rem;font-weight: bold;}
/* .robot_list ul li:hover {-webkit-box-shadow: 0 15px 30px rgb(0 0 0 / 10%);box-shadow: 0 15px 30px rgb(0 0 0 / 10%); -webkit-transform: translate3d(0,-15px,0);border: 1px solid #FBFBFB;} */
.robot_list ul li:hover .pic_box span {transform: translateZ(0) scale(1.1); -webkit-transform: translateZ(0) scale(1.1); -ms-transform: translateZ(0) scale(1.1);}
.robot_list ul li:hover .info .title {color:#c41218;}

.robot_pagination {bottom: 0 !important; position: absolute;}
.robot_pagination .swiper-pagination-bullet {width: 30px; border-radius: 0; height: 3px;}
.robot_pagination .swiper-pagination-bullet-active {background: #c41218;}
/* 产品展示内页 */
#products .products_box.product_view {padding: 50px;border-radius: 20px;box-shadow: 0 0 5px 0px #00000014;}
.product_view .view_top .p-info {position: absolute;right: 0;width: 55%;top: 0px;z-index: 10;}
.product_view .view_top .p-info h3.title {font-size: 3.2rem;line-height: 35px;font-weight: bold;}
.product_view .view_top .p-info p.subtitle {font-size: 18px; margin-top: 5px;}
.product_view .view_top .p-info p.parameter {font-size: 15px;line-height: 30px;color: #666;height: 250px;overflow-y: auto;z-index: 5;padding: 15px 20px 15px 0;}
.product_view .view_top .p-info p.parameter::-webkit-scrollbar {width: 3px;}
.p-info .parameter-box::after,.p-info .parameter-box::before{content:'';position:absolute;top:0;left:0;right:10px;background-image: linear-gradient(0deg,rgb(255 255 255 / 0%) 0%,rgb(255 255 255) 100%);z-index:9;height: 30px;}
.p-info .parameter-box::before{bottom:0;top:auto;background-image: linear-gradient(180deg,rgb(255 255 255 / 0%) 10%,rgb(255 255 255) 90%);height: 35px;}

.product_view .view_top .p-contact {line-height: 30px; font-size: 14px; color: #888;background: #F9F9F9; padding: 15px 20px; border-radius: 5px;}
.product_view .view_top .bz {position: absolute; width: 55%; right: 0;bottom: 0; z-index: 11;}
.product_view .view_top .p-contact i {font-size: 22px; margin-right: 5px; vertical-align:middle }
.product_view .view_top .p-contact span {font-size: 2.6rem;}
.product_view .view_top .l-link li {float: left;font-size: 14px;margin-right: 10px;}
.product_view .view_top .l-link li a {display: block;line-height: 30px;background: #F1F1F1;color: #666;padding: 0 15px;font-weight: 400;}
.product_view .view_top .p-link a {width: 150px;height: 45px;line-height: 45px;color: #c41218;text-align: center;margin-right: 20px;border: 1px solid #c41218; font-size: 1.6rem;}
.product_view .view_top .p-link a i {font-size: 2rem;margin-right: 5px;}
.product_view .view_top .p-link a:hover,.product_view .view_top .p-info .l-link li a:hover {background: #c41218; color: #FFF; overflow: visible;}
.product_view .view_top .more-link a {z-index: 20;}

.product_view .view_hd {/* background: #EEE; */border-bottom: 2px solid #f2f2f2;}
.product_view .view_hd ul li {line-height: 60px;font-size: 1.9rem;margin-right: 20px;letter-spacing: 0.03em;font-weight: bold;margin-bottom: -2px;}
.product_view .view_hd ul li a {display: block;color: #212f40;/* background: rgba(0,0,0,.05); */border-radius: 5px 5px 0 0;padding: 0 5px;}
.product_view .view_hd ul li:hover a { color: #c41218;}
.product_view .view_hd ul li.cur a {color: #c41218;border-bottom: 2px solid #c41218;}

.product_view .view_content img {margin: 0 auto;}
.product_view .view_content table {width: 100% !important;font-size: 1.6rem;color: #666;}
.product_view .view_content table tr:nth-child(odd) {background: #f7f7f7;}
.product_view .view_content table tr td {padding: 8px 30px; box-sizing: border-box;/* text-align: left; */border-right: 1px solid #e9e9e9;}
.product_view .view_content table tr td:last-child,.product_view .view_content table tr td:first-child {border-right: 0px;}
/* .product_view .view_content table tr td:nth-child(2n+1) {width: 20%;color: #111;}
.product_view .view_content table tr td:nth-child(2n) {width: 30%;} */
.product_view .view_case ul{margin-right:-2%}
.product_view .view_case ul li{width:23%;margin-right:2%;margin-bottom:2%}
.product_view .view_case ul li .pic{height:0;padding-bottom:85%;width:85%;background-position:center;background-size:cover;margin:auto;border:1px solid #EEE;border-radius:20px}
.product_view .view_case ul li .info p.title{font-size:1.7rem}
.product_view .view_case ul li:hover .info p.title{color:#c41218}


/* 模具事业部 */
.mould_show {padding: 50px 0 100px;}
.mould_show::before,.mould_show::after {display: none;}
.mould_show ul li a {box-shadow: 0 0px 3px rgba(0,0,0,.05);background-image: none;}
.mould_show ul li .pic_box {width: 90%; height: 0; padding-bottom: 60%;}
.mould_show ul li .info .title {font-size: 2.2rem; letter-spacing: 0.05em;}

.album_list ul {justify-content: space-between;}
.album_list ul li {width: calc(25% - 15px);margin-bottom: 20px;}
.album_list ul li .pic_box {width: 100%;height: 0;padding-bottom: 75.3%;}
.album_list ul li .pic_box span {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-position: center; background-size: cover;}

/* 制造实力 */
.making_content { font-size: 1.9rem; line-height: 2.8rem; }
/* 质量体系 */
.index-tserver{width:100%;background:url('../images/making/server-line.png') no-repeat center center;box-sizing:border-box;text-align:center;max-width: 1280px;}
.index-tserver li{width: 160px;min-width:162px;height: 160px;text-align:center;box-sizing:border-box;/* padding-top:106px; */font-size:14px;color:#656d73;display:inline-block;position:relative;cursor:pointer;border: 2px solid #b8d4f3;border-radius: 50%;margin: 18px 4.5%;padding: 15px;}
.index-tserver li .icon {width: 75px; height: 75px;line-height: 75px;}
.index-tserver li .icon i {font-size: 5rem;}
.index-tserver li p.title {height: 50px;line-height: 25px;font-size: 1.8rem;font-weight: bold;color: #111;}
.index-tserver li p.zoomin{width:162px;height:162px;display:inline-block;position:absolute;top:0;left:50%;margin-left:-81px;border-radius:81px;padding:40px 30px;box-sizing:border-box;text-align:left;font-size:14px;line-height:22px;background:linear-gradient(111deg,#04bde4,#1067fe);display:none}
.index-tserver li p a{color:#fff}
.index-tserver li p.animated{animation-duration:.5s;animation-fill-mode:both}
.index-tserver li:hover p{display:block}
.index-tserver li:hover {background:linear-gradient(111deg,#04bde4,#1067fe); border: 2px solid transparent;}
.index-tserver li:hover .icon i,.index-tserver li:hover p.title {color: #fff;}

.process ul {margin-right: -0.5%;}
.process ul li {margin-right: 0.5%;width: 13.785%;padding: 25px 10px;box-shadow: 0 0px 1px rgb(0 0 0 / 50%);background: #ffffff;height: 300px;}
.process ul li .icon {width: 90px;height: 90px;margin: 0 auto;background: url(/static/starry/images/icon/lcbg.png) no-repeat center center;background-size: 100%;}
.process ul li .icon div {width: 30px;height: 30px;overflow: hidden;margin: 30px;line-height: 30px;}
.process ul li .icon i {font-size: 3rem; display: block;}
.process ul li p.no {margin: 0px auto;font-size: 4rem;width: 100%;}
.process ul li p.title {font-size: 1.8rem;font-weight: bold;}
.process ul li p.subtitle {font-size: 1.4rem; color: #999; line-height: 20px;}
.process ul li:hover {background: #c41218;transform: translateY(-15px);-ms-transform: translateY(-15px);-moz-transform: translateY(-15px);-webkit-transform: translateY(-15px);-o-transform: translateY(-15px);}
.process ul li:hover p.no,.process ul li:hover p.title,.process ul li:hover p.subtitle {color: #FFF;}
.process ul li:hover .icon i {margin-top: -30px;}

/** 服务支持 **/

/* 案例展示 */
.body-box .container_content.line-box {width: calc(100% - 280px);}
.product_line ul {margin-right: -1.5%;/* display: flex; *//* justify-content: space-between; */}
.product_line ul li {width: 31.83%;margin-bottom: 1.5%;border: 1px solid #EFEFEF;border-radius: 20px;margin-right: 1.5%;/* box-shadow: 0 0 5px 0px #00000014; */}
.product_line ul li a {padding: 5%;display: block;}
.product_line ul li .img {width: 100%;height: 0;padding-bottom: 100%;}
.product_line ul li .img span {position: absolute;left: 0;top: 0;right: 0;bottom: 0;background-position: center;background-size: cover;}
.product_line ul li .info {line-height: 30px;height: 60px;padding: 4% 5%;font-size: 1.65rem;/* border-top: 1px solid #eee; */font-weight: 500; color: #999;}
.product_line ul li .info p.p-title {font-weight: bold;font-size: 2rem; color: #000;}
.product_line ul li:hover .info p.p-title {color: #c41218;}
.product_line ul li:hover .img span {transform: translateZ(0) scale(1.1); -webkit-transform: translateZ(0) scale(1.1); -ms-transform: translateZ(0) scale(1.1);}


/** 产品案例 **/
.case_list li {box-shadow: 0px 1px 35px 0px rgb(0 0 0 / 6%); margin-bottom:35px;border-radius:15px}
.case_list li .box {padding: 15px 0;}
.case_list li .box .cont {width: 40%;max-width: 50%;transform: translate(-100%, -50%);font-size: 1.8rem;color: #999;z-index: 20;}
.case_list li .box .imgs {width: 45%;height: 0;padding-bottom: 33%;margin-right: 5%;position: relative;z-index: 10;}
.case_list li .box .cont h3.title {font-size: 3.2rem;font-weight: bold;line-height: 1.5em;letter-spacing: 0.03em;}
.case_list li .box .cont .type {font-size: 1.7rem}
.case_list li .box .cont .des span,.case_view .view_top .p-info .parameter span {padding: 5px 10px;}
.case_list li .box .cont .btn {padding: 10px 30px 10px 50px; line-height: 28px; font-size: 1.6rem;}
.case_list li:hover .box .cont h3.title {color: #c41218;}
.case_list li:hover .box .imgs .show {transform: translateZ(0) scale(1.05); -webkit-transform: translateZ(0) scale(1.05); -ms-transform: translateZ(0) scale(1.05);}
.case_list li:nth-child(odd) .box .cont {transform: translate(10%, -50%);}
.case_list li:nth-child(odd) .box .imgs {float:left;margin-left: 3%;margin-right:0}
/* 案例内页 */
#case .case_box.case_view {padding: 50px;}
.case_view .view_top .p-info {position: absolute;right: 0;width: 55%;top: 30px;z-index: 10;}
.case_view .view_top .p-info h3.title {font-size: 3.2rem;line-height: 35px;}
.case_view .view_top .p-info p.subtitle {font-size: 1.55rem; margin-top: 5px;}
.case_view .view_top .p-info .parameter {font-size: 1.8rem;line-height: 35px;color: #666;height: 150px;font-weight: 400;}
.case_view .view_top .p-info .parameter li {width: 48%;padding-right:2%;margin-bottom: 5px;}
.case_view .view_top .p-info .p-contact {line-height: 30px; font-size: 14px; color: #888;background: #F9F9F9; padding: 15px 20px; border-radius: 5px;}
.case_view .view_top .p-info .p-contact i {font-size: 22px; margin-right: 5px; vertical-align: middle;}
.case_view .view_top .p-info .p-contact span {font-size: 2.6rem;}
.case_view .view_top .p-info .l-link li {float: left;font-size: 14px;margin-right: 10px;}
.case_view .view_top .p-info .l-link li a {display: block;line-height: 30px;background: #F1F1F1;color: #666;padding: 0 15px;font-weight: 400;}
.case_view .view_top .p-info .p-link a {width: 150px;height: 45px;line-height: 45px;color: #c41218;text-align: center;margin-right: 20px;border: 1px solid #c41218; font-size: 1.6rem;}
.case_view .view_top .p-info .p-link a i {font-size: 2rem;margin-right: 5px;}
.case_view .view_top .p-info .p-link a:hover,.case_view .view_top .p-info .l-link li a:hover {background: #c41218; color: #FFF; overflow: visible;}
.case_view .view_top .p-info .more-link a {z-index: 20;}
.case_view .view_hd {/* background: #EEE; */border-bottom: 1px solid #f2f2f2;}
.case_view .view_hd ul li {line-height: 60px;font-size: 1.9rem;margin-right: 20px;letter-spacing: 0.03em;}
.case_view .view_hd ul li a {display: block;color: #212f40;/* background: rgba(0,0,0,.05); */border-radius: 5px 5px 0 0;padding: 0 5px;}
.case_view .view_hd ul li:hover a { color: #c41218;}
.case_view .view_hd ul li.cur a {color: #c41218;border-bottom: 2px solid #c41218;}
.case_view .view_content img {margin: 0 auto;max-width: 100% !important;}
.case_view .view_content table {max-width: 100% !important;}
.case_view .view_content table tr td {padding: 10px;}


/* 发展历程 */
.history_content{padding: 0 80px 100px 150px;overflow: hidden;}
.history_content article{position: relative;overflow: hidden;}
article, section, time, aside{display: block;}
.history_content article > h3{width: 230px;height: 24px;line-height: 30px;text-align: right;font-size: 24px;color: #1d1d1d;padding: 25px 0 15px;}
.history_content article section{padding: 0 0 10px;position: relative;}
.history_content article section:before{content: "";width: 1px;top: 0;bottom: -17px;left: 20%;background: #ddd;position: absolute;}
.point-time{content: "";position: absolute;width: 12px;height: 12px;top: 24px;left: 20%;background: #c41218;margin-left: -5px;border-radius: 50%;box-shadow: 0 0 0 5px #fff;}
.history_content article section time{width: 15%;display: block;position: absolute;font-size: 15px;line-height: 60px;}
.history_content article section time > span{display: block;text-align: right;font-size: 2.6rem;font-family: 'digit',"Microsoft YaHei";color: #666;}
.history_content article section aside{color: #333;margin-left: 25%;padding-bottom: 15px;font-size: 1.8rem;padding-top: 15px;font-weight: 100;}
.history_content article section .brief{color: #9f9f9f;}
.history_content section:hover time > span {color: #c41218;}
.history_content section:hover p.things {padding-left: 10px;}


/* 荣誉证书 */
#honor .honor_list {margin-right: -3%;}
#honor .honor_list.inx {margin-right: -1%;}
#honor .honor_list li {float: left;width: 23%;margin: 0 2% 2% 0;overflow: hidden;box-sizing: border-box;padding: 10px;border: 1px solid #E8E8E8;}
#honor .honor_list.inx li {width: 19%;margin: 0 1% 1% 0;}
#honor .honor_list li a {display: block;}
#honor .honor_list li .honor_img {width: 100%;height: 0;transition: all 0.4s ease-out 0s;position: relative;padding-bottom: 100%;}
#honor .honor_list.inx li .honor_img {padding-bottom: 66%;}
#honor .honor_list li .honor_img img {max-width: 100%;max-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#honor .honor_list li .honor_info {text-align: center;padding: 10px 0;}
#honor .honor_list li .honor_info p.title {color: #444;font-size: 18px;line-height: 30px;}
#honor .honor_list li:hover .honor_info p.title,#video .video_list ul li:hover .video_info {color: #c41218;}
#honor .honor_list li .honor_info p.description {color: #999; font-size: 13px; line-height: 22px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
#honor .honor_view img {float: none; max-width: 80%; margin: 15px auto; display: block;}


/* 视频中心 */
#video .video_list ul,.xk4s_list ul {margin-right: -3%;}
#video .video_list ul li,.xk4s_list ul li {width: 30.33%;margin-right: 3%;margin-bottom: 3%;}
#video .video_list ul li .video_img,.xk4s_list ul li .xk4s_img {height: 0; padding-bottom: 68%; overflow: hidden; position: relative; display: block; width: 100%;}
#video .video_list ul li .video_img .shadow,.xk4s_list ul li .xk4s_img .shadow {position: absolute; left: 0;  width: 100%;  display: block;  top: 0; height: 100%; background: rgba(0,0,0,.4); opacity: 0; z-index: 85; transition: all 0.4s ease-out;}
#video .video_list ul li .video_img .pic,.xk4s_list ul li .xk4s_img .pic { width: 100%; height: 100%; display: block; background-position: center; background-size: cover; transition: all 0.4s ease-out; position: absolute; z-index: 80;}
#video .video_list ul li .video_info,.xk4s_list ul li .xk4s_info  { padding: 10px 15px; font-size: 16px; color: #333;transition: all 0.4s ease-out;}
#video .video_list ul li .video_img::after,.xk4s_list ul li .xk4s_img::after  {content: '';width: 55px;height: 55px;margin: 0 auto;margin-left: -27.5px;margin-top: 0;position: absolute;top: 20px;left: 50%;z-index: 10;border-radius: 50px;transition: all .6s cubic-bezier(.17,.84,.44,1) 0s;opacity: 0;z-index: 90;background: url(../images/icon/icon_play.png);}
#video .video_list ul li:hover .video_img .pic,.xk4s_list ul li:hover .xk4s_img .pic  {transform: translateZ(0) scale(1.1); -webkit-transform: translateZ(0) scale(1.1); -ms-transform: translateZ(0) scale(1.1);}
#video .video_list ul li:hover .video_img::after,.xk4s_list ul li:hover .xk4s_img::after {margin-top: -27.5px;top: 50%;opacity: 1;}
#video .video_list ul li:hover .video_img .shadow,.xk4s_list ul li:hover .xk4s_img .shadow {opacity: 1;}

#movie .video_view {max-width: 1080px;}
#movie .video_view .view_head .title {font-size: 3rem; font-weight: 100; line-height: 1.5em;}
#video_paly {height: 0 !important;width: 100% !important;padding-bottom: 56.25%;position: relative;overflow: hidden;}
/* 作品内推荐 */
.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 #c41218;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;}


/** 领先技术 **/


/* 成功案例 */
.xk3s_list ul li .xks_img::after {background: url(../images/icon_case.png);}
.xk3s_list .cases_info {padding: 20px 15px 30px;left: 0;right: 0;bottom: 0;z-index: 90;color: #333;line-height: 25px;background: #FFF;}
.xk3s_list .cases_info p.title {font-size: 1.8rem;}
.xk3s_list .cases_info p.subtitle {font-size: 1.6rem;}
.xk3s_list ul li:hover {border: #c41218 1px solid;}
.xk3s_list ul li:hover .cases_info {color:#c41218 }

/* 询盘报价 */
#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%; }
.container_header {padding-bottom: 30px;text-align: center;	font-size: 30px;	max-width: 560px;	margin: 0 auto}
.container_header .title {	color: #333; font-weight: bold;}
.container_header .subtitle {color: #939393;font-size: 14px;margin-top: 5px;font-family: HELVETICANEUELTPRO-THEX, Arial;  letter-spacing: 1px;  text-transform: uppercase;}
.contact_box .introduction {max-width: 1200px;color: #999;text-align: center;margin: 0 auto 50px;font-size: 1.75rem;line-height: 26px;}
.contact_info h3.title,.messageBox .info_head .title {font-size: 2.4rem;color: #111;margin-bottom: 20px;line-height: 1.5em;letter-spacing: 0.05em;}
.contact_info h3.title::after {content: '';position: absolute;height: 25px;width: 5px;background: #c41218;left: -30px;top: 2px;}
.contact_info ul {overflow: hidden;margin: 0 auto;border-top: 1px solid #e5e8eb;}
.contact_info ul li {overflow: hidden;font-size: 1.75rem;line-height: 30px;color: #666;width: 100%;border-bottom: 1px solid #e5e8eb;align-items: center;padding: 22px 0;} {color: #666;}
.contMode-icon { width: 42px; height: 42px; align-items: center; justify-content: center; border: 2px solid #c41218; border-radius: 50%;}
.contMode-text {width: calc(100% - 42px);padding-left: 15px;line-height: 1.3em;}
.contMode-text .title {font-size: 1.6rem;color: #666;letter-spacing: 0.1em;}
.contMode-text .text,.contact_info ul li a {font-size: 2.1rem;color: #111;}





/* 留言表单 */
.messageBox {}
.messageBox .frow {width: 100%; margin-bottom: 2%;}
.messageBox .info_head {font-size: 1.6rem; color: #666;}
.messageBox .frow .form-control{ padding: 12px 15px; font-size: 1.5rem;font-family: "microsoft yahei"; border: 1px solid #ccc; border-radius: 5px; box-shadow: 0 0 0 transparent, inset 0 0 2px #eee; -webkit-transition: all 0.2s ease-in-out;}
.messageBox .frow .form-control:focus { border: 1px solid #c41218;}
.more-link .btn {border: none;right: 0;float: right;}
.messageBox .frow input::-webkit-input-placeholder,.messageBox .frow textarea::-webkit-input-placeholder {color: #999;}
.messageBox .frow input:-moz-placeholder,.messageBox .frow textarea:-moz-placeholder {color: #999;}
.messageBox .frow input::-moz-placeholder,.messageBox .frow textarea::-moz-placeholder {color: #999;}
.messageBox .frow input:-ms-input-placeholder,.messageBox .frow textarea:-ms-input-placeholder {color: #999;}

/******** 自适应调整 ********/
@media (max-width: 1920px) {
	#about .about_body {/* padding: 120px 0 */}
	.module_box .module_list ul li {line-height: 45px;}
	#culture .pic {width: 50%;}
	.nybanner::before {transform: rotate(-4deg);bottom: -60px;}
}
@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: 450px; 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%;}
	#view_body .module_box {display: none;}
	#view_body #products .products_box {width: 100%;}
}
@media (max-width: 1280px) {
	.wrapper .ptb100 {padding-top: 70px; padding-bottom: 70px;}
	#about .about_body .mt50 {margin-top: 30px;}
	
}