@charset "UTF-8";
body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select, div, span, a, aside, article, section, header, nav, footer, label, img { margin: 0; padding: 0; box-sizing: border-box; }
fieldset, img { border: 0; }
img { vertical-align: middle; max-width: 100%; }
ol, ul, li { list-style-type: none; }
table { border-collapse: collapse; border-spacing: 0; word-break: break-all; }
button, input, select, textarea { font-family: inherit; margin: 0; outline: none; resize: none; border: none; background: none; }
html { verflow: -Scroll; overflow-x: hidden; zoom: 1; overflow-y: scroll; overflow: -moz-scrollbars-vertical; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; line-height: 1.25 }
body { font-size: 14px; color: #666; line-height: 1.5; font-family: 'PingFang SC', 'Microsoft YaHei', Arial, 'simsun', HELVETICA; min-width: 320px; }
a { color: #666; text-decoration: none; transition: all ease 0.3s; }
a:hover { color: #184189; }

/*去除苹果默认样式*/

/*input, textarea { -webkit-appearance: none; }*/

/*默认placeholder颜色*/::-webkit-input-placeholder { color: #888; }
:-moz-placeholder { color: #888; }
::-moz-placeholder { color: #888; }
:-ms-input-placeholder { color: #888; }

/*简易栅格化*/
.col { margin-left: -10px; margin-right: -10px; zoom: 1; }
.col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.col>li, .col .item { float: left; padding: 0 10px; }
.col li img, .col .item img { max-width: 100%; }
.col-2 li, .col-2 .item { width: 50%; }
.col-3 li, .col-3 .item { width: 33.3333%; }
.col-4>li, .col-4 .item { width: 25%; }
.col-5 li, .col-5 .item { width: 20%; }
.col-6 li, .col-6 .item { width: 16.6666%; }
.col-8 li, .col-8 .item { width: 12.5%; }
.col.k10 { margin-left: -5px; margin-right: -5px; }
.col.k10>li, .col.k10 .item { padding: 0 5px; }
.col.k16 { margin-left: -8px; margin-right: -8px; }
.col.k16>li, .col.k16 .item { padding: 0 8px; }
.col.k30 { margin-left: -15px; margin-right: -15px; }
.col.k30>li, .col.k30 .item { padding: 0 15px; }
.col.k90 { margin-left: -45px; margin-right: -45px; }
.col.k90>li, .col.k90 .item { padding: 0 45px; }
@media (max-width:1280px) {
    .col { margin-left: -10px; margin-right: -10px; }
    .col>li, .col .item { padding: 0 10px; }
}
@media (max-width:992px) {
    .col-4>li, .col-4 .item { width: 50%; }
    .col { margin-left: -8px; margin-right: -8px; }
    .col>li, .col .item { padding: 0 8px; }
}
@media (max-width:768px) { }

/* CSS活动的公共样式 */
.clearfix:after { clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; }
.clearfix { zoom: 1; }
.fl { float: left; }
.fr { float: right; }
.ce { text-align: center; }
.oh { overflow: hidden; }
.wp { position: relative; min-width: 320px; width: 90%; max-width: 1360px; margin: 0 auto; }
@media (max-width:1600px) {
    .wp { width: 90%; max-width: 1200px; }
}
.pImg { position: relative; padding-top: 100%; display: block; overflow: hidden; }
.pImg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.5s; }
.bgImg { background-position: center; background-size: cover; position: relative; transition: all 0.5s; display: block; width: 100%; height: 100%; }
.gray { background: #efefef; }
.elp { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.fix-border { padding: 0 1px; }

/*常用位置标签*/
.pt-40 { padding-top: 40px; }
.pt-50 { padding-top: 50px; }
.pt-80 { padding-top: 80px; }
.pb-80 { padding-bottom: 80px; }
.pb-100 { padding-bottom: 100px; }
.pb-120 { padding-bottom: 120px; }
@media (max-width:1800px) {
    .pt-80 { padding-top: 60px; }
    .pb-80 { padding-bottom: 60px; }
    .pb-100 { padding-bottom: 60px; }
    .pb-120 { padding-bottom: 60px; }
}
@media (max-width:640px) { }

/*垂直居中*/
.com-table { display: table; width: 100%; height: 100%; }
.com-cell { display: table-cell; vertical-align: middle; width: 100%; }
.abox { display: block; }
.icon, .v-middle { display: inline-block; vertical-align: middle; }
.flex-middle { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.flex { display: flex; justify-content: space-between; flex-wrap: wrap; }
.flex-left { display: flex; flex-wrap: wrap; }
.img-cover { object-fit: cover; width: 100%; height: 100%; }

/*浏览器更新提示*/
.browserupgrade { margin: 0; padding: 50px 0; background: #ccc; text-align: center; font-size: 18px; }
.browserupgrade a { font-weight: 600; color: red; text-decoration: underline; }

/*图片放大*/
.pic-scale .pic, .img-scale { position: relative; overflow: hidden; }
.img-scale img, .pic-scale img { -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.img-scale:hover img, .pic-scale:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.img-scale.scale2:hover img, .pic-scale.scale2:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }

/*图片去色*/
.img-gray { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

/*三角形*/
.caret { display: inline-block; width: 0; height: 0; margin-left: 4px; margin-top: -1px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent; -webkit-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s; }
.bg-gray { background: #f8f8f8 !important; }

/*英文字体*/
@font-face { font-family: "DINPro-Medium"; src: url("../fonts/dinpro-medium.woff2") format("woff2"), url("../fonts/dinpro-medium.woff") format("woff"), url("../fonts/dinpro-medium.ttf") format("truetype"), url("../fonts/dinpro-medium.eot") format("embedded-opentype"), url("../fonts/dinpro-medium.svg") format("svg"); font-weight: normal; font-style: normal; }
.font-en { font-family: "DINPro-Medium"; }

/* 主导航 */
.header-wrap { height: 100px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.header-wrap.fixed { height: 80px; }
.header { position: fixed; top: 0; left: 0; background: #fff; width: 100%; height: 100px; line-height: 100px; padding-left: 70px; z-index: 999; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; align-items: center; }
.header-wrap.fixed .header { box-shadow: 0px 0px 7px 0px rgba(6, 0, 1, 0.1); height: 80px; line-height: 80px; }
.header .logo { position: relative; align-items: center; height: 100%; }
.header .logo img { height: 45px; }
.nav-list { height: 100%; }
.nav-list>li { float: left; font-size: 0; margin: 0 45px; height: 100%; display: flex; align-items: center; }
.nav-list>li>a { display: block; font-size: 18px; color: #3f3b3a; position: relative; vertical-align: middle; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; height: 30px; line-height: 30px; border-radius: 15px; }
.nav-list>li>a:hover, .nav-list>li.on>a,.nav-list>li .subnav p a:hover { color: #184189; }
.nav-list>li .subnav { position: absolute; top: 100%; background: #fff; z-index: 2; min-width: 75px; padding: 10px 15px; visibility: hidden; opacity: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; box-shadow: 0px 3px 7px 0px rgba(6, 0, 1, 0.1); }
.nav-list>li:hover .subnav { visibility: visible; opacity: 1; }
.nav-list>li .subnav p { line-height: 1; }
.nav-list>li .subnav p.on a { font-weight: bold; }
.nav-list>li .subnav p a { font-size: 14px; display: inline-block; line-height: 32px; color: #454545;}
.header-right { align-items: center; }
.header-right .tel { font-size: 18px; color: #184189; height: 30px; line-height: 30px; }
.header-right .tel i { display: inline-block; font-size: 24px; margin-right: 10px; vertical-align: middle; margin-top: -2px; }
.header-right .language { margin-left: 40px; padding: 0 40px; color: #3f3b3a; position: relative; cursor: pointer; font-size: 15px; border-left: 1px solid #ddd; display: flex; align-items: center; }
.header-right .language:hover,.header-right .language:hover i {color: #184189}

.header-right .language .icon-globeo24 { font-size: 36px; margin-right: 5px; color: #535253; }
.header-right .language .icon-xiala { font-size: 13px; margin-left: 6px; color: #989798; }
.header-right .language ul { position: absolute; font-size: 14px; left: 0; width: 100%; top: 100%; background: rgba(255, 255, 255, .9); text-align: center; padding: 8px 0; opacity: 0; visibility: hidden; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; box-shadow: 0px 3px 7px 0px rgba(6, 0, 1, 0.1); }
.header-right .language:hover ul { opacity: 1; visibility: visible;}
.header-right .language ul li { line-height: 34px; }
.header-right .language ul li a {color: #454545;}
.header-right .language ul li a:hover {color: #184189;}
@media screen and (max-width:1800px) {
    .nav-list>li { margin: 0 30px; }
}
@media (max-width:1600px) { }

/* 广告轮播图 */
.banner { position: relative; overflow: hidden; }
.banner img { width: 100%; }
.banner .small { display: none; }
.banner .swiper-slide { overflow: hidden; }
.banner .swiper-slide a { display: block; height: 0; padding-bottom: 35.4166%; }
.banner .swiper-pagination { bottom: 30px !important; line-height: 1; font-size: 0; }
.banner .swiper-pagination .swiper-pagination-bullet { width: 18px; height: 18px; border: solid 1px #ffffff; background: transparent; margin: 0 19px; opacity: 1; position: relative; }
.banner .swiper-pagination .swiper-pagination-bullet:before { content: ""; position: absolute; width: 10px; height: 10px; background-color: #ffffff; border-radius: 50%; left: 50%; top: 50%; margin-top: -5px; margin-left: -5px; opacity: 0; }
.banner .swiper-pagination .swiper-pagination-bullet-active:before { opacity: 1; }
.banner .swiper-pagination .swiper-pagination-bullet ~ .swiper-pagination-bullet:after { content: ""; position: absolute; width: 17px; height: 1px; background-color: #ffffff; opacity: 0.5; top: 50%; left: -28px; margin-top: -0.5px; }
@media (max-width:1280px) {
    .banner .swiper-pagination { bottom: 25px !important; }
}
@media (max-width:640px) {
    .banner .swiper-slide a { padding-bottom: 0; height: auto; }
    .banner .swiper-pagination { bottom: 15px !important; }
    .banner .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 4px; }
}

/*尾部*/
.footer { background: url(../images/foot-bg.jpg) no-repeat center; background-size: cover; margin-top: -125px; padding-top: 180px; }
.footer.inner { margin-top: 0; padding-top: 60px; }
.foot-info { padding-bottom: 40px; }
.foot-nav { flex: 1; }

/*.foot-nav .item ~ .item { margin-left: 110px; }*/
.foot-nav .item h4 { font-size: 18px; line-height: 24px; color: #ffffff; position: relative; padding-bottom: 22px; margin-bottom: 10px; }
.foot-nav .item h4:before, .foot-pic .item h4:before { content: ""; position: absolute; left: 0; bottom: 0; width: 24px; height: 2px; background: #585a60; }
.foot-nav .item h4:after, .foot-pic .item h4:after { content: ""; position: absolute; left: 0; bottom: 0; width: 15px; height: 2px; background: #6cb92c; }
.foot-nav .item ul li { line-height: 42px; }
.foot-nav .item ul li a { font-size: 15px; color: #ffffff; opacity: 0.5; }
.foot-nav .item ul li a:hover { opacity: 1; }
.foot-qr { text-align: center; }
.foot-qr .vr-btn { display: block; width: 180px; height: 42px; background-color: #184189; border-radius: 21px; line-height: 42px; color: #fff; font-size: 16px; margin-top: 24px; }
.foot-qr .vr-btn i { display: inline-block; width: 27px; height: 22px; background: url(../images/icon-vr.png) no-repeat center; background-size: contain; margin-right: 10px; vertical-align: middle; margin-top: -2px; }
.foot-pic { padding-top: 65px; padding-bottom: 75px; border-top: 1px solid rgba(228, 232, 242, .1); }
.foot-pic .item h4 { font-size: 18px; color: #ffffff; padding-bottom: 20px; position: relative; margin-bottom: 18px; }
.foot-pic .item .focus a ~ a { margin-left: 7px; }
.foot-links { font-size: 14px; color: rgba(246, 246, 246, .5); margin-bottom: 20px; margin-top: -15px; }
.foot-links a { color: rgba(246, 246, 246, .5); margin-right: 10px; }
.copyright { border-top: 1px solid rgba(228, 232, 242, .1); padding: 18px 0 20px; font-size: 14px; color: rgba(255, 255, 255, .5); }
.copyright a { color: rgba(255, 255, 255, .5); margin-left: 10px; }
.copyright a:hover, .foot-links a:hover { color: #fff; }
@media (max-width:1600px) { }
@media (max-width:1366px) { }
@media (max-width:1280px) { }
@media (max-width:1200px) { }
@media (max-width:768px) { }
@media (max-width:640px) {
    .foot-links { display: none; }
    .copyright { font-size: 13px; padding-top: 0;border-top: none;}
    .copyright a { margin-left: 0; margin-right: 10px; }
}

/*通用标题*/
.com-title { text-align: center; margin-bottom: 45px; }
.com-title.autoheight { margin-bottom: 0; }
.com-title h3 { font-size: 36px; color: #1c1f2a; font-weight: bold;}
.com-title.white h3 { color: #fff; }
.com-title h3:after { content: ""; display: block; width: 40px; height: 3px; background-color: #184189; margin: 18px auto 0; }
.com-title.white h3:after { background-color: #f2f7f9; opacity: 0.5; }
.com-title.left { text-align: left; }
.com-title.min h3 { font-size: 36px; }
.com-title.left h3:after { margin: 18px 0 0; }
.com-title p { font-size: 18px; line-height: 1.5; margin-top: 18px; color: #525252; }
.com-title.white p { color: #ffffff; opacity: 0.5; font-size: 18px; line-height: 36px; margin-top: 18px; }

/*通用按钮*/
.com-btn { display: inline-block; width: 180px; height: 46px; border-radius: 23px; border: solid 1px #182e65; line-height: 44px; text-align: center; color: #182e65; font-size: 16px; }

/*首页*/
.home-a { padding-top: 60px; }
.service-list { margin-top: 40px; }
.service-list .item { width: 24.8958%; height: 600px; position: relative; cursor: pointer; transition: .4s }
.service-list .item:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(44, 44, 44, .75); transition: .4s }
.service-list .item.on { width: 50.2084%; }
.service-list .item.on:before { background-color: rgba(9, 39, 116, .8); }
.service-list .item ~ .item { border-left: 1px solid #fff; }
.service-list .item .cont { position: absolute; z-index: 2; padding: 80px 50px 60px; left: 0; top: 0; width: 100%; height: 100%; }
.service-list .item .cont h4 { font-size: 32px; line-height: 1; color: #ffffff; position: relative;font-weight: bold; }
.service-list .item .cont h4:after { content: ""; display: block; width: 35px; height: 2px; background-color: #ffffff; margin-top: 30px; margin-bottom: 45px; }
.service-list .item .cont ul li { font-size: 16px; line-height: 36px; color: #ffffff; opacity: 0.9; }
.service-list .item .cont .more-1 { position: absolute; left: 50px; bottom: 60px; display: inline-block; width: 130px; height: 35px; background-color: #3c3c3c; border-radius: 18px; border: solid 1px rgba(255, 255, 255, .5); font-size: 16px; line-height: 34px; color: rgba(255, 255, 255, .9); text-align: center; }
.service-list .item.on .cont { display: none; }
.service-list .item .cont2 { position: absolute; z-index: 2; padding: 85px 15%; left: 0; top: 0; width: 100%; height: 100%; display: none; }
/*.service-list .item.on .cont2 { display: block; }*/
.service-list .item .cont2 h4 { font-size: 42px; line-height: 1; color: #ffffff; }
.service-list .item .cont2 h4:after { content: ""; display: block; width: 35px; height: 2px; background-color: #ffffff; margin-top: 25px; margin-bottom: 25px; }
.service-list .item .cont2 ul li { display: inline-block; padding: 0 20px; height: 36px; border-radius: 18px; border: solid 1px rgba(255, 255, 255, .4); font-size: 16px; color: rgba(255, 255, 255, .9); text-align: center; margin-right: 5px; line-height: 34px; }
.service-list .item .cont2 h5 { font-size: 18px; letter-spacing: 1px; color: #ffffff; opacity: 0.9; margin-top: 50px; margin-bottom: 20px; }
.service-list .item .cont2 p { font-size: 14px; line-height: 30px; color: #ffffff; opacity: 0.8; }
.service-list .item .cont2 .more-wrap { position: absolute; left: 15%; bottom: 60px; }
.service-list .item .cont2 .more-wrap a { display: inline-block; width: 160px; height: 40px; background-color: #ffffff; border-radius: 20px; line-height: 40px; text-align: center; font-size: 16px; color: #27499d; }
.service-list .item .cont2 .more-wrap a:last-child { background-color: #6cb92c; color: #fff; margin-left: 5px; }
.home-b { position: relative; }
.home-b .cont { flex: 1; overflow: hidden; background: url(../images/home-about-l.jpg) no-repeat center; background-size: cover; padding: 130px 350px 0 14.5%; position: relative; }
.home-b .cont .des { font-size: 16px; line-height: 32px; color: #4c4645; padding-top: 20px; margin-bottom: 50px; }
.home-b .cont .com-btn { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.home-b .cont .com-btn:hover { background: #182e65; color: #fff; }
.home-b .pic { width: 35.41%; height: 900px; }
.ys-num-list { margin-right: -230px; margin-top: 100px; }
.ys-num-list li .num { font-size: 52px; line-height: 48px; color: #182e65; }
.ys-num-list li .num i { font-style: normal; font-weight: bold; }
.ys-num-list li .num sup { color: #182e65; opacity: 0.9; font-size: 18px; line-height: 1; display: inline-block; vertical-align: top; margin-left: 5px; }
.ys-num-list li .tit { font-size: 16px; line-height: 30px; color: #272933; opacity: 0.9; margin-top: 10px; }
.home-b .video-hover { position: absolute; top: 50%; right: 35.41%; z-index: 2; box-shadow: 0px 10px 20px 0px 
rgba(0, 0, 0, 0.2); transform: translateY(-50%); border-radius: 5px; margin-right: -240px; overflow: hidden; }
.home-b .video-hover .cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 85px; color: #fff; display: flex; align-items: center; justify-content: center; }
.home-c { padding-top: 90px; padding-bottom: 70px; }
.muscle-list .item { width: 31.91%; background-color: #ffffff; box-shadow: 0px 10px 30px 0px 
rgba(50, 91, 182, 0.1); border-radius: 5px; text-align: center; }
.muscle-list .item .cont { padding: 35px 15px; }
.muscle-list .item .cont h4 { font-size: 24px; color: #272933; }
.muscle-list .item .cont h4:after { content: ""; display: block; width: 40px; height: 3px; background-color: #182e65; margin: 24px auto 20px; }
.muscle-list .item .cont p { font-size: 15px; line-height: 28px; color: #595757; display: flex; align-items: center; justify-content: center; height: 84px; }
.home-d { padding-bottom: 50px; }
.swiper-container-gczs .swiper-slide { text-align: center; }
.vrlook { border-radius: 6px; position: relative; overflow: hidden; }
.vrlook .vt-link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; font-size: 36px; color: #ffffff; display: flex; align-items: center; justify-content: center; }
.vrlook .vt-link i { display: inline-block; width: 86px; height: 68px; background: url(../images/icon-vr.png) no-repeat center; background-size: contain; margin-right: 40px; }

/*内页banner*/
.page-banner { position: relative; overflow: hidden; }
.page-banner .pic { overflow: hidden; height: 0; padding-bottom: 31.25%; background: #f5f5f5; }
.page-banner .pic img { width: 100%; -webkit-animation: SlickIn cubic-bezier(1, 0, .5, .5) 1.5s; animation: SlickIn cubic-bezier(1, 0, .5, .5) 1.5s; }
.page-banner .tit { position: absolute; left: 0; top: 50%; width: 100%; margin-top: -60px; text-align: center; }
.page-banner .tit h3 { font-size: 60px; line-height: 1; color: #f0fffe; font-weight: bold; }
.page-banner .tit p { font-size: 24px; line-height: 1.2; color: #f0fffe; margin-top: 30px; }
.page-banner .tit p.min { font-size: 20px; margin-top: 25px; }
.page-banner .search-bar { position: absolute; left: 50%; top: 50%; width: 720px; height: 68px; background-color: #ffffff; border-radius: 10px; margin-left: -360px; transform: translateY(-50%); }
.page-banner .search-bar form { align-items: center; height: 100%; }
.page-banner .search-bar form .sel { width: 80px; line-height: 25px; text-align: center; border-right: 1px solid #cfd3dc; }
.page-banner .search-bar form .sel select option { padding: 5px; }
.page-banner .search-bar form input { flex: 1; padding-left: 20px; padding-right: 20px; font-size: 16px; color: #81868e; }
.page-banner .search-bar form button { width: 60px; text-align: center; font-size: 22px; color: #3c3c3c; cursor: pointer; }
.page-banner .search-bar form button:hover { color: #3c3c3c; }
@-webkit-keyframes SlickIn {
    0% { -webkit-transform: scale(1.1, 1.1) }
    100% { -webkit-transform: scale(1, 1) }
}
@-webkit-keyframes SlickOut {
    0% { -webkit-transform: scale(1, 1) }
    100% { -webkit-transform: scale(.9, .9) }
}
@keyframes SlickIn {
    0% { transform: scale(1.1, 1.1) }
    100% { transform: scale(1, 1) }
}
@keyframes SlickOut {
    0% { transform: scale(1, 1) }
    100% { transform: scale(.9, .9) }
}
@-webkit-keyframes SlickIn2 {
    0% { -webkit-transform: scale(1.1, 1.1) }
    100% { -webkit-transform: scale(1, 1) }
}
@-webkit-keyframes SlickOut2 {
    0% { -webkit-transform: scale(1, 1) }
    100% { -webkit-transform: scale(.9, .9) }
}
@keyframes SlickIn2 {
    0% { transform: scale(1.1, 1.1) }
    100% { transform: scale(1, 1) }
}
@keyframes SlickOut2 {
    0% { transform: scale(1, 1) }
    100% { transform: scale(.9, .9) }
}

/*分类栏*/
.cate-bar { height: 81px; background-color: #ffffff; box-shadow: 0px 1px 30px 0px 
rgba(50, 91, 182, 0.15); border-radius: 5px; position: relative; margin-top: -40.5px; margin-bottom: 40px; align-items: center; padding: 0 45px; }
.cate-bar .cate { flex: 1; }
.cate-bar .cate a { font-size: 18px; color: #2f2f2f; line-height: 36px; }
.cate-bar .cate a ~ a { margin-left: 90px; }
.cate-bar .cate a.on, .cate-bar .cate a:hover { color: #28499d; }
.cate-bar .mbx { color: #81868e; }

/*项目列表*/
.xm-list { padding-bottom: 80px; }
.xm-list .item { background-color: #ffffff; border-radius: 5px; border: solid 1px #dddddd; transition: .3s; padding: 40px; }
.xm-list .item ~ .item { margin-top: 40px; }
.xm-list .item:hover { border-color: transparent; box-shadow: 0px 0px 20px 0px 
rgba(0, 62, 149, 0.1); }
.xm-list .item .pic { width: 44%; height: 440px; }
.xm-list .item .cont { flex: 1; padding-left: 55px; padding-top: 15px; }
.xm-list .item .cont h4 { font-size: 28px; line-height: 36px; color: #2f2f2f; }
.xm-list .item .cont h5 { font-size: 15px; color: #81868e; margin-top: 10px; margin-bottom: 20px; }
.xm-list .item .cont p { font-size: 16px; line-height: 28px; color: #4c4645; margin-bottom: 30px; }
.xm-list .item .cont .info { background-color: #f2f7f9; padding: 16px 30px 16px 10px; align-items: center; }
.xm-list .item .cont .info:last-child { margin-top: 15px; }
.xm-list .item .cont .info .tit { font-size: 18px; line-height: 24px; color: #28499d; width: 80px; text-align: center; border-right: 1px solid #cfd3dc; padding: 5px 0; }
.xm-list .item .cont .info .des { font-size: 16px; line-height: 32px; color: #4c4645; flex: 1; padding-left: 35px; }

/*服务/质量*/
.service-a { padding-top: 80px; padding-bottom: 85px; background-color: #f7f9ff; }
.service-a .list { margin-top: 70px; }
.service-a .list .item { width: 31.98%; height: 480px; background-color: #ffffff; box-shadow: 0px 5px 20px 0px 
rgba(0, 62, 149, 0.1); border-radius: 5px; }
.service-a .list .item .pic { border-radius: 5px; overflow: hidden; }
.service-a .list .item .cont { padding: 35px; }
.service-a .list .item .cont h4 { font-size: 24px; color: #362c2b; }
.service-a .list .item .cont p { font-size: 14px; line-height: 32px; color: #5b5b5b; margin-top: 20px; }
.service-a .des { text-align: center; margin-top: 50px; line-height: 32px; color: #5b5b5b; font-size: 16px; }
.service-a .des p ~ p { margin-top: 5px; }
.service-a .des p b { font-size: 18px; color: #272933; }
.service-b { padding-top: 80px; padding-bottom: 120px; background: url(../images/service/tx.jpg) no-repeat center top; }
.service-b .honor-bar { margin-top: 60px; }
.service-b .cont { background-color: #ffffff; box-shadow: 0px 5px 20px 0px 
rgba(0, 62, 149, 0.1); border-radius: 5px; /*margin-bottom: 100px; */ padding: 45px 50px 30px; }
.service-b .cont .tit { align-items: flex-end; margin-bottom: 50px; }
.service-b .cont .tit h4 { font-size: 20px; line-height: 1; color: #727272; cursor: pointer; }
.service-b .cont .tit h4.on { font-size: 28px; line-height: 1; color: #28499d; }
.service-b .cont .tit h4 ~ h4 { margin-left: 45px; }
.service-b .cont .tx-list .item ~ .item { display: none; }
.service-b .cont ul li { text-align: center; width: 15%; }
.service-b .cont ul li .pic { border-radius: 5px; }
.service-b .cont ul li p { margin-top: 10px; font-size: 16px; color: #2b3137; }
.service-b .cont .des { font-size: 14px; line-height: 32px; color: #5b5b5b; margin-top: 20px; }
.service-c { width: 960px; margin: 0 auto; padding-bottom: 100px; }
.service-c .pic { border-radius: 10px; overflow: hidden; position: relative; }
.service-c .pic .video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 80px; color: #f7f9ff; }
.service-c .pic video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; display: none; }
.service-c h4 { font-size: 48px; font-weight: bold; line-height: 1; color: #28499d; text-align: center; margin-top: 80px; }
.service-c .zx { display: block; margin: 36px auto 0; width: 240px; height: 48px; line-height: 48px; background-color: #27499d; border-radius: 2px; text-align: center; font-size: 16px; color: #ffffff; }

/*odm/oem*/
.com-cont h3 { font-size: 36px; line-height: 1; color: #060002; font-weight: bold;}
.com-cont p { font-size: 16px; line-height: 32px; color: #5b5b5b; margin-top: 26px; }
.odm-a { padding: 70px 0; }
.odm-a .cont, .odm-c .cont { flex: 1; padding-right: 100px; padding-top: 50px; }
.odm-a .cont .ul-wrap { margin-top: 65px }
.odm-a .cont .ul1 { margin-right: 40px; }
.odm-a .cont .ul1 li { font-size: 16px; line-height: 48px; color: #373c42; }
.odm-a .cont .ul1 li:before { content: ""; display: inline-block; width: 10px; height: 10px; background-color: #28499d; border-radius: 5px; margin-right: 15px; }
.odm-a .pic, .odm-c .pic { width: 49.26%; height: 480px; border-radius: 10px; overflow: hidden; }
.odm-c .pic { height: auto; position: relative; }
.odm-c .pic ul li:nth-child(3), .odm-c .pic ul li:nth-child(4) { margin-top: 10px; }
.odm-c .pic ul li .abox { position: relative; }
.odm-c .pic ul li .abox .tit { position: absolute; left: 30px; z-index: 2; top: 20px; font-size: 18px; line-height: 24px; color: #ffffff; }
.odm-c .pic ul li:nth-child(2) .abox .tit { left: auto; right: 30px; }
.odm-c .pic ul li:nth-child(3) .abox .tit { top: auto; bottom: 20px; }
.odm-c .pic ul li:nth-child(4) .abox .tit { left: auto; top: auto; bottom: 20px; right: 30px; }
.odm-c .pic .sltit { position: absolute; left: 50%; top: 50%; z-index: 2; width: 200px; margin-left: -100px; margin-top: -100px; }
.odm-b { background-color: #f7f9ff; padding-top: 80px; padding-bottom: 85px; }
.team-item { background-color: #fff; border-radius: 5px; padding: 5px;}
.team-item .cont { padding: 30px; }
.team-item .cont h4 { font-size: 24px; line-height: 1; color: #2f2f2f; }
.team-item .cont h5 { font-size: 16px; line-height: 1; color: #2f2f2f; margin-top: 12px; }
.team-item .cont p { font-size: 14px; line-height: 24px; color: #707070; margin-top: 30px; height: auto; }
.odm-c { padding-top: 80px; padding-bottom: 90px; }
.odm-c .cont .ul2 { margin-top: 75px; }
.odm-c .cont .ul2 li { width: 180px; height: 42px; background-color: #e3eafb; border-radius: 21px; text-align: center; line-height: 42px; margin-right: 9px; margin-bottom: 19px; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; }
.odm-c .cont .ul2 li:hover { opacity: .9 }
.odm-d { background: url(../images/odm/tx-bg.jpg) no-repeat center top; padding-top: 125px; padding-bottom: 50px; }
.honor-bar { display: flex; justify-content: center; align-items: center; height: 200px; background-color: #ffffff; box-shadow: 0px 5px 20px 0px 
rgba(0, 62, 149, 0.1); border-radius: 10px; margin-top: 135px; margin-bottom: 30px; }
.odm-e { background-color: #f7f9ff; padding-top: 75px; padding-bottom: 80px; }
.honor-wrap, .case-wrap { position: relative; }
.swiper-container-honor { padding: 0 1px; }
.swiper-container-honor .swiper-slide { text-align: center; }
.swiper-container-honor .swiper-slide .pic { border-radius: 5px; border: solid 1px #dddddd; overflow: hidden; padding: 24px; }
.swiper-container-honor .swiper-slide .tit { font-size: 18px; line-height: 22px; color: #2b3137; margin-top: 20px; }
.swiper-container-case .swiper-slide { text-align: center; }
.swiper-container-case .swiper-slide .pic { height: 320px; background-color: #ffffff; border-radius: 5px; border: solid 1px #dddddd; }
.swiper-container-case .swiper-slide .tit { font-size: 18px; line-height: 22px; color: #2b3137; margin-top: 20px; }
.odm-h { background-color: #f7f9ff; padding-top: 85px; padding-bottom: 100px; }
.odm-h ul { margin-bottom: 60px; }
.odm-h ul li { width: 49.26%; height: 176px; background-color: #ffffff; box-shadow: 0px 10px 30px 0px 
rgba(14, 47, 92, 0.1); border-radius: 10px; align-items: center; padding: 0 60px; }
.odm-h ul li .cont { flex: 1; overflow: hidden; padding-left: 55px; }
.odm-h ul li .cont h4 { font-size: 24px; line-height: 24px; color: #362c2b; }
.odm-h ul li .cont p { font-size: 16px; line-height: 24px; color: #727272; margin-top: 18px; }
.btn-wrap { text-align: center; }
.com-btn2 { display: inline-block; padding: 0 32px; height: 48px; background-color: #27499d; border-radius: 2px; border: solid 1px #27499d; line-height: 46px; text-align: center; font-size: 16px; color: #ffffff !important; }
.com-btn2 i { margin-left: 8px; display: inline-block; vertical-align: middle; transition: .3s }
.com-btn2.open i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.odm-f { padding-top: 80px; padding-bottom: 110px; }
.lc-list { justify-content: center; margin-bottom: 45px; }
.lc-list li { position: relative; width: 136px; height: 150px; background-color: #f0f4ff; border-radius: 10px; margin: 0 2.5px; text-align: center; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; flex-direction: column; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.lc-list li:hover { background: #28499d; }
.lc-list li:after { content: ""; position: absolute; right: -25px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; background: #f0f4ff url(../images/jt.svg) no-repeat center; background-size: 15px; border-radius: 50%; border: solid 2px #ffffff; z-index: 2; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.lc-list li:last-child:after { display: none; }
.lc-list li:hover:after { background: #28499d url(../images/jt-on.svg) no-repeat center; background-size: 15px; }
.lc-list li .tit { font-size: 18px; line-height: 24px; color: #0e2f5c; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.lc-list li:hover .tit { color: #fff; }
.lc-list li .tit:after { content: ""; display: block; width: 7px; height: 2px; background: #035dff; margin: 18px auto 12px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.lc-list li:hover .tit:after { background: #536db1; }
.lc-list li .num { font-size: 18px; line-height: 24px; color: #0e2f5c; opacity: 0.5; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.lc-list li:hover .num { color: #fff; }
.odm-g { padding-bottom: 80px; }

/*pcb*/
.zbfw-list { padding-bottom: 28px; }
.zbfw-list .item { width: 49.26%; height: 280px; background-color: #ffffff; border-radius: 5px; border: solid 1px #dddddd; padding: 20px; margin-bottom: 20px; }
.zbfw-list .item:nth-child(2n) { flex-direction: row-reverse; }
.zbfw-list .item .pic {/* width: 340px; */width: 50%; height: 240px; border: 1px solid #ededed; /* background-color: #f7f7f8;*/ }
.zbfw-list .item .pic img { object-fit: contain; width: 100%; height: 100%; }
.zbfw-list .item .cont { position: relative; flex: 1; padding: 10px 0 5px 25px }
.zbfw-list .item:nth-child(2n) .cont { padding: 10px 25px 5px 10px; }
.zbfw-list .item .cont h4 { font-size: 24px; color: #2f2f2f; }
.zbfw-list .item .cont p { font-size: 14px; line-height: 26px; color: #707070; margin-top: 20px; }
.zbfw-list .item .cont .zx { display: inline-block; width: 150px; height: 32px; line-height: 30px; border: 1px solid #27499d; color: #27499d; font-size: 15px; text-align: center; border-radius: 2px; position: absolute; left: 25px; bottom: 10px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.zbfw-list .item .cont .zx:hover { background: #27499d; color: #fff; }
.zbfw-list .item:nth-child(2n) .cont .zx { left: 10px; }
.pcb-ys { background-color: #f7f9ff; }
.ys-list { padding: 0 50px; }
.ys-list li { text-align: center; }
.ys-list li img { border-radius: 50%; box-shadow: 0px 10px 30px 0px 
rgba(14, 47, 92, 0.1); }
.ys-list li p { font-size: 18px; line-height: 24px; color: #362c2b; margin-top: 30px; }
.pcb-gc { padding-bottom: 100px; }
.swiper-container-inner-gczs .swiper-slide { text-align: center; }
.swiper-container-inner-gczs .swiper-slide .pic { border-radius: 5px; border: solid 1px #dddddd; overflow: hidden; }
.swiper-container-inner-gczs .swiper-slide .tit { font-size: 18px; line-height: 22px; color: #2b3137; margin-top: 15px; }
.swiper-container-khfk { overflow: visible; }
.swiper-container-khfk .swiper-slide { background-color: #f2f7f9; width: 520px; border-radius: 5px; }
.swiper-container-khfk .swiper-slide .info {    /*height: 280px;*/
    background-color: #ffffff; box-shadow: 0px 5px 20px 0px 
rgba(0, 62, 149, 0.1); border-radius: 5px 5px 0px 0px; padding: 20px; }
.swiper-container-khfk .swiper-slide .info .pic { width: 50%; height: 240px; border: 1px solid #ededed;}
.swiper-container-khfk .swiper-slide .info .cont { flex: 1; overflow: hidden; padding-left: 35px; padding-top: 20px; position: relative; }
.swiper-container-khfk .swiper-slide .info .cont .tit { line-height: 36px; align-items: center; }
.swiper-container-khfk .swiper-slide .info .cont .tit img { height: 20px; }
.swiper-container-khfk .swiper-slide .info .cont .tit h4 { font-size: 24px; line-height: 36px; color: #2f2f2f; flex: 1; margin-left: 20px; overflow: hidden; }
.swiper-container-khfk .swiper-slide .info .cont p { font-size: 14px; line-height: 28px; color: #707070; position: absolute; left: 35px; bottom: 10px; }
.swiper-container-khfk .swiper-slide .khpj { background-color: #f2f7f9; border-radius: 5px; border-radius: 0px 0px 5px 5px; height: 110px; align-items: center; padding-left: 35px; padding-right: 50px; position: relative; }
.swiper-container-khfk .swiper-slide .khpj:after { content: ""; position: absolute; right: 24px; bottom: 10px; width: 23px; height: 23px; background: url(../images/icon-yh.png) no-repeat right bottom; }
.swiper-container-khfk .swiper-slide .khpj h4 { height: 45px; font-size: 18px; line-height: 1.2; color: #362c2b; padding-right: 25px; border-right: 1px solid #dddddd; }
.swiper-container-khfk .swiper-slide .khpj p { flex: 1; overflow: hidden; padding-left: 25px; }

/*bom*/
.bom-b { padding: 75px 0; background: url(../images/bom/xd-bg.jpg) no-repeat center; background-size: cover; }
.bz-list .item { width: 33%; text-align: center; }
.bz-list .item img { box-shadow: 0px 10px 30px 0px 
rgba(14, 47, 92, 0.1); border-radius: 50%; }
.bz-list .item p { font-size: 18px; line-height: 24px; color: #362c2b; margin-top: 30px; }
.bom-form-wrap .aleft { flex: 1; overflow: hidden; background: #fff; border-radius: 5px; margin-right: -5px; position: relative; z-index: 2; margin-left: -5px; padding: 30px 65px 36px 45px; }
.bom-form-wrap .aleft .tit-bar { margin-bottom: 45px; font-size: 24px; line-height: 1; color: #2f2f2f; }
.bom-form-wrap .aleft .tit-bar i { font-size: 28px; color: #0068b7; margin-right: 10px; }
.bom-form-wrap .aleft .tit-bar span { font-size: 15px; line-height: 1; color: #727272; margin-left: 15px; }
.bom-form-wrap .aleft ul { }
.bom-form-wrap .aleft ul li { margin-bottom: 15px; }
.bom-form-wrap .aleft ul li:last-child { margin-bottom: 0; }
.bom-form-wrap .aleft ul li .form-label { width: 110px; text-align: right; font-size: 15px; line-height: 20px; color: #707070; }
.bom-form-wrap .aleft ul li .input-block { flex: 1; padding-left: 20px; }
.bom-form-wrap .aleft ul li .cgsl { align-items: center; margin-top: -6px; }
.bom-form-wrap .aleft ul li .input-block .radio { margin-right: 6px; }
.bom-form-wrap .aleft ul li .input-block span { font-size: 15px; color: #2b3137; }
.bom-form-wrap .aleft ul li .input-block .num-box { width: 80px; height: 32px; background-color: #ffffff; border: solid 1px #aaaaaa; display: inline-block; vertical-align: middle; line-height: 30px; font-size: 15px; color: #707070;    /*margin-top: -6px;*/ margin-right: 60px; margin-left: 12px; }
.bom-form-wrap .aleft ul li .input-block .num-box .num { width: 60px; padding: 0 5px; }
.bom-form-wrap .aleft ul li .input-block .tit { width: 526px; }
.bom-form-wrap .aleft ul li .input-block .tit h4 { font-size: 15px; color: #2b3137; line-height: 22px; }
.bom-form-wrap .aleft ul li .input-block .tit h4 a { margin-left: 12px; font-size: 15px; color: #0068b7; }
.bom-form-wrap .aleft ul li .input-block .tit span { font-size: 12px; color: #808f9b; line-height: 22px; }
.bom-form-wrap .aleft ul li .input-block .upload-box { width: 526px; height: 150px; background-color: #effff7; border: dashed 1px #8ebfa8; margin-top: 15px; text-align: center; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; cursor: pointer;}
.bom-form-wrap .aleft ul li .input-block .upload-box .upload-desc { align-items: center; text-align: left; }
.bom-form-wrap .aleft ul li .input-block .upload-box .upload-desc img { margin-right: 10px; }
.bom-form-wrap .aleft ul li .input-block .upload-box button { position: relative; width: 130px; height: 32px; background-color: #21a366; border-radius: 2px; line-height: 32px; text-align: center; font-size: 16px; color: #ffffff; margin-top: 15px; }
.bom-form-wrap .aleft ul li .input-block .upload-box button input { position: absolute; left: 0; width: 100%; height: 100%; font-size: 0; opacity: 0; cursor: pointer; }
.bom-form-wrap .aleft ul li .input-block textarea { width: 100%; height: 130px; background-color: #ffffff; border: solid 1px #dddddd; padding: 10px 18px; }
.bom-form-wrap .aright { width: 300px; border-radius: 0 10px 10px 0; overflow: hidden; background: url(../images/bom/bj-bg-min.jpg) no-repeat center; background-size: cover; padding: 60px 40px 60px 45px; }
.form-box h4 { font-size: 24px; line-height: 1; color: #ffffff; margin-bottom: 25px; }
.form-box .inp { width: 100%; height: 44px; background-color: #f2f7f9; border-radius: 2px; font-size: 14px; color: #727272; padding: 0 20px; margin-bottom: 9px; }
.form-box textarea { width: 100%; height: 120px; background-color: #f2f7f9; border-radius: 2px; font-size: 14px; color: #727272; padding: 10px 20px; }
.form-box .sub { width: 100%; height: 48px; line-height: 48px; background-color: #00a2e9; border-radius: 2px; text-align: center; font-size: 16px; color: #ffffff; margin-top: 15px; cursor: pointer; }
.form-box p { font-size: 13px; line-height: 18px; color: #ffffff; opacity: 0.6; margin-top: 25px; }
/*.team-list-2 { padding-top: 20px; }*/
.team-list-2 .item { width: 23%; text-align: center; border: 1px solid #ddd; padding: 20px; border-radius: 5px; }

/*.team-list-2 .item:nth-child(2n) { flex-direction: column-reverse; }*/
.team-list-2 .item .pic { height: 300px; background-color: #b5b5b6; border-radius: 5px; overflow: hidden; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1) }
.team-list-2 .item .cont { padding-top: 30px; }

/*.team-list-2 .item:nth-child(2n) .cont { padding-top: 0; padding-bottom: 30px; }*/
.team-list-2 .item .cont h4 { font-size: 24px; line-height: 1; color: #28499d; }
.team-list-2 .item .cont h5 { font-size: 16px; line-height: 1; color: #2f2f2f; margin-top: 12px; margin-bottom: 26px; }
.team-list-2 .item .cont p { font-size: 14px; line-height: 24px; color: #707070; }
.bom-d { background-color: #f7f9ff; }
.partner_box { margin-top: 28px; }
.logo_wrap { position: relative; width: 100%; overflow: hidden; margin: 0 auto 0; font-size: 0; }
.logo_wrap .mask { position: absolute; z-index: 10; height: 292px; }
.logo_wrap .left_mask { left: -1px; }
.logo_wrap .right_mask { right: -1px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.logo_wrap .line_odd { width: 2676px; -webkit-animation: scrollToRight-data-v-6a32e916 36s linear infinite; animation: scrollToRight-data-v-6a32e916 36s linear infinite; }
.logo_wrap .line_odd .logo_img { width: 45%; margin: 0 10px; height: 80px; display: inline-block; }
.logo_wrap .line_even { width: 2676px; margin: 20px 0; -webkit-animation: scrollToRight-data-v-6a32e916 30s linear infinite; animation: scrollToRight-data-v-6a32e916 30s linear infinite; }
.logo_wrap .line_even .logo_img { width: 45%; margin: 0 10px; height: 80px; display: inline-block; }
.logo_wrap .line_four { width: 2669px; }
@-webkit-keyframes scrollToRight-data-v-6a32e916 {
    from { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }
    to { -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
}
@keyframes scrollToRight-data-v-6a32e916 {
    from { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }
    to { -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
}
@keyframes scrollToRight-data-v-6a32e916 {
    from { -webkit-transform: translate3d(-50%, 0, 0); }
    to { -webkit-transform: translate3d(0%, 0, 0); }
}

/*smt*/
.pcb-s { margin-top: 48px; }
.pcb-s .item { width: 23.8970%; height: 141px; background-color: #ffffff; box-shadow: 0px 1px 20px 0px 
rgba(50, 91, 182, 0.1); border-radius: 5px; align-items: center; padding: 0 20px; -webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;}
.pcb-s .item:hover {box-shadow: 0px 1px 20px 0px 
rgba(50, 91, 182, 0.2);}
.pcb-s .item .cont { flex: 1; padding-left: 18px; }
.pcb-s .item .cont h4 { font-size: 18px; color: #2f2f2f; font-weight: bold;}
.pcb-s .item .cont p { font-size: 14px; line-height: 24px; color: #707070; margin-top: 10px; }
.smt-a { padding-top: 85px; padding-bottom: 90px; }
.smt-b { background-color: #f2f7f9; padding-top: 80px; padding-bottom: 80px; }
.smt-jznl { padding-top: 80px; padding-bottom: 80px; }
.smt-c { background-color: #f2f7f9; padding-top: 80px; padding-bottom: 80px; }
.smt-d { background: url(../images/smt/xd-bg.jpg) no-repeat center; background-size: cover; padding-top: 85px; padding-bottom: 85px; }
.smt-e { background-color: #f7f9ff; padding-top: 85px; padding-bottom: 80px; }
.zzfw-list .item { position: relative; background-color: #ffffff; box-shadow: 0px 0px 20px 0px 
rgba(50, 91, 182, 0.15); border-radius: 5px; width: 23.897%; }
.zzfw-list .item .tit { position: absolute; left: 30px; top: 35px; z-index: 2; font-size: 24px; color: #272933; }
.zzfw-list .item .tit:after { content: ""; width: 30px; height: 3px; background-color: #182e65; margin-top: 26px; display: block; }
.gczs-list .item { text-align: center; width: 23.5394%; }
.gczs-list .item .tit { font-size: 16px; color: #3c3c3c; margin-top: 15px; }
.xd-list {position: relative;}
.xd-list:before {content: ""; position: absolute;top: 32%;width: 99%;left: 0;border-bottom: 1px solid #ddd;}
.xd-list .item { text-align: center; position: relative;}
.xd-list .item .pic {width: 120px; height: 120px; background-color: #ffffff; box-shadow: 0px 10px 30px 0px 
rgba(14, 47, 92, 0.1); overflow: hidden; border-radius: 50%; }
.xd-list .item .tit { font-size: 16px; line-height: 24px; color: #f2f7f9; height: 48px; display: flex; align-items: center; justify-content: center; margin-top: 20px; }
.xd-tip {margin-top: 50px;}
.xd-tip .com-btn2 i {font-size: 20px;margin-right: 7px;margin-left: 0;}
.xd-tip p {
    font-size: 16px;
    color: #f2f7f9;
    opacity: 0.8;
    margin-top: 18px;
}
.smt-f { padding-top: 75px; padding-bottom: 80px;}
.smt-f .mzsm { margin-top: 65px; background-color: #f2f7f9; padding-top: 50px; padding-bottom: 60px; font-size: 16px; line-height: 36px; color: #4c4645; }
.smt-f .mzsm h3 { font-size: 18px; font-weight: bold; line-height: 36px; }
.smt-service .item { width: 31.9852%; background-color: #ffffff; box-shadow: 0px 5px 20px 0px 
rgba(0, 62, 149, 0.1); border-radius: 5px; }
.smt-service .item .pic { overflow: hidden; border-radius: 5px; }
.smt-service .item .cont { padding: 30px; }
.smt-service .item .cont h4 { font-size: 24px; color: #362c2b; }
.smt-service .item .cont p { font-size: 14px; line-height: 32px; color: #5b5b5b; margin-top: 25px; }
.smt-e .zixun { display: block; width: 240px; height: 48px; border-radius: 2px; border: solid 1px #b1bac6; text-align: center; line-height: 46px; font-size: 16px; color: #3c3c3c; margin: 40px auto 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.smt-e .zixun:hover { border-color: #184189; background: #184189; color: #fff; }
.service-tab { position: relative; }
.service-tab .aleft { width: 77.94%; }
.service-tab .aleft .tit-tab { margin-left: 2px; }
.service-tab .aleft .tit-tab li { line-height: 52px; width: 260px; text-align: center; background-color: #a6bac9; border-radius: 5px 5px 0 0; font-size: 18px; color: #ffffff; margin-right: 8px; cursor: pointer; transition: .3s }
.service-tab .aleft .tit-tab li.on { background-color: #0068b7; }
.swiper-container-service-tab { background-color: #ffffff; box-shadow: 0px 0px 20px 0px 
rgba(0, 62, 149, 0.1); border-radius: 5px; padding: 40px; }
.service-item .pic { width: 54%;height: 420px;}
.service-item .cont { padding: 25px 10px 0 50px; flex: 1; position: relative; }
.service-item .cont h4 { font-size: 24px; color: #2f2f2f; font-weight: bold;}
.service-item .cont h5 { font-size: 16px; line-height: 30px; color: #362c2b; margin-top: 20px; margin-bottom: 10px; }
.service-item .cont p { font-size: 14px; line-height: 30px; color: #707070; }
.service-item .cont .zixun { display: inline-block; width: 180px; height: 40px; background-color: #0068b7; border-radius: 2px; text-align: center; line-height: 40px; font-size: 16px; color: #ffffff; position: absolute; bottom: 14px; left: 50px; }
.service-item .cont .zixun i { font-size: 20px; display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 5px; }
.service-tab .aright { position: absolute; right: 0; top: 0; height: 100%; width: 430px; background: url(../images/smt/form-bg.jpg) no-repeat center; background-size: cover; border-radius: 10px; padding: 70px 40px 40px 170px; }
.jznl-list .item { border-radius: 5px; border: solid 1px #dddddd; padding: 20px; }
.swiper-container-jznl { padding: 0 1px; }

/*.jznl-list .item h4 {line-height: 40px;background: #333;color: #fff;text-align: center;font-size: 18px;}*/
.jznl-list .item .pic { border-radius: 5px; overflow: hidden; }
.jznl-list .item h4 { font-size: 20px; margin-top: 20px; color: #333; }
.jznl-list .item p { font-size: 14px; line-height: 26px; margin-top: 15px; }

/*新闻列表*/
.news-list li .abox { border-radius: 5px; background: #fff; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
.news-list li .abox:hover { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); /*-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0) */ }
.news-list li .cont { height: 237px; padding: 20px 15px; }
.news-list li .cont h4 { font-size: 18px; color: #333333; height: 54px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.news-list li .abox:hover .cont h4 { color: #28499d; }
.news-list li .cont .date { margin-top: 18px; margin-bottom: 15px; color: #666; }
.news-list li .cont .des { color: #666; line-height: 24px; }
.news-list li { margin-bottom: 20px; }
.news-list li .pic { width: 100%; height: 200px; line-height: 200px; font-size: 0; overflow: hidden; text-align: center; padding: 10px; }
.news-list li .pic img { max-height: 100%; }
.news-wrap { background: #f9fafd; padding-bottom: 50px; }
.lContent { width: 73%; }
.rContent { width: 25%; }
.blog_desc { box-sizing: border-box; line-height: 28px; background: #fff; padding: 30px 38px; color: #333; position: relative; }
.blog_desc p { width: 70%; font-size: 13px; }
.blog_desc img { position: absolute; right: 60px; top: 30px; }
.item_box { margin-top: 20px; background: #fff; padding-bottom: 30px; }
.item_box .pager_form { margin-top: 40px; }
.item_box .item a:hover { color: #333; }
.item_box .item { padding: 30px 38px; box-sizing: border-box; border-bottom: 1px solid #f2f2f2; }
.item_box .item h2 { font-size: 16px; font-weight: bold; color: #333; }
.item_box .item h2:hover { color: #8e1eb4; }
.item_box .item time { display: block; margin: 20px 0; font-size: 12px; color: #999; }
.item_box .item h5:hover a { color: #8e1eb4; }
.item_box .item p { font-size: 12px; line-height: 22px; margin-bottom: 20px; }
.item_box .item p:hover { text-decoration: underline; color: #333; }
.item_box .item .mb10, .item_box .item .tags { display: none; }
.tags b { font-size: 13px; color: #333; margin-right: 10px; }
.tags-item { border-radius: 2px; padding: 0px 8px; font-size: 12px; display: inline-block; min-width: 92px; text-align: center; box-sizing: border-box; line-height: 24px; margin-right: 5px; background: #f4f4f4; margin-bottom: 10px; }
.posts { position: relative; background: #fff; margin-top: 10px; }
.posts h6 { text-indent: 30px; padding-top: 29px; padding-bottom: 15px; font-size: 16px; color: #333; font-weight: bold; border-bottom: 1px solid #eee; }
.posts ul { line-height: 25px; padding: 10px 30px; box-sizing: border-box; }
.posts ul li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 36px; font-size: 12px; }
.posts ul li:before { content: ""; width: 4px; height: 4px; display: inline-block; border-radius: 50%; background: #8e1eb4; vertical-align: middle; margin-right: 8px; }
.posts ul li a:hover { text-decoration: underline; color: #8e1eb4; }

/*分页*/
.pager_form { margin: 40px 0px 20px; text-align: center; }
.item_box .pager_form { margin-top: 40px; }
.pager_form .p_box { display: inline-block; }
.pager_form .prev, .pager_form .next { font-size: 12px; vertical-align: top; padding: 0px 10px; }
.pager_form .page-num-current, .pager_form a { margin: 0px 3px; display: inline-block; padding: 0px 12px; height: 30px; line-height: 30px; background-color: rgb(255, 255, 255); border-radius: 2px; }
.pager_form .page-num-current { border: 1px solid rgb(108, 10, 140); }
.pager_form a { background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); }
.pager_form a:hover { background: rgb(230, 230, 230); }
.pager_form input { margin-right: 4px; width: 24px; padding: 0px 5px; line-height: 30px; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); border-radius: 3px; }
.pager_form button { background-color: transparent; border: none; outline: none; }

/*新闻详情*/
.news-detail-wrap { padding-top: 30px; padding-bottom: 40px; background: #f9fafd; }
.blog_d_content .d_content_left { width: 73%; }
.d_content_left .contentMsg { padding: 0 38px; background: #fff; }
.d_content_left .contentMsg .contentTitle { font-size: 18px; font-weight: bold; line-height: 20px; padding-top: 30px; margin-bottom: 20px; }
.d_content_left .contentMsg .contentScore { line-height: 20px; font-size: 12px; margin-bottom: 20px; }
.contentMsg .contentScore .writer { margin-left: 20px; }
.d_content_left .contentMsg .contentText { line-height: 26px; color: #666; }
.d_content_left .contentMsg .contentText img { margin-top: 20px; margin-bottom: 10px; max-width: 100%; }
.d_content_left .contentMsg .actionBtn { color: #333; font-size: 12px; }
.d_content_left .tags { margin: 30px 0; }
.d_content_left .actionBox { padding: 30px 38px 0; background: #fff; }
.blog_d_content .rContent { float: right; }
.tagNav { line-height: 58px; border-bottom: 1px solid #f4f4f4; background: #fff; padding-left: 50px; }
.tagNav a { margin-right: 6px; color: #999; }
.tagNav a:hover { color: #8e1eb4; }
.linkBox { border-top: 1px solid #dbdbdb; padding-top: 20px; padding-bottom: 20px; margin-top: 20px; }
.linkBox p { color: #333; line-height: 30px; text-indent: 0; }
.linkBox p a { color: #8e1eb4; }

/*关于*/

/*数字滚动 风格2*/
.num-scroll-two { margin-top: 60px; margin-bottom: 60px; text-align: center; }
.num-scroll-two li { float: left; width: 25%; color: #666666; font-size: 16px; }
.num-scroll-two li .num-cont { color: #28499d; }
.num-scroll-two li .num { margin-bottom: 5px; font-size: 30px; font-family: "Impact", "Microsoft Yahei"; line-height: 1; color: #28499d; }
.num-scroll-two li .num-tit { margin-top: 10px; }
.page-title { padding-top: 60px; padding-bottom: 40px; text-align: center; }
.page-title .en { display: inline-block; font-size: 28px; color: #999999; line-height: 1; font-family: Arial; }
.page-title .mini-en { font-size: 24px; color: #333; }
.page-title h3 { font-size: 28px; color: #333; line-height: 1; margin-top: 8px; }
.about-intro { padding-top: 0; flex-direction: row-reverse; }
.about-intro .left { width: 42%; position: relative;
top: 10px;}
.about-intro .left .pic { width: 100%; }
.about-intro .left .pic:before { left: auto; right: -30px; top: 90px; content: ""; position: absolute; width: 500px; height: 340px; background: #28499d; }
.about-intro .left .pic img { position: relative; }
.about-intro .right { flex: 1; overflow: hidden; padding-left: 0; padding-right: 50px; }
.about-intro .num-scroll-two { margin-top: 20px; margin-bottom: 0; }
.about-intro .right .des p { line-height: 28px; text-indent: 2em; }
.about-intro .right .des p ~ p { margin-top: 0; }
.about-intro .right h4 { margin-bottom: 15px; padding-bottom: 20px; font-size: 24px; color: #333; line-height: 1; padding-top: 5px; border-bottom: 1px solid #b5b5b5; }
.about-culture { padding-top: 80px; padding-bottom: 80px; background: url(../images/about-bg.jpg) no-repeat center bottom; background-size: cover; }
.culture-list li { background: #fff; width: 31.6666%; padding: 30px 30px 30px 0; margin-right: 15px; margin-bottom: 15px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;border-radius: 5px; }
.culture-list li:hover { -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); }
.culture-list li .pic { height: 120px; line-height: 120px; font-size: 0; text-align: center; width: 135px; }
.culture-list li h4 { font-size: 22px; line-height: 1; color: #333333; }
.culture-list li .en { display: block; font-size: 18px; color: #999999; margin-bottom: 10px; margin-top: 5px; }
.culture-list li p { font-size: 16px; }

/*图片*/
.picture-wrap { padding: 30px; background: #fff; }
.picture-list { margin-bottom: -30px; }
.picture-list .item { width: 32%; margin-bottom: 30px; text-align: center; }
.picture-list .item .pic { border: 1px solid #ededed; }
.picture-list .item .tit { font-size: 16px; margin-top: 15px; }
.vr-wrap iframe { vertical-align: middle; }

/*联系*/
.page-contact { padding-top: 80px; padding-bottom: 80px; text-align: center; }
.page-contact .tit { font-size: 36px;font-weight: bold; color: #28499d; line-height: 1; }
.page-contact .en { margin-top: 20px; margin-bottom: 40px; font-size: 24px; color: #333333; line-height: 1; font-weight: 300; }
.contact-list { border: 1px solid #ddd; border-radius: 5px; }
.contact-list li ~ li { border-left: 1px solid #ddd; }
.contact-list li { width: 25%; float: left; height: 225px; padding-top: 35px; }
.c2 li { width: 50%;}
.contact-list li .pic { height: 50px; }
.contact-list li h5 { margin-top: 25px; margin-bottom: 5px; font-size: 18px; color: #1c2631; }
.contact-list li p { font-size: 16px; color: #666; }
.contact-list li .mini { font-size: 14px; line-height: 22px; }
#map { margin-top: 50px; width: 100%; height: 500px; }

/*地图*/
.map img { max-width: none; }

/*留言*/
.contact-message { padding: 80px 0; background: url(../images/message-bg.jpg) no-repeat center;background-size: cover; }
.contact-message .page-title p { font-size: 16px; margin-top: 10px; }
.contact-message .form-box { margin: 0 auto; width: 960px; }
.com-form-box ul li { float: left; width: 48.5%; border: 1px solid #ededed; background: #fff; box-sizing: border-box; border-radius: 2px;overflow: hidden;}
.com-form-box ul li input { font-size: 16px; color: #999; width: 100%; line-height: 45px; padding: 0 15px; }
.com-form-box ul li input:focus, .com-form-box .textarea:focus, .com-form-box .submit:focus { outline: none; box-sizing: border-box; }
.com-form-box ul li~li { margin-left: 3%; }
.com-form-box .textarea { box-sizing: border-box; padding: 10px 15px; height: 226px; margin-top: 20px; width: 100%; border: none; border: 1px solid #ededed; font-size: 16px; color: #999; background: #fff; font-family: "微软雅黑" border-radius: 2px;overflow: hidden;}
.com-form-box .submit { margin-top: 20px; width: 100%; height: 64px; line-height: 64px; text-align: center; background: #184189; color: #fff; font-size: 18px; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; border-radius: 2px;overflow: hidden;}
.com-form-box .submit:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) }
.g-main .pcbonline-options .com-form-box .submit { height: 54px; line-height: 54px; }
.com-form-box .upfile { position: relative; line-height: 45px; margin-top: 20px; border: 1px solid #ededed; padding: 0 15px; }
.com-form-box .upfile .file-up { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.com-form-box .upfile input { font-size: 16px; width: 100%; }
.com-form-box .upfile span { font-size: 14px; color: #999; position: absolute; left: 150px; }
.pcb-content .cont table, .pcb-gynl .cont table { width: 100%; border: 1px solid #ddd; }
.pcb-content .cont table td, .pcb-gynl .cont table td { border: 1px solid #ddd; padding: 10px 15px !important; font-size: 16px; color: #454545; width: fit-content; vertical-align: middle; }
.pcb-gynl .cont table td { border-color: #ddd !important; }
.pcb-gynl .cont table td p { margin-left: 0 !important; line-height: 1.5 !important; }

/*.pcb-content .cont table td:nth-child(1) {background: #f5f5f5}*/

/*.pcb-content .cont table tr:nth-child(2n) {background: #f5f5f5}*/

/*PCB生产制程能力*/
.pcb-gynl { border-top: 1px solid #ddd; display: none; }
.partner_box { padding: 0 50px; }
.swiper-container-hzpp .swiper-slide { text-align: center; margin-bottom: 20px; }
.swiper-container-hzpp .swiper-slide .pic { height: 120px; background-color: #ffffff; border-radius: 5px; overflow: hidden; display: flex; align-items: center; justify-content: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.swiper-container-hzpp .swiper-slide:hover .pic { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) }
.swiper-container-hzpp .swiper-slide .pic img { height: 80px; }
.swiper-container-hzpp .swiper-slide .tit { font-size: 16px; line-height: 32px; color: #5b5b5b; margin-top: 5px; }

/*友情链接*/
.links {padding: 20px 0;color: rgba(255,255,255,.5);border-top: 1px solid rgba(228, 232, 242, .1); }
.links a {margin-right: 10px;color: rgba(255,255,255,.5);}
.links a:hover {color: #fff;}

/*新闻补充*/
.blog_d_content .d_content_single {width: 100%;}



.upload-box-wrap {position: relative;}
.parent-dlg{position: absolute;width:400px; height:20px; border:1px solid #aaaaaa;border-radius:3px;top:30%;left:50%;z-index:9999;margin-left:-200px;display:none;}
.parent-dlg .progress-label{position: absolute;left: 50%;top: 4px;font-weight: bold;text-shadow: 1px 1px 0 #fff;}
.parent-dlg .son {width:0; height:100%; background-color:#cccccc; text-align:center; line-height:20px; font-size:16px; font-weight:bold;} 

.gcaddr {text-align: left;margin-top: 40px;line-height: 30px;font-size: 16px;}

/*产品列表20230327*/
.pro-list .item {align-items: center;}
.pro-list .item .pic {height: auto;}
.pro-list .item .cont {padding-top: 0;}
.pro-list .item .cont h4 a {color: #333;}
.pro-list .item .cont h4 a:hover {color: #182e65}
.pro-list .item .cont p {margin-top: 20px;}
.pro-list .item .cont .more {
    display: inline-block;
    width: 120px;
    height: 40px;
    border-radius: 23px;
    border: solid 1px #182e65;
    line-height: 38px;
    text-align: center;
    color: #182e65;
    font-size: 16px;
    transition: .3s
}
.pro-list .item .cont .more:hover {
    background: #182e65;
    color: #fff;
}