@charset "utf-8";


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

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


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

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


/* 内页顶部banner */
.nybanner{width:100%;height:500px;position:relative;background-position:center center;background-repeat:no-repeat; background-size: cover;}
.nybanner::after {content: '';position: absolute; left: 0; right: 0; top: 0;bottom: 0;background: rgba(0,0,0,.3);z-index: 1;}
#view_banner .header {margin: -50px auto 0;/* height: 5rem; */position: absolute;z-index: 2;left: 0;right: 0;top: 50%;/* line-height: 35px; */}
#view_banner .header .title {color: #FFF;text-transform: uppercase;font-size: 4rem;letter-spacing: 0.05em;line-height: 50px;}
/*#view_banner .header .title::after { content: ''; position: absolute; height: 2px; width: 35px; background: #FFF;  left: 0; bottom: 0;border-radius: 5px;}*/
#view_banner .header.t-center .title::after {right: 0; margin: 0 auto;}
#view_banner .header .subtitle {color: #ddd;font-size: 1.8rem;text-transform: uppercase;}

#view_banner .header .title {color: #FFF; text-transform: uppercase; font-weight: bold;}
#view_banner.style-6 .header .subtitle {color: #FFF;}
#view_banner .v-banner-link {position: absolute; bottom: 0; z-index: 3;}
.v-banner-link{padding: 20px 0;/* background-color: rgba(0, 0, 0, 0.3); */left: 0;right: 0;text-align: right;}
.v-banner-link li { display: inline-block; color: #eee;font-size: 1.5rem; text-transform: uppercase;}
.v-banner-link li a,.v-banner-link li span { color: #eee; padding: 0 15px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease;  transition: all 0.3s ease;}
.v-banner-link li i{vertical-align: middle;margin-top: -4px;color: #eee;}
.v-banner-link ul li:last-child i{display: none;}
.v-banner-link ul li:last-child a {color: #ccc;}


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



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


.news_view {width: 75%;box-sizing:  border-box;}
.news_view .content_box {padding: 30px;}
.news_view .view_head {padding-bottom: 15px;border-bottom: 1px solid #EEE;}
.news_view .view_head h3.title {font-size: 3rem;color: #111;margin-bottom: 15px;font-weight: normal;}
.news_view .view_head h3.title::after {content: '';position: absolute;height: 30px;width: 3px;background: #e1711f;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: #e1711f; 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: #e1711f;}
.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: #e1711f;line-height: 80px;height: 100%;}
.paging .back a:hover,.paging .prenext a:hover div {color: #FFF;background: #e1711f;}
.paging .prenext a:hover div {padding: 0 50px;}
.paging .next a div::after {content: '';position: absolute;border-left: 7px solid #fff; border-top: 7px solid transparent; border-bottom: 7px solid transparent;display: inline-block;left: 20px; top: 35px; z-index: 50; opacity: 0;transition: all 0.3s;}
.paging .prev a div::after {content: '';position: absolute;border-right: 7px solid #fff; border-top: 7px solid transparent;border-bottom: 7px solid transparent;display: inline-block;right: 20px; top: 35px; z-index: 50;opacity: 0;transition: all 0.3s;}
.paging .next a:hover div::after,.paging .prev a:hover div::after {opacity: 1;}
.paging .back i {font-size: 24px;}

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


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

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

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


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



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

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

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


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


/* 关于我们 */
#about .about_body .content {line-height: 1.5em;}
#about .about_body .content.xk-hr {padding-bottom: 20px;}
#about .body-flex {display: flex;  flex-wrap: wrap; justify-content: space-between;}
.vertical-c {position: absolute; top: 50%; left: 0; transform: translate(0, -50%);}
.fr.vertical-c {left: inherit; right: 0;}
#about .about_body .col-2 img {display: block;float: none; max-width: 100%;}
#about .about_body .content-box {display: flex; flex-wrap: wrap; justify-content: space-between; align-content: space-around;}
#about .about_body .content .title {font-size: 2.8rem;font-weight: bold;line-height: 1.5em;}
#about .about_body .content .subtitle {font-size: 1.75rem; font-weight: bold;}
#about .about_body .content .description,#about .about_body .content .des2 {font-size: 1.7rem;line-height: 2.1em;font-weight: 100;}
#about .about_body .content .des2 {color: #777; font-size: 1.6rem; line-height: 2.6rem;}
#about .about_body .content .h48 {height: 48px;}
#about .about_body .go {width: 160px;line-height: 48px;color: #787878;font-size: 16px;background: #eee;display: block;height: 48px;letter-spacing: 0.07em;transition: all 0.3s;}
#about .about_body .go:hover {background: #e1711f;color: #fff;}
#about .about_body .go i {    transition: all 0.3s ease 0s; text-indent: -30px; display: inline-block; opacity: 0;}
#about .about_body .go:hover i {text-indent: 5px; opacity: 1; width: auto; font-size: 13px;}
#about .col-3.border-box {padding: 0.5px;}

#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: -25px; top: -25px; width: 100% !important; height: 100% !important; background: #eee;}
.team_content,.xk_content {padding: 50px;font-size: 1.8rem; line-height: 30px; color: #666;}
.team_content h3.title,.xk_content h2.title {font-size: 3.2rem;line-height: 1.3em;}
#about .pic-box {padding-bottom: 65%;background: #e6e9ec;}
#about .pic-box .pic_img {position: absolute; left: 25px; bottom: 25px; width: 100%; height: 100%;}
#about .pic-box .swiper-container {width: 100%;height: 100%;}
#about .pic-box .swiper-container-fade .swiper-slide {background-position: center; background-size: cover;}

#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;}
#about .union-data li {color: #111;}.union-data li:before {border: 5px solid rgba(0,0,0,0.1);}#about .union-data li span,#about .union-data li em {color: #666;}


#advantage .service.module {background: #f8f8f8;border-bottom: 1px solid rgba(0,0,0,.02);border-top: 1px solid rgba(0,0,0,.02);}
#advantage ul.list {margin-right: -1%;overflow: hidden;margin-top: 50px;}
#advantage ul.list li {float: left;width: 24%;margin-right: 1%;box-sizing: border-box;background: #fff;height: 420px;padding: 20px 25px;text-align: center;transition: all .3s;position: relative;overflow: hidden;margin-bottom: 1%;}
#advantage ul.list li .service_icon {width: 100px;height: 100px;margin: 20px auto 30px;background-size: 100%;}
#advantage ul.list li .service_title {line-height: 32px;color: #333;margin-bottom: 25px;font-size: 2rem;font-weight: bold;}
#advantage ul.list li .service_title::before {position: absolute;content: '';width: 30px;height: 2px;left: 0;right: 0;margin: 0 auto;bottom: -15px;background: #e0e0e0;}
#advantage ul.list li .service_description {font-size: 1.6rem;color: #888;line-height: 28px;}
#advantage ul.list li:hover {/* border:1px solid #3488ea; */}
#advantage ul.list li .st {position: absolute;top: 0;right: -20px;font-size: 85px;color: #eee;font-family: "GOTHAM-BLACK","Microsoft YaHei";transition: all .5s;opacity: .5;font-size: 12rem;    line-height: 1em;}
#advantage ul.list li:hover .st{opacity: 1;right: -7px;}

/* 企业相册 */
.album_list ul {justify-content: space-between;}
.album_list ul::after {content: '';flex: auto;}
.album_list ul li {width: calc(25% - 1.5%);margin-bottom: 2%;margin-right: 2%;}
.album_list ul li:nth-child(4n) {margin-right: 0;}
.album_list ul li .pic_box {width: 100%;height: 0;padding-bottom: 75.3%;}
.album_list ul li .pic_box span {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-position: center; background-size: cover;}

/* 企业文化 */
.culture_list ul li {justify-content: flex-start;margin-bottom: 25px;align-content: center;line-height: 50px;}
.culture_list ul li .icon {width: 50px;height: 50px;line-height: 50px;margin-right: 5%;}
.culture_list ul li .icon i {font-size: 50px;}
.culture_list ul li .title {width: 25%;font-size: 22px;}
.culture_list ul li .des {/* width: 50%; */font-size: 16px;}
#culture .pic {width: 50%;}



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

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

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

/* 设备清单 */
.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;border-right: 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;border-right: 1px solid #eee;}
.equipment_list table tbody tr td:not(:last-child) {border-right: 1px solid #eee;}

/** 服务支持 **/

/* 案例展示 */
.mould ul {margin-right: -1%;}
.mould ul li {width: 32.33%;margin-right: 1%;margin-bottom: 1%;}
.mould ul li .img {width: 100%;height: 0;padding-bottom: 71.4%;}
.mould ul li .img span {position: absolute;left: 10px;top: 10px;right: 10px;bottom: 10px;background-position: center;background-size: cover;}
.mould ul li .info {line-height: 30px;height: 30px;padding: 4% 5%;font-size: 1.65rem;border-top: 1px solid #eee;font-weight: 500;}
.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: #e1711f;}
.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);}

/** 产品案例 **/
.product_nav {background: #FFF;padding: 0 2%;}
.product_nav li {line-height: 4.2em;font-size: 1.7rem;font-weight: 100;letter-spacing: 0.1em;margin-right: 10px;}
.product_nav li a {display: block;color: #111;padding: 0 15px;}
.product_nav li.active {/* background: rgba(0,0,0,.05); */}
.product_nav li::before {content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 0; height: 2px; background: #e1711f; transition:  all 0.5s; margin: auto;}
.product_nav li:hover::before,.product_nav li.active::before {width: 35px;}
.product_nav li.active a,.product_nav li a:hover {color: #e1711f;}
.product_nav li.active a {font-weight: bold;}

.product_list ul {margin-right: -1%;/* display: flex; *//* justify-content: space-between; */}
.product_list ul li {width: 32.33%;margin-bottom: 1%;border: 1px solid #FFF;margin-right: 1%;/* box-shadow: 0 0 5px 0px #00000014; */background: #FFF;}
.product_list ul li a {padding: 3% 0; display: block;}
.product_list ul li .img {width: 100%;height: 0;padding-bottom: 65%;}
.product_list ul li .img span {position: absolute;left: 0;top: 0;right: 0;bottom: 0;background-position: center;background-size: 100%;background-repeat: no-repeat;}
.product_list ul li .info {line-height: 30px;height: 60px;padding: 4% 5%;font-size: 1.5rem;/* border-top: 1px solid #eee; */font-weight: 500; color: #999;}
.product_list ul li .info p.p-title {font-weight: bold;font-size: 2.2rem; color: #000;}
.product_list ul li:hover {/* border-radius: 20px; border: solid 1px #e1711f; */}
.product_list ul li:hover .info p.p-title {color: #e1711f;}
.product_list 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);}

/* 产品内页 */
#product .view_top {padding: 50px;}
#product .view_top .product_i {width: calc(100% - 550px);}
.product_view .view_top .p-info {width: 100%;}
.product_view .view_top .p-info h3.title {font-size: 4rem;line-height: 35px;font-weight: bold;}
.product_view .view_top .p-info p.subtitle {font-size: 18px; margin-top: 5px;}
.product_view .view_top .p-info p.parameter {font-size: 15px;line-height: 30px;color: #666;height: 250px;overflow-y: auto;z-index: 5;padding: 15px 20px 15px 0;}
.product_view .view_top .p-info p.parameter::-webkit-scrollbar {width: 3px;}
.p-info .parameter-box::after,.p-info .parameter-box::before{content:'';position:absolute;top:0;left:0;right:10px;background-image: linear-gradient(0deg,rgb(255 255 255 / 0%) 0%,rgb(255 255 255) 100%);z-index:9;height: 30px;}
.p-info .parameter-box::before{bottom:0;top:auto;background-image: linear-gradient(180deg,rgb(255 255 255 / 0%) 10%,rgb(255 255 255) 90%);height: 35px;}

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

#viewTAB,.product_list {min-height: 500px;}
.product_view .view_hd {/* background: #EEE; */border-bottom: 2px solid #f2f2f2;}
.product_view .view_hd ul li {line-height: 60px;font-size: 1.8rem;margin-right: 25px;letter-spacing: 0.03em;font-weight: 100;margin-bottom: -2px;}
.product_view .view_hd ul li a {display: block;color: #212f40;border-radius: 5px 5px 0 0;padding: 0 5px;}
.product_view .view_hd ul li:hover a { color: #e1711f;}
.product_view .view_hd ul li.cur a {color: #e1711f;border-bottom: 2px solid #e1711f;font-weight: bold;}

.product_view .view_content table {width: 100% !important;font-size: 1.6rem;color: #666;}
.product_view .view_content table tr:nth-child(odd) {background: #f7f7f7;}
.product_view .view_content table tr td {padding: 8px 30px; box-sizing: border-box;/* text-align: left; *//* border-right: 1px solid #e9e9e9; */}
.product_view .view_content table tr td:last-child/* ,.product_view .view_content table tr td:first-child */ {border-right: 0px;}
.product_view .view_content table tr:hover {background: #c8792415}
.product_view .view_content table tr td:hover { color: #e1711f;}
/* .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%;} */


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


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


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


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

#movie .video_view {max-width: 1080px;}
#movie .video_view .view_head .title {font-size: 3rem; font-weight: 100; line-height: 1.5em;}
#video_paly {height: 0 !important;width: 100% !important;padding-bottom: 56.25%;position: relative;overflow: hidden;}
/* 作品内推荐 */
.recommend-box {}
.recommend-title {height: 20px;position: relative;margin-bottom: 30px;}
.recommend-title h4 {position: absolute;left: 0px;top: 0;bottom: 0;line-height: 20px;font-size: 2.4rem;color: #444;height: 20px;font-weight: 100;border-left: 3px solid #e1711f;padding-left: 20px;letter-spacing: 0.05em;}

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


/** 领先技术 **/


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

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



/* 联系我们 */
.contact_box { display: flex; flex-wrap: wrap; justify-content: space-between;overflow: hidden;padding-right: 5%; }
.container_header {padding-bottom: 30px;text-align: center;	font-size: 30px;	max-width: 560px;	margin: 0 auto}
.container_header .title {	color: #333; font-weight: bold;}
.container_header .subtitle {color: #939393;font-size: 14px;margin-top: 5px;font-family: HELVETICANEUELTPRO-THEX, Arial;  letter-spacing: 1px;  text-transform: uppercase;}
.contact_box .introduction {max-width: 1200px;color: #999;text-align: center;margin: 0 auto 50px;font-size: 1.75rem;line-height: 26px;}
.contact_info h3.title,.messageBox .info_head .title {font-size: 2.2rem;color: #111;margin-bottom: 20px;line-height: 1.5em;letter-spacing: 0.05em;}
.contact_info h3.title::after {content: '';position: absolute;height: 25px;width: 5px;background: #e1711f;left: -30px;top: 2px;}
.contact_info ul {overflow: hidden;margin: 0 auto;border-top: 1px solid #e5e8eb;}
.contact_info ul li {overflow: hidden;font-size: 1.75rem;line-height: 30px;color: #666;width: 100%;border-bottom: 1px solid #e5e8eb;align-items: center;padding: 22px 0;} {color: #666;}
.contMode-icon { width: 42px; height: 42px; align-items: center; justify-content: center; border: 2px solid #e1711f; border-radius: 50%;}
.contMode-text {width: calc(100% - 42px);padding-left: 15px;line-height: 1.3em;}
.contMode-text .title {font-size: 1.6rem;color: #666;letter-spacing: 0.2em;}
.contMode-text .text,.contact_info ul li a {font-size: 2.1rem;color: #111;}

.contact-list h3 {font-size: 2.2rem;font-weight: bold; color: #000;}
.contact-list h4 {color: #e1711f;margin-bottom: 15px;}
.contact-list ul li {padding: 30px 35px;font-size: 1.7rem;line-height: 1.7em;border-top: 1px solid #e1711f;/* width: calc(100% / 3 - 10px); */margin-bottom: 30px;}
.contact-list ul li:last-child {margin-bottom: 0;}
.contact-list ul li p {line-height: 1.7em;margin-bottom: 12px;align-content: flex-start;justify-content: space-between;}
.contact-list ul li p .info {width: calc(100% - 85px);}
.contact-list ul li .item {width: 85px;color: #888;display: block;font-weight: 100;display: flex;align-content: center;flex-wrap: wrap;height: 30px;letter-spacing: 0.1em;}
.contact-list ul li .item i,.contact-form .label-title i.iconfont {font-size: 17px;margin-right: 5px;}

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

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


/******** 自适应调整 ********/
@media (max-width: 1920px) {
	#about .about_body {/* padding: 120px 0 */}
	.module_box .module_list ul li {line-height: 45px;}
	#culture .pic {width: 50%;}
}
@media (max-width: 1500px) {
	.ptb100 {padding-top: 60px; padding-bottom: 60px;}
	#blog .blog_list {padding: 30px 20px 30px 0;}
	.bg_gray .xk_box .xk_sidebar {top: 30px; bottom: 243px;}
	#blog .blog_list ul li.list {/* margin-bottom: 20px; */}
	#blog .blog_list ul li.list a { padding: 20px; height: 150px;}
	#blog .blog_list ul li.list a .img {width: 250px; height: 150px;}
	#blog .blog_list ul li.list a .body {left: 300px; top: 30px;}
	#blog .blog_list ul li.list a:hover .body { left: 320px; right: 10px;}
	.blog_view {padding: 30px 3% 100px 0;}
	.bg_gray .xk_box .xk_sidebar.view {bottom: 100px;}
	#about .about_body .content .description, #about .about_body .content .des2 {line-height: 30px;}
	.about_body .description.mt50 {margin-top: 30px;}
	.plr50.about_video {padding-right: 0;}
	.about_body .link {display: none;}
	.nybanner {height: 320px; background-position: center center;}
	.module_box .module_list ul li {line-height: 42px;}
	.culture ul li .fix.p50 {padding: 30px;}
	#partner .partner_list {width: auto; padding: 0;}
	#about .mt50 {margin-top: 30px;}
	.device_list ul {margin-right: -2.33%;}
	.device_list ul li {width: 31%;margin-right: 2.33%; margin-bottom: 2.33%;}
	.swiper-container-wrapper {height: 600px;}
	#about .equipment_box {padding: 30px;}
	.goal_list li .info {padding: 20px;}
	.case_view .view_top .p-info {width: 50%;}
	#culture .pic {width: 55%;}
}
@media (max-width: 1280px) {
	.wrapper .ptb100 {padding-top: 70px; padding-bottom: 70px;}
	#about .about_body .mt50 {margin-top: 30px;}
	
}
@media screen and (max-width: 1200px) {
	#view_body {padding-top: 70px !important;}
	#view_banner .header .title {font-size: 3rem;}
	#view_banner .header .subtitle {font-size: 1.4rem;}
	.nybanner {height: 260px;}
	.plr5 {padding-left: 3.5%; padding-right: 3.5%;}
	.ptb50 {padding-top: 30px;padding-bottom: 30px;}
	.mt30 {margin-top: 20px;}
	.product_list {min-height: 100px;}
	.product_list ul {margin: 0;}
	.product_list ul li {width: 100%;margin-right: 0; margin-bottom: 3%;}
	.product_nav {padding: 0 3.5%;}
	.product_nav li {margin-right: 3px; font-size: 16px; line-height: 3.5em;font-weight:normal;}
	.product_nav li a {padding: 0 7px;}
	.product_content.bg_gray {background: #FFF;}
	#product .view_top,#viewTAB {padding: 0 !important;}
	#magnifier,#product .view_top .product_i {width: 100% !important;}
	.small-box {width: 100% !important; height: 100% !important;}
	.small-box img {width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important;}
	.thumbnail-box .list {width: 90% !important;}
	.more-link a, .more-link .btn,.product_view .view_hd ul li,.view_content {font-weight: normal;}
	#product .view_top .product_i {margin-top: 30px;}
	.product_view .view_top .p-info h3.title {font-size: 2.8rem;}
	.product_view .view_hd ul li { font-size: 16px; margin-right: 10px; letter-spacing: 0;}
	.news_content .plr5 {padding: 0;}
	.bg_gray .xk_box .xk_sidebar.view {display: none;}
	.news_con ul li .p30 {padding:3.5%;display:flex;flex-wrap:wrap;align-content:center;align-items:center;}
	.news_con ul li .imgs {width: 32%;padding-bottom: 24%; float: none;}
	.news_con ul li .txts { overflow: hidden; padding-right: 0; width: 65%;}
	.news_con ul li .txts .h3 {line-height: 1.5em; height: auto; font-size: 16px; margin-top: 0;white-space: normal;text-overflow: unset;}
	.news_con ul li .txts .p { height: 3em; line-height: 1.5em; overflow: hidden; font-size: 12px; margin-top: 5px;}
	
	.news_con ul li .ends {display: none;}
	.news_content .news_view {width: 100%;}
	.news_content .news_view >.p50 {padding: 5%;}
	.news_view .view_head h3.title {line-height: 1.3em; font-size: 24px;}
	.news_view .view_head .info span:nth-child(3) {display: none;}
	.news_view .view_content {font-size: 16px;font-weight: normal;}
	#contact .team_content >.t-center.margin-auto {display: none;}
	#contact .contact-box.flex.space-between {justify-content: normal;}
	#contact .contact-box.flex.space-between.mt50 {margin-top: 0;}
	#contact .contact-box .left-cont,#contact .contact-box .right-cont {width: 100% !important;}
	#contact.wrapper .ptb100 {padding-top: 30px; padding-bottom: 30px;}
	.contact-list ul li,#contact .contact-box .left-cont {margin-bottom: 15px;}
	
	#about .about_body .content {width: 100% !important;}
	.wrapper #about .ptb100 {padding-top: 50px; padding-bottom: 50px;}
	.album_list ul li {width: 100%; margin-right: 0;}
	#advantage ul.list {margin-right: 0;}
	#advantage ul.list li {width: 100%; margin-right: 0; height: 320px;}
}