@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;}
.ptb50-100 {padding-top: 50px; padding-bottom: 100px;}

/* 列表页页眉 */
#pages{padding: 0;text-align: center; margin: 80px 0; font-size: 16px; color: #999;}
#pages a{height: 45px;display: block;color: #999;line-height: 45px;text-align: center;font-family: Arial;transition: background-color 0.2s ease-out;border: 1px solid #E5E5E5;}
#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{color: #FFF;border: 1px solid #f08200;background: #f08200;}
#pages li {width: 45px;background-color: #f3f3f3;display: inline-block;color: #a9a9a9;line-height: 45px;text-align: center;font-family: Arial;margin-right: 10px;transition: background-color 0.2s ease-out;overflow: hidden;font-size: 18px;}
#pages li.thisclass a {color: #FFF;border: 1px solid #f08200;background: #f08200;}
#pages p.tips {padding: 20px 0;}
.bg_gray #pages li {background: #FFF}
.bg_gray .about_body #pages li {background: #f3f3f3}
#view_body #making .body-box,#view_body #service .body-box,#view_body #product .body-box {height: auto;}



/* 内页顶部banner */
.nybanner{width: 100%; height: 0; position: relative; background-position: center; background-repeat: no-repeat; padding-bottom: 25%; background-position: center; background-size: cover;}
.nybanner::after {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.2);z-index: 1;}
.nybanner.no-zd::after {display: none;}
#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;padding-bottom: 25px;}
#view_banner .header .title::after { content: ''; position: absolute; height: 2px; width: 50px; background: #FFF;  left: 0; bottom: 0;}
#view_banner .header.t-center .title::after {right: 0; margin: 0 auto;}
#view_banner .header .subtitle {color: #EEE;font-size: 1.7rem;text-transform: uppercase;line-height: 2rem;}

