@charset "utf-8";



#view_body {padding-top: 90px;}
.border1 {border: 1px solid #E5E5E5;}
.border2 {border: 2px solid #eee;}
.mlr-10 {margin-left: -10px; margin-right: -10px;}

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



/* 内页顶部banner */
.nybanner{width:100%;height:360px;position:relative;overflow:hidden;background-position:center top;background-repeat:no-repeat;}
.nybanner::after {content: '';position: absolute; left: 0; right: 0; top: 0;bottom: 0;background: rgba(0,0,0,.3);z-index: 1;}
.nybanner.style-6::after {background: rgba(0,0,0,.05);}
#view_banner .header {text-align: center;font-size: 4rem;margin: -50px auto 0;height: 5rem;position: absolute;z-index: 2;left: 0;right: 0;top: 50%;line-height: 35px;}
#view_banner.style-6 .header {top: 75%}
#view_banner .header .title {color: #FFF; text-transform: uppercase;}
#view_banner .header .subtitle {color: #bbb;font-size: 1.6rem;margin-top: 5px;text-transform: uppercase;    line-height: 2rem;}
#view_banner.style-6 .header .subtitle {color: #FFF;}
#view_banner .banner-link {position: absolute; bottom: 0; z-index: 3;}
.banner-link{padding: 20px 0; background-color: rgba(0, 0, 0, 0.15);left: 0;  right: 0;}
.banner-link li { display: inline-block; color: #eee;font-size: 1.7rem;}
.banner-link li a,.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;}
.banner-link li i{vertical-align: middle;margin-top: -4px;color: #eee;}
.banner-link ul li:last-child i{display: none;}
.banner-link ul li:last-child a {color: #a1a1a1;}
.style-6 .banner-link ul li:last-child a {color: #ccc;}

#blog .blog_list,#join .join_list,#history .history_box,#honor .honor_list_box,#video .video_view,.honor_view,.quote_box {width: 75%; min-height: 800px; padding: 30px; box-sizing: border-box;}
/* 博客分享 */
#blog .blog_list ul li.list {border-bottom: 1px solid #eee;}
#blog .blog_list ul li.list a {display: block;padding: 30px 0;position: relative;height: 180px;transition: all ease-out .5s;}
#blog .blog_list ul li.list a .img {width: 280px;height: 180px;background-position: center;background-size: cover;}
#blog .blog_list ul li.list a .body {position: absolute;width: 65%;left: 320px;top: 50px;font-size: 1.8rem;line-height: 30px;transition: all ease-out .4s;}
#blog .blog_list ul li.list a .body p.title {font-size: 2.2rem;color: #333;height: 30px;transition: all ease-out .4s;font-weight: bold;}
#blog .blog_list ul li.list a .body p.column {color: #999;margin-bottom: 5px;display: inline-block;margin-right: 20px;font-size: 1.6rem;}
#blog .blog_list ul li.list a .body p i {margin-right: 7px;}
#blog .blog_list ul li.list a .body p.description {color: #777;}
#blog .blog_list ul li.list a:hover .body {left: 340px;}
#blog .blog_list ul li.list a:hover .body p.title {color: #2252a2;}
#blog .blog_list ul li.list a:hover .ico {background: rgba(255,255,255,.04);border-left: 1px solid rgba(255,255,255,.0); right: 20px;}

.blog_view {width: 75%;padding: 80px 8% 150px 30px;box-sizing:  border-box;}
.blog_view .view_head {padding-bottom: 25px;border-bottom: 1px solid #EEE;}
.blog_view .view_head h3.title {font-size: 3rem;color: #111;margin-bottom: 15px;font-weight: normal;}
.blog_view .view_head p.info,.blog_view .view_head p.info a {font-size: 1.7rem;color: #777;}
.blog_view .view_head p.info span {margin-right: 20px;}
.blog_view .view_head p.info span i {margin-right: 5px;}
.view_title h3 {font-size: 21px; color: #111; font-family: "SourceSansPro";}
.view_content {font-size: 1.8rem;line-height: 2em;color: #333;word-wrap: break-word;text-align: justify;padding: 25px 0;}
.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;color: #2252a2;}
.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: #2252a2;line-height: 80px;height: 100%;}
.paging .back a:hover,.paging .prenext a:hover div {color: #FFF;background: #2252a2;}
.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 .sidebar_body {margin-bottom: 50px;}
.xk_box .xk_sidebar .sidebar_body h5.title {text-transform: uppercase;position: relative;font-size: 2.4rem;color: #444;height: 40px;font-weight: bold;}
.xk_box .xk_sidebar .sidebar_body h5.title::after {position: absolute;content: "";height: 1.5px;width: 35px;left: 0;bottom: -5px;background: #2252a2;}
.xk_box .xk_sidebar .sidebar_body .column li {height: 40px;line-height: 40px;font-size: 1.9rem;width: 50%;}
.xk_box .xk_sidebar .sidebar_body .column li a {color: #465f7b;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: #2252a2;}
.xk_box .xk_sidebar .sidebar_body .column li a:hover,.morenews li a:hover {color: #2252a2;}
.xk_box .xk_sidebar .sidebar_body .column li.cur span {background: #aaa;}
.morenews li {line-height: 38px;font-size: 1.8rem;position: relative;}
.morenews li a {display: block;color: #465f7b;transition: all 0.3s;padding-right: 30px;}
.morenews li span {position: absolute;right: -10px;text-align: right;font-size: 14px;color: #aaa;bottom: 0;}
.bg_gray .xk_box .xk_sidebar {top: 30px; bottom: 30px; padding: 40px 2.5% 0;}


/* 侧边菜单栏 */
.module_box {float: left;width: 15%;border-right: 1px solid #eee;min-width: 200px;}
.module_box .module_info {padding: 20px 25px 20px 0;color: #eee;text-align: right;}
.module_box .module_info .title {font-size: 3.6rem;font-weight: bold;}
.module_box .module_info .subtitle {font-size: 1.8rem;margin-top: 5px;margin-right: 5px;color: #999; text-transform: uppercase;}
.module_box .module_list {padding: 10px 0 30px;}
.module_box .module_list ul li {font-size: 2rem;position: relative;}
.module_box .module_list ul li::after {content: "";position: absolute;width: 3px;height: 0;top: 13px;right: -2px;transition: all .4s;background: #2252a2;border-radius: 5px;}
.module_box .module_list ul li.cur {background: rgba(34, 82, 162, .02);}
.module_box .module_list ul li.cur::after,.module_box .module_list ul li:hover::after {height: 20px;}
.module_box .module_list ul li a {display: block;color: #212f40;padding-right: 30px;transition: all .4s;text-align: right;line-height: 30px;padding: 5px 30px 5px 0;}
.module_box .module_list ul li.cur a {color: #2252a2;font-weight: bold;}
.module_box .module_list ul li a:hover {color: #2252a2;}
.bg_gray .module_box {border-right: 1px solid #ddd;}




/* 分区内容 */
.body-box .module_container {padding-bottom: 100px;}
.body-box .container_content { width: 80%; min-height: 500px;}
.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 .about_content {font-size: 18px; line-height: 30px; color: #444;}
.body-box .about_content img {float: none; max-width: 100%; margin: 15px auto;}

/* 设计 */
.design_box,.design_content {font-size: 1.9rem;line-height: 2.8rem;}
.design_list li {width: 100%; display: block;box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); margin-bottom: 50px;}
.design_list .design_pic { height: 0; padding-bottom: 27%; background: #eee;}
.design_list .design_pic .design_img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-size: cover;}
.design_list .design_info {position: absolute; top: 50%; right: 0; transform: translate(0, -50%);}
.design_list .design_info p.title {font-size: 2.2rem;    padding-bottom: 20px;}
.design_list .design_info p.description {font-size: 1.8rem;line-height: 2.5rem; height: 17.5rem; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;}

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

/* 制造实力 */
.making_content { font-size: 1.9rem; line-height: 2.8rem;}


/* 合作客户 */
#partner.body-box .partner_list {width: 100%; padding: 0;}
#partner.body-box .partner_list li {padding-bottom: 11%;width: 19%;}
#partner.body-box .container_content {width: 100%;}


/* 客户评价 */
.reviews_list li {margin-bottom: 50px; border-top: 3px solid #2252a2;}
.reviews_list li:hover {box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);}
.reviews_list .reviews_box { background-image: url(../images/icon/testimonials-left.png);background-repeat: no-repeat;background-position: 20px 20px; background-size: 60px auto;}
.reviews_list .reviews_content {font-size: 2rem; line-height: 2.8rem; max-height: 16.8rem; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;text-indent: 2em;}
.reviews_list .reviews_info {text-align: right;}
.reviews_list .reviews_info .tx {width: 80px; height: 80px; border-radius: 50%; background: #d1e8f9;}
.reviews_list .reviews_info .data {font-size: 1.8rem; margin-right: 30px; line-height: 30px; padding: 10px 0;}

/* 关于我们 */
#about .about_body {padding: 150px 0;}
#about .about_body .vertical-c {position: absolute; top: 50%; left: 0; transform: translate(0, -50%);}
#about .about_body .fr.vertical-c {right: inherit; left: 0;}
#about .about_body .col-2 img {display: block;float: none; max-width: 100%;}
#about .about_body .content .title {font-size: 3.8rem; font-weight: bold;}
#about .about_body .content .subtitle {font-size: 2rem; font-weight: bold;}
#about .about_body .content .description,#about .about_body .content .des2 {font-size: 2rem;line-height: 3rem;}
#about .about_body .content .des2 {color: #777; font-size: 1.6rem; line-height: 2.6rem;}
#about .about_body .content .h48 {height: 48px;}
#about .about_body .go {width: 200px; line-height: 46px; color: #FFF; font-size: 15px; background: #c62b26; display: block;}
#about .col-3.border-box {padding: 0.5px;}
#about .about_zl {color: #555;line-height: 30px;font-size: 1.8rem;}
#about .about_zl .zl_icon {width: 60px;height: 60px; line-height: 60px;}
#about .about_zl .zl_icon i {font-size: 60px;}
#about .about_zl .zl_icon img {max-width: 100%; max-height: 100%;}
#about .about_zl .title {font-size: 2.4rem;color: #333;}
#about .about_zl .description { height: 90px;}
#about .about_ms li {color: #555;font-size: 16px;line-height: 25px;padding-left: 20px;margin-bottom: 10px;}
#about .about_ms li::after {content: "";position: absolute; width: 7px; height: 7px; background: #999; top: 10px; left: 0; border-radius: 5px;}
#about .video-box {width: 100%;height: 0; padding-bottom: 56.25%;}
#about .video {position: absolute;left: 0; top: 0; width: 100% !important; height: 100% !important; background: #eee;}
#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;}
.about_body .about_device {width: 100%;height: 0; padding-bottom: 60%;}
.about_body .device_box {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.about_body .about_device .swiper-container {width: 100%; height: 100%;}
.about_body .about_device .swiper-slide {background-position: center; background-size: cover;}
/* 员工活动 */
.activity_list ul {margin-right: -2.33%;}
.activity_list ul li {width: 31%;margin-right: 2.33%;margin-bottom: 20px;overflow: hidden;position: relative;}
.activity_list ul li .img {width: 100%; height: 0; padding-bottom: 68%; display: block; position: relative; overflow: hidden;}
.activity_list ul li .img div { position: absolute; width: 100%; height: 100%; display: block; background-position: center; background-size: cover;}
.activity_list ul li .info {height: 45px;line-height: 45px;font-size: 1.8rem;}

/* 优势 */
.advantage ul {margin-right: -1%;}
.advantage ul li {width: 19%;margin-right: 1%;margin-bottom: 1%;}
.advantage ul li .st,.talent_list ul li .st {position: absolute;top: 0;font-size: 50px;color: #738190;font-family: "GOTHAM-BLACK","Microsoft YaHei";transition: all .5s;opacity: .5;line-height: 80px;width: 80px;height: 80px;text-align: center;background: #f5f5f5;left: 20px;}
.advantage ul li .info {padding: 100px 20px 50px;}
.advantage ul li .info .description {font-size: 2rem;line-height: 30px;height: 120px;font-weight: bold;}
.advantage ul li:hover .st,.talent_list ul li:hover .st {color: #2252a2; opacity: 1; background: #ddd}


/* 人才理念 */
.talent_list ul {margin-right: -3%;}
.talent_list ul li {width: 30.33%;margin-right: 3%;margin-bottom: 3%;}
.talent_list ul li .st {left: 7%}
.talent_list ul li .info {text-align: left;padding: 100px 7% 50px;}
.talent_list ul li .info p.title {font-size: 2.4rem !important;line-height: 3rem;}
.talent_list ul li .info .description {font-size: 1.8rem !important;line-height: 30px !important;height: 150px !important;margin-top: 10px;}

/* 加入我们 */
.widget{position: relative;margin-bottom: 30px;}
.widget-body{position: relative; padding: 30px 25px;}
.widget-title{margin-top: 0;text-transform: capitalize;font-size: 2.6rem;font-weight: bold;margin-bottom: 10px;}
.widget-metas{font-size: 1.7rem;color: #555;font-family: "Open Sans", "Microsoft YaHei";}
.met-job-list li:nth-child(1) .widget-body .job_more,.met-job-list li:nth-child(n+2) .widget-body .job_more {position: absolute;right: 45px;top: 40px;width: 40px;height: 40px;border: 1px solid #DDD;}
.met-job-list li:nth-child(1) .widget-body .job_more {background: url(../images/ico-job_more.png) no-repeat center center #FFF;background-size: 40%;border-radius: 50px;}
.met-job-list li:nth-child(n+2)  .widget-body .job_more {background: url(../images/ico-job_more.png) no-repeat center center #FFF;background-size: 40%;border-radius: 50px;}
.met-job-list li:nth-child(1) .widget-body .job_more1 {background: url(../images/ico-job_more_on.png) no-repeat center center #FFF!important;background-size: 40%!important;}
.met-job-list li:nth-child(n+2) .widget-body .job_more1 {background: url(../images/ico-job_more_on.png) no-repeat center center #FFF!important;background-size: 40%!important;}
.met-job-list li:nth-child(n+2) .widget-body .job_more1 {position: absolute;right: 45px;top: 40px;width: 40px;height: 40px;border: 1px solid #e6e6e6; border-radius: 50px;}
.widget-body .job_more,.widget-body .job_more1 {position: absolute;right: 45px;top: 40px;width: 40px;height: 40px;border: 1px solid #ddd;border-radius: 50px;background-color: #FFF;}
.widget-metas i {margin-right: 5px;}
.widget-metas span {margin-right: 20px;}
.margin-left-10{margin-left: 10px !important;}
.margin-right-5{margin-right: 5px !important;}
.met-job .widget .met-editor{padding: 0px 20px;}
.met-editor{padding: 20px 10px 10px;line-height: 32px;font-size: 1.85rem;border-top: 1px solid #f5f5f5;margin-top: 15px;}

/* 发展历程 */
.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: #ccc;position: absolute;}
.point-time{content: "";position: absolute;width: 8px;height: 8px;top: 23px;left: 20%;background: #2252a2;margin-left: -3px;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: 3rem;font-family: 'digit',"Microsoft YaHei";color: #666;}
.history_content article section aside{color: #3a3a38;margin-left: 25%;padding-bottom: 15px;font-size: 1.85rem;padding-top: 15px;}
.history_content article section .brief{color: #9f9f9f;}

/* 企业文化 */
.culture { border-top: 2px solid #2252a2; border-left: 1px solid #ddd;}
.culture ul li .fix {border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.culture ul li .title {font-size: 3rem;height: 40px; line-height: 40px;font-weight: bold;}
.culture ul li .description {font-size: 1.85rem; line-height: 30px; height: 90px;}
.culture ul li i {width: 7rem; height: 7rem; line-height: 7rem; font-size: 7rem; display: inline-block;}

/* 荣誉证书 */
#honor .honor_list {margin-right: -3%;}
#honor .honor_list li {float: left;width: 22%;margin: 0 3% 3% 0;overflow: hidden;box-sizing: border-box;padding: 10px;background: #f5f5f5;}
#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: 68%;}
#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: #2252a2;}
#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: -2%;}
#video .video_list ul li,.xk4s_list ul li {width: 23%;margin-right: 2%;margin-bottom: 2%;}
#video .video_list ul li .video_img,.xk4s_list ul li .xk4s_img {height: 0; padding-bottom: 72%; 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_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;}
#video_paly {height: 0 !important;width: 100% !important;padding-bottom: 56.25%;position: relative;overflow: hidden;}
#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;}

/* 汽车模具 */
.products_list .xk4s_list ul {margin-right: -2%;}
.products_list .xk4s_list ul li {width: 31.33%; margin-right: 2%; margin-bottom: 2%;}


/* 成功案例 */
.xk4s_list ul li .xk4s_img::after {background: url(../images/icon_case.png);}
.xk4s_list .products_info {position: absolute;padding:40px 15px 10px;left: 0;right: 0;bottom: 0;opacity: 0;z-index: 90;color: #FFF;line-height: 25px; background: url(/style/starry/images//img-title-bg.png) repeat-x;}
.xk4s_list .products_info p.title {font-size: 2rem; font-weight: bold;}
.xk4s_list .products_info p.subtitle {font-size: 1.6rem;}
.xk4s_list ul li:hover .products_info {opacity: 1;}

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

/* 模具类型 */
.mould ul {margin-right: -2%;}
.mould ul li {width: 31.33%;margin-right: 2%;margin-bottom: 2%;}
.mould ul li .img {width: 100%;height: 0;padding-bottom: 71.4%;}
.mould ul li .img span {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-position: center; background-size: cover;}
.mould ul li .info {line-height: 30px; height: 130px; padding: 5% 7%; font-size: 1.7rem;border-top: 1px solid #eee;}
.mould ul li .info p.title {font-weight: bold;font-size: 2rem;}
.mould ul li .info .box_vertical {width: 86%;}
.mould.automation ul li .info {height: 150px;}
.mould.automation ul li:hover .info p.title {color: #2252a2;}
.mould.automation 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);}

/* 自动化设备内页 */
#showbox {border: 1px solid rgba(255, 255, 255, 0.3);}
#showbox p.box-none {display: none !important;}
/*#showbox span { background:url(/style/starry/images/whitebg.png) repeat;}*/
#showsum {left:25px;margin-top:10px;width: 540px !important;}
#showsum p {width: auto !important; left: 10px !important;}
#showsum span { border: 1px solid rgba(255,255,255,.3);}
#showsum span.sel {border: 1px solid #2252a2;}
#showsum span img,#showbox b img {margin: 0 !important;}

.showpage {width: 600px;position:relative;}
.showpage a {display:block;width: 30px;height: 55px;line-height: 55px;background: #ddd;text-align:center;font-size:18px;position:absolute;left:0;top: -55px;text-decoration:none;color:#999;}
.showpage a i { line-height: 50px;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover {background: #2252a2;color: #fff;}

.view_content-right {margin-left: 3% !important; width: 77% !important; float: left; margin-right: 3% !important;}
.product_view .view_top {position: relative;/* padding-top: 30px; */}
.product_view .view_top .top_info {position: absolute;left: 650px;right: 50px;height: 320px;top: 30px;}
.top_info h3.title {font-size: 2.8rem;color: #333;font-weight: bold;}
.top_info p.subtitle {font-size: 13px; color: #999;}
.top_info .parameter-title {margin-top: 80px;border-left: 3px solid rgb(34, 82, 162);height: 20px;line-height: 20px;padding-left: 10px;font-size: 1.7rem;color: #666;font-weight: bold;text-transform: uppercase;}
.top_info .parameter {margin-top: 20px;font-size: 1.55rem;color: #888;line-height: 28px;border: 1px solid rgba(0, 0, 0, 0.1);padding: 10px;max-width: 420px;}
.product_view .view_box {padding: 50px 30px 0 0}
.product_view .view_box .view_title {font-size: 19px;font-weight: bold;position: relative;color: #333;text-transform: uppercase;}
.product_view .view_box .view_title::after {position: absolute;content: "";width: 50px;height: 2px;left: 0;bottom: -10px;background: #2252a2;}
.product_view .view_box .view_content {font-size: 16px;line-height: 32px;color: #888;padding: 30px 100px 30px 0;}
.product_view .view_box .view_content img {display: block; float: none; margin: 15px 0; max-width: 100%;}


/* 联系我们 */
.contact_box {max-width: 1300px;min-width: 1180px;padding: 50px 80px 100px;margin: 0 auto;overflow: hidden;}
.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 {float: left;width: 40%;height: 420px;background: #FBFBFB;box-sizing: border-box;}
.contact_info h3.title {font-size: 24px;color: #222;margin-bottom: 20px;font-weight: bold;width: 386px;margin: 0 auto 20px;}
.contact_info ul {overflow: hidden;width: 395px;margin: 0 auto;}
.contact_info ul li {margin-bottom: 10px;position: relative;overflow: hidden;padding-left: 30px;font-size: 1.75rem;line-height: 30px;color: #444;}
.contact_info ul li i {width: 25px;height: 28px;overflow: hidden;color: #666;position: absolute;text-align: center;top: 0px;left: 0;font-size: 18px;}
.contact_info ul li span {color: #666;}
.contact_info ul li span,.contact_info ul li p {float: left;}


/******** 自适应调整 ********/
@media (max-width: 1920px) {
	html {font-size: 9px;}
}
@media (max-width: 1500px) {
	.mould ul li {width: 48%;}
}
@media (max-width: 1280px) {
	html {font-size: 8.5px;}
	#about .about_body .mt50 {margin-top: 30px;}
}