@charset "utf-8";

/*nybanner*/
.nybanner { overflow: hidden; position: relative; }
.nybanner img { width: 100%; height: 100vh; object-fit: cover; }
.nybanner .tit { position: absolute; left: 0; top: 50%; text-align: center; z-index: 2; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin-top: 40px; }
.nybanner .tit h3 { font-family: DIN-Medium; font-size: 72px; line-height: 1; letter-spacing: -1.8px; color: #f7f7f7; animation: tops 1.2s 0s ease both infinite; animation-iteration-count: 1; }
.nybanner .tit p { font-family: MiSans-Regular; font-size: 16px; line-height: 36px; color: #f7f7f7; opacity: 0.8; margin-top: 38px; animation: bottoms .8s 0s ease both infinite; animation-iteration-count: 1; }
.nybanner .tit .search { display: inline-block; vertical-align: middle; margin-top: 140px; width: 520px; height: 66px; background-color: rgba(5, 20, 58, .6); border-radius: 33px; border: solid 1px rgba(255, 255, 255, .6); position: relative; overflow: hidden; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.nybanner .tit .search:hover { border-color: rgba(255, 255, 255, .8); }
.nybanner .tit .search input { width: 100%; height: 100%; font-size: 20px; letter-spacing: -0.5px; color: #ffffff; background: transparent; border: none; box-shadow: none; padding: 0 80px 0 35px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.nybanner .tit .search .btn { position: absolute; right: 0; top: 0; width: 70px; text-align: center; height: 100%; color: #fff; font-size: 26px; background: transparent; }

/*nycate*/
.nycate { height: 90px; background-color: rgba(242, 243, 254, .3); }
.nycate-list { align-items: center; height: 100%; }
.nycate-list li { margin: 0 50px; max-width: 280px; position: relative; height: 100%; display: flex; align-items: center; }
.nycate-list li:after { content: ""; position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background: #d7211f; z-index: 2; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.nycate-list li.on:after { left: 0; width: 100%; }
.nycate-list li a { font-size: 20px; line-height: 1.2; color: #231815; -webkit-transition: color .2s; -o-transition: color .2s; -moz-transition: color .2s; transition: color .2s; }
.nycate-list li.on a, .nycate-list li a:hover { color: #d7211f; }

/*list*/
.list-wrap { padding-top: 98px; padding-bottom: 100px; }

/*download&video*/
.album-list { margin-bottom: -50px; }
.album-list:after { content: ""; width: 31.25%; }
.album-list .item { width: 31.25%; background-color: #f6f6fb; border-radius: 10px; overflow: hidden; margin-bottom: 50px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.album-list .item:hover { background: #fff; box-shadow: 0px 0px 30px 0px rgba(39, 45, 83, 0.15); }
.album-list .item .pic { height: 300px; overflow: hidden; }
.album-list .item .pic img { width: 100%; height: 100%; object-fit: cover; }
.album-list .item .cont { height: 100px; display: flex; align-items: center; padding: 0 35px; position: relative; }
.album-list .item .cont .t { font-size: 22px; line-height: 28px; letter-spacing: -0.5px; color: #231815; width: 60%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; }
.album-list .item .cont button { position: absolute; right: 38px; top: -44px; z-index: 2; width: 88px; height: 88px; border-radius: 50%; font-size: 42px; background-color: #ffffff; box-shadow: 0px 0px 30px 0px rgba(39, 45, 83, 0.15); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.album-list .item:hover .cont button { background: #d7211f; color: #fff; }

/*breadcrumbs*/
.breadcrumbs { height: 80px; background-color: rgba(242, 243, 254, .3); align-items: center; font-family: PingFangSC-Regular; font-size: 15px; color: #a7a3a1; position: relative; }
.breadcrumbs .fbox { align-items: center; width: 100%; }
.breadcrumbs .fbox .fright .back { font-size: 15px; color: #182e65; }
.breadcrumbs .fbox .fright .back:hover { text-decoration: underline; }
.breadcrumbs .fbox .fright .back i { font-size: 22px; margin-right: 15px; display: inline-block; vertical-align: middle; margin-top: -2px; }
.breadcrumbs i { margin-right: 12px; }
.breadcrumbs a { color: #a7a3a1; }
.breadcrumbs a:hover, .breadcrumbs a:last-child { color: #444; }
.breadcrumbs span { color: #6c6563; }

/*sidebar*/
.sidebar { width: 260px; }
.sidebar .item h3 { font-family: DIN-Medium; font-size: 36px; line-height: 1; color: #231815; }
.sidebar .item>ul { margin-top: 60px; }
.widget_nav_menu>ul>li { border-top: 1px solid #dddff0; padding-top: 25px; margin-bottom: 60px; }
.widget_nav_menu>ul>li>a { font-family: DIN-Medium; font-size: 20px; letter-spacing: -0.5px; color: #231815; }
.widget_nav_menu>ul>li.open { border-color: #182e65; }
.widget_nav_menu>ul>li.open>a { color: #182e65 !important; }
.widget_nav_menu_vertical ul li.open>.plus-minus:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.widget_nav_menu_vertical ul li.menu-item-has-children ul, .widget_nav_menu_vertical ul li.page_item_has_children ul, .widget_nav_menu_vertical ul li.cat-item ul.children { margin-top: 30px; width: 100%; border-top: none; position: static; top: 0; left: 0; z-index: 9999; display: none; }
.widget_nav_menu ul li { height: auto; background: none; color: #231815; position: relative; }
.widget_nav_menu_vertical ul li.menu-item-has-children .plus-minus, .widget_nav_menu_vertical ul li.page_item_has_children .plus-minus, .widget_nav_menu_vertical ul li.cat-item ul.children .plus-minus { color: rgba(0, 0, 0, .65); vertical-align: middle; position: absolute; right: 0; top: 30px; padding: 0; height: 100%; max-height: 24px; line-height: 24px; cursor: pointer; width: 30px; text-align: center; display: inline-block; }
.widget_nav_menu_vertical .menu-item-has-children>.plus-minus:after, .widget_nav_menu_vertical ul li.page_item_has_children>.plus-minus:after, .widget_nav_menu_vertical ul li.cat-item ul.children>.plus-minus:after { content: "\e62a"; font-family: 'iconfont'; }
.sidebar .widget { background-color: #fff; margin-bottom: 30px; padding: 0 }
.sidebar .widget_nav_menu_vertical ul li ul li { padding-left: 24px !important }
.sidebar .widget_nav_menu_vertical ul li ul li~li { margin-top: 20px; }
.sidebar .widget_nav_menu_vertical ul li ul li a { position: relative; }
.sidebar .widget_nav_menu_vertical ul li ul li a:before { content: ">"; margin-right: 15px; display: none; }
.sidebar .widget_nav_menu_vertical ul li ul li.current-cat a:before { display: block; }
.sidebar .widget_nav_menu_vertical ul li ul li ul li a { padding-left: 38px !important }
.sidebar .widget a:not(.btn):link, .sidebar .widget a:not(.btn):visited, .sidebar .widget_nav_menu ul li a:link, .sidebar .widget_nav_menu ul li a:visited, .sidebar .widget_nav_menu ul li.menu-item-has-children ul li>a:link, .sidebar .widget_nav_menu ul li.menu-item-has-children ul li>a:visited, .sidebar .widget_nav_menu ul li.page_item_has_children ul li>a:link, .sidebar .widget_nav_menu ul li.page_item_has_children ul li>a:visited, .sidebar .widget_nav_menu ul li.current-cat-parent ul.children li>a:link, .sidebar .widget_nav_menu ul li.current-cat-parent ul.children li>a:visited, .sidebar .widget_nav_menu ul li ul.children li>a { color: #231815 }
.sidebar .widget a:not(.btn):hover, .sidebar .widget_nav_menu ul>li.current-cat a, .sidebar .widget_nav_menu ul>li.current-cat a:visited, .sidebar .widget_nav_menu ul li a:hover, .sidebar .widget_nav_menu ul li:hover a, .sidebar .widget_nav_menu ul li.current-menu-item>a, .sidebar .widget_nav_menu ul li.current-menu-parent>a, .sidebar .widget_nav_menu ul li.current_page_item>a, .sidebar .widget_nav_menu ul li.current_page_parent>a, .sidebar .widget_nav_menu ul li.current-cat-ancestor>a, .sidebar .widget_nav_menu ul li.current-cat-parent>a, .sidebar .widget_nav_menu ul li.menu-item-has-children ul li>a:hover, .sidebar .widget_nav_menu ul li.menu-item-has-children ul li:hover>a, .sidebar .widget_nav_menu ul li.page_item_has_children ul li>a:hover, .sidebar .widget_nav_menu ul li.page_item_has_children ul li:hover>a, .sidebar .widget_nav_menu ul li.current-cat-parent ul.children li>a:hover, .sidebar .widget_nav_menu ul li.current-cat-parent ul.children li:hover>a, .sidebar .widget_nav_menu ul li ul.children li>a:hover, .sidebar .widget_nav_menu ul li ul.children li:hover>a, .sidebar .widget_nav_menu ul li:has(>ul li.current-cat)>a, .sidebar .widget_nav_menu ul li:has(>ul li.current-cat)>a:visited { color: #d7211f }
.sidebar .widget_nav_menu_vertical .current-cat>a, .sidebar .widget_nav_menu_vertical .current_page_item>a { border-left-color: #d7211f !important; color: #d7211f !important }
.sidebar .widget a.button:link, .sidebar .widget a.button:visited, .sidebar .widget a.btn:link, .sidebar .widget a.btn:visited { color: #fff }
.sidebar .widget a.button:hover, .sidebar .widget a.btn:hover { color: #fff }
.sidebar>.item~.item { padding-top: 60px; }

/*product-list*/
.product-wrap .show-box { padding-left: 80px; flex: 1; }
.product-list { margin-bottom: -55px; }
.product-list:after { content: ""; width: 31.746%; }
.product-list .item { width: 31.746%; margin-bottom: 55px; }
.product-list .item .pic, .relat-pro .item .pic { background-color: #ffffff; border-radius: 10px; border: solid 1px #c7cbd7; overflow: hidden; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.product-list .item .pic { aspect-ratio: 1 / 1; }
.product-list .item .pic img { width: 100%; height: 100%; object-fit: contain; }
.product-list .item:hover .pic, .relat-pro .item:hover .pic { box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); }
.product-list .item .tit, .relat-pro .item .tit { font-size: 24px; letter-spacing: -0.6px; color: #231815; margin-top: 20px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.product-list .item:hover .tit {    /*color: #d7211f;*/ }

/*page*/
.page-bar { margin-top: 100px; text-align: center; margin-bottom: 60px; font-size: 0; }
.page-bar a { display: inline-block; vertical-align: middle; }
.page-bar .btn { width: 60px; height: 60px; background-color: #e5e5e5; border-radius: 50%; color: #6c6563; font-size: 28px; line-height: 60px; margin: 0 37px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.page-bar .btn:hover { background-color: #d9d9d9; color: #d7211f; }
.page-bar .page-num { width: 12px; height: 12px; background-color: #a7a3a1; border-radius: 50%; margin: 0 6px; }
.page-bar .page-num:hover { background-color: #8d8b8a; }
.page-bar .page-num.page-num-current { background: #d7211f; }

/*product-detail*/
.detail-zw { height: 153px; }
.product-head { background-color: #f5f5f8; padding-bottom: 70px; }
.product-head .breadcrumbs { background: transparent; padding: 0 5%; }
.product-info { padding-top: 50px; }
.product-info .cont { flex: 1; margin-right: 115px; padding-top: 80px; position: relative; overflow: hidden; }
.product-info .cont h1 { font-family: DIN-Medium; font-size: 60px; line-height: 60px; letter-spacing: -1.5px; color: #231815; }
.product-info .cont p {    /*height: 300px;*/
font-family: "PingFangSC-Regular"; font-size: 18px; line-height: 32px; color: #6c6563; margin-top: 45px; padding-top: 40px; padding-right: 20px; border-top: 1px solid #dedeea; }
.product-info .cont .c { position: absolute; left: 0; bottom: 100px; width: 100%; align-items: center; }
.product-info .cont .c .inq { width: 47%; height: 60px; background-color: #d7211f; border-radius: 5px; font-family: DIN-Medium; font-size: 24px; letter-spacing: -0.6px; color: #ffffff; line-height: 60px; text-align: center; }
.product-info .cont .c .tel { align-items: center; }
.product-info .cont .c .tel i { width: 62px; height: 62px; background-color: #ffffff; border: solid 1px #182e65; line-height: 60px; text-align: center; font-size: 25px; color: #182e65; border-radius: 50%; margin-right: 18px; }
.product-info .cont .c .tel .hotline span { display: block; }
.product-info .cont .c .tel .hotline span:first-child { font-size: 16px; line-height: 1; letter-spacing: -0.4px; color: #231815; opacity: 0.6; }
.product-info .cont .c .tel .hotline span:last-child { font-family: DIN-Medium; font-size: 32px; line-height: 1; letter-spacing: -0.8px; color: #182e65; margin-top: 10px; }
.product-info .pic { width: 800px; height: 800px; background-color: #ffffff; border-radius: 20px; overflow: hidden; }
.swiper-container-pro .swp-pro { bottom: 46px; z-index: 2; }
.swiper-container-pro .swp-pro .swiper-pagination-bullet { width: 13px; height: 13px; border: solid 2px #231815; opacity: 0.3; background: transparent; margin: 0 10px; }
.swiper-container-pro .swp-pro .swiper-pagination-bullet-active { background: #231815; opacity: 1; }
.relat-pro { margin-top: 40px; }
.relat-pro .item { margin-bottom: 28px; }
.relat-pro .item .tit { font-size: 16px; text-align: center; margin-top: 15px; letter-spacing: -0.4px; color: #231815; }
.prduct-detail { border-radius: 10px; border: solid 1px #c7cbd7; }
.prduct-detail .detail-wrap { padding: 50px 60px 40px; }
.prduct-detail .detail-wrap .tit { font-family: DIN-Medium; font-size: 40px; line-height: 1; color: #182e65; padding-bottom: 40px; border-bottom: 1px solid #c7cbd7; margin-bottom: 35px; }
.prduct-detail .detail-wrap .cont { font-size: 18px; line-height: 1.5; }
.prduct-detail .detail-wrap .cont img { margin: 0 auto; }
.detail-page { height: 70px; align-items: center; padding: 0 40px; border-top: 1px solid #c7cbd7; }
.detail-page .prev, .detail-page .next { width: 40%; font-size: 16px; color: #6c6563; }
.detail-page .next { text-align: right; }
.detail-page .prev a, .detail-page .next a { color: #182e65; }
.detail-page .prev a:hover, .detail-page .next a:hover, .detail-page .menu:hover { text-decoration: underline; }
.detail-page .menu { font-size: 14px; color: #4c4645; align-items: center; }
.detail-page .menu i { font-size: 17px; margin-right: 8px; }
@media (max-width:640px) {
	.detail-page { height: auto; padding: 15px 25px; }
	.detail-page .prev, .detail-page .next { width: 48%; font-size: 12px; }
}

/*applications*/
.app-list { margin-bottom: -50px; padding-bottom: 80px; }
.app-list .item { width: 48.75%; height: 360px; border-radius: 15px; overflow: hidden; position: relative; margin-bottom: 50px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; background: #0d172d; }
.app-list .item:hover { box-shadow: 0 0 10px rgba(0, 0, 0, .2); }
.app-list .item .tit { position: absolute; left: 0; bottom: 34px; width: 260px; height: 80px; background-color: rgba(24, 46, 101, .8); border-top-right-radius: 15px; border-bottom-right-radius: 15px; font-size: 20px; letter-spacing: -0.5px; color: #ffffff; text-align: center; line-height: 80px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.app-list .item:hover .tit { opacity: 0; }
.app-list .item .tit i, .app-list .item .cover i { display: inline-block; vertical-align: middle; width: 46px; height: 46px; background-repeat: no-repeat; background-size: contain; margin-right: 25px; margin-top: -2px; }
.app-list .item .pic { height: 100%; }
.app-list .item .pic img { opacity: .8 }
.app-list .item .cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background-color: rgba(215, 33, 31, .8); font-family: DIN-Medium; font-size: 40px; line-height: 1; letter-spacing: -1px; color: #ffffff; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; opacity: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.app-list .item:hover .cover { opacity: 1; }
.app-list .item .cover i { display: block; width: 69px; height: 69px; margin: 0 auto 15px; }

/*Case*/
.case-a { padding-top: 100px; padding-bottom: 75px; }
.case-b { padding-top: 95px; padding-bottom: 75px; background-color: #f5f5f8; }
.case-c { padding-top: 90px; padding-bottom: 100px; }
.case-info .cont { padding-top: 5px; }
.case-info .cont .case-logo { margin-bottom: 50px; }
.case-info .pic { width: 660px; height: 660px; }
.case-info .cont .c { bottom: 50px; }
.case-info .cont h5 { font-size: 24px; line-height: 1; letter-spacing: -0.6px; color: #6c6563; margin-top: 20px; }
.case-info .cont p { height: 202px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.case-info .cont .c .inq { width: 320px; }

/*Faq*/
.faq-list { margin-bottom: -20px; }
.faq-list .item { width: 49.375%; height: 100px; background-color: #ffffff; border-radius: 10px; border: solid 1px #c7cbd7; align-items: center; margin-bottom: 20px; padding: 0 40px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.faq-list .item.has-des { height: 240px; padding: 40px; }
.faq-list .item.has-des .left { height: 100%; padding-top: 5px; }
.faq-list .item .left { width: 32px; }
.faq-list .item .left i { font-size: 32px; color: #182e65; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.faq-list .item .right { flex: 1; overflow: hidden; margin-left: 30px; }
.faq-list .item .right h4 { font-size: 20px; letter-spacing: -0.5px; color: #231815; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.faq-list .item .right p { display: none; font-size: 16px; line-height: 24px; letter-spacing: -0.4px; color: #6c6563; margin-top: 25px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 4; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.faq-list .item.has-des .right p { display: block; }
.faq-list .item:hover { background-color: #182e65; border-collapse: #182e65; }
.faq-list .item:hover .left i, .faq-list .item:hover .right h4, .faq-list .item:hover .right p { color: #fff; }
.faq-list .item:hover .right p { opacity: 0.6; }

/*libraray*/
.lib-cate { margin-bottom: 65px; }
.lib-cate .tit1 { border-bottom: 1px solid #eaeaf2; }
.lib-cate .tit1 li { position: relative; margin-right: 70px; }
.lib-cate .tit1 li.on:before { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background-color: #d7211f; }
.lib-cate .tit1 li a { font-size: 24px; letter-spacing: -0.6px; color: #6c6563; padding: 0 5px 25px; display: block; }
.lib-cate .tit1 li a:hover, .lib-cate .tit1 li.on a, .lib-cate .tit2 li a:hover { color: #d7211f; }
.lib-cate .tit2 { margin-top: 30px; }
.lib-cate .tit2 li { margin-right: 25px; }
.lib-cate .tit2 li a { font-size: 18px; letter-spacing: -0.4px; display: flex; align-items: center; justify-content: center; padding: 0 15px; height: 40px; color: #6c6563; border-radius: 5px; }
.lib-cate .tit2 li.on a { background-color: #d7211f; color: #fff; }
.lib-wrap .lib-sec { border-radius: 10px; border: solid 1px #c7cbd7; padding: 50px 40px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.lib-wrap .lib-sec ~ .lib-sec { margin-top: 50px; }
.lib-wrap .lib-sec:hover { box-shadow: 0px 0px 30px 0px 
rgba(39, 45, 83, 0.2); }
.lib-wrap .lib-sec .lib-tit h3 { font-family: DIN-Medium; font-size: 36px; line-height: 1; letter-spacing: -0.9px; color: #231815; }
.lib-wrap .lib-sec .lib-tit p { font-size: 16px; line-height: 22px; letter-spacing: -0.4px; color: #6c6563; margin-top: 10px; }
.lib-list { margin-top: 35px; }
.lib-list .item .cbox { border-radius: 10px; border: solid 1px #c7cbd7; overflow: hidden; }
.lib-list .item .cbox .pic { width: 100%; height: 200px; }
.lib-list .item .cbox .cont { padding: 30px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.lib-list .item .cbox .cont h4 { font-family: DIN-Medium; font-size: 24px; line-height: 1; letter-spacing: -0.6px; color: #231815; }
.lib-list .item .cbox .cont h5 { font-size: 16px; line-height: 1; letter-spacing: -0.4px; color: #231815; margin-top: 15px; }
.lib-list .item .cbox .cont ul { margin-top: 8px; margin-bottom: 10px; }
.lib-list .item .cbox .cont ul li { font-size: 16px; line-height: 22px; letter-spacing: -0.4px; color: #6c6563; }
.lib-list .item .cbox .cont p { font-size: 15px; line-height: 22px; letter-spacing: -0.4px; color: #a7a3a1; height: 90px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.lib-list .item .cbox .cont .btn-box { margin-top: 40px; }
.lib-list .item .cbox .cont .btn-box a { width: 48%; height: 40px; background-color: #eaeaf2; border-radius: 5px; border: solid 0px #6c6563; font-family: DIN-Medium; font-size: 16px; letter-spacing: -0.4px; color: #6c6563; line-height: 40px; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.lib-list .item .cbox .cont .btn-box a:first-child { background-color: #d7211f; color: #fff; }
.lib-list .item .cbox:hover .cont { background-color: #182e65; }
.lib-list .item .cbox:hover .cont h4, .lib-list .item .cbox:hover .cont h5, .lib-list .item .cbox:hover .cont p, .lib-list .item .cbox:hover .cont ul li, .lib-list .item .cbox:hover .cont p { color: #ffffff; }
.lib-list .item .cbox:hover .cont h5, .lib-list .item .cbox:hover .cont ul li { opacity: .8; }
.lib-list .item .cbox:hover .cont p { opacity: .5; }

/*contact*/
.contact-list { padding-bottom: 60px; }
.contact-list .item { border-bottom: 1px solid #b3b3b3; width: 31.25%; overflow: hidden; padding: 20px 0; align-items: center; margin-bottom: 40px; }
.contact-list .item:last-child { width: 65.625%; }
.contact-list .item .info { }
.contact-list .item .info h4 { font-size: 16px; color: #231815; }
.contact-list .item .info p { font-family: DIN-Medium; font-size: 32px; letter-spacing: -1.6px; color: #231815; }
.contact-c { padding-top: 150px; padding-bottom: 50px; align-items: center; }
.contact-c .cont { flex: 1; margin-right: 195px; margin-top: -10px; }
.form-message ul { padding-bottom: 33px; }
.form-message ul li { width: 100%; margin-bottom: 32px; }
.form-message ul li label { display: block; width: 100%; font-family: DIN-Medium; font-size: 18px; line-height: 1; letter-spacing: -0.4px; color: #231815; }
.form-message ul li input { font-size: 16px; letter-spacing: -0.4px; color: #a7a3a1; width: 100%; border: none; margin-top: 16px; padding-bottom: 16px; border-bottom: 1px solid #b3b3b3; }
.form-message ul li textarea { font-size: 16px; letter-spacing: -0.4px; color: #a7a3a1; width: 100%; border: none; margin-top: 16px; height: 100px; border-bottom: 1px solid #b3b3b3; }
.form-message .sub { width: 280px; height: 60px; background-color: #d7211f; border-radius: 5px; font-family: DIN-Medium; font-size: 24px; line-height: 60px; text-align: center; letter-spacing: -0.6px; color: #ffffff; }
.contact-c .pic { width: 50%; height: 800px; border-radius: 10px; }

/*app-detail*/
.app-a { max-width: 1660px; margin-top: 40px; position: relative; }
.app-a .pic { height: 720px; background: #0d172d; overflow: hidden; border-radius: 30px; }
.app-a .pic img { opacity: .6; }
.app-a .cont { position: absolute; top: 110px; left: 105px; z-index: 2; }
.app-a .cont h3 { font-family: DIN-Medium; font-size: 72px; line-height: 72px; letter-spacing: -2px; color: #f7f7f7; }
.app-a .cont h3 i { display: inline-block; vertical-align: bottom; width: 69px; height: 69px; background-size: contain; background-repeat: no-repeat; margin-right: 15px; }
.app-a .cont .des>p { font-family: MiSans-Regular; font-size: 16px; line-height: 24px; color: #f7f7f7; opacity: 0.6; margin-top: 30px; }
.app-a .cont .des ul { margin-top: 30px; margin-bottom: 70px; list-style-type: none !important; }
.app-a .cont .des ul li { font-family: MiSans-Regular; font-size: 18px; line-height: 40px; color: #f7f7f7; opacity: 0.8; }
.app-a .cont .des ul li:before { content: "\e62e"; font-family: "iconfont"; margin-right: 15px; }
.app-a .cont .des ul li p { display: inline; }
.app-a .cont .des ul>p:last-child { display: none; }
.app-a .mbx { position: absolute; left: 105px; bottom: 35px; z-index: 2; padding-right: 105px; font-family: PingFangSC-Regular; font-size: 15px; color: rgba(255, 255, 255, .7); }
.app-a .mbx a { color: #ffffff; opacity: 0.6; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.app-a .mbx a:hover { opacity: .9; }
.app-a .mbx i { font-size: 22px; margin-right: 15px; display: inline-block; vertical-align: middle; margin-top: -2px; }
.app-b { margin-top: 130px; }
.app-yy { height: 580px; background-color: #ffffff; border-radius: 10px; border: solid 1px #c7cbd7; padding: 35px 75px 35px 35px; align-items: center; }
.app-yy .pic { width: 47.6875%; height: 510px; }
.app-yy .cont { flex: 1; overflow: hidden; margin-left: 75px; }
.app-yy .cont .des { margin-bottom: 60px; }
.app-yy .cont .des ul li { font-size: 18px; line-height: 36px; color: #231815; }
.app-yy .cont .des ul li:before { content: "\e62e"; font-family: "iconfont"; color: #182e65; margin-right: 10px; }
.app-c { padding-top: 130px; }
.app-gy { position: relative; }
.appy-item { position: relative; }
.appy-item .pic { height: 800px; }
.appy-item .cont { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; display: flex; align-items: center; }
.appy-item .cont h3 { font-family: DIN-Medium; font-size: 48px; line-height: 1; letter-spacing: -1px; color: #ffffff; }
.appy-item .cont .des { width: 50%; margin-top: 100px; margin-bottom: 100px; }
.appy-item .cont .des ul { margin-bottom: -60px; }
@media (min-width:1800px) {
	.appy-item .cont .des ul { margin-left: -30px; }
}
.appy-item .cont .des ul li { width: 25%; text-align: center; margin-bottom: 60px; }
.appy-item .cont .des ul li img { display: inline-block; vertical-align: middle; }
.appy-item .cont .des ul li span { display: block; font-size: 16px; color: #ffffff; margin-top: 20px; }
.appy-item .cont .btn a { font-family: DIN-Medium; font-size: 20px; color: #ffffff; line-height: 52px; text-align: center; }
.appy-item .cont .btn a:first-child { width: 200px; background-color: #d7211f; border-radius: 5px; }
.appy-item .cont .btn a:last-child { width: 240px; border-radius: 5px; border: solid 1px rgba(255, 255, 255, .5); margin-left: 10px; }
.appgy-tab { position: absolute; right: 8.3333%; top: 50%; z-index: 2; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.appgy-tab li { width: 260px; height: 130px; background-color: #d7211f; justify-content: left; align-items: center; cursor: pointer; margin: 20px 0; padding-left: 40px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.appgy-tab li i { display: inline-block; vertical-align: middle; width: 56px; height: 56px; background-repeat: no-repeat; background-size: 112px; margin-right: 25px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.appgy-tab li span { font-size: 18px; color: #ffffff; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.appgy-tab li.on { background-color: #ffffff; }
.appgy-tab li.on i { background-position: -56px; }
.appgy-tab li.on span { color: #d7211f; }
.app-e { padding-top: 100px; }
.applc-tab { padding: 0 5%; justify-content: center; }
.applc-tab li { width: 20%; text-align: center; cursor: pointer; position: relative; }
.applc-tab li:after { content: ""; position: absolute; right: -25%; top: 10px; width: 50%; height: 1px; background-color: #e9e7e7; }
.applc-tab li:last-child:after { display: none; }
.applc-tab li h4 { font-size: 20px; line-height: 24px; color: #403734; height: 50px; display: flex; justify-content: center; align-items: center; margin-top: 20px; }
.applc-tab li .dian i { font-size: 23px; color: #403734; }
.applc-tab li.on .dian i, .applc-tab li.on h4 { color: #d7211f; }
.swiper-container-applc { overflow: visible; margin-top: 70px; }
.applc-item { background-color: #ffffff; box-shadow: 0px 0px 30px 0px 
rgba(39, 45, 83, 0.15); border-radius: 10px; overflow: hidden; }
.applc-item .pic { width: 50%; height: 520px; }
.applc-item .cont { width: 50%; padding: 80px; flex-direction: column; }
.applc-item .cont h4 { font-family: DIN-Medium; font-size: 60px; line-height: 1; letter-spacing: -1px; color: #231815; }
.applc-item .cont h5 { font-family: MiSans-Regular; font-size: 16px; line-height: 24px; color: #231815; opacity: 0.6; margin-top: 15px; }
.applc-item .cont ul { margin-top: 20px; }
.applc-item .cont ul li { font-family: MiSans-Regular; font-size: 18px; line-height: 40px; color: #231815; opacity: 0.8; }
.applc-item .cont ul li:before { content: "\e62e"; font-family: "iconfont"; color: #d7211f; margin-right: 10px; }
.app-f { padding-top: 140px; }
.app-f .nytit { margin-bottom: 65px; }
.app-g { padding-top: 110px; padding-bottom: 120px; }
.app-g .btn-wrap { margin-top: 55px; }

/*about*/
.about-a { padding-top: 100px; padding-bottom: 130px; }
.aboutintro .pic { margin-left: 70px; margin-bottom: 20px; width: 800px; height: 560px; border-radius: 10px; overflow: hidden; }
.aboutintro .cont { padding-top: 10px; }
.aboutintro .cont h3 { font-family: DIN-Medium; font-size: 40px; line-height: 44px; letter-spacing: -1px; color: #231815; }
.aboutintro .cont .des { font-family: MiSans-Regular; font-size: 16px; line-height: 32px; color: #6c6563; margin-top: 45px; }
.aboutintro .cont .des p { margin-bottom: 20px; }
.about-ys { margin-top: 75px; margin-bottom: -60px; }
.about-ys li { width: 31.25%; border-bottom: 1px solid #b3b3b3; align-items: center; padding-bottom: 25px; margin-bottom: 60px; }
.about-ys li .num { font-family: DIN-Medium; font-size: 72px; line-height: 1; letter-spacing: -4px; color: #231815; }
.about-ys li .num sup { font-size: 48px; margin-left: 10px; line-height: 1; top: -30px; }
.about-ys li .des { font-size: 16px; color: #231815; }
.culture-item { width: 33.3333%; position: relative; }
.culture-item:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #e4e8ff; opacity: .6; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.culture-item:hover:before { background: #182e65; }
.culture-item .cover { position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; flex-direction: column; padding: 95px 100px 110px; text-align: center; }
.culture-item .cover img { display: inline-block; vertical-align: middle; }
.culture-item .cover .cont h4 { font-family: DIN-Medium; font-size: 36px; letter-spacing: -1px; color: #231815; position: relative; padding-bottom: 35px; margin-bottom: 20px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.culture-item .cover .cont h4:after { content: ""; position: absolute; left: 50%; bottom: 0; width: 20px; height: 12px; background: url(../images/about/b-icon.png) no-repeat center; background-size: contain; }
.culture-item .cover .cont p { font-size: 20px; line-height: 28px; color: #231815; opacity: 0.6; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.culture-item:hover .cover .cont h4 { color: #fff; }
.culture-item:hover .cover .cont p { color: #ffffff; opacity: 0.6; }
.about-c { padding-top: 140px; padding-bottom: 130px; }
.about-c .swiper-wrap { margin-top: 50px; padding: 20px 20px 0; max-width: 1640px; overflow: hidden; }
.swiper-container-honor { overflow: visible; }
.honor-item { height: 500px; background-color: #ffffff; border-radius: 10px; border: solid 1px #b3b3b3; display: flex; align-items: center; justify-content: center; padding: 30px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.honor-item:hover { border-color: #fff; box-shadow: 0px 0px 30px 0px 
rgba(39, 45, 83, 0.15); }
.strength-wrap { background: #e7eaef; padding: 10px 5px; }
.strength-wrap .item { float: left; width: calc(100% / 6); padding: 0 5px; }
.strength-wrap .item .ibox { height: 626px; }
.strength-wrap .item:nth-child(2), .strength-wrap .item:nth-child(3) { width: calc(100% / 3); }
.strength-wrap .item .ibox ul li { color: #fff; margin-bottom: 10px; height: 308px; width: 100%; }
.strength-wrap .item:nth-child(3) .ibox ul { margin-left: -5px; margin-right: -5px; }
.strength-wrap .item:nth-child(3) .ibox ul li { width: 100%; padding: 0 5px; }
.strength-wrap .item:nth-child(3) .ibox ul li:nth-child(2), .strength-wrap .item:nth-child(3) .ibox ul li:nth-child(3) { width: calc(100% / 2); }
.strength-wrap .item:nth-child(3) .ibox ul li .iibox { height: 100%; }
.about-e { padding-top: 110px; padding-bottom: 100px; }
.equipment-item { background-color: #ffffff; border-radius: 10px; border: solid 1px #b3b3b3; overflow: hidden; height: 280px; }

/*quality*/
.qua-a { padding-top: 100px; padding-bottom: 110px; }
.quatx { height: 480px; background-color: #ffffff; border-radius: 10px; border: solid 1px #c7cbd7; padding: 0 100px; align-items: center; }
.quatx .pic { width: 50%; }
.quatx .cont { width: 50%; padding-left: 140px; }
.quatx .cont p { font-size: 16px; color: #6c6563; }
.ullist { font-size: 18px; line-height: 36px; color: #231815; }
.ullist li:before { content: "\e62e"; display: inline-block; color: #182e65; font-size: 17px; margin-right: 15px; font-family: "iconfont"; }
.quatx .cont ul { margin-top: 23px; margin-bottom: 60px; }
.qua-b .item:first-child { flex-direction: row-reverse; }
.qua-b .item { align-items: center; }
.qua-b .item .pic { width: 50%; height: 800px; }
.qua-b .item .cont { width: 50%; }
.qua-b .item:nth-child(2n+1) { background-color: #f5f5f8; }
.qua-b .item:nth-child(2n+1) .cont { padding-left: 4%; padding-right: 80px; }
.qua-b .item:nth-child(2n) .cont { padding-right: 4%; padding-left: 80px; }
@media (min-width:1750px) {
	.qua-b .item:nth-child(2n+1) .cont { padding-left: 8%; }
	.qua-b .item:nth-child(2n) .cont { padding-right: 8%; }
}
.qua-b .item .cont .tit h3 { font-family: DIN-Medium; font-size: 60px; line-height: 1; letter-spacing: -1px; color: #231815; }
.qua-b .item .cont .tit h4 { font-family: DIN-Medium; font-size: 32px; line-height: 1.1; letter-spacing: -1px; color: #231815; margin-top: 10px; }
.qua-b .item .cont .lcbg { margin-top: 60px; }
.qua-b .item .cont .des { margin-top: 85px; }
.qua-b .item .cont .lcbg .lcbg-tab { flex-direction: column; justify-content: center; width: 190px; border-right: 1px solid #bfbfbf; }
.qua-b .item .cont .lcbg .lcbg-tab li { font-family: DIN-Medium; font-size: 24px; line-height: 28px; letter-spacing: -1px; color: #231815; height: 33.3333%; display: flex; align-items: center; position: relative; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.qua-b .item .cont .lcbg .lcbg-tab li .dian { position: absolute; right: -10px; z-index: 2; background: #f5f5f8; padding: 6px 0; }
.qua-b .item .cont .lcbg .lcbg-tab li .dian i { font-size: 23px; color: #a7a3a1; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.qua-b .item .cont .lcbg .lcbg-tab li.on, .qua-b .item .cont .lcbg .lcbg-tab li.on .dian i { color: #d7211f; }
.qua-b .item .cont .lcbg .tab-cont { flex: 1; padding-left: 100px; overflow: hidden; }
.qua-b .item .cont .lcbg .lcbg-item { }
.qua-b .item .cont .lcbg .lcbg-item h5 { font-family: DIN-Medium; font-size: 24px; line-height: 1.1; letter-spacing: -1px; color: #231815; margin-bottom: 10px; }
.qua-b .item .cont .lcbg .lcbg-item p { font-size: 16px; line-height: 24px; letter-spacing: 0px; color: #a7a3a1; margin-bottom: 40px; }
.qua-b .item .cont .lcbg .lcbg-item p:last-child { margin-bottom: 0; }
.qua-c { padding-top: 110px; padding-bottom: 150px; }
.pinzhi-list { margin-bottom: -30px; }
.pinzhi-list .item { width: 32.5%; height: 280px; background-color: #ffffff; border-radius: 10px; border: solid 1px #c7cbd7; margin-bottom: 30px; padding: 43px 48px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.pinzhi-list .item h4 { font-family: DIN-Medium; font-size: 32px; letter-spacing: -1px; color: #231815; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.pinzhi-list .item p { font-size: 16px; line-height: 28px; letter-spacing: -1px; color: #231815; opacity: 0.6; margin-top: 25px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.pinzhi-list .item:nth-child(1), .pinzhi-list .item:nth-child(3), .pinzhi-list .item:nth-child(5) { border-color: #182e65; background: #182e65; }
.pinzhi-list .item:nth-child(1) h4, .pinzhi-list .item:nth-child(3) h4, .pinzhi-list .item:nth-child(5) h4, .pinzhi-list .item:nth-child(1) p, .pinzhi-list .item:nth-child(3) p, .pinzhi-list .item:nth-child(5) p, .pinzhi-list .item:hover h4, .pinzhi-list .item:hover p { color: #fff; }
.pinzhi-list .item:hover { background-color: #d7211f; border-color: #d7211f; }
.qua-d { padding-bottom: 125px; }
.quasb-item { background: #fff; border-radius: 10px; overflow: hidden; }
.quasb-item .cont { width: 50%; padding: 70px 80px; }
.quasb-item .pic { width: 50%; height: 560px; }
.quasb-item .cont h4 { font-family: DIN-Medium; font-size: 40px; line-height: 44px; letter-spacing: -1px; color: #231815; }
.quasb-item .cont p { font-family: MiSans-Regular; font-size: 16px; line-height: 36px; color: #6c6563; margin-top: 35px; }
.swiper-quasb { margin-top: 30px; overflow: hidden; }
.swiper-quasb .swiper-slide { height: 150px; border-radius: 10px; background: #182e65; }
.swiper-quasb .swiper-slide img { opacity: .5; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.swiper-quasb .swiper-slide.swiper-slide-thumb-active img { opacity: 1; }
.swiper-quasb-2 { position: relative; overflow: hidden; box-shadow: 0px 0px 30px 0px 
rgba(39, 45, 83, 0.15); border-radius: 10px; }
.swiper-quasb-2 .swp-prev, .swiper-quasb-2 .swp-next { position: absolute; left: 80px; bottom: 68px; z-index: 2; width: 60px; height: 60px; background-color: #e5e5e5; border-radius: 50%; text-align: center; line-height: 60px; font-size: 24px; color: #6c6563; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.swiper-quasb-2 .swp-next { left: 175px; }
.swiper-quasb-2 .swp-prev:hover, .swiper-quasb-2 .swp-next:hover { background-color: #f3e9e9; color: #d7211f; }
.swiper-quasb-2 .swiper-button-disabled:hover { background-color: #e5e5e5; color: #6c6563; cursor: default; }
.nybanner .cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; text-align: left; align-items: center; padding-top: 170px; }
.nybanner .cover .cont { }
.nybanner .cover .cont h3 { font-family: DIN-Medium; font-size: 72px; line-height: 1; letter-spacing: -2px; color: #f7f7f7; }
.nybanner .cover .cont .des { margin-top: 30px; width: 60%; margin-bottom: 45px; min-height: 160px; }
.nybanner .cover .cont .des p { font-family: MiSans-Regular; font-size: 16px; line-height: 24px; letter-spacing: 0px; color: #f7f7f7; opacity: 0.6; }
.nybanner .cover .cont .des p ~ p { margin-top: 10px; }
.nybanner .cover .cont .tip { font-size: 16px; line-height: 24px; color: #ffffff; opacity: 0.8; margin-top: 20px; }
.serve-btn { text-align: center; font-size: 0; }
.serve-btn a { display: inline-block; vertical-align: middle; width: 280px; height: 52px; background-color: #ffffff; border-radius: 5px; border: solid 1px #6c6563; line-height: 50px; font-family: DIN-Medium; font-size: 20px; color: #231815; margin: 0 5px; }
.serve-btn a:first-child { background-color: #d7211f; border-color: #d7211f; color: #fff; }
.serve-btn a i { font-size: 21px; margin-right: 10px; display: inline-block; vertical-align: middle; margin-top: -2px; }
.serve-a { padding-top: 115px; }
.servefn { margin: -30px -30px 125px; }
.swiper-container-servefn { padding: 30px 30px 65px; }
.servefn-item { height: 400px; background-color: #ffffff; border-radius: 10px; border: solid 1px #c7cbd7; padding: 40px 40px 40px 40px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; position: relative; overflow: hidden; }
.servefn-item:hover { border-color: #fff; box-shadow: 0px 0px 30px 0px 
rgba(39, 45, 83, 0.2); }
.servefn-item img { height: 101px; object-fit: contain; }
.servefn-item h4 { font-family: DIN-Medium; font-size: 24px; line-height: 1.05; letter-spacing: -1px; color: #231815; margin-top: 40px; height: 75px; }
.servefn-item p { font-size: 16px; line-height: 22px; letter-spacing: 0px; color: #231815; opacity: 0.6; margin-top: 25px; margin-right: -30px; }
.servefn-item.h4sin { text-align: center; }
.servefn-item.h4sin img { display: inline-block; }
.servefn-item .cover { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background-color: rgba(24, 46, 101, .8); font-size: 18px; line-height: 32px; color: #ffffff; padding: 50px 30px; text-align: center; opacity: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.servefn-item:hover .cover { opacity: 1; }
.servefn-cate-35 .servefn-item h4 { margin-top: 90px; line-height: 36px; }
.servefn-cate-35 .servefn-item p { display: none; }
.serveyzs { border-radius: 10px; overflow: hidden; margin-bottom: 65px; }
.serveyzs .item { float: left; width: 25%; height: 402px; background-color: #f2f3fe; text-align: center; padding: 80px 40px; color: #231815; position: relative; }
.serveyzs .item:nth-child(1), .serveyzs .item:nth-child(3), .serveyzs .item:nth-child(6), .serveyzs .item:nth-child(8) { background-color: #182e65; color: #fff; }
.serveyzs.bg-red .item:nth-child(1), .serveyzs.bg-red .item:nth-child(3), .serveyzs.bg-red .item:nth-child(6), .serveyzs.bg-red .item:nth-child(8) { background-color: #d7211f; }
.serveyzs .item img { height: 105px; display: inline-block; vertical-align: middle; }
.serveyzs .item h4 { font-family: DIN-Medium; font-size: 26px; letter-spacing: -1px; margin-top: 40px; margin-bottom: 20px; }
.serveyzs .item p { font-size: 16px; line-height: 22px; opacity: 0.6; }
.serveyzs .item .cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(24, 46, 101, .9); z-index: 2; font-size: 18px; line-height: 32px; color: #ffffff; padding: 50px; text-align: left; opacity: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.serveyzs.bg-blue .item .cover { background-color: rgba(215, 33, 31, .9); }
.serveyzs .item:hover .cover { opacity: 1; }
.serve-c { padding-top: 130px; }
.servesb { padding: 50px 30px; height: 740px; background: url(../images/service/bg-c.jpg) no-repeat center; background-size: cover; }
.servesb .pic { width: 56.25%; }
.swiper-container-servesb-1 { height: 100%; }
.servesb .cont { flex: 1; overflow: hidden; margin-left: 80px; position: relative; }
.sercont-item { padding-right: 12%; }
.sercont-item h4 { font-family: DIN-Medium; font-size: 42px; line-height: 1.2; letter-spacing: -1px; color: #ffffff; }
.sercont-item p { font-size: 18px; line-height: 28px; color: #ffffff; opacity: 0.6; margin-top: 20px; min-height: 112px; }
.servesb .cont .swp-btn { font-size: 0; margin-top: 50px; }
.servesb .cont .swp-btn>div { display: inline-block; vertical-align: middle; margin-right: 24px; width: 60px; height: 60px; background-color: #ffffff; border-radius: 30px; border: solid 0px #ffffff; line-height: 60px; text-align: center; font-size: 24px; letter-spacing: -1px; color: #6c6563; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.servesb .cont .swp-btn>div:hover { background-color: #f3e9e9; color: #d7211f; }
.swiper-container-servesb-3 { position: absolute; left: 0; bottom: 0; width: 100%; }
.swiper-container-servesb-3 .swiper-slide {    /*height: 143px;*/
background-color: #182e65; }
.swiper-container-servesb-3 .swiper-slide img { opacity: .5; }
.swiper-container-servesb-3 .swiper-slide.swiper-slide-thumb-active img { opacity: .9; }

/*20251227*/
.serve-d { padding-top: 125px; padding-bottom: 140px; }
.servejgcl .item { width: 47.875%; }
.servejgcl .item .tit { font-family: DIN-Medium; font-size: 42px; line-height: 1; letter-spacing: -1px; color: #231815; padding-bottom: 25px; border-bottom: 1px solid #c7cbd7; margin-bottom: 55px; position: relative; padding-left: 46px; }
.servejgcl .item .tit:before { content: ""; position: absolute; left: 0; top: 12px; width: 18px; height: 19px; background: url(../images/service/icon-tit.png) no-repeat; background-size: contain; margin-right: 25px; }
.jgcl-tab-wrap { flex: 1; overflow: hidden; padding-right: 20px; }
.jgcl-tab-wrap .jgcl-tab { border-left: 1px solid #c7cbd7; padding-left: 30px; }
.jgcl-tab-wrap .jgcl-tab li { font-size: 18px; line-height: 32px; color: #231815; position: relative; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; text-transform: capitalize; text-overflow: ellipsis; /*overflow: hidden;*/ white-space: nowrap; }

/*.jgcl-tab-wrap .jgcl-tab li:hover {text-overflow: unset;background-color: #fff;position: relative;z-index: 2;}*/
.jgcl-tab-wrap .jgcl-tab li ~ li { margin-top: 20px; }
.jgcl-tab-wrap .jgcl-tab li:before { content: ""; position: absolute; left: -31px; top: 50%; z-index: 2; width: 1px; height: 0; background: #d7211f; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.jgcl-tab-wrap .jgcl-tab li.on, .jgcl-tab-wrap .jgcl-tab li:hover { color: #d7211f; }
.jgcl-tab-wrap .jgcl-tab li.on:before { height: 100%; top: 0; }
.jgcl-wrap .jgcl-slide { width: 60%; margin-top: -20px; overflow: hidden; transition: .3s; border-radius: 10px; }
.jgcl-item { background: #fff; background-color: #ffffff; border-radius: 10px; border: solid 1px #c7cbd7; overflow: hidden; min-height: 620px; }
.jgcl-item .pic { position: relative; height: 200px; }
.jgcl-item .pic:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background: #182e65; opacity: .7; }
.jgcl-item .pic h4 { position: absolute; top: 50%; left: 0; width: 100%; z-index: 3; font-family: DIN-Medium; font-size: 42px; padding: 0 10px; line-height: 1; letter-spacing: -1px; color: #ffffff; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-transform: capitalize; }
.jgcl-item .cont-wrap { padding: 25px 35px 20px; }
.jgcl-item .cont-wrap .des { font-size: 18px; line-height: 36px; color: #6c6563; transition: .2s; }
.jgcl-item .cont-wrap .des.font-s { font-size: 16px; line-height: 22px; color: #6c6563; }
.jgcl-item .cont-wrap .cont { border-top: 1px solid #c7cbd7; padding-top: 20px; margin-top: 30px; visibility: hidden; transition: .3s; opacity: 0; display: none; }
.jgcl-item:hover .cont-wrap .cont { display: block; }
.jgcl-item .cont-wrap .cont h4 { font-family: DIN-Medium; font-size: 32px; line-height: 1; letter-spacing: -1px; color: #231815; }
.jgcl-wrap .jgcl-slide:hover { box-shadow: 0px 0px 30px 0px rgba(39, 45, 83, 0.2); }
.jgcl-item:hover .cont-wrap .cont, .jgcl-item:hover .cont-wrap .btn { visibility: visible; opacity: 1; }
.jgcl-item:hover .cont-wrap .des { font-size: 16px; line-height: 22px; }
.jgcl-item .cont-wrap .cont ul { margin-top: 15px; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 32px; letter-spacing: 0px; color: #6c6563; }
.jgcl-item .cont-wrap .cont ul li { font-size: 16px; line-height: 32px; color: #6c6563; min-width: 50%; }
.jgcl-item .cont-wrap .btn { font-size: 0; margin-top: 30px; visibility: hidden; opacity: 0; transition: .3s; }
.jgcl-item .cont-wrap .btn a { display: inline-block; vertical-align: middle; width: 140px; height: 40px; background-color: #ffffff; border-radius: 5px; border: solid 1px #6c6563; line-height: 38px; text-align: center; font-family: DIN-Medium; font-size: 16px; color: #231815; }
.jgcl-item .cont-wrap .btn a:first-child { background-color: #d7211f; color: #fff; border-color: #d7211f; margin-right: 10px; }
.jgcl-item .cont-wrap .btn a i { font-size: 17px; margin-right: 10px; display: inline-block; vertical-align: middle; margin-top: -2px; }
.com-btn-down { display: block; width: 400px; height: 52px; background-color: #ffffff; border-radius: 5px; border: solid 1px #6c6563; line-height: 50px; font-family: DIN-Medium; font-size: 20px; color: #231815; text-align: center; margin: 0 auto; }
.com-btn-down i { font-size: 25px; display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 20px; }
.com-btn-down:hover { background-color: #f1f2f5; border-color: #47413f; color: #231815; opacity: 1; }

@media screen and (min-width: 993px) {
	.product-info .cont .c .inq:hover,
	.case-info .cont .c .inq:hover,
	.form-message .sub:hover,
	.serve-btn a:first-child:hover,
	.lib-list .item .cbox .cont .btn-box a:first-child:hover,
	.appy-item .cont .btn a:first-child:hover,
	.jgcl-item .cont-wrap .btn a:first-child:hover {
		background-color: #c51e1c;
		border-color: #c51e1c;
		color: #ffffff;
		opacity: 1;
	}

	.serve-btn a:not(:first-child):hover,
	.lib-list .item .cbox .cont .btn-box a:not(:first-child):hover,
	.jgcl-item .cont-wrap .btn a:not(:first-child):hover {
		background-color: #f1f2f5;
		border-color: #47413f;
		color: #231815;
		opacity: 1;
	}

	.appy-item .cont .btn a:last-child:hover {
		background-color: rgba(255, 255, 255, .12);
		border-color: #ffffff;
		color: #ffffff;
		opacity: 1;
	}

	.serve-h .sub:hover {
		background-color: #fff1f0;
		color: #c51e1c;
		opacity: 1;
	}
}
.serve-d .com-btn-down { margin-top: 80px; }
.serve-e { padding-bottom: 100px; }
.servejgj { padding-bottom: 60px; }
.swiper-container-servejgj { width: 80%; }
.servejgj-list { margin-bottom: -10px; }
.servejgj-list li { margin-bottom: 10px; }
.servejgj-list li .abox { display: block; height: 200px; background-color: #ffffff; border-radius: 10px; border: solid 1px #c7cbd7; text-align: center; }
.servejgj-list li .abox img { height: 100%; object-fit: contain; display: inline-block; }
.serve-num { width: 100%; height: 280px; background: url(../images/service/bg-bar-1.jpg) no-repeat center; background-size: cover; align-items: center; justify-content: center; padding: 0 5%; }
.serve-num.bg-red { background-image: url(../images/service/bg-bar-2.jpg); }
.serve-num ul { width: 100%; }
.serve-num ul li { max-width: 16.6666%; }
.serve-num ul li .num { font-family: DIN-Medium; font-size: 72px; line-height: 1; letter-spacing: -4px; color: #ffffff; }
.serve-num ul li .num sup { font-size: 48px; margin-left: 10px; top: -0.56em; }
.serve-num ul li .num .t2 { font-size: 36px; top: -0.65em; }
.serve-num ul li p { font-size: 16px; color: #ffffff; opacity: 0.6; margin-top: 20px; }
.serve-f { padding-top: 120px; }
.serveys { padding-bottom: 45px; }
.serveys .item { width: 49.375%; height: 240px; border-radius: 10px; border: solid 1px #c7cbd7; margin-bottom: 20px; align-items: center; padding: 0 40px; }
.serveys .item .pic { width: 132px; height: 132px; background-color: #f2f3fe; text-align: center; line-height: 132px; font-size: 0; text-align: center; border-radius: 50%; }
.serveys .item .pic img { display: inline-block; vertical-align: middle; }
.serveys .item .cont { flex: 1; overflow: hidden; padding-left: 40px; }
.serveys .item .cont h4 { font-family: DIN-Medium; font-size: 32px; letter-spacing: -2px; color: #231815; line-height: 1; }
.serveys .item .cont p { font-size: 16px; line-height: 24px; color: #231815; opacity: 0.6; margin-top: 25px; }
.serve-g { padding-top: 150px; padding-bottom: 100px; }
.servebmcl { border: solid 1px #c7cbd7; margin-bottom: 60px; }
.servebmcl .item { border-bottom: solid 1px #c7cbd7; align-items: center; position: relative; height: 80px; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.servebmcl .item.on { height: auto; padding: 35px 0; }
.servebmcl .item:last-child { border-bottom: none; }
.servebmcl .item:nth-child(2n) { background-color: #f6f6fb; }
.servebmcl .item .num { width: 13.25%; text-align: center; font-family: DIN-Medium; font-size: 24px; letter-spacing: -1px; color: #999999; }
.servebmcl .item .cont { overflow: hidden; width: 55%; }
.servebmcl .item .cont h4 { font-size: 24px; line-height: 1; letter-spacing: -1px; color: #231815; }
.servebmcl .item.on .cont h4 { font-size: 32px; letter-spacing: -1px; color: #d7211f; }
.servebmcl .item .cont p { font-size: 16px; line-height: 26px; color: #231815; opacity: 0.6; margin-top: 15px; display: none; }
.servebmcl .item.on .cont p { display: block; }
.servebmcl .item .pic { width: 12.5%; display: none; margin-left: 135px; }
.servebmcl .item.on .pic { display: block; }
.servebmcl .item .icon { position: absolute; right: 0; top: 50%; right: 40px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 25px; height: 25px; line-height: 25px; font-size: 0; text-align: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.servebmcl .item .icon:after { content: "+"; font-family: PingFangSC-Light; font-size: 44px; letter-spacing: -1px; color: #999999; display: inline-block; vertical-align: middle; margin-top: -4px; }
.servebmcl .item.on .icon:after { content: "-"; }
.serve-h { padding: 90px 0; background: url(../images/service/bg-lc.jpg) no-repeat center; background-size: cover; }
.serveorder { height: 600px; background-color: rgba(255, 255, 255, .9); border-radius: 10px; padding: 10px 34px; }
.serve-h .sub { display: block; width: 320px; height: 52px; background-color: #ffffff; border-radius: 5px; line-height: 52px; text-align: center; font-family: DIN-Medium; font-size: 20px; color: #d7211f; margin: 46px auto 0; }
.serveorder { align-items: center; }
.serveorder .order-step { flex: 1; overflow: hidden; position: relative; }
.serveorder .order-step:before { content: ""; position: absolute; left: 96px; height: 100%; width: 1px; background: #bfbfbf; }
.serveorder .order-step li { align-items: center; padding: 20px 0; }
.serveorder .order-step li h4 { font-family: DIN-Medium; font-size: 20px; color: #6c6563; }
.serveorder .order-step li i { font-size: 23px; color: #a7a3a1; background: #fff; border-radius: 50%; width: 23px; height: 23px; margin: 0 30px; position: relative; z-index: 2; }
.serveorder .order-step li p { font-size: 18px; line-height: 24px; color: #231815; }
.serveorder .order-step li.on h4, .serveorder .order-step li.on i, .serveorder .order-step li.on p { color: #d7211f; }
.serveorder .order-upload { width: 28.75%; height: 580px; background-color: #d7211f; box-shadow: 0px 0px 30px 0px 
rgba(39, 45, 83, 0.2); border-radius: 10px; border: solid 0px #c7cbd7; padding: 40px 35px 26px; }
.serveorder .order-upload h4 { font-family: DIN-Medium; font-size: 22px; line-height: 1; color: #ffffff; }
.serveorder .order-upload>p { font-size: 16px; line-height: 32px; color: #ffffff; margin-top: 20px; }
.serveorder .order-upload .cont { border-top: 1px solid #c7cbd7; padding-top: 28px; margin-top: 20px; }
.serveorder .order-upload .cont h5 { font-family: DIN-Medium; font-size: 18px; line-height: 1; color: #ffffff; }
.serveorder .order-upload .cont p { font-size: 16px; color: #ffffff; margin-top: 15px; }
.serveorder .order-upload .cont .upload-box { width: 100%; height: 200px; background-color: #f6f6fb; border-radius: 5px; align-items: center; justify-content: center; text-align: center; margin-top: 50px; cursor: pointer; position: relative; }
.serveorder .order-upload .cont .upload-box:before { content: ""; position: absolute; left: 10px; top: 10px; width: calc(100% - 20px); height: calc(100% - 20px); border-radius: 5px; border: dashed 1px #a7a3a1; }
.serveorder .order-upload .cont .upload-box i { font-size: 45px; color: #d7211f; }
.serveorder .order-upload .cont .upload-box .tip { font-size: 18px; line-height: 24px; color: #231815; margin-top: 20px; }
.serveorder .order-formlist { margin-left: 42px; width: 43.75%; }
.serveorder .order-formlist .item { background-color: #ffffff; border-radius: 10px; border: solid 1px #c7cbd7; overflow: hidden; }
.serveorder .order-formlist .item ~ .item { margin-top: 10px; }
.serveorder .order-formlist .item:first-child { padding: 25px 35px; }
.serveorder .order-formlist .item .tit { font-family: DIN-Medium; font-size: 18px; line-height: 1; color: #231815; }
.serveorder .order-formlist .item .type { margin-top: 20px; margin-bottom: -12px; }
.serveorder .order-formlist .item .type li { width: 50%; margin-bottom: 12px; font-size: 16px; color: #6c6563; }
.serveorder .order-formlist .item .type li input { -webkit-appearance: auto; margin-right: 10px; }
.serveorder .order-formlist .item .cont { padding: 20px 35px; border-top: 1px solid #c7cbd7; }
.serveorder .order-formlist .item .cont textarea { width: 100%; height: 80px; border: none; font-size: 16px; line-height: 24px; color: #a7a3a1; }
.serveorder .order-formlist .item .nametel { height: 60px; align-items: center; padding: 0 35px; }
.serveorder .order-formlist .item .nametel label { font-family: DIN-Medium; font-size: 18px; color: #231815; }
.serveorder .order-formlist .item .nametel input { border: none; }
.serveorder .order-formlist .item select { height: 60px; padding: 0 32px; width: 100%; border: none; font-family: DIN-Medium; font-size: 18px; line-height: 32px; color: #231815; }
.serveorder .order-formlist .item .cont .subitem ~ .subitem { margin-top: 10px; }
.serveorder .order-formlist .item .cont .subitem label { font-size: 18px; color: #231815; line-height: 24px; margin-right: 15px; }
.serveorder .order-formlist .item .cont .subitem ul { flex: 1; overflow: hidden; }
.serveorder .order-formlist .item .cont .subitem ul li { font-size: 16px; line-height: 24px; color: #6c6563; cursor: pointer; }
.serveorder .order-formlist .item .cont .subitem ul li.on { color: #d7211f; }
.serve-l { margin-top: 130px; margin-bottom: 115px; }
.serve-l { height: 400px; background: url(../images/service/bg-l.jpg) no-repeat right center; background-size: cover; border-radius: 10px; }
.serve-l .qucickcont { flex: 1; overflow: hidden; padding: 60px 60px; }
.serve-l .qucickcont h3, .serve-l .morecont h3 { font-family: DIN-Medium; font-size: 32px; line-height: 1; letter-spacing: -1px; color: #ffffff; }
.serve-l .morecont h3 { font-size: 24px; margin-bottom: 30px; }
.serve-l .qucickcont ul { margin-top: 30px; margin-bottom: 40px; }
.serve-l .qucickcont ul li { font-size: 16px; line-height: 16px; color: #ffffff; opacity: 0.6; margin-bottom: 20px; }
.serve-l .morecont { padding-top: 60px; padding-right: 40px; }
.serve-l .morecont .appgy-tab { position: static; width: 530px; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); margin-bottom: -10px; }
.serve-l .morecont .appgy-tab li { margin: 0 0 10px; height: 110px; }
.serve-l .morecont .appgy-tab li:hover { background-color: #182e65; }
.index-d.serve-i { padding-top: 80px; }
.index-h.app-f { padding-top: 0; padding-bottom: 0; }
.index-i.app-g { padding-bottom: 0; }

@media screen and (max-width:1600px) {
	/*公共*/
	.nybanner .tit h3 {font-size: 68px;}
	.nybanner .tit p {line-height: 30px;}
    /*联系*/
    .contact-list .item .info p {font-size: 28px;}
}
@media screen and (max-width:1440px) {
	/*联系*/
	.contact-list .item .info p {
	    font-size: 24px;
	}
	.contact-c .cont {
	    margin-right: 100px;
	}
}