#view_banner .banner-link {position: absolute; bottom: -60px; z-index: 3; border-bottom: 1px solid #E8E8E8;}
#view_banner .banner-link a:hover {color: #f08200;}
.banner-link{padding: 5px 0; background-color: #FFF;left: 0;  right: 0;}
.banner-link ul {}
.banner-link li { display: inline-block; color: #eee;font-size: 1.7rem; text-transform: uppercase;}
.banner-link li a,.banner-link li span {color: #666;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: #ccc;}
.banner-link ul li:last-child i{display: none;}
.banner-link ul li:last-child a {color: #BBBBBB;}
.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: 960px;padding: 50px 30px;box-sizing: border-box;}
/* 博客分享 */
#view_body .n_column ul li a {box-shadow:none; background: #EAEAEA;}
#view_body .n_column ul li a:hover,#view_body .n_column ul li.cur a {color: #FFF;background-color: #f08200;} 

#view_body .news_list {box-shadow:none}
.news_list ul {margin-right: -3%;}
#view_body .news_list ul li {/* margin-right: 2%; *//* margin-bottom: 2%; */width: 31.33%;border: none;padding: 30px 2%;width: calc(33.33%);}
#view_body .news_list ul li:first-child {border: none;}
#view_body .news_list li::after {display: none;}
.news_list .pic_box {width: 100%;height: 0;padding-bottom: 60%;border-radius: 10px;}
.news_list .pic_box .show {position: absolute;background: rgba(0,0,0,.5);left: 0;top: 0;width: 100%;height: 100%;opacity: 0;z-index: 10;}
.news_list .pic_box .show i {color: #fff;font-size: 80px;width: 80px;height: 80px;line-height: 60px;margin: -40px auto 0;position: absolute;left: 0;right: 0;top: 50%;}
.news_list .pic_box .pic {position: absolute; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; left: 0; top: 0; height: 100%; z-index: 9;}
.news_list .content,.tags_list .content {line-height: 28px;font-size: 15px;padding: 20px 10px;}
.news_list .content .title {font-size: 17px;/* font-weight: bold; *//* height: 56px; */}
.news_list .content .info {font-size: 15px;color: #aaa;line-height: 40px;padding-bottom: 10px;}
.news_list .content .info::after,.news_list .content .info::before {position: absolute;content: "";left: 0;bottom: 0;width: 100%;height: 1px;background: #F1F1F1;z-index: 9;}
.news_list .content .info::before {height: 1px;width: 50px;background: #f08200;z-index: 10;transition: all 0.3s;}
.news_list .content .info span {margin-right: 20px;}
.news_list .content .info span i {margin-right: 5px;}
.news_list .content .description {color: #888;}
.news_list li:hover .pic,.tags_list li:hover .pic {transform: translateZ(0) scale(1.1); -webkit-transform: translateZ(0) scale(1.1); -ms-transform: translateZ(0) scale(1.1);}
.news_list li:hover .show {opacity: 1;}
.news_list li:hover .show i{font-size: 45px;}
.news_list li:hover .content .title{color: #f08200;}
.news_list li:hover .info::before {width: 100%;}

.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: #f08200;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: #f08200; 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: #f08200;}
.view_content img {display: block; float: none; margin: 15px auto; max-width: 100%; height: auto;}




#blog .blog_list ul li.list {border-bottom: 1px solid #eee;/* margin-bottom: 30px; */}
#blog .blog_list ul li.list a {display: block;padding: 25px;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;left: 350px;top: 45px;font-size: 1.8rem;line-height: 30px;transition: all ease-out .4s;right: 30px;}
#blog .blog_list ul li.list a .body p.title {font-size: 2.2rem;color: #222;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;right: 40px;}
#blog .blog_list ul li.list a:hover .body p.title {color: #f08200;}
#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: 50px 3% 150px 30px;box-sizing:  border-box;}
.blog_view .content_box {padding: 30px;}
.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 h3.title::after {content: '';position: absolute;height: 30px; width: 5px; background: #f08200; left: -50px;  top: 0;}
.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;}
.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: #f08200;line-height: 80px;height: 100%;}
.paging .back a:hover,.paging .prenext a:hover div {color: #FFF;background: #f08200;}
.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: 4px;bottom: 0;background: #f08200;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: #f08200;}
.xk_box .xk_sidebar .sidebar_body .column li a:hover,.morenews li a:hover {color: #f08200;}
.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;}

/* 侧边菜单栏 */
.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.2rem;}
.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 {line-height: 50px;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: #f08200;border-radius: 5px;}
.module_box .module_list ul li.cur {background: rgba(0,0,0,.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;text-transform: uppercase;}
.module_box .module_list ul li.cur a {color: #f08200;font-weight: bold;}
.module_box .module_list ul li a:hover {color: #f08200;}
.bg_gray .module_box {border-right: 1px solid #ddd;}

/* 横向菜单栏 */
.section1 {height: 80px; padding: 0 30px;}
.section1 .info {line-height: 28px; padding-top: 14px;font-size: 1.5rem;}
.section1 .info p.title {font-size: 2.4rem;}
.section1 ul li {line-height: 80px; font-size: 1.8rem; text-align: center; display: block; margin: 0 15px}
.section1 ul li a {display: block;}
.section1 ul li a::after {position: absolute; content: ''; bottom: 0; width: 0; height: 3px; background:#f08200; margin: 0 auto; left: 0; right: 0;transition: all .3s;}
.section1 ul li.cur a {color: #f08200} 
.section1 ul li.cur a::after,.section1 ul li a:hover::after {width: 40px;}


/* 分区内容 */
.body-box .module_container {padding-bottom: 100px;}
.body-box .container_content { 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;}


/* 解决方案 */
#solution .solution_body {font-size: 1.7rem;line-height: 32px;}
#solution .solution_body h3.title,#solution .solution_body h4.title {font-size: 2.6rem;line-height: 35px;}
#solution .solution_body p.subtitle {font-size: 1.5rem;}


/* 设计 */
.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;}

/* 生产设备 */
.device_list ul li {width: 25%;overflow: hidden;position: relative;padding: 5px;border-bottom: rgba(0,0,0,.05) 1px solid;border-right: rgba(0,0,0,0.05) 1px solid;padding: 20px;}
.device_list ul li:nth-child(4n) {border-right: none;}
.device_list ul li .img {width: 100%; height: 0; padding-bottom: 68%; display: block; position: relative; overflow: hidden;}
.device_list ul li .img div { position: absolute; width: 100%; height: 100%; display: block; background-position: center; background-size: cover;}
.device_list ul li .info {height: 40px; line-height: 20px; font-size: 1.8rem; padding: 20px 10px 10px;}
.device_list ul li:hover .img div{ transform: translateZ(0) scale(1.1); -webkit-transform: translateZ(0) scale(1.1);-ms-transform: translateZ(0) scale(1.1);}
.device_list ul li:hover .info p {color: #f08200;}



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

/* 关于我们 */
#about .about_body {padding: 70px 0;}
.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 .title {font-size: 3.2rem;}
#about .about_body .content .subtitle {font-size: 2rem; font-weight: bold;}
#about .about_body .content .description,#about .about_body .content .des2 {font-size: 16px;line-height: 32px;}
#about .about_body .content .des2 {color: #777; font-size: 1.6rem; line-height: 2.6rem;}
#about .about_body .content .h48 {height: 48px;}
#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;}
.team_content {font-size: 1.8rem; line-height: 30px;}
.team_content h2.title {font-size: 3rem; margin-bottom: 30px;}

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


/* 加入我们 */
.widget{position: relative;margin-bottom: 30px;border: 1px solid #E8E8E8; background: #F7F7F7}
.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: #666;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;color: #ccc;font-size: 18px;}
.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: 35px;font-size: 1.75rem;border-top: 1px solid #E5E5E5;margin-top: 15px;}

/* 企业文化 */
.culture ul li .fix {border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.culture ul li:nth-child(3n) .fix {border-right: none;}
.culture ul li .title {font-size: 24px;height: 40px;line-height: 40px;}
.culture ul li .description {font-size: 15px;line-height: 30px;height: 90px;}
.culture ul li i {width: 6.5rem; height: 6.5rem; line-height: 6.5rem; font-size:6.5rem; display: inline-block; color: #999;}

/* 荣誉证书 */
.honor_list.inx {margin-right: -1.6%;}
.honor_list li {float: left;width: 16.66%;overflow: hidden;box-sizing: border-box;padding: 15px;}
.honor_list li(4n) {border-right: none;}
.honor_list li a {display: block;}
.honor_list li .honor_img {width: 100%;height: 0;transition: all 0.4s ease-out 0s;position: relative;padding-bottom: 100%;}
.honor_list.inx li .honor_img {padding-bottom: 66%;}
.honor_list li .honor_img img {max-width: 100%;max-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.honor_list li .honor_info {text-align: center;padding: 10px 0;}
.honor_list li .honor_info p.title {color: #444;font-size: 15px;line-height: 30px;}
.honor_list li:hover .honor_info p.title,#video .video_list ul li:hover .video_info {color: #f08200;}
.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_view img {float: none; max-width: 80%; margin: 15px auto; display: block;}

#honor .honor_list li {width: 25%;padding: 50px;border-bottom: rgba(0,0,0,.05) 1px solid;border-right: rgba(0,0,0,0.05) 1px solid;}

/* 视频中心 */
#video .video_list ul,.xk4s_list ul {/* margin-right: -2%; */}
#video .video_list ul li,.xk4s_list ul li {width: 33.33%;border-bottom: rgba(0,0,0,.05) 1px solid;border-right: rgba(0,0,0,0.05) 1px solid;}
.xk4s_list ul li:nth-child(3n) {border-right: none;}
/* .xk4s_list ul li:nth-child(8n+1) {border-bottom: none;} */
#video .video_list ul li .video_img,.xk4s_list ul li .xk4s_img {height: 0;padding-bottom: 65%;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 {display: block;background-position: center;background-size: cover;transition: all 0.4s ease-out;position: absolute;z-index: 80;left: 4%;top: 5%;bottom: 0;right: 4%;}
#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;}
#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;}
/* 产品展示内页 */
#showbox {border: 1px solid #eee;border-radius: 5px;overflow: hidden;}
#showbox p.box-none {display: none !important;}
#showsum {left:25px;margin-top:10px;width: 500px !important;}
#showsum p {width: auto !important; left: 10px !important;}
#showsum span {border: 1px solid rgba(0,0,0,.1);border-radius: 5px;}
#showsum span.sel {border: 1px solid #f08200;}
#showsum span img,#showbox b img {margin: auto !important;top: 0 !important;width: auto !important;}
.showpage {width: 550px;position:relative;}
.showpage a {display:block;width: 30px;height: 60px;line-height: 60px;background: #eee;text-align:center;font-size:18px;position:absolute;left:0;top: -60px;text-decoration:none;color:#999;border-radius: 5px;}
.showpage a i { line-height: 50px;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover {background: #f08200;color: #FFF;}

.product_view .view_top .p-pic {/* width: 550px; *//* height: 400px; *//* border: 1px solid #eee; *//* display: flex; *//* justify-content: center; *//* align-items: center; */}
.product_view .view_top .p-pic img {max-width: 100%; max-height: 100%; min-height: 100%;}
.product_view .view_top .p-info {position: absolute;right: 0;width: 50%;top: 29px;}
.product_view .view_top .p-info h3.title {font-size: 3.2rem;line-height: 35px;}
.product_view .view_top .p-info p.subtitle {font-size: 1.55rem;margin-top: 5px;color: #999;}
.product_view .view_top .p-info p.parameter {font-size: 15px;line-height: 28px;color: #666;height: 112px;}
.product_view .view_top .p-info .p-contact {line-height: 30px; font-size: 14px; color: #888;background: #F9F9F9; padding: 15px 20px; border-radius: 5px;}
.product_view .view_top .p-info .p-contact i {font-size: 22px; margin-right: 5px; vertical-align: middle;}
.product_view .view_top .p-info .p-contact span {font-size: 2.6rem;}
.product_view .view_top .p-info .p-link a {width: 150px;height: 45px;line-height: 45px;color: #f08200;text-align: center;margin-right: 20px;border: 1px solid #f08200; font-size: 1.6rem;}
.product_view .view_top .p-info .p-link a i {font-size: 2rem;margin-right: 5px;}
.product_view .view_top .p-info .p-link a:hover {background: #f08200; color: #FFF; overflow: visible;}

.product_view .view_hd {/* background: #EEE; */border-bottom: 1px solid #f2f2f2;}
.product_view .view_hd ul li {line-height: 60px;font-size: 1.8rem;margin: 0 5px;}
.product_view .view_hd ul li a {display: block;padding: 0 30px;color: #212f40;background: rgba(0,0,0,.05);border-radius: 5px 5px 0 0;}
.product_view .view_hd ul li:hover a {background: rgba(0,0,0,.05); color: #f08200;}
.product_view .view_hd ul li.cur a {background: #f08200; color: #FFF;}

.product_view .view_content img {margin: 0 auto;}
.product_view .view_content table {width: 100%;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;}
.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: 31.33%; margin-right: 2%; margin-bottom: 2%;}
.product_view .view_case ul li .pic {height: 0; padding-bottom: 65%; width: 100%;background-position: center; background-size: cover;}
.product_view .view_case ul li .info p.title {font-size: 1.7rem;}
.product_view .view_case ul li:hover .info p.title {color: #f08200;}

/* 服务支持 */
.service_box li .info {position: absolute; left: 0; top: 50%; transform: translate(0, -50%); width: 50%;}
.service_box li .info h4.title {font-size: 24px;    padding-bottom: 20px;}
.service_box li .info h4.title::after {content: '';position: absolute;left: 0; bottom: 0; height: 2px; background: #f08200; width: 35px;}
.service_box li .img {float: right;width: 50%;}
.service_box li:nth-child(2n) .info {left: auto;right: 0;}
.service_box li:nth-child(2n) .img {float: left;}


/** 领先技术 **/
/* 印刷标准 */
.standard li {width: 48%;margin-right: 2%;margin-bottom: 2%;}
.standard li .info {padding: 20px 10px;}
.standard li .info .title {font-size: 20px;font-weight: bold;}
/*.standard li .info .title::after {position: absolute; content: '';left: 0; bottom: -15px; height: 2px; width: 30px; background: #f08200;}*/
.standard li .info .description {line-height: 25px;font-size: 15px;height: 125px;color: #666;}
/* 我们的优势 */
.making_body .content .title {font-size: 3rem;}
.making_body .content {font-size: 1.8rem;line-height: 28px;}
.making_body .making_swiper {width: 100%; height: 0; padding-bottom: 60%;}
.making_body .swiper_box {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.making_body .swiper_box .swiper-container { width: 100%; height: 100%;}
.making_body .swiper_box .swiper-slide {background-position: center;background-size: cover;}

/* 汽车模具 */
.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 {padding: 20px 15px 30px;left: 0;right: 0;bottom: 0;z-index: 90;color: #333;line-height: 25px;background: #FFF;}
.xk4s_list .products_info p.title {font-size: 1.8rem;}
.xk4s_list .products_info p.subtitle {font-size: 1.6rem;}
/* .xk4s_list ul li:hover {border: #f08200 1px solid;} */
.xk4s_list ul li:hover .products_info {color:#f08200 }

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


/* 联系我们 */
.max-w1600 { max-width: 1600px;}
.contact_box {margin: 0 auto;}
.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 {width: 100%;height: 420px;box-sizing: border-box;}

.contact_info h3.title {font-size: 26px;color: #000;margin-bottom: 20px;/* width: 370px; *//* margin-left: 30px; */}
.contact_info ul {overflow: hidden;}
.contact_info ul p.tips {font-size: 15px; color: #ccc;}
.contact_info ul li {margin-bottom: 10px;position: relative;overflow: hidden;padding-left: 35px;font-size: 16px;line-height: 35px;color: #333;}
.contact_info ul li a {color: #333;}
.contact_info ul li p {font-size: 16px;}
.contact_info ul li:hover p,.contact_info ul li:hover p a {font-size: 17px; color: #f08200;}
.contact_info ul li i {width: 25px;overflow: hidden;color: #f08200;position: absolute;text-align: center;top: 50%;left: 0;font-size: 17px;transform: translate(0, -50%);line-height: 30px;}
.contact_info ul li span {color: #666;}
.contact_info ul li span,.contact_info ul li p {float: left;}

.map_box {width: 100%; height: 800px;}
/* 留言表单 */
.messageBox {width: 45%; border-left: 1px solid #eee; padding-left: 15%;}
.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 #1473e6;}
.more-link .btn {border: none;}
.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) {
	html {font-size: 9px;}
	#about .about_body {padding: 60px 0}
	.module_box .module_list ul li {line-height: 45px;}
}
@media (max-width: 1500px) {
	.ptb100 {padding-top: 60px; padding-bottom: 60px;}
	#blog .blog_list {padding: 50px 20px;}
	#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: 50px 3% 100px 30px;}
	.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;}
	#about .about_body {padding: 100px 0;}
	.nybanner {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%;}
}
@media (max-width: 1280px) {
	html {font-size: 9.5px;}
	.wrapper .ptb100 {padding-top: 70px; padding-bottom: 70px;}
	#about .about_body .mt50 {margin-top: 30px;}
	#category li a {width: 115px; padding: 15px 0 10px;}
	
}