@charset "utf-8";


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

/* 列表页页眉 */
#pages{padding: 0;text-align: center; margin: 80px 0; font-size: 16px; color: #999;}
#pages a{width: 45px;height: 45px;display: inline-block;color: #999;line-height: 45px;text-align: center;font-family: Arial;margin-right: 5px;transition: background-color 0.2s ease-out;}
#pages span{margin-right: 5px}
#pages a i{font-size: 20px;width: 45px;height: 45px;text-align: center;line-height: 45px;vertical-align: middle;}
#pages a.active, #pages a:hover{background-color: #838383;color: #fff;}
#pages a.active, #pages a:hover {background-color: #13479c;}
#pages li {width: 45px;height: 45px;background-color: #f3f3f3;display: inline-block;color: #a9a9a9;line-height: 45px;text-align: center;font-family: Arial;margin: 0;margin-right: 5px;transition: background-color 0.2s ease-out;overflow: hidden;font-size: 18px; border-radius: 5px;}
#pages li.thisclass a {color: #fff;background-color: #13479c;}
#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: #13479c;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: #13479c;}
.menu_box ul.menu_list li a::after {position: absolute;content: '';bottom: 0;width: 0;height: 2px;background: #13479c;margin: 0 auto;left: 0;right: 0;transition: all .3s;}
.menu_box ul.menu_list li.cur a {color: #13479c;} 
.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:520px;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,.1);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;}
.v-banner-link li { display: inline-block; color: #eee;font-size: 17px; 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,#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;}
.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: #13479c;}
.news_con ul li:hover .ends em{color: #13479c;}
.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: #13479c;transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);margin-right:5px;}
.news_con ul li .ends .news_more:hover{ background:#13479c;}
.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: #13479c;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: #13479c; 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: #13479c;}
.view_content img {display: block; float: none; margin: 15px auto; max-width: 100%; height: auto;}

/* 英文解答 */
#faq dt {padding: 30px 30px; border-top: 1px solid #eee; font-weight: 400;}
#faq dd {background: #F7F7F7; padding: 20px 50px; font-size: 1.6rem; line-height: 2em; font-weight: 100;}


/* 内容页上下篇样式*/
.paging {height: 80px;display: block;background: #F5F5F5;}
.paging .prenext {width: 50%;float: left;height: 80px;font-size: 1.8rem;}
.paging .prenext.next {float: right;}
.paging .prenext a {color: #292a2e;display: block;height: 80px;line-height: 80px;overflow: hidden;text-align: right;text-overflow: ellipsis;white-space: nowrap;transition: all 0.3s;}
.paging .prenext a div {padding: 0 15px;transition: all 0.3s; position: relative}
.paging .prev a {padding-right: 40px;}
.paging .next a {padding-left: 40px; text-align: left;}
.paging .prenext .subtitle {display: none;}
.paging .back {left: 50%;width: 80px;margin-left: -40px;position: absolute;text-align: center;height: 80px;line-height: 80px;}
.paging .back a {display: block;transition: all 0.3s;color: #13479c;line-height: 80px;height: 100%;}
.paging .back a:hover,.paging .prenext a:hover div {color: #FFF;background: #13479c;}
.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: #13479c;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: #13479c;}
.xk_box .xk_sidebar .sidebar_body .column li a:hover,.morenews li a:hover {color: #13479c;}
.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: 40px;}
.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_boxs {width: 270px;min-width: 200px;padding-left: 20px;margin-top: -15px; padding-bottom: 20px;}
.module_boxs .module_info {padding: 20px 30px;background: #13479c;color: #FFF;font-size: 2rem;line-height: 35px;}
.module_boxs .module_info::after {content: "";position: absolute;top: 0;right: -12px;border-bottom: 15px solid #16376c;border-right: 12px solid transparent;}
.module_boxs .module_info .title {font-size: 2.8rem;font-weight: bold;}
.module_boxs .module_info .subtitle {font-size: 1.8rem;margin-top: 5px;margin-right: 5px;color: #999;}
.module_boxs .module_list {background: #F9F9F9;}
.module_boxs .module_list ul li {position: relative;display: block;line-height: 35px;font-size: 15px;}
.module_boxs .module_list ul li.m-nav::after {content: "";position: absolute;bottom: 20px;transition: all .4s;background: #13479c;left: 0;opacity: 0;width: 1px;margin: 0 auto;top: 20px; z-index: 1;}
.module_boxs .module_list ul li.m-nav::before {content: "";position: absolute;left: 0; bottom: 0; top: 0; width: 0; background: #13479c; width: 0; transition: all 0.5s; z-index: 2;}
.module_boxs .module_list ul.subnav {padding: 10px 0;}
.module_boxs .module_list ul.subnav li::before {content: "";position: absolute;transition: all .4s;background: #13479c;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_boxs .module_list ul.subnav li.cur::before {left: 30px;opacity: 1;}
.module_boxs .module_list ul.subnav li a i {opacity: 0; transition: all .4s;margin-right: 10px;}
.module_boxs .module_list ul.subnav li:hover a i,.module_boxs .module_list ul.subnav li.cur a i {opacity: 1; margin-right: 0; color: #13479c;}
.module_boxs .module_list ul li.cur::after,.module_boxs .module_list ul li.m-nav::after {bottom: 0;opacity: 1;top: 0;}
.module_boxs .module_list ul li a {display: block;color: #28465e;transition: all .4s;padding: 0 25px;padding-left: 50px;}
.module_boxs .module_list ul li a i {font-size: 13px; color: #999;}
.module_boxs .module_list ul li.cur a {color: #13479c;font-weight: bold;}
.module_boxs .module_list ul li a:hover {color: #13479c; background: rgb(19 71 156 / 5%);}
.module_boxs .module_list ul li.m-nav {background: #EFEFEF;font-size: 1.7rem;line-height: 45px;margin-bottom: 0;}
.module_boxs .module_list ul li.m-nav a {padding-left: 30px;color: #333; z-index: 9;}
.module_boxs .module_list ul li.m-nav.cur a {color: #13479c;}
.module_boxs .module_list ul li.m-nav:hover::before {width: 100%;}
.module_boxs .module_list ul li.m-nav:hover a {color: #fff;}
.module_boxs .column_contact {border: 1px solid #efefef;}
.module_boxs .column_contact h3.title {position: relative;font-size: 2rem;color: #444;height: 40px;font-weight: bold;border-bottom: 1px solid #efefef;}
.module_boxs .column_contact h3.title::before {content: '';position: absolute;left:0; bottom:-1px; width: 50px; height: 2px; background: #13479c;;}
.module_boxs .column_contact ul li {line-height: 30px;font-size: 1.6rem;color: #777;margin-bottom: 5px;}
.module_boxs .column_contact ul li i {display: inline-block;line-height: 25px;margin-right: 10px;width: 25px;font-size: 15px;float: left;color: #fff;background: #13479c;height: 25px;border-radius: 50px;text-align: center;margin-top: 3px;}
.module_boxs .column_contact ul li p {display: inline-block;line-height: 25px;}

/* 产品列表 */
#products .products_list {min-height: 700px;}
#products .products_list ul {border-left: rgba(0,0,0,.05) 1px solid;border-top: rgba(0,0,0,0.05) 1px solid;}
#products .products_list ul li {width: 33.33%;padding: 1.5%;border-bottom: rgba(0,0,0,.05) 1px solid;border-right: rgba(0,0,0,0.05) 1px solid;}
#products .products_list ul li .product-img {width: 100%;height: 0;padding-bottom: 75%;}
#products .products_list ul li .product-img span { position: absolute; left: 0;top: 0; right: 0;bottom: 0;background-size: cover;background-position: center; }
#products .products_list ul li .product-info { padding: 0 25px;line-height: 2em; font-weight: 100; }
#products .products_list ul li .product-info .parameter {font-size: 14px;color: #999; justify-content: center;}
#products .products_list ul li .product-info .parameter span {margin: 0 15px;color: #13479c;}
#products .products_list ul li .product-info .name {font-weight: bold;}
/* #products .products_list ul li .product-info .des {height: 3em;} */
#products .products_list ul li:hover .product-img span { transform: translateZ(0) scale(1.15); -webkit-transform: translateZ(0) scale(1.15); -ms-transform: translateZ(0) scale(1.15);}
#products .products_list ul li:hover .product-info .name { color: #13479c;}

/* 产品展示内页 */

.product_view .view_top .p-info {position: absolute;right: 0;width: 55%;top: 0px;z-index: 10; width: calc(100% - 550px);}
.product_view .view_top .p-info h3.title {font-size: 3.2rem;line-height: 35px;font-weight: bold; height: 2.5em; width: 100%;white-space: break-spaces;}
.product_view .view_top .p-info p.subtitle {font-size: 18px; margin-top: 5px;}
.product_view .view_top .p-info p.parameter {font-size: 15px;line-height: 30px;color: #666;height: 250px;overflow-y: auto;z-index: 5;padding: 15px 20px 15px 0;}
.product_view .view_top .p-info p.parameter::-webkit-scrollbar {width: 3px;}
.p-info .parameter-box::after,.p-info .parameter-box::before{content:'';position:absolute;top:0;left:0;right:10px;background-image: linear-gradient(0deg,rgb(255 255 255 / 0%) 0%,rgb(255 255 255) 100%);z-index:9;height: 30px;}
.p-info .parameter-box::before{bottom:0;top:auto;background-image: linear-gradient(180deg,rgb(255 255 255 / 0%) 10%,rgb(255 255 255) 90%);height: 35px;}
.product_view .view_top .p-contact {line-height: 30px; font-size: 14px; color: #888;background: #F9F9F9; padding: 15px 20px; border-radius: 5px;}
.product_view .view_top .bz {position: absolute; width: 55%; right: 0;bottom: 0; z-index: 11;width: calc(100% - 550px);}
.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: #13479c;text-align: center;margin-right: 20px;border: 1px solid #13479c; 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: #13479c; color: #FFF; overflow: visible;}
.product_view .view_top .more-link a {z-index: 20; padding: 10px 35px 10px 50px;}
.product_view .view_top .more-link a.wx .wx-ewm {position: absolute; width: 100%; height: auto; border: 1px solid #dadada; background-size: 85%; bottom: 75px; left: 0; opacity: 0; z-index: 99; background-repeat: no-repeat; background-position: center; background-color: #FFF;}
.product_view .view_top .more-link a.wx:hover {overflow: unset;}
.product_view .view_top .more-link a.wx:hover .wx-ewm { bottom: 55px; opacity: 1;}
.product_view .view_hd {/* background: #EEE; */border-bottom: 2px solid #f2f2f2;}
.product_view .view_hd ul li {line-height: 60px;font-size: 1.9rem;margin-right: 20px;letter-spacing: 0.03em;font-weight: bold;margin-bottom: -2px;}
.product_view .view_hd ul li a {display: block;color: #212f40;/* background: rgba(0,0,0,.05); */border-radius: 5px 5px 0 0;padding: 0 5px;}
.product_view .view_hd ul li:hover a { color: #13479c;}
.product_view .view_hd ul li.cur a {color: #13479c;border-bottom: 2px solid #13479c;}
.product_view .view_content img {margin: 0 auto;}
.product_view .view_content table {width: 100% !important;font-size: 1.6rem;color: #666;}
.product_view .view_content table tr:nth-child(odd) {background: #f7f7f7;}
.product_view .view_content table tr td {padding: 8px 30px; box-sizing: border-box;/* text-align: left; */border-right: 1px solid #e9e9e9;}
.product_view .view_content table tr td:last-child,.product_view .view_content table tr td:first-child {border-right: 0px;}
/* .product_view .view_content table tr td:nth-child(2n+1) {width: 20%;color: #111;}
.product_view .view_content table tr td:nth-child(2n) {width: 30%;} */
.product_view .view_case ul{margin-right:-2%;}
.product_view .view_case ul li{width:23%;margin-right:2%;margin-bottom:2%;}
.product_view .view_case ul li .pic{height:0;padding-bottom:75%;width:100%;background-position:center;background-size:cover;margin:auto;border:1px solid #EEE;}
.product_view .view_case ul li .info p.title{font-size:1.7rem;}
.product_view .view_case ul li:hover .info p.title{color:#13479c;}


/* 侧边菜单栏 */
.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 #13479c;}
.module_box .module_list ul li.cur {background: #13479c;}
.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: #13479c;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;}#products .body-box .module_container { padding-bottom: 0; }
.body-box .container_content {min-height: 500px;width: calc(100% - 260px);font-weight: 100;}
#products .body-box .container_content {width: calc(100% - 290px);}
.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: #13479c;margin: 0 auto;left: 0;right: 0;transition: all .3s;}
.link-box ul.list li.cur a {color: #13479c;} 
.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;align-items: center; padding: 0 50px;}
.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 h3.title {font-size: 3.2rem;font-weight: bold;line-height: 1.5em;font-weight: 600;}
#about .about_body .content .subtitle {font-size: 1.75rem;}
#about .about_body .content .des-box {/* height: 350px; *//* overflow-y: auto; */padding: 15px 0;z-index: 10;}
#about .about_body .content .des-box::after,#about .about_body .content .des-box::before {content: '';position: absolute;top: 10px;left: 0;right: 10px;background-image: linear-gradient(0deg,rgb(255 255 255 / 0%) 0%,rgb(255 255 255) 100%);z-index: 9;height: 35px;}
#about .about_body .content .des-box::before {bottom: 15px;top: auto;background-image: linear-gradient(180deg,rgb(255 255 255 / 0%) 10%,rgb(255 255 255) 90%);height: 50px;}
#about .about_body .content .description,#about .about_body .content .des2 {font-size: 1.7rem;line-height: 2.1em;/* font-weight: 100; */z-index: 5;}
#about .about_body .content .des-box .description {/* height: 380px; */overflow-y: auto;padding: 15px 15px 20px 0;}
#about .about_body .content .des-box .description::-webkit-scrollbar {width: 3px; margin: 15px 0;}
#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: #13479c;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: -2%;overflow: hidden;margin-top: 50px;}
#advantage ul.list li {float: left;width: 18%;margin-right: 2%;box-sizing: border-box;background: #fff;border:1px solid #F5F5F5;height: 420px;padding: 20px 25px;text-align: center;transition: all .3s;position: relative;overflow: hidden;}
#advantage ul.list li .service_icon {width: 80px;height: 80px;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;margin-right: -15px;}
.album_list ul::after {content: '';flex: auto;}
.album_list ul li {width: calc(33.33% - 30px);margin-bottom: 20px;margin-right: 30px;}
.album_list ul li .pic_box {width: 100%;height: 0;padding-bottom: 67%;}
.album_list ul li .pic_box span {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-position: center; background-size: cover;}
.xk-swiper .swiper-pagination  {width:100%;bottom: 0;}
.xk-swiper .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;background-color:#d5d5d5;opacity:1;width: 35px;height:3px;border-radius: 0; transition: all 0.3s;}
.xk-swiper .swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #13479c; width: 40px;}


/* 企业文化 */
.culture_list ul {margin-right: -2%;}
.culture_list ul li {width: 23%; margin-right: 2%; height: 0; padding-bottom: 35%;}
.culture_list ul li::after {position: absolute;content: '';left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,.35);z-index: 10; transition: all .5s ease .2s;}
.culture_list ul li::before {position: absolute;content: '';left: 0;right: 0;bottom: 0; z-index: 11; transition: all .5s;background: rgba(40, 119, 239, 0.81); height: 0; }
.culture_list ul li .content {position: absolute;z-index: 19;color: #FFF;left: 0;right: 0;padding: 10%;font-size: 1.7rem;top: 50%;transform: translate(0, -50%);}
.culture_list ul li .content .icon {width: 60px; height: 60px; line-height: 60px;}
.culture_list ul li .content .icon i {font-size: 6rem;}
.culture_list ul li .content p.title {font-size: 2.4rem;padding: 20px 0;line-height: 30px;}
.culture_list ul li .content p.description {opacity: 0;margin-top: -20px;line-height: 28px;}
.culture_list ul li .content p.title::after {position: absolute; content: '';left: 0; right: 0; bottom: 0; margin: 0 auto; height: 2px; width: 0; background: #FFF;transition: all .5s;}
.culture_list ul li .bg {position: absolute;left: 0; top: 0; bottom: 0; right: 0;background-position: center; background-size: cover; z-index: 9;}
.culture_list ul li:hover::after {/* background: rgba(40, 119, 239, 0.81); */ opacity: 0;} 
.culture_list ul li:hover::before {height: 100%;}
.culture_list ul li .content p.description {opacity: 1;height: auto;margin-top: 20px;}
.culture_list ul li .content p.title::after {width: 35px;}




/* 制造实力 */
.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: #13479c;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 #13479c;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: #13479c; 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: #13479c;}
.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);}

/** 产品案例 **/
.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: #13479c;}
.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: #13479c;text-align: center;margin-right: 20px;border: 1px solid #13479c; 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: #13479c; 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: #13479c;}
.case_view .view_hd ul li.cur a {color: #13479c;border-bottom: 2px solid #13479c;}
.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: #13479c;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: #13479c;}
.history_content section:hover p.things {padding-left: 10px;}


/* 荣誉证书 */
.honor_list.inx {margin-right: -1.6%;}
.honor_list li {float: left;width: 16.66%;overflow: hidden;box-sizing: border-box;}
.honor_list li(4n) {border-right: none;}
.honor_list li::after {content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; height: 0; transition: all 0.5s; background: rgb(19 71 156 / 5%); width: 0; margin: auto; border-radius: 500px;}
.honor_list li a {display: block; padding: 50px; z-index: 19;}
.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: 16px;line-height: 30px;}

.honor_list li:hover .honor_info p.title,#video .video_list ul li:hover .video_info {color: #13479c;}
.honor_list li:hover::after {height: 100%; width: 100%; border-radius:0}
.honor_list li:hover .honor_img {transform: translateZ(0) scale(1.1); -webkit-transform: translateZ(0) scale(1.1); -ms-transform: translateZ(0) scale(1.1);}
.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%;border-bottom: rgba(0,0,0,.05) 1px solid;border-right: rgba(0,0,0,0.05) 1px solid;}
#about .about_body .honor_list li .honor_info p.subtitle {color: #999; font-size: 13px;}

/* 视频中心 */
#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 #13479c;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;}


/* 加入我们 */
#join {min-height: 1000px;}
#join .job_img { box-shadow: 0 0 15px rgba(0,0,0,.05);}
#join.body-box .container_content {width: calc(100% - 330px);}

.widget{position: relative;margin-bottom: 30px; background: #FFF; box-shadow: 0 0 15px rgba(0,0,0,.05);}
.widget-body{position: relative; padding: 30px 35px;}
.widget-title{margin-top: 0;text-transform: capitalize;font-size: 2.6rem;color: #000;line-height: 35px;letter-spacing: 0.05em;}
.widget-metas{font-size: 15px;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/icon/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/icon/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/icon/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/icon/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-body .salary {position: absolute; right: 120px; top: 45px; font-size: 2rem; line-height: 30px; text-align: right; color: #13479c;letter-spacing: 0.05em;}
.widget-metas i,.widget-body .salary i {margin-right: 5px;color: #13479c;font-size: 18px;}
.widget-body .salary i {margin-right: 7px;font-size: 16px;}
.widget-metas span {margin-right: 20px;}
.met-job .widget .met-editor{padding: 0px 20px;}
.met-editor{padding: 20px 10px 10px;line-height: 30px;font-size: 16px;border-top: 1px solid #F3F3F3;margin-top: 15px;color: #333; font-weight: lighter;}



/* 成功案例 */
.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: #13479c 1px solid;}
.xk3s_list ul li:hover .cases_info {color:#13479c }

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



/* 联系我们 */
.contact_box { display: flex; flex-wrap: wrap; justify-content: space-between;overflow: hidden;padding-right: 5%; }
.container_header {padding-bottom: 30px;text-align: center;	font-size: 30px;	max-width: 560px;	margin: 0 auto}
.container_header .title {	color: #333; font-weight: bold;}
.container_header .subtitle {color: #939393;font-size: 14px;margin-top: 5px;font-family: HELVETICANEUELTPRO-THEX, Arial;  letter-spacing: 1px;  text-transform: uppercase;}
.contact_box .introduction {max-width: 1200px;color: #999;text-align: center;margin: 0 auto 50px;font-size: 1.75rem;line-height: 26px;}
.contact_info h3.title,.messageBox .info_head .title {font-size: 2.4rem;color: #111;margin-bottom: 20px;line-height: 1.5em;letter-spacing: 0.05em;}
.contact_info h3.title::after {content: '';position: absolute;height: 25px;width: 5px;background: #13479c;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 #13479c; 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;}


.ptb100-150 {padding-top: 100px; padding-bottom: 150px;}
.con-box {display: flex; flex-wrap: wrap;}
.sel_contact {width: 55%;}
.sel_contact .info {width:100%;}
.sel_contact .info h2 {font-size: 2.6rem;color:#3c3c3c;line-height: 1.5em;}
.sel_contact .info p {font-size: 1.5rem;color:#999999;}
.sel_contact .info dl {display:flex; justify-content:space-between; flex-wrap:wrap; justify-content:space-between;}
.sel_contact .info dl dt {width:50%; display:flex; align-items:center; padding:25px 0;}
.sel_contact .info dl dt span {display:block; width:50px; height:50px; border-radius:100%; background-color:#EEE; background-repeat:no-repeat; background-position:center center; background-size:80% auto;}
.sel_contact .info dl dt:nth-child(1) span {background-image:url("../images/icon/contact_icon_1.svg");}
.sel_contact .info dl dt:nth-child(2) span {background-image:url("../images/icon/contact_icon_2.svg");}
.sel_contact .info dl dt:nth-child(3) span {background-image:url("../images/icon/contact_icon_3.svg");}
.sel_contact .info dl dt:nth-child(4) span {background-image:url("../images/icon/contact_icon_4.svg");}
.sel_contact .info dl dt .d_r {padding-left:20px;width:calc( 100% - 70px);line-height: 1.7em;}
.sel_contact .info dl dt .d_r p {font-size: 15px;margin-bottom:5px;}
.sel_contact .info dl dt .d_r h6 {font-size: 1.7rem;font-family:'MontserratBold';}
.sel_contact .info .contMode-icon {width: 50px;height: 50px; border: none; background: #EEE;}
.sel_contact .info .contMode-icon i {font-size: 18px;}


.con-box .messageBox .frow {margin-bottom: 4%;}
.con-box .messageBox .frow .form-control {padding: 12px 20px; border-radius: 0; background: #eee; border: none; line-height: 32px;}
.con-box .messageBox .frow .form-control:focus {border: none;background: #F5F5F5;}
.con-box .form-actions button {background: #13479c; line-height: 35px; width: 100%; border: none; color: #fff;display: block; padding: 10px; font-size: 16px; font-weight: bold;}
.fgs-list ul li {width: calc((100% / 3) - 20px);}
.fgs-list ul li h2{font-size:24px;margin-bottom:20px}
.fgs-list ul li h3{font-size:16px;margin:16px 0 5px;opacity:0.5}
.fgs-list ul li p {font-size:16px; font-family:'en_light'; line-height: 1.5em;}
            

/* 留言表单 */
.messageBox {}
.messageBox .frow {width: 100%; margin-bottom: 2%;}
.messageBox .info_head {font-size: 1.6rem; color: #666;}
.messageBox .frow .form-control{ padding: 12px 15px; font-size: 1.5rem;font-family: "microsoft yahei"; border: 1px solid #ccc; border-radius: 5px; box-shadow: 0 0 0 transparent, inset 0 0 2px #eee; -webkit-transition: all 0.2s ease-in-out;}
.messageBox .frow .form-control:focus { border: 1px solid #13479c;}
.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%;}
	#about .about_body .content .des-box .description {height: 330px;}
	
}
@media (max-width: 1280px) {
	.wrapper .ptb100 {padding-top: 70px; padding-bottom: 70px;}
	#about .about_body .mt50 {margin-top: 30px;}
	#products .module_boxs {display: none;}
	#products .container_content,#products .body-box .container_content {width: 100%;}
}