@charset "utf-8";



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

/* 列表页页眉 */
.pagesDiv {clear:both;width:100%;margin:0 auto;line-height:25px;padding:10px 0px 10px 0px;}
.pagination {text-align:center;}
#pages {padding:14px 0 10px;text-align:right;}
#pages a {display:inline-block;height:45px;line-height:45px;background:#ffffff;border:1px solid #e3e3e3;text-align:center;color:#333333;width: 45px;}
#pages a.a1 {padding:0 5px;width: auto;}
#pages a:hover {background:#f1f1f1;color:#000000;text-decoration:none;}
#pages span {display:inline-block;width:45px; height:45px;line-height:45px;background:#1f6ed4;border:1px solid #e3e3e3;color:#ffffff;text-align:center;}
#pages .noPage {display:inline-block;height:45px;line-height:45px;border:1px solid #e3e3e3;text-align:center;color:#a4a4a4;}

/*#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: #1f6ed4;}
#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: #1f6ed4;}
#pages p.tips {padding: 20px 0;}
.bg_gray #pages li {background: #FFF} 
.bg_white #pages li {background: #EEE}
*/

/* 内页顶部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;}
/*#view_banner .header .subtitle {color: #ddd;font-size: 1.6rem;margin-top: 5px;line-height: 2rem;}*/
#view_banner .header .subtitle {color: #ddd;font-size: 2.5rem;margin-top: 5px;line-height: 3rem;}
#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.3);left: 0;  right: 0;}
.banner-link  { display: inline-block; color: #eee;font-size: 1.7rem;}
.banner-link  a,.banner-link  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  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: #ccc;}
.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: 1000px;padding: 50px 30px;box-sizing: border-box;}
/* 博客分享 */
#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: #1f6ed4;}
#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 0;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: #1f6ed4; 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: #555;word-wrap: break-word;text-align: justify;padding: 25px 0; min-height: 550px;}
.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: #1f6ed4;}
.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: #1f6ed4;line-height: 80px;height: 100%;}
.paging .back a:hover,.paging .prenext a:hover div {color: #FFF;background: #1f6ed4;}
.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: 850px;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 {position: relative;font-size: 2.2rem;color: #222;height: 40px;}
.xk_box .xk_sidebar .sidebar_body h5.title::after {position: absolute;content: "";height: 2px;width: 35px;left: 0;bottom: -5px;background: #1f6ed4;}
.xk_box .xk_sidebar .sidebar_body .column li {height: 45px;line-height: 45px;font-size: 1.8rem;width: 47%;background: #F5F5F5;margin-right: 3%;text-align: center;border: 1px solid #EEE;margin-bottom: 3%;}
.xk_box .xk_sidebar .sidebar_body .column li:hover {border: 1px solid #1f6ed4;}
.xk_box .xk_sidebar .sidebar_body .column li a {color: #444; display: block}
.xk_box .xk_sidebar .sidebar_body .column li a:hover,.morenews li a:hover {color: #1f6ed4;}
.xk_box .xk_sidebar .sidebar_body .column li.cur span {background: #aaa;}

.morenews li {line-height: 38px;font-size: 1.7rem;position: relative;}
.morenews li a {display: block;color: #28465e;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: 50px;bottom: 295px;padding: 40px 2% 0;}



/* 横排菜单 */
.sort_box {height: 83px;}
.sort_box .module_info {display: inline-block;padding: 15px 30px;}
.sort_box .module_info .title {font-size: 2.8rem;}
.sort_box .module_info .subtitle {font-size: 1.8rem;margin-top: 5px;margin-right: 5px;color: #999;}
.sort_box .module_list {float: right;}
.sort_box .module_list ul li {line-height: 83px;font-size: 2rem;position: relative;display: inline-block;margin-right: 30px;}
.sort_box .module_list ul li::after {content: "";position: absolute;height: 3px;bottom: 5px;right: 15px;transition: all .4s;background: #1f6ed4;left: 15px;opacity: 0;}
.sort_box .module_list ul li.cur::after,.module_box .module_list ul li:hover::after {bottom: 0;opacity: 1;}
.sort_box .module_list ul li a {display: block;color: #28465e;transition: all .4s;text-align: right;text-transform: uppercase;}
.sort_box .module_list ul li.cur a {color: #1f6ed4;font-weight: bold;}
.sort_box .module_list ul li a:hover {color: #1f6ed4;}

/* 侧边菜单栏 */
.module_box {width: 260px;min-width: 200px;position: absolute;left: 0;padding-left: 20px;margin-top: -15px;}
.module_box .module_info {padding: 20px 30px;background: #1f6ed4;color: #FFF;font-size: 2rem;}
.module_box .module_info::after {content: "";width: 15px;height: 15px;background: url(../images/title-bg.png) center no-repeat;position: absolute;top: 0;right: -15px;}
.module_box .module_info .title {font-size: 2.8rem;}
.module_box .module_info .subtitle {font-size: 1.8rem;margin-top: 5px;margin-right: 5px;color: #999;}
.module_box .module_list {background: #F5F5F5;margin-bottom: 10px;}
.module_box .module_list ul li {position: relative;display: block;line-height: 30px;font-size: 1.8rem;margin-bottom: 15px;}
.module_box .module_list ul li.m-nav::after {content: "";position: absolute;bottom: 20px;transition: all .4s;background: #1f6ed4;left: 0;opacity: 0;width: 3px;margin: 0 auto;top: 20px;}
.module_box .module_list ul.subnav {padding: 15px 0 10px;}
.module_box .module_list ul.subnav li::before {content: "";position: absolute;transition: all .4s;background: #1f6ed4;left: 15px;opacity: 0;width: 7px;margin: 0 auto;top: 13px;height: 7px;border-radius: 50px;}
/* .module_box .module_list ul.subnav li:hover::before, */.module_box .module_list ul.subnav li.cur::before {left: 30px;opacity: 1;}
.module_box .module_list ul.subnav li a i {opacity: 1; transition: all .4s;margin-right: 10px;}
.module_box .module_list ul.subnav li:hover a i {opacity: 1; margin-right: 0; color: #1f6ed4;}
.module_box .module_list ul li.cur::after,.module_box .module_list ul li.m-nav::after {bottom: 15px;opacity: 1;top: 15px;}
.module_box .module_list ul li a {display: block;color: #28465e;transition: all .4s;padding: 0 25px;padding-left: 50px;}
.module_box .module_list ul li a i {font-size: 13px; color: #999;opacity: 0;}
.module_box .module_list ul li.cur a {color: #1f6ed4;font-weight: bold;}
.module_box .module_list ul li a:hover {color: #1f6ed4;}
.module_box .module_list ul li.m-nav {background: #EFEFEF;font-size: 2rem;line-height: 50px;margin-bottom: 0;}
.module_box .module_list ul li.m-nav a {padding-left: 30px;color: #333;}
.module_box .module_list ul li.m-nav.cur a {color: #1f6ed4;}
.module_box .module_list ul li.cur i{color:#1f6ed4;}

.module_box .column_contact {border: 1px solid #efefef;}
.module_box .column_contact h3.title {position: relative;font-size: 2rem;color: #444;height: 40px;font-weight: bold;border-bottom: 1px solid #efefef;}
.module_box .column_contact h3.title::before {content: '';position: absolute;left:0; bottom:-1px; width: 50px; height: 2px; background: #1f6ed4;;}
.module_box .column_contact ul li {line-height: 30px;font-size: 1.6rem;color: #777;margin-bottom: 5px;}
.module_box .column_contact ul li i {display: inline-block;line-height: 25px;margin-right: 10px;width: 25px;font-size: 15px;float: left;color: #fff;background: #1f6ed4;height: 25px;border-radius: 50px;text-align: center;margin-top: 3px;}
.module_box .column_contact ul li p {display: inline-block;line-height: 25px;}
/* 横排产品 */
.products-x ul li {height: 280px;border-bottom: 1px solid #efefef;}
.products-x ul li::after {content: "";position: absolute; left: 0 ;right: 0; margin: 0 auto; width: 20%; opacity: 0; bottom: -1px;height: 1px;background: #1f6ed4;transition: all .5s; }
.products-x ul li a {display: block;padding: 25px 0;}
.products-x ul li .p-img {width: 340px;height: 230px;}
.products-x ul li .p-img span {position: absolute;width: 100%; height: 100%; display: block; background-position: center; background-size: cover;left: 0;top: 0;}
.products-x ul li .p-content {position: absolute;left: 390px;right: 20px;top: 30px;}
.products-x ul li .p-content p.title {font-size: 2.2rem; color: #222; height: 30px;}
.products-x ul li .p-content p.subtitle {font-size: 1.7rem;height: 25px;line-height: 25px;}
.products-x ul li .p-content .info {font-size: 1.6rem;border-top: 1px dashed #e2e2e2;padding-top: 15px;color: #666;}
.products-x ul li .p-content .info span {width: 50%;margin-bottom: 5px;}
.products-x ul li .p-content .info span i,.top_info .parameter p span {display: inline-block;padding: 0px 10px;font-size: 1.5rem;color: #999;background: #eee;margin-right: 10px;font-weight: bold;}
.products-x ul li .p-more {position: absolute;right: 30px;width: 45px;height: 45px;line-height: 45px;text-align: center;bottom: 30px;background: #eeeeee;border-radius: 50px;/* opacity: 0; */color: #ccc;}
.products-x ul li .p-more i {font-size: 21px;}

.products-x ul li:hover .p-more{opacity: 1;background: #1f6ed4;color: #FFF;right: 50px;}
.products-x ul li:hover::after {width: 100%; opacity: 1;}
.products-x ul li:hover .p-content p.title {color: #1f6ed4;}


/* 产品展示内页 */
#showbox {border: 1px solid #eee;}
#showbox p.box-none {display: none !important;}
/*#showbox span { background:url(/style/starry/images/whitebg.png) repeat;}*/
#showsum {left:25px;margin-top:10px;width: 420px !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 #1f6ed4}
#showsum span img,#showbox b img {margin: 0 !important;top: 0 !important;}
.showpage {width: 480px;position:relative;}
.showpage a {display:block;width: 30px;height:50px;line-height:50px;background: #eee;text-align:center;font-size:18px;position:absolute;left:0;top:-50px;text-decoration:none;color:#999;}
.showpage a i { line-height: 50px;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover {background: #1f6ed4;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: 530px;right: 0;height: 420px;top: 30px;}
.top_info h3.title {font-size: 2.8rem;font-weight: normal;line-height: 40px;}
.top_info p.subtitle {font-size: 1.7rem;height:30px;line-height: 25px;color: #999;}
.top_info .parameter-title {border-left: 3px solid rgb(31,110, 212);height: 30px;line-height: 30px;padding-left: 10px;font-size: 15px;color: #333;background: #F9F9F9;}
.top_info .parameter {margin-top: 10px;margin-bottom: 30px; font-size: 1.6rem;color: #666;line-height: 30px;}
.top_info .parameter p {margin-bottom: 5px;}
.top_info .parameter p span {width: 60px;}
.top_info .p-more a {width: 150px;height: 45px;line-height: 45px;color: #1f6ed4;text-align: center;margin-right: 20px;border: 1px solid #1f6ed4; font-size: 1.6rem;}
.top_info .p-more a i {font-size: 2rem;margin-right: 5px;}
.top_info .p-more a:hover {background: #1f6ed4; color: #FFF; overflow: visible;}
.top_info .p-more a span.wx {position: absolute;width: 150px;height: 150px;border: 1px solid #dadada;background-size: 85%;top: 75px;left: 0;opacity: 0;z-index: 99;background-repeat: no-repeat;background-position: center;background-color: #FFF;}
.top_info .p-more a:hover span.wx {top: 55px;opacity: 1;}
.top_info .p-more .call {height: 47px;}
.top_info .p-more .call .ico {width: 47px; height: 47px; line-height: 47px; color: #1f6ed4; border: 1px solid #1f6ed4; border-radius: 50%; /* background: #1f6ed4;*/}
.top_info .p-more .call .ico i {font-size: 2rem;}
.top_info .p-more .call .tel {margin-left: 10px;line-height: 23px;color: #1f6ed4;font-size: 2.2rem;}

.product_view .view_box {padding: 50px 30px 0 0}
.product_view .view_box .p_title {background: #EEE;font-size: 1.9rem;font-weight: bold;position: relative;color: #333;height: 50px;line-height: 50px;padding-left: 30px;}
.product_view .view_box .p_title::after {position: absolute;content: "";width: 3px;left: 0;bottom: 0;background: #1f6ed4;top: 0;}
.product_view .view_box .view_content {font-size: 16px;line-height: 32px;color: #888;padding: 30px 100px 30px 0;min-height: 200px;}
.product_view .view_box .view_content img {display: block; float: none; margin: 15px 0; max-width: 100%;}


/*地图*/
#mapContainer {width:100%; height:450px;}
#tip {height:30px;background-color:#fff;padding-left:20px;padding-right:20px;position:absolute;font-size:12px;right:10px;bottom:20px;
	border-radius:3px;line-height:30px;border:1px solid #ccc;}
div.info-top {position:relative;background:none repeat scroll 0 0 #F9F9F9;border-bottom:1px solid #CCC;border-radius:5px 5px 0 0;}
div.info-top div {display:inline-block;color:#333333;font-size:16px;font-weight:400;line-height:31px;padding:10px 20px;text-align:left;}
div.info-top img {position:absolute;top:10px;right:10px;transition-duration:0.25s;}
div.info-top img:hover {box-shadow:0px 0px 5px #000;}
div.info-middle {font-size:14px;padding:10px 20px;line-height:31px;text-align:left}
div.info-bottom {height:0px;width:100%;clear:both;text-align:center;}
div.info-bottom img {position:relative;z-index:104;}

/*图片列表*/
.divHonorShow {width:100%; padding:0 0;}
.divHonorShow dl{float:left;width:287px;margin:0px 29px 20px 0;}
.divHonorShow dl:nth-child(3n){margin-right: 0}
.divHonorShow dt { width:285px;height:230px;border:1px solid #CCCCCC;overflow:hidden;display: flex; justify-content: center; align-items: center;}
.divHonorShow dt img {padding:5px;transition:0.5s;}
.divHonorShow dt img:hover {transform:scale(1.1,1.1);}
.divHonorShow dd {text-align:center;line-height:40px;}
.divHonorShow a:link,.divHonorShow a:visited {color:#666666;font-size:14px;}
.divHonorShow a:hover,.divHonorShow a:active {color:#0089e2;font-size:14px;}

/* 常用材料 */
#advantage .service.module {background: #f8f8f8;border-bottom: 1px solid rgba(0,0,0,.02);border-top: 1px solid rgba(0,0,0,.02);}
.material ul {margin-right: -2%;overflow: hidden;}
.material ul li { width: 18%;margin-right: 2%;height: 450px;padding: 20px 25px; }
.material ul li .service_icon {width: 80px;height: 80px;margin: 20px auto 30px;background-size: 100%;}
.material ul li .service_title {line-height: 32px;color: #333;font-size: 2rem;font-weight: bold;}
.material ul li .subtitle {margin-bottom: 30px;}
.material ul li .service_title::before {position: absolute;content: '';width: 30px;height: 2px;left: 0;right: 0;margin: 0 auto;bottom: -40px;background: #1f6ed4;}
.material ul li .service_description {font-size: 1.7rem;color: #888;line-height: 30px;}
.material ul li .st {position: absolute;top: 30px;right: -20px;font-size: 85px;color: #eee;font-family: "GOTHAM-BLACK","Microsoft YaHei";transition: all .5s;opacity: .5;}
.material ul li:hover .st {opacity: 1;right: -7px;}



/* 分区内容 */
.body-box .module_container {padding-bottom: 100px;position: relative; min-height: 1000px;}
.body-box .container_content {min-height: 500px;/* position: absolute; *//* left: 300px; *//* right: 0; */margin-left: 300px;}
.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%;}
#about .body-box .container_content { margin: 0;}

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

/* 表面处理 */
.surface ul {margin-right: -1%;}
.surface ul li {width: 19%;margin-right: 1%;margin-bottom: 1%;}
.surface 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;}
.surface ul li .info {padding: 100px 30px 50px;height: 200px;line-height: 30px;}
.surface ul li .info .title {font-size: 2rem; font-weight: bold;}
.surface ul li .info .description {font-size: 1.75rem;}
.surface ul li:hover .st,.talent_list ul li:hover .st {color: #1f6ed4; opacity: 1; background: #ddd}

/* 生产设备 */
.device_list ul {margin-right: -2%;}
.device_list ul li {width: 31.33%;margin-right: 2%;margin-bottom: 2%;overflow: hidden;position: relative; padding: 3px;}
.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: 45px;line-height: 45px;font-size: 1.8rem; padding: 5px 15px;}


/* 设备清单 */
.equipment_list table {width: 100%;margin-bottom: 80px;border-right: 1px solid #eee;border-left: 1px solid #eee;}
.equipment_list table thead {border-top: 1px solid #d9d9d9; background-color: #f5f5f5;}
.equipment_list table {width: 100%; border-right: 1px solid #eee;border-left: 1px solid #eee;}
.equipment_list table thead tr {line-height: 24px;font-size: 2rem;color: #111;border-bottom: 1px solid #d9d9d9;}
.equipment_list table thead tr td {text-align: center;font-weight: bold;padding: 25px 0;}
.equipment_list table thead tr td:not(:last-child) { border-right: 1px solid #D9D9D9;}
.equipment_list table thead tr td:nth-child(4) {width: 15%;}
.equipment_list table tbody tr {border-bottom: 1px solid #eee;}
.equipment_list table tbody tr td {text-align: center;font-size: 1.8rem;line-height: 20px;padding: 12.5px 10px;color: #333;}
.equipment_list table tbody tr td:not(:last-child) {border-right: 1px solid #eee;}


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

#partner.body-box .partner_list ul li:nth-child(7) {margin-left: 0;margin-top: 0;}
#partner.body-box .partner_list ul li:nth-child(8) {/* margin-left: 7.44%; */}
/* 客户评价 */
.reviews_list li {margin-bottom: 50px; border-top: 3px solid #1f6ed4;}
.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 .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: 2.5rem;/* 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: 1.75rem;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: 60px;font-weight: bold;}
.advantage ul li:hover .st,.talent_list ul li:hover .st {color: #1f6ed4; 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: #1f6ed4;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 {}
.culture ul {margin-right: -2%;}
.culture ul li {width: 23%;margin-right: 2%; margin-bottom: 2%;}
.culture ul li .fix {}
.culture ul li .title {font-size: 2.5rem;height: 40px;line-height: 40px;}
.culture ul li .description {font-size: 1.75rem;line-height: 30px;height: 90px;}
.culture ul li i {width: 7rem; height: 7rem; line-height: 7rem; font-size: 7rem; display: inline-block;}

.culture-info {left: 85%;}
.culture-info .title {font-size: 2.5rem; font-weight:bold;}
.culture-info .description {font-size: 1.7rem;line-height: 28px;}

/* 荣誉证书 */
#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,.xk4s_list ul li:hover .p-info p.title {color: #1f6ed4;}
#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,.xk3s_list ul {margin-right: -2%;}
#video .video_list ul li,.xk3s_list ul li {width: 31.33%;margin-right: 2%;margin-bottom: 2%; padding: 5px;}
#case.xk3s_list ul li {padding: 0;}
#video .video_list ul li .video_img,.xk3s_list ul li .xks_img {height: 0; padding-bottom: 67%; overflow: hidden; position: relative; display: block; width: 100%;}
#video .video_list ul li .video_img .shadow,.xk3s_list ul li .xks_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,.xk3s_list ul li .xks_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,.xk3s_list ul li .xks_info  { padding: 10px 15px; font-size: 16px; color: #333;transition: all 0.4s ease-out;}
#video .video_list ul li .video_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,.xk3s_list ul li:hover .xks_img .pic,.products-x ul li:hover .p-img span  {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,.xk3s_list ul li:hover .xks_img::after {margin-top: -27.5px;top: 50%;opacity: 1;}
#video .video_list ul li:hover .video_img .shadow,.xk3s_list ul li:hover .xks_img .shadow,.xk3s_list ul li:hover .xks_img .shadow i {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_info p.title {font-size: 2rem;line-height: 30px;height: 30px;}
.products_info p.subtitle {font-size: 1.5rem; color: #999;line-height: 28px;height: 28px;}
.shadow i {color: #FFF; font-size: 0; position: absolute; left: 0; width: 100px; text-align: center; top: 50%; height: 100px; line-height: 100px; margin: -50px auto 0; right: 0; border-radius: 50%; opacity: 0;}
.xk3s_list ul li:hover .xks_img .shadow i {font-size: 5rem;}
.xk3s_list ul li:hover .products_info p.title {color: #1f6ed4;}
.xk4s_list ul li {width: 23%; padding: 0;}
.xk4s_list ul li .p-info p.title {font-size: 1.8rem;}
/* 汽车模具 */
.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;}


/* 联系我们 */
#contact {padding-bottom: 80px;}
#contact .contact_box .postbody {padding: 0 50px;color: #888;font-size: 15px;}
#contact .contact_content {padding: 60px 0 50px;}

#contact .contact_info {font-size: 14px;color: #aaa;line-height: 30px;margin-right: -2%;}
#contact .contact_info li {width: 18%;float: left;padding: 0 2%;box-sizing: border-box;margin-right: 2%;}
#contact .contact_info li .ct-bg {padding: 35px 0;height: 240px;}
#contact .contact_info li .ct-bg:hover .icon {background: #1f6ed4;color: #FFF;}
#contact .contact_info li .icon {width: 100px;height: 100px;background: #f7f7f7;text-align: center;line-height: 100px;font-size: 50px;color: #1f6ed4;margin: 0 auto;transition: all 0.5s;border-radius: 50%;}
#contact .contact_info li .icon i {line-height: 100px;font-size: 5rem;}
#contact .contact_info li .title {position: relative;text-align: center;font-size: 2.4rem;/* font-weight: bold; */color: #333;margin-top: 25px;}
#contact .contact_info li .title::after {content: "";position: absolute;bottom: -15px;left: 0;right: 0;width: 30px;height: 2px;margin: 0 auto;background: #1f6ed4;}
#contact .contact_info li .description {text-align: center;margin-top: 25px;font-size: 1.8rem;color: #666;}

.map_box {width: 100%; height: 800px;}


/******** 自适应调整 ********/
@media (max-width: 1920px) {
	html {font-size: 9px;}
	.product_view .view_top .top_info {left: 510px;right: -5px;}
	.products-x ul li .p-content {left: 380px;}
}
@media (max-width: 1600px) {
	.map_box {width: 100%; height: 600px;}
	.product_view .view_top .top_info {left: 500px;right: -10px;}
	.top_info .parameter p span {margin-right: 5px;}
	.products-x ul li .p-content {left: 365px; right: 0;}
}
@media (max-width: 1280px) {
	html {font-size: 8.5px;}
	#about .about_body .mt50 {margin-top: 30px;}
}