@charset "UTF-8";
.inline-block { display: inline-block; *display: inline;
 *zoom: 1;
}
.solution-wrap .solution-list .swiper-slide .list a .tit, .case-wrap .tab-con .con .tit, .news-wrap .tab-con .con .tit, .page-honor-list li .tit, .page-employee-list .box .tit, .page-news-list .box .con .tit, .page-case-list .box .con .tit, .page-prod-procedure .con .box .tit, .turn-page a, .case-imgs .list .tit, .case-video .list .tit, .case-video .list .con .tit { max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; }
/* 上下结构 */
/* page */
* { outline: none; }
:focus { outline: none; }
body { font-family: "微软雅黑"; }
.solution-wrap .solution-list .swiper-slide .list a .tit, .case-wrap .tab-con .con .tit, .news-wrap .tab-con .con .tit, .page-honor-list li .tit, .page-employee-list .box .tit, .page-news-list .box .con .tit, .page-case-list .box .con .tit, .page-prod-procedure .con .box .tit, .turn-page a, .case-imgs .list .tit, .case-video .list .tit, .case-video .list .con .tit { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; display: block; }
h1, h2, h3, ul, p { padding: 0; margin: 0; font-weight: normal; }
h2, h3 { font-size: 16px; }
ul { list-style: none; }
a { color: #333333; text-decoration: none !important; }
.logo .navbar-brand { width: 32%; padding: 9px 0; margin-left: 15px; }
.logo .navbar-brand a { height: 100%; font-size: 0; display: block; background: url(../images/logo.png) no-repeat center left; background-size: contain; }
.top-wrap { margin-bottom: 0; background: #ffffff; border: 0; }
.top-wrap .search { display: none; }
#nav-menu { box-shadow: 0 5px 8px rgba(0, 0, 0, 0.25); }
#nav-menu .sec-menu { display: none; padding-left: 40px; padding-top: 10px; }
#nav-menu .sec-menu li { line-height: 30px; }
#nav-menu .sec-menu li a { display: block; color: #999999; }
#nav-menu > ul > li.active > .sec-menu { display: block; }
#banner, #m-banner { display: none; text-align: center; }
#banner .carousel-inner, #m-banner .carousel-inner { margin-bottom: -22px; }
#banner .carousel-indicators, #m-banner .carousel-indicators { margin-bottom: 0; bottom: 5px; color: #ffffff; font-size: 0; background: rgba(255, 255, 255, 0.3); line-height: 20px; border-radius: 15px; width: 120px; left: 0; right: 0; margin: auto; display: inline-block; position: relative; }
#banner .carousel-indicators li, #m-banner .carousel-indicators li { margin: 0 8px; background: #ffffff; border: 2px solid #016cce; vertical-align: middle; opacity: .4; }
#banner .carousel-indicators li.active, #m-banner .carousel-indicators li.active { width: 10px; height: 10px; opacity: 1; }
#banner .carousel-control, #m-banner .carousel-control { background: none; }
#m-banner { display: block; }
.tit01 { overflow: hidden; }
.tit01 h2 { margin-right: 5px; float: left; color: #016cce; }
.tit01 p { font-family: '宋体'; color: #cccccc; text-transform: uppercase; font-size: 16px; }
.about-wrap { margin-top: 20px; }
.about-wrap .con { margin-top: 10px; }
.about-wrap .con .tit { font-size: 14px; font-weight: 500; }
.about-wrap .con .txt { margin-top: 10px; color: #666666; max-height: 160px; overflow: hidden; }
.about-wrap .con .more { margin-top: 10px; text-align: center; }
.about-wrap .con .more a { display: inline-block; width: 120px; line-height: 34px; border: 1px solid #f5f5f5; text-align: center; color: #999999; }
.about-wrap .about-r { display: none; }
.solution-wrap { margin-top: 25px; }
.solution-wrap .swiper-button-next, .solution-wrap .swiper-button-prev { width: 30px; height: 30px; top: 29%; }
.solution-wrap .swiper-button-prev { background: url(../images/solution-l.png) no-repeat; background-position: -10px -10px; }
.solution-wrap .swiper-button-next { background: url(../images/solution-r.png) no-repeat; background-position: -10px -10px; }
.solution-wrap .solution-list { margin-top: 15px; }
.solution-wrap .solution-list .swiper-slide .img { height: 0; padding-top: 59.4594%; position: relative; display: block; }
.solution-wrap .solution-list .swiper-slide .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.solution-wrap .solution-list .swiper-slide .cate-title { margin-top: 10px; padding-bottom: 10px; text-align: center; font-weight: 500; border-bottom: 1px solid #333333; }
.solution-wrap .solution-list .swiper-slide .list { margin-top: 10px; }
.solution-wrap .solution-list .swiper-slide .list a { line-height: 40px; padding-bottom: 5px; display: block; border-bottom: 1px solid #e5e5e5; position: relative; color: #666666; font-weight: 500; }
.solution-wrap .solution-list .swiper-slide .list a img { width: 36px; height: 36px; }
.solution-wrap .solution-list .swiper-slide .list a .blue { display: none; }
.solution-wrap .solution-list .swiper-slide .list a .tit { margin-left: 5px; display: inline-block; vertical-align: middle; }
.solution-wrap .solution-list .swiper-slide .list a:after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 25px; height: 25px; background: url(../images/solution-more.png) no-repeat; background-size: auto 100%; background-position: 0 0px; }
.solution-wrap .solution-list .box01 .list .item01:before { background: url(../images/solution1.png) no-repeat; background-size: auto 100%; background-position: 0 0px; }
.solution-wrap .solution-list .box01 .list .item02:before { background: url(../images/solution2.png) no-repeat; background-size: auto 100%; background-position: 0 0px; }
.solution-wrap .solution-list .box01 .list .item03:before { background: url(../images/solution3.png) no-repeat; background-size: auto 100%; background-position: 0 0px; }
.solution-wrap .solution-list .box01 .list .item04:before { background: url(../images/solution4.png) no-repeat; background-size: auto 100%; background-position: 0 0px; }
.solution-wrap .solution-list .box02 .list .item01:before { background: url(../images/solution5.png) no-repeat; background-size: auto 100%; background-position: 0 0px; }
.solution-wrap .solution-list .box02 .list .item02:before { background: url(../images/solution6.png) no-repeat; background-size: auto 100%; background-position: 0 0px; }
.solution-wrap .solution-list .box02 .list .item03:before { background: url(../images/solution7.png) no-repeat; background-size: auto 100%; background-position: 0 0px; }
.solution-wrap .solution-list .box02 .list .item04:before { background: url(../images/solution8.png) no-repeat; background-size: auto 100%; background-position: 0 0px; }
.solution-wrap .solution-list .box03 .list .item01:before { background: url(../images/solution9.png) no-repeat; background-size: auto 100%; background-position: 0 0px; }
.solution-wrap .solution-list .box03 .list .item02:before { background: url(../images/solution10.png) no-repeat; background-size: auto 100%; background-position: 0 0px; }
.solution-wrap .solution-list .box03 .list .item03:before { background: url(../images/solution11.png) no-repeat; background-size: auto 100%; background-position: 0 0px; }
.solution-wrap .solution-list .box03 .list .item04:before { background: url(../images/solution12.png) no-repeat; background-size: auto 100%; background-position: 0 0px; }
.solution-wrap .solution-list .box04 .list .item01:before { background: url(../images/solution13.png) no-repeat; background-size: auto 100%; background-position: 0 0px; }
.solution-wrap .solution-list .box04 .list .item02:before { background: url(../images/solution14.png) no-repeat; background-size: auto 100%; background-position: 0 0px; }
.solution-wrap .solution-list .box04 .list .item03:before { background: url(../images/solution15.png) no-repeat; background-size: auto 100%; background-position: 0 0px; }
.solution-wrap .solution-list .box04 .list .item04:before { background: url(../images/solution16.png) no-repeat; background-size: auto 100%; background-position: 0 0px; }
.case-wrap, .news-wrap { margin-top: 25px; }
.case-wrap .tab-tit, .news-wrap .tab-tit { margin-top: 10px; margin-left: -2%; font-size: 0; }
.case-wrap .tab-tit a, .news-wrap .tab-tit a { width: 23%; margin-left: 2%; line-height: 28px; font-size: 12px; text-align: center; display: inline-block; border: 1px solid #cccccc; font-weight: 500; }
.case-wrap .tab-tit a.active, .news-wrap .tab-tit a.active { background: #016cce; color: #ffffff; border-color: #016cce; }
.case-wrap .tab-con, .news-wrap .tab-con { margin-top: 15px; }
.case-wrap .tab-con .con .tit, .news-wrap .tab-con .con .tit { line-height: 36px; text-align: center; }
.case-wrap .case-list, .news-wrap .case-list, .case-wrap .news-list, .news-wrap .news-list { display: none; }
.case-list, .news-list { padding-bottom: 25px; overflow: hidden; text-align: center; }
.case-list .box a, .news-list .box a { display: block; }
.case-list .box .img, .news-list .box .img { height: 0; padding-top: 59.4594%; position: relative; display: block; }
.case-list .box .img img, .news-list .box .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.case-list .swiper-pagination, .news-list .swiper-pagination { margin-bottom: 0; bottom: 5px; color: #ffffff; font-size: 0; background: rgba(1, 108, 206, 0.1); line-height: 20px; border-radius: 15px; display: inline-block; position: static; left: 0; right: 0; margin: auto; width: auto; padding: 0 10px; }
.case-list .swiper-pagination span, .news-list .swiper-pagination span { width: 10px; height: 10px; margin: 0 8px; border: 0; background: #ffffff; vertical-align: middle; border: 2px solid #016cce; opacity: .6; }
.case-list .swiper-pagination span.swiper-pagination-bullet-active, .news-list .swiper-pagination span.swiper-pagination-bullet-active { opacity: 1; }
.news-wrap .news-list { margin-top: 15px; }
.news-wrap .tab-con .con .tit { text-align: left; }
.news-list .box .img { padding-top: 56.179775%; }
.news-list .box .con .txt { color: #808080; height: 40px; overflow: hidden; }
.news-list .box .con .time { margin-top: 10px; padding-top: 10px; color: #999999; border-top: 1px solid #cccccc; font-weight: bold; }
.footer-wrap { margin-top: 20px; background: #eff5f8; padding-top: 15px; }
.f-menu { padding-bottom: 10px; border-bottom: 1px solid #e2e2e2; }
.f-menu a { width: 24%; margin-bottom: 5px; display: inline-block; }
.f-footer { margin-top: 15px; }
.f-footer .tit { padding-left: 30px; font-size: 15px; font-weight: 500; color: #016cce; background: url(../images/f-cont1.png) no-repeat center left; }
.f-footer .list { margin-top: 10px; color: #666666; }
.f-footer .list .item { padding-left: 30px; margin-bottom: 5px; }
.f-footer .list .item01 { background: url(../images/f-cont2.png) no-repeat top left; }
.f-footer .list .item02 { background: url(../images/f-cont3.png) no-repeat top left; }
.f-footer .list .item03 { background: url(../images/f-cont4.png) no-repeat top left; }
.f-footer .list .item04 { background: url(../images/f-cont5.png) no-repeat top left; }
.f-qr { margin-top: 15px; text-align: center; }
.f-qr img { max-width: 100%; }
.f-logo { margin-top: 20px; display: none; }
.f-logo img { max-width: 100%; }
.f-tel { margin-top: 15px; padding: 15px; padding-left: 80px; background: url(../images/f-tel.png) no-repeat 15px center #FFFFFF; }
.f-tel h3 { color: #474443; font-weight: 500; }
.f-tel p { color: #016cce; font-size: 24px; font-weight: 500; line-height: 30px; }
.f-link { margin-top: 20px; padding-top: 15px; border-top: 1px solid #e2e2e2; color: #666666; }
.f-link a { color: #666666; display: inline-block; margin-right: 5px; }
.copyright { background: #016cce; color: #ffffff; margin-top: 15px; padding: 10px 0; }
.copyright a { color: #ffffff; }
.copyright .copy-r { margin-top: 10px; }
.page-banner { height: 150px; background-size: cover !important; }
.main-menu { background-color: #f5f5f5; white-space: nowrap; overflow-x: auto; }
.main-menu a { padding: 7px 8px; display: inline-block; color: #666666; }
.main-menu a.active { background: #016cce; color: #ffffff; }
.main-crumbs { display: none; }
.main { margin-top: 25px; }
.page-honor-list { overflow: hidden; }
.page-honor-list li { width: 48%; margin: 0 1%; margin-bottom: 20px; float: left; }
.page-honor-list li a { display: block; }
.page-honor-list li .img { height: 0; padding-top: 140.357%; position: relative; display: block; }
.page-honor-list li .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.page-honor-list li .tit { margin-top: 10px; font-size: 16px; font-weight: 500; text-align: center; }
.page-employee-list { overflow: hidden; }
.page-employee-list .box { width: 48%; margin: 0 1%; margin-bottom: 20px; float: left; }
.page-employee-list .box a { display: block; }
.page-employee-list .box .img { height: 0; padding-top: 72.72727%; position: relative; display: block; }
.page-employee-list .box .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.page-employee-list .box .tit { margin-top: 10px; text-align: center; font-size: 14px; }
.page-news-list .box { margin-bottom: 20px; }
.page-news-list .box .con { margin-top: 10px; text-align: left; }
.page-news-list .box .con .txt { margin-top: 7px; }
.join-wrapper { margin-top: 20px; }
.join-wrapper .join-list tr th { display: inline-block; background: #016cce; color: #FFFFFF; border: 0; }
.join-wrapper .join-list tr th.tit01 { padding-left: 18px; }
.join-wrapper .join-list tr th.tit02, .join-wrapper .join-list tr th.tit03 { padding-left: 0; padding-right: 0; }
.join-wrapper .join-list tr th.tit03 { text-align: center; }
.join-wrapper .join-list tr td { border: 0; }
.join-wrapper .join-list tr .tit01 { width: 23%; overflow: initial; text-align: left; }
.join-wrapper .join-list tr .tit02 { width: 15%; border-bottom: 0; }
.join-wrapper .join-list tr .tit04 { width: 12%; }
.join-wrapper .join-list tr .tit03 { width: 7.5%; }
.join-wrapper .join-list tr .tit05 { width: 15%; }
.join-wrapper .join-list tr .tit06 { width: 15%; }
.join-wrapper .join-list .box.active { border: 1px solid #016cce; }
.join-wrapper .join-list .box .txt h3 { margin-bottom: 10px; font-size: 16px; }
.join-wrapper .join-list .box.active .txt { height: 100%; padding-top: 10px; padding-bottom: 10px; }
.join-wrapper .join-list .box.active .note { height: auto; margin: 20px 10px 0 10px; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #999999; }
.join-wrapper .join-list .tit { padding: 8px 10px; vertical-align: middle; }
.join-wrapper .join-list .box.active { background: #FFFFFF; }
.join-wrapper .join-list .box.active .tit { background: #b4e1f7; color: #ffffff; }
.join-wrapper .join-list .tit span { display: inline-block; white-space: normal; /* text-align: left; */ vertical-align: middle; }
.join-wrapper .join-list .tit .tit01 { width: 21%; overflow: initial; }
.join-wrapper .join-list .tit .tit02 { width: 17%; }
.join-wrapper .join-list .tit .tit04 { width: 18%; padding-left: 8px; }
.join-wrapper .join-list .tit .tit03 { width: 7.5%; text-align: center; }
.join-wrapper .join-list .tit .tit05 { width: 19%; padding-left: 7px; }
.join-wrapper .join-list .tit .tit06 { width: 15%; text-align: right; }
.join-wrapper .join-list .txt { height: 0px; padding-left: 10px; padding-right: 10px; overflow-y: auto; }
.join-wrapper .join-list .txt h2 { margin-bottom: 10px; font-size: 16px; }
.join-wrapper .join-list .txt p { margin-bottom: 10px; color: #666666; }
.join-wrapper .join-list .note { height: 0; overflow: hidden; }
.join-wrapper .join-list .note p { color: #666666; }
.join-wrapper .join-list .note p span { color: #333333; }
.join-wrapper .tit01:after { display: none; }
 .join-wrapper .join-list .txt::-webkit-scrollbar {
 width: 4px;
}
 .join-wrapper .join-list .txt::-webkit-scrollbar-thumb {
 border-radius: 10px;
 -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
 background: #016cce;
}
 .join-wrapper .join-list .txt::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
 border-radius: 0;
 background: rgba(0, 0, 0, 0.1);
}
.join-wrapper .join-list tr:nth-of-type(odd) { background: #edf9ff; }
.page-case-list .box { margin-bottom: 20px; }
.page-case-list .box .con .tit { line-height: 38px; padding: 0 5px; text-align: center; border: 1px solid #f1f1ef; }
.page-prod01, .page-prod02 { text-align: center; }
.page-prod01 .img, .page-prod02 .img { height: 0; padding-top: 41.66667%; position: relative; display: block; }
.page-prod01 .img img, .page-prod02 .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.page-prod01 .swiper-wrapper, .page-prod02 .swiper-wrapper { margin-bottom: -20px; }
.page-prod01 .swiper-button-next, .page-prod02 .swiper-button-next, .page-prod01 .swiper-button-prev, .page-prod02 .swiper-button-prev { width: 30px; height: 30px; background: url(../images/solution-l.png) no-repeat; background-position: -10px -10px; }
.page-prod01 .swiper-button-next, .page-prod02 .swiper-button-next { background-image: url(../images/solution-r.png); }
.page-prod01 .swiper-pagination, .page-prod02 .swiper-pagination { display: inline-block; position: relative; z-index: 1; left: auto; right: auto; width: auto; background: rgba(255, 255, 255, 0.3); border-radius: 30px; padding: 0 10px; }
.page-prod01 .swiper-pagination .swiper-pagination-bullet, .page-prod02 .swiper-pagination .swiper-pagination-bullet { background: #ffffff; opacity: 1; border: 2px solid #ffffff; vertical-align: middle; }
.page-prod01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .page-prod02 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: #016cce; width: 12px; height: 12px; }
.page-prod-txt { margin-top: 15px; }
.page-prod-txt .txt { margin-top: 10px; color: #666666; }
.page-prod02 { position: relative; margin-top: 20px; }
.page-prod02 .swiper-button-next, .page-prod02 .swiper-button-prev { top: 82px; }
.page-prod02 .con { background: #016cce; color: #ffffff; padding: 15px; padding-bottom: 42px; text-align: left; }
.page-prod02 .con .tit:after { content: ''; display: block; width: 30px; height: 4px; background: #ffffff; margin-top: 10px; }
.page-prod02 .con .txt { margin-top: 10px; }
.page-prod02 .swiper-pagination { color: #ffffff; background: none; }
.tit02 h2 { font-size: 16px; }
.tit02 h2:after { content: ''; display: block; width: 30px; height: 4px; background: #016cce; margin-top: 10px; }
.page-prod-procedure { margin-top: 20px; }
.page-prod-procedure .img-line { display: none; }
.page-prod-procedure .con { margin-top: 15px; overflow: hidden; }
.page-prod-procedure .con .box { width: 31.33%; margin-bottom: 20px; text-align: center; float: left; }
.page-prod-procedure .con .box .icon { width: 50%; }
.page-prod-procedure .con .box .tit { margin-top: 10px; font-size: 12px; }
.relative-case { margin-top: 15px; position: relative; }
.relative-case .swiper-pagination { background: rgba(1, 108, 206, 0.1); }
.relative-case .case-list, .relative-case .news-list { margin-top: 15px; }
.relative-case .case-list .box, .relative-case .news-list .box { margin-left: 0; }
.main.show { background: #eff5f8; }
.text-title { margin-top: 20px; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #cccccc; }
.text-title h1 { font-size: 18px; font-weight: bold; }
.text-title p { margin-top: 10px; color: #666666; }
.detail-box { color: #666666; }
.detail-box p { margin-bottom: 24px; }
.detail-box p img { max-width: 100% !important; height: auto !important; }
.detail-box .simg img { max-width: 100% !important; height: auto !important; }
.detail-box img { max-width: 100%; height: auto !important; }
.turn-page { margin-top: 20px; margin-bottom: 20px; color: #666666; border-top: 1px solid #cccccc; padding-top: 20px; }
.turn-page a { display: inline-block; color: #666666; max-width: 75%; vertical-align: bottom; }
.turn-page .turn-l { margin-bottom: 10px; }
.BMap_Marker img, #allmap img { max-width: none; }
.case-det { margin-top: 20px; }
.case-det .img { height: 0; padding-top: 63.6363%; position: relative; display: block; }
.case-det .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.case-det .con { margin-top: 15px; }
.case-det .con .tit { font-size: 16px; }
.case-det .con .tit:after { content: ''; width: 30px; height: 4px; margin-top: 10px; display: block; background: #016cce; }
.case-det .con .txt { margin-top: 15px; color: #666666; }
.case-imgs, .case-video { margin-top: 20px; }
.case-imgs .list, .case-video .list { margin-top: 15px; text-align: center; }
.case-imgs .list .img, .case-video .list .img { height: 0; padding-top: 63.636%; position: relative; display: block; }
.case-imgs .list .img img, .case-video .list .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.case-imgs .list .tit, .case-video .list .tit { line-height: 30px; position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0, 99, 201, 0.8); color: #ffffff; text-align: center; }
.case-imgs .list .swiper-button-next, .case-imgs .list .swiper-button-prev, .case-video .list .swiper-button-next, .case-video .list .swiper-button-prev { width: 30px; height: 30px; background: url(../images/solution-l.png) no-repeat; background-position: -10px -10px; }
.case-imgs .list .swiper-button-next, .case-video .list .swiper-button-next { background-image: url(../images/solution-r.png); }
.case-imgs .list .swiper-pagination, .case-video .list .swiper-pagination { margin-top: 20px; background: #ffffff; line-height: 20px; border-radius: 15px; display: inline-block; position: static; left: 0; right: 0; width: auto; padding: 0 10px; }
.case-imgs .list .swiper-pagination .swiper-pagination-bullet, .case-video .list .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 8px; border: 0; background: #ffffff; vertical-align: middle; border: 2px solid #016cce; opacity: .4; }
.case-imgs .list .swiper-pagination .swiper-pagination-bullet-active, .case-video .list .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; }
.case-video { margin-top: 20px; margin-bottom: 20px; }
.case-video .list { margin-top: 15px; }
.case-video .list a { display: block; }
.case-video .list .img { height: 0; padding-top: 62.8571%; position: relative; display: block; }
.case-video .list .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.case-video .list .img:after { content: ''; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/play.png) no-repeat center rgba(0, 0, 0, 0.5); position: absolute; }
.case-video .list .con { background: #ffffff; }
.case-video .list .con .tit { line-height: 36px; padding: 0 10px; text-align: center; position: static; background: none; color: #333333; }
.detail-box .about-wrap { margin-top: 0; }
.detail-box .about-wrap .container { padding: 0; }
.detail-box .about-wrap .container .tit01 { display: none; }
.detail-box .about-wrap .container .con { margin-top: 0; }
.detail-box .about-wrap .container .con .more { display: none; }
.detail-box .about-wrap .about-r { margin-top: 15px; display: block; }
.page-contact .cont-r .tit:after { content: ''; width: 34px; height: 4px; border-radius: 2px; display: block; margin-top: 10px; background: linear-gradient(to right, #02acef, #0189f0); }
.page-contact { background: #eff5f8; overflow: hidden; }
.page-contact .map { height: 250px; overflow: hidden; }
.page-contact .cont-r { padding: 20px; overflow: hidden; }
.page-contact .cont-r .tit h2 { margin-bottom: 10px; font-size: 16px; font-weight: normal; font-weight: bold; color: #000000; }
.page-contact .cont-r .tit p { margin-bottom: 16px; font-size: 14px; color: #999999; }
.page-contact .cont-r .txt { margin-top: 20px; }
.page-contact .cont-r .txt p { margin-bottom: 0; line-height: 22px; }
.page-contact .cont-r .btns { margin-top: 15px; }
.page-contact .cont-r .btns .item { width: 23px; height: 18px; margin-right: 15px; display: inline-block; position: relative; }
.page-contact .cont-r .btns .item .toggle { display: block; background: url(../images/contact.png) no-repeat; height: 100%; }
.page-contact .cont-r .btns .item .big { width: 116px; height: 124px; padding-top: 17px; background: url(../images/f-qr-bg.png) no-repeat center top; position: absolute; text-align: center; bottom: 100%; display: none; }
.page-contact .cont-r .btns .item .big img { width: 80px; height: 80px; }
.page-contact .cont-r .btns .item01 .toggle { background-position: -53px 0; }
.page-contact .cont-r .btns .item02 .toggle { background-position: -116px 0; }
.page-contact .cont-r .btns .item02 .big { left: -66px; }
.page-contact .cont-r .btns .item03 .toggle { background-position: 3px 0; }
.page-contact .cont-r .kefu { margin-top: 15px; }
.page-contact .cont-r .kefu a { display: block; width: 140px; line-height: 50px; background: #ffffff; text-align: center; color: #666666; border-radius: 25px; font-size: 18px; }
.page-message { margin-top: 20px; }
.page-message .tit { padding-bottom: 10px; text-align: center; color: #016cce; border-bottom: 1px solid #cccccc; }
.page-message .message-form { margin-top: 15px; margin-bottom: 25px; }
.page-message .message-form .form-group.inline input { margin-bottom: 15px; }
.page-message .message-form .sub-btn input { width: 50%; margin: 0 auto; background: #016cce; color: #ffffff; border-color: #016cce; }
.Validform_checktip { float: right; margin-left: 8px; line-height: 20px; height: 20px; overflow: hidden; color: #999; font-size: 12px; }
.Validform_right { color: #71b83d; padding-left: 20px; background: url(../images/right.png) no-repeat left center; }
.Validform_wrong { color: red; padding-left: 20px; white-space: nowrap; background: url(../images/error.png) no-repeat left center; }
.Validform_loading { padding-left: 20px; background: url(../images/onLoad.gif) no-repeat left center; }
.Validform_error { background-color: #ffe7e7; }
#Validform_msg { color: #7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width: 280px; -webkit-box-shadow: 2px 2px 3px #aaa; -moz-box-shadow: 2px 2px 3px #aaa; background: #fff; position: absolute; top: 0px; right: 50px; z-index: 99999; display: none; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
}
#Validform_msg .iframe { position: absolute; left: 0px; top: -1px; z-index: -1; }
#Validform_msg .Validform_title { line-height: 25px; height: 25px; text-align: left; font-weight: bold; padding: 0 8px; color: #fff; position: relative; background-color: #000; }
#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited { line-height: 22px; position: absolute; right: 8px; top: 0px; color: #fff; text-decoration: none; }
#Validform_msg a.Validform_close:hover { color: #cc0; }
#Validform_msg .Validform_info { padding: 8px; border: 1px solid #000; border-top: none; text-align: left; }
.page { clear: both; padding: 20px 0 40px; text-align: center; }
.page a { display: inline-block; margin-bottom: 5px; padding: 0px 15px; font-size: 12px; line-height: 28px; background: #fff; border: 1px solid #e3e3e3; text-align: center; color: #333; border-radius: 3px; }
.page a:hover { background: #016cce; color: white; text-decoration: none; }
.page a.a1 { padding: 0px 15px; line-height: 28px; margin-top: 0px; }
.page span { display: inline-block; padding: 0px 15px; line-height: 28px; background: #016cce; border: 1px solid #016cce; color: #fff; text-align: center; border-radius: 3px; }
.page .noPage { display: inline-block; padding: 0px 12px; height: 22px; line-height: 22px; border: 1px solid #e3e3e3; text-align: center; color: #a4a4a4; }
 @media screen and (min-width: 768px) {
.logo { width: 16%; }
.top-wrap .header { padding: 0; height: 40px; }
.top-wrap .logo .navbar-brand { margin-left: 0; margin-top: 0; padding-top: 5px; }
.top-wrap .logo { height: 50px; }
.top-wrap .logo .navbar-brand { width: 100%; height: 100%; }
#nav-menu { float: right; box-shadow: none; }
#nav-menu > ul > li > a { padding: 15px 6px; }
#banner, #m-banner { display: block; }
#m-banner { display: none; }
.solution-wrap .swiper-button-next, .solution-wrap .swiper-button-prev { top: 23%; }
.case-wrap .tab-tit a, .news-wrap .tab-tit a, .news-wrap .tab-tit a { width: 100px; line-height: 36px; font-size: 14px; }
.tit01 h2 { font-size: 18px; }
.page-honor-list li { width: 23%; }
.page-news-list { overflow: hidden; }
.page-news-list .box { width: 31%; margin: 0 1%; margin-bottom: 20px; float: left; }
.join-wrapper .join-list tr .tit06 { text-align: right; }
.join-wrapper .join-list .tit .tit06 { width: 14%; }
.page-case-list .box { width: 31.33%; float: left; margin: 0 1%; margin-bottom: 20px; }
#banner .carousel-inner, #m-banner .carousel-inner { margin-bottom: -30px; }
.about-wrap { margin-top: 40px; }
.case-det { overflow: hidden; }
.case-det .img { width: 50%; padding-top: 31.81815%; margin-right: 4.5454%; float: left; }
.case-det .con { overflow: hidden; }
.case-det .con .txt { max-height: 160px; overflow-y: auto; }
.case-imgs .list .tit { line-height: 42px; }
.detail-box .about-wrap .container { width: 100%; }
.detail-box .about-wrap .about-l { width: 58.33333333%; padding-top: 7%; float: left; }
.detail-box .about-wrap .about-l .con .tit { color: #000000; }
.detail-box .about-wrap .about-r { width: 33.333333%; float: right; }
.page-contact .map { width: 48%; max-height: 450px; height: auto; float: left; }
.page-contact .cont-r { padding: 35px 20px; }
.page-contact .cont-r .tit p { margin-bottom: 5px; }
.page-contact .cont-r { padding: 20px 20px; }
.page-contact .cont-r .btns { margin-top: 15px; }
.page-message .message-form .form-group.inline { overflow: hidden; }
.page-message .message-form .form-group.inline input { width: 48%; }
.page-message .message-form .form-group.inline input:first-child { float: left; }
.page-message .message-form .form-group.inline input:last-child { float: right; }
.page-message .message-form .sub-btn input { width: 150px; }
#nav-menu > ul > li.active > .sec-menu { display: none; }
}
 @media screen and (min-width: 992px) {
body { font-size: 16px; }
.top-wrap { height: 120px; }
.top-wrap .logo { width: 214px; height: 60px; padding: 0; }
.top-wrap .logo .navbar-brand { padding: 0; }
.top-wrap .logo { margin-top: 30px; }
#nav-menu { margin-top: 50px; }
#nav-menu > ul > li > a { padding-top: 0; font-size: 16px; color: #333333; }
#nav-menu > ul > li > a:after { content: ''; width: 32px; height: 2px; background: #016cce; position: absolute; left: 0; right: 0; margin: auto; margin-top: 33px; display: none; top: 0; }
#nav-menu > ul > li.active > a { background: none; color: #016cce; }
#nav-menu > ul > li.active > a:after { display: block; }
#nav-menu > ul > li:hover > a { color: #016cce; }
#nav-menu > ul > li:hover > a:after { display: block; }
#banner .carousel-indicators, #m-banner .carousel-indicators { bottom: 20px; line-height: 30px; }
#banner .carousel-indicators li, #m-banner .carousel-indicators li { border: 2px solid #ffffff; }
#banner .carousel-indicators li.active, #m-banner .carousel-indicators li.active { width: 12px; height: 12px; border-color: #016cce; box-shadow: none; }
.tit01 h2 { font-size: 24px; }
.tit01 p { font-size: 30px; line-height: 26px; }
.about-wrap { margin-top: 100px; padding-bottom: 80px; background: url(../images/about-bg.png) no-repeat center bottom; }
.about-wrap .about-l { width: 58.33333333%; padding-top: 7%; float: left; }
.about-wrap .about-l .con { margin-top: 14%; }
.about-wrap .about-l .con .tit { font-size: 20px; }
.about-wrap .about-l .con .tit:after { content: ''; width: 60px; height: 2px; background: #016cce; display: block; margin-top: 2%; }
.about-wrap .about-l .con .txt { margin-top: 2.7%; line-height: 30px; max-height: 150px; }
.about-wrap .about-l .con .more { text-align: left; margin-top: 3.8%; }
.about-wrap .about-l .con .more a { border: 1px solid #f5f5f5; background: #ffffff; font-size: 16px; }
.about-wrap .about-l .con .more a:hover { background: #016cce; color: #ffffff; }
.about-wrap .about-r { width: 33.333333%; float: right; display: block; }
.about-wrap .about-r .img { height: 0; padding-top: 150%; position: relative; display: block; }
.about-wrap .about-r .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.solution-wrap { margin-top: 100px; padding-bottom: 90px; background: url(../images/solutions-bg.png) no-repeat center bottom; }
.solution-wrap .solution-list { margin-top: 50px; }
.solution-wrap .solution-list .swiper-slide { background: #ffffff; }
.solution-wrap .solution-list .swiper-slide .cate-title { margin-left: 15px; margin-right: 15px; font-size: 20px; }
.solution-wrap .solution-list .swiper-slide .list { margin: 0 15px; }
.solution-wrap .solution-list .swiper-slide .list a { font-size: 16px; line-height: 54px; }
.solution-wrap .solution-list .swiper-slide .list a:last-child { border-bottom: 0; }
.solution-wrap .solution-list .box01 .list .item01:hover:before { background-position: -36px 0; }
.solution-wrap .solution-list .box01 .list .item01:hover:after { background-position: -25px 0; }
.solution-wrap .solution-list .box01 .list .item02:hover:before { background-position: -36px 0; }
.solution-wrap .solution-list .box01 .list .item02:hover:after { background-position: -25px 0; }
.solution-wrap .solution-list .box01 .list .item03:hover:before { background-position: -36px 0; }
.solution-wrap .solution-list .box01 .list .item03:hover:after { background-position: -25px 0; }
.solution-wrap .solution-list .box01 .list .item04:hover:before { background-position: -36px 0; }
.solution-wrap .solution-list .box01 .list .item04:hover:after { background-position: -25px 0; }
.solution-wrap .solution-list .box02 .list .item01:hover:before { background-position: -36px 0; }
.solution-wrap .solution-list .box02 .list .item01:hover:after { background-position: -25px 0; }
.solution-wrap .solution-list .box02 .list .item02:hover:before { background-position: -36px 0; }
.solution-wrap .solution-list .box02 .list .item02:hover:after { background-position: -25px 0; }
.solution-wrap .solution-list .box02 .list .item03:hover:before { background-position: -36px 0; }
.solution-wrap .solution-list .box02 .list .item03:hover:after { background-position: -25px 0; }
.solution-wrap .solution-list .box02 .list .item04:hover:before { background-position: -36px 0; }
.solution-wrap .solution-list .box02 .list .item04:hover:after { background-position: -25px 0; }
.solution-wrap .solution-list .box03 .list .item01:hover:before { background-position: -36px 0; }
.solution-wrap .solution-list .box03 .list .item01:hover:after { background-position: -25px 0; }
.solution-wrap .solution-list .box03 .list .item02:hover:before { background-position: -36px 0; }
.solution-wrap .solution-list .box03 .list .item02:hover:after { background-position: -25px 0; }
.solution-wrap .solution-list .box03 .list .item03:hover:before { background-position: -36px 0; }
.solution-wrap .solution-list .box03 .list .item03:hover:after { background-position: -25px 0; }
.solution-wrap .solution-list .box03 .list .item04:hover:before { background-position: -36px 0; }
.solution-wrap .solution-list .box03 .list .item04:hover:after { background-position: -25px 0; }
.solution-wrap .solution-list .box04 .list .item01:hover:before { background-position: -36px 0; }
.solution-wrap .solution-list .box04 .list .item01:hover:after { background-position: -25px 0; }
.solution-wrap .solution-list .box04 .list .item02:hover:before { background-position: -36px 0; }
.solution-wrap .solution-list .box04 .list .item02:hover:after { background-position: -25px 0; }
.solution-wrap .solution-list .box04 .list .item03:hover:before { background-position: -36px 0; }
.solution-wrap .solution-list .box04 .list .item03:hover:after { background-position: -25px 0; }
.solution-wrap .solution-list .box04 .list .item04:hover:before { background-position: -36px 0; }
.solution-wrap .solution-list .box04 .list .item04:hover:after { background-position: -25px 0; }
.solution-wrap .solution-list .box01 .list .item01:hover:before { background-position: -39px 0; }
.solution-wrap .solution-list .box02 .list .item02:hover:before { background-position: -42px 0; }
.solution-wrap .solution-list .box02 .list .item03:hover:before { background-position: -39px 0; }
.case-wrap, .news-wrap, .news-wrap { margin-top: 100px; }
.case-wrap .tab-tit, .news-wrap .tab-tit, .news-wrap .tab-tit { margin-top: 50px; margin-left: -30px; }
.case-wrap .tab-tit a, .news-wrap .tab-tit a, .news-wrap .tab-tit a { width: 150px; line-height: 44px; font-size: 20px; margin-left: 30px; }
.case-wrap .tab-tit a:hover, .news-wrap .tab-tit a:hover, .news-wrap .tab-tit a:hover { background: #016cce; color: #ffffff; }
.case-wrap .tab-con, .news-wrap .tab-con, .news-wrap .tab-con { margin-top: 40px; }
.case-wrap, .news-wrap { background: url(../images/case-bg.png) no-repeat center bottom; padding-bottom: 100px; }
.case-wrap .tab-con .con .tit, .news-wrap .tab-con .con .tit { line-height: 60px; background: #ffffff; padding: 0 10px; }
.case-list .box a:hover .con .tit, .news-list .box a:hover .con .tit { color: #016cce; }
.case-list, .news-list { padding-bottom: 70px; }
.case-list .swiper-pagination, .news-list .swiper-pagination {min-width: 120px;line-height: 30px;bottom: 0;}
.case-list .swiper-pagination span, .news-list .swiper-pagination span { margin: 0 8px !important; }
.news-wrap { background: none; padding-bottom: 0; }
.news-wrap .news { margin-top: 50px; padding: 50px; background: #eff5f8; }
.news-wrap .tab-tit { margin-top: 0; }
.news-wrap .tab-tit a { background: #ffffff; }
.case-list .swiper-pagination span, .news-list .swiper-pagination span, .news-list .swiper-pagination span { width: 12px; height: 12px; }
.news-wrap .tab-con .con .tit { background: none; padding: 0; }
.news-list .box .con .txt { font-size: 14px; }
.news-list .box .con .time { margin-top: 25px; padding-top: 25px; }
.news-list .box .con { text-align: left; }
.news-list .box a:hover .con .time { border-color: #016cce; color: #016cce; }
.news-wrap .news { padding-bottom: 60px; }
.footer-wrap { margin-top: 100px; padding-top: 50px; }
.f-menu { padding-bottom: 30px; text-align: center; }
.f-menu a { width: auto; margin: 0 2.5%; }
.f-menu a:hover { color: #016cce; }
.f-footer { margin-top: 36px; overflow: hidden; }
.f-footer .foot-l { width: 40.41666666666667%; float: left; }
.f-qr { width: 120px; margin-top: 0; float: left; }
.f-r { width: 290px; float: right; }
.f-r .f-logo { margin-top: 0; }
.f-link { margin-top: 46px; padding-top: 36px; }
.f-link a { height: 16px; }
.f-link a:last-child:after { display: none; }
.f-link a:hover { color: #016cce; }
.f-link a:after { content: '|'; display: inline-block; margin-left: 10px; }
.copyright { margin-top: 20px; padding: 14px 0; }
.copyright .copy-l { width: 60%; float: left; }
.copyright .copy-r { margin-top: 0; width: 30%; float: right; text-align: right; }
.solution-wrap .solution-list .swiper-slide .list a:hover { color: #016cce; }
.solution-wrap .solution-list .swiper-slide:hover .cate-title { color: #016cce; }
.solution-wrap .swiper-button-prev:hover, .solution-wrap .swiper-button-next:hover { background-position: -60px -10px; }
.page-banner { height: 300px; }
.main-menu { font-size: 0; }
.main-menu a { padding: 16px 40px; font-size: 20px; }
.main-menu a:hover { background: #016cce; color: #ffffff; }
.main-crumbs { margin-top: 30px; padding-bottom: 15px; display: block; border-bottom: 1px solid #e5e5e5; }
.main-crumbs a { color: #666666; }
.main { margin-top: 47px; }
.page-honor-list li { margin-bottom: 50px; }
.page-honor-list li .tit { margin-top: 17px; color: #666666; font-weight: normal; }
.page-honor-list li .tit:after { content: ''; width: 50px; height: 1px; background: #999999; display: block; margin: 0 auto; margin-top: 15px; }
.page-honor-list li a:hover .tit { color: #016cce; }
.page-honor-list li a:hover .tit:after { background: #016cce; }
.main-crumbs a:hover { color: #016cce; }
.page-employee-list .box { margin-bottom: 30px; }
.page-employee-list .box a:hover .tit { color: #016cce; }
.page-employee-list .box .tit { font-size: 16px; }
.join-wrapper .join-list .tit { padding-left: 0; padding-right: 0; }
.join-wrapper .join-list tr { height: 60px; }
.join-wrapper .join-list tr:nth-child(odd) { background: #f7f7f7; }
.join-wrapper .join-list tr th, .join-wrapper .join-list tr td { height: 60px; padding: 20px 10px 20px 30px; font-size: 16px; }
.join-wrapper .join-list tr td { padding: 0px 10px 0px 30px; }
.join-wrapper .join-list tr:hover { cursor: pointer; }
.join-wrapper .join-list tr:hover .txt { cursor: default; }
.join-wrapper .join-list .tit01 { text-align: left; }
.join-wrapper .join-list .tit { padding: 18px 10px; }
.join-wrapper .join-list .tit .tit02, .join-wrapper .join-list .tit .tit04 { background: none; padding-left: 21px; }
.join-wrapper .join-list .tit span { vertical-align: middle; height: auto; }
.join-wrapper .join-list .txt { padding-left: 30px; padding-right: 30px; }
.join-wrapper .join-list .txt p { font-size: 14px; }
.join-wrapper .join-list .box.active .note { margin: 20px 30px 0 30px; padding: 28px 0; }
.join-wrapper .join-list .note p { font-size: 14px; }
.join-wrapper .join-list .box.active .txt { height: 400px; padding-top: 30px; padding-bottom: 30px; }
.join-wrapper .join-list .tit { padding: 18px 10px 18px 18px; }
.join-wrapper .join-list tr td { padding: 0; }
.join-wrapper .join-list .txt h2 { margin-bottom: 20px; }
.join-wrapper .join-list .box .txt { padding-left: 0; padding-right: 0; margin-left: 30px; margin-right: 30px; }
.join-wrapper .join-list .tit .tit05 { width: 19%; }
.join-wrapper .join-list .box.active .note { margin-top: 0; }
.join-wrapper .join-list .tit .tit02 { padding-left: 0; }
.join-wrapper .join-list .tit .tit04 { padding-left: 30px; }
.join-wrapper .join-list tr .tit05 { padding-left: 18px; }
.join-wrapper .join-list .tit .tit05 { padding-left: 15px; }
.join-wrapper .join-list tr:nth-of-type(odd) { background: #edf9ff; }
.page-case-list .box a:hover .con .tit { border-color: #016cce; }
.page-case-list { padding-bottom: 40px; }
.case-wrap .case-list, .news-wrap .case-list, .case-wrap .news-list, .news-wrap .news-list { padding-bottom: 0; }
.case-list .swiper-pagination, .news-list .swiper-pagination { margin-top: 40px; background: rgba(255, 255, 255, 0.3); }
.page-prod-txt { margin-top: 30px; }
.page-prod-txt .tit { font-size: 24px; }
.page-prod-txt .txt { margin-top: 15px; }
.page-prod02 { margin-top: 55px; text-align: left; }
.page-prod02 .con { position: absolute; left: 0; top: 0; bottom: 0; width: 300px; background: rgba(1, 108, 206, 0.8); padding: 60px 50px 50px 50px; }
.page-prod02 .con .tit { font-size: 24px; }
.page-prod02 .con .tit:after { width: 46px; margin-top: 18px; }
.page-prod02 .con .txt { margin-top: 25px; line-height: 30px; max-height: 65%; overflow-y: auto; }
.page-prod02 .swiper-pagination { width: 300px; }
.page-prod02 .swiper-button-prev { left: 50px; top: auto; bottom: 30px; }
.page-prod02 .swiper-button-next { left: 225px; top: auto; bottom: 30px; }
.page-prod02 .swiper-pagination { bottom: 33px; }
.tit02 h2 { font-size: 24px; }
.tit02 h2:after { width: 46px; margin-top: 15px; }
.page-prod-procedure { margin-top: 60px; padding: 60px 50px; padding-bottom: 90px; background: url(../images/procedure-bg.jpg) no-repeat center; background-size: cover; }
.page-prod-procedure .list { margin-top: 80px; position: relative; }
.page-prod-procedure .list .con { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; overflow: visible; }
.page-prod-procedure .list .con .box { width: auto; position: absolute; margin: 0; float: none; }
.page-prod-procedure .list .con .box .icon { width: 76px; }
.page-prod-procedure .list .con .box1 { left: 0; }
.page-prod-procedure .list .con .box2 { left: 25.4%; }
.page-prod-procedure .list .con .box3 { right: 36.4%; }
.page-prod-procedure .list .con .box4 { right: 10.4%; }
.page-prod-procedure .list .con .box5 { right: -38px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.page-prod-procedure .list .con .box6 { right: 10.4%; }
.page-prod-procedure .list .con .box7 { right: 36.4%; }
.page-prod-procedure .list .con .box8 { left: 25.4%; }
.page-prod-procedure .list .con .box9 { left: 0; }
.page-prod-procedure .list .con .box1 { top: -38px; }
.page-prod-procedure .list .con .box2 { top: -38px; }
.page-prod-procedure .list .con .box3 { top: -38px; }
.page-prod-procedure .list .con .box4 { top: -38px; }
.page-prod-procedure .list .con .box6 { bottom: -60px; }
.page-prod-procedure .list .con .box7 { bottom: -60px; }
.page-prod-procedure .list .con .box8 { bottom: -60px; }
.page-prod-procedure .list .con .box9 { bottom: -60px; }
.page-prod-procedure .img-line { display: block; }
.page-prod-procedure .img-line img { width: 100%; }
.page-prod-procedure .con .box .tit { font-size: 16px; font-weight: 500; }
.relative-case { margin-top: 60px; }
.relative-case .swiper-pagination { background: rgba(1, 108, 206, 0.1); }
.relative-case .case-list, .relative-case .news-list { margin-top: 30px; padding-bottom: 0; }
.relative-case .case-list .box, .relative-case .news-list .box { margin-bottom: 0; }
.turn-page { overflow: hidden; }
.turn-page a:hover { color: #016cce; }
.turn-page .turn-l { width: 48%; float: left; }
.turn-page .turn-r { width: 48%; float: right; text-align: right; }
.turn-page { margin-top: 30px; }
.turn-page { border-color: #e5e5e5; padding-top: 40px; }
.text-title { margin-bottom: 20px; }
.text-title h1 { font-size: 24px; }
.text-title p { margin-top: 15px; }
.main.show { padding-left: 25px; padding-right: 25px; padding-top: 25px; padding-bottom: 30px; }
.page-prod01 .swiper-button-prev:hover, .page-prod02 .swiper-button-prev:hover { background-position: -60px -10px; }
.page-prod01 .swiper-button-next:hover, .page-prod02 .swiper-button-next:hover { background-position: -60px -10px; }
.case-det .con .tit { font-size: 24px; max-height: 54px; overflow: hidden; }
.case-det .con .tit:after { width: 50px; margin-top: 15px; }
.case-det .con .txt { line-height: 30px; max-height: 210px; }
.case-imgs { margin-top: 60px; }
.case-imgs .list { margin-top: 30px; }
.case-imgs .list .tit { line-height: 60px; font-size: 24px; }
.case-video { margin-top: 60px; }
.case-video .list { margin-top: 30px; }
.case-video .list .con .tit { line-height: 60px; }
.case-video .list a:hover .img:after { display: none; }
.case-video .list a:hover .con .tit { color: #016cce; }
.detail-box .about-wrap { background: none; padding-bottom: 0; }
.detail-box .about-wrap .about-r { margin-top: 0; }
.detail-box .about-wrap .about-l .con .txt { max-height: none; }
.page-contact .cont-r .btns .item01 .toggle:hover { background-position: -85px 0; }
.page-contact .cont-r .btns .item02 .toggle:hover { background-position: -147px 0; }
.page-contact .cont-r .btns .item03 .toggle:hover { background-position: -25px 0; }
.page-contact .cont-r .kefu a:hover { color: #016cce; }
.page-contact .cont-r .btns .item02:hover .big { display: block; }
.page-contact .cont-r .btns .item02 .big { left: -75px; }
.page-contact .cont-r { padding-top: 40px; }
.page-message .tit { font-size: 24px; padding-bottom: 40px; }
.page-message .message-form { margin-top: 50px; }
.page-message .message-form .txt textarea { height: 200px; border: 0; font-size: 16px; padding-top: 20px; }
.page-message .message-form .form-group.inline input { height: 60px; border: 0; font-size: 16px; }
.page-message .message-form .sub-btn { margin-top: 60px; }
.page-message .message-form .txt { margin-top: 40px; }
.page-message .message-form .form-group.inline input { margin-bottom: 0; }
.page-message .message-form .sub-btn input { width: 200px; height: 60px; font-size: 24px; }
#nav-menu > ul > li .sec-menu { position: absolute; padding: 0; background: #ffffff; z-index: 1; font-size: 14px; width: 100%; }
#nav-menu > ul > li .sec-menu li a { padding: 0 5px; text-align: center; }
#nav-menu > ul > li .sec-menu li a:hover { color: #016cce; }
#nav-menu > ul > li:hover .sec-menu { display: block; }
#nav-menu > ul > li > a { padding-bottom: 50px; }
.top-wrap .header { height: 100%; }
.solution-wrap .solution-list .swiper-slide .list a:hover .gray { display: none; }
.solution-wrap .solution-list .swiper-slide .list a:hover .blue { display: inline-block; }
.page-prod-procedure .con .box.box5 .tit { position: absolute; white-space: normal; width: 116px; max-width: none; bottom: 20px; margin: auto; margin-left: -120px; height: 20px; }
.case-list .box a .img, .news-list .box a .img, .page-employee-list .box a .img { overflow: hidden; }
.case-list .box a .img img, .news-list .box a .img img, .page-employee-list .box a .img img { transition: all linear .4s; }
.case-list .box a:hover .img img, .news-list .box a:hover .img img, .page-employee-list .box a:hover .img img { transform: scale(1.1); }
.page-prod-procedure .con .box .tit { font-size: 14px; }
.page-prod-procedure .con .box.box5 .tit { width: 94px; margin-left: -9px; bottom: -29px; }
.f-logo { display: block; }
.f-qr { margin-left: 5%; }
.page-prod01 .swiper-pagination, .page-prod02 .swiper-pagination { font-size: 0; line-height: 22px; bottom: 20px; }
.page-prod02 .swiper-pagination { font-size: 14px; bottom: 33px; }
}
 @media screen and (min-width: 1200px) {
.container { width: 1200px; padding: 0; }
#nav-menu > ul > li > a { padding: 0 20px; }
.about-wrap .about-l .con .txt { line-height: 36px; max-height: 180px; }
.about-wrap .about-l .con { margin-top: 170px; }
.about-wrap .about-l .con .tit:after { margin-top: 20px; }
.about-wrap .about-l .con .more { margin-top: 40px; }
.solution-wrap .solution-list .swiper-slide .cate-title { line-height: 58px; margin-top: 0; padding-bottom: 0; }
.solution-wrap .solution-list .swiper-slide .list a { line-height: 80px; }
.solution-wrap .solution-list .swiper-slide .list a:before { height: 40px; width: 50px; }
.solution-wrap .solution-list .swiper-slide .list a { padding-left: 60px; }
.solution-wrap .solution-list .box01 .list .item01:before { background-position: -8px -10px; background-size: auto; }
.solution-wrap .solution-list .box01 .list .item01:hover:before { background-position: -68px -10px; }
.solution-wrap .solution-list .box01 .list .item02:before { background-position: -8px -10px; background-size: auto; }
.solution-wrap .solution-list .box01 .list .item02:hover:before { background-position: -68px -10px; }
.solution-wrap .solution-list .box01 .list .item03:before { background-position: -8px -10px; background-size: auto; }
.solution-wrap .solution-list .box01 .list .item03:hover:before { background-position: -68px -10px; }
.solution-wrap .solution-list .box01 .list .item04:before { background-position: -8px -10px; background-size: auto; }
.solution-wrap .solution-list .box01 .list .item04:hover:before { background-position: -68px -10px; }
.solution-wrap .solution-list .box02 .list .item01:before { background-position: -8px -10px; background-size: auto; }
.solution-wrap .solution-list .box02 .list .item01:hover:before { background-position: -68px -10px; }
.solution-wrap .solution-list .box02 .list .item02:before { background-position: -8px -10px; background-size: auto; }
.solution-wrap .solution-list .box02 .list .item02:hover:before { background-position: -68px -10px; }
.solution-wrap .solution-list .box02 .list .item03:before { background-position: -8px -10px; background-size: auto; }
.solution-wrap .solution-list .box02 .list .item03:hover:before { background-position: -68px -10px; }
.solution-wrap .solution-list .box02 .list .item04:before { background-position: -8px -10px; background-size: auto; }
.solution-wrap .solution-list .box02 .list .item04:hover:before { background-position: -68px -10px; }
.solution-wrap .solution-list .box03 .list .item01:before { background-position: -8px -10px; background-size: auto; }
.solution-wrap .solution-list .box03 .list .item01:hover:before { background-position: -68px -10px; }
.solution-wrap .solution-list .box03 .list .item02:before { background-position: -8px -10px; background-size: auto; }
.solution-wrap .solution-list .box03 .list .item02:hover:before { background-position: -68px -10px; }
.solution-wrap .solution-list .box03 .list .item03:before { background-position: -8px -10px; background-size: auto; }
.solution-wrap .solution-list .box03 .list .item03:hover:before { background-position: -68px -10px; }
.solution-wrap .solution-list .box03 .list .item04:before { background-position: -8px -10px; background-size: auto; }
.solution-wrap .solution-list .box03 .list .item04:hover:before { background-position: -68px -10px; }
.solution-wrap .solution-list .box04 .list .item01:before { background-position: -8px -10px; background-size: auto; }
.solution-wrap .solution-list .box04 .list .item01:hover:before { background-position: -68px -10px; }
.solution-wrap .solution-list .box04 .list .item02:before { background-position: -8px -10px; background-size: auto; }
.solution-wrap .solution-list .box04 .list .item02:hover:before { background-position: -68px -10px; }
.solution-wrap .solution-list .box04 .list .item03:before { background-position: -8px -10px; background-size: auto; }
.solution-wrap .solution-list .box04 .list .item03:hover:before { background-position: -68px -10px; }
.solution-wrap .solution-list .box04 .list .item04:before { background-position: -8px -10px; background-size: auto; }
.solution-wrap .solution-list .box04 .list .item04:hover:before { background-position: -68px -10px; }
.solution-wrap .solution-list .box01 .list .item01:hover:before { background-position: -72px -10px; }
.solution-wrap .solution-list .box02 .list .item02:hover:before { background-position: -78px -10px; }
.solution-wrap .solution-list .box02 .list .item03:hover:before { background-position: -73px -10px; }
.news-wrap .news { height: 660px; padding-bottom: 0; background: url(../images/news-bg.png) no-repeat center; }
.news-list .box .con .txt { line-height: 30px; height: 60px; }
.news-list .box .con .time { margin-top: 21px; }
.f-menu { padding-bottom: 30px; }
.f-menu a { margin: 0 3%; }
.f-footer .list .item { line-height: 36px; background-position: left 7px; }
.f-link { padding-top: 30px; }
.f-link a { height: 20px; line-height: 20px; }
.f-link a:after { margin-left: 18px; margin-right: 5px; }
.copyright { margin-top: 28px; }
.solution-wrap .swiper-button-next, .solution-wrap .swiper-button-prev { top: 20%; }
.main-crumbs { padding-bottom: 15px; }
.page-honor-list { margin-left: -26px; }
.page-honor-list li { width: 280px; margin-left: 26px; margin-right: 0; }
.page-honor-list li .img { padding-top: 390px; }
.page-employee-list .box { width: 600px; padding-bottom: 50px; padding-top: 50px; margin: 0; border-bottom: 1px solid #eaeaea; }
.page-employee-list .box01, .page-employee-list .box02 { padding-top: 0; }
.page-employee-list .box01, .page-employee-list .box03, .page-employee-list .box05 { padding-right: 50px; border-right: 1px solid #eaeaea; }
.page-employee-list .box02, .page-employee-list .box04, .page-employee-list .box06 { padding-left: 50px; }
.page-employee-list .box05, .page-employee-list .box06 { border-bottom: 0; }
.page-employee-list .box .tit { margin-top: 28px; }
.page-employee-list { margin-bottom: 50px; }
.page-news-list { margin-left: -45px; }
.page-news-list .box { width: 370px; margin-right: 0; margin-left: 45px; margin-bottom: 40px; }
.page-news-list .box .con { margin-top: 30px; }
.page-news-list .box .con .txt { margin-top: 20px; }
.page-news-list .box { margin-bottom: 60px; }
.main { overflow: hidden; }
.page-news-list { padding: 50px; padding-bottom: 0; position: relative; background: #eff5f8; }
.page-news-list:before, .page-news-list:after { content: ''; display: block; height: 40px; background: url(../images/page-news1.png) no-repeat center; position: absolute; left: 0; right: -40px; top: 0; }
.page-news-list:after { background-image: url(../images/page-news2.png); top: auto; bottom: 0; }
.page-news-list .box { width: 340px; margin-left: 40px; }
.page-news-list { margin-left: -40px; margin-bottom: 60px; }
.join-wrapper .join-list .box.active .txt { height: 414px; }
.join-wrapper .join-list .box.active .tit { background: #b4e1f7; color: #333333; }
.join-wrapper .join-list .txt p { font-size: 16px; line-height: 30px; }
.page-banner { height: 450px; }
.page-case-list { margin-left: -45px; padding-bottom: 20px; }
.page-case-list .box { width: 370px; margin-left: 45px; margin-bottom: 50px; margin-right: 0; }
.page-case-list .box .con .tit { line-height: 59px; }
.page-prod01 .swiper-wrapper, .page-prod02 .swiper-wrapper { margin-bottom: 0; }
.page-prod01 .swiper-pagination, .page-prod02 .swiper-pagination { line-height: 30px; bottom: 60px; }
.page-prod01 .swiper-pagination .swiper-pagination-bullet, .page-prod02 .swiper-pagination .swiper-pagination-bullet { margin: 0 12px; width: 14px; height: 14px; border-color: #016cce; opacity: .4; }
.page-prod01 .swiper-pagination .swiper-pagination-bullet-active, .page-prod02 .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; }
.page-prod01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .page-prod02 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 14px; height: 14px; }
.page-prod02 { height: 500px; overflow: hidden; }
.page-prod-procedure .list { padding-left: 50px; padding-right: 50px; }
.page-prod-procedure .list .con .box .icon { width: 100px; }
.page-prod-procedure .list .con .box1 { top: -50px; }
.page-prod-procedure .list .con .box2 { top: -50px; }
.page-prod-procedure .list .con .box3 { top: -50px; }
.page-prod-procedure .list .con .box4 { top: -50px; }
.page-prod-procedure .list .con .box6 { bottom: -88px; }
.page-prod-procedure .list .con .box7 { bottom: -88px; }
.page-prod-procedure .list .con .box8 { bottom: -88px; }
.page-prod-procedure .list .con .box9 { bottom: -88px; }
.page-prod-procedure .list .con .box5 { right: -33px; }
.page-prod-procedure .con .box .tit { font-size: 16px; margin-top: 20px; }
.page-prod-procedure .list .con .box4, .page-prod-procedure .list .con .box6 { right: 140px; }
.page-prod-procedure .list .con .box2 { left: 250px; }
.page-prod-procedure .list .con .box3 { right: 414px; }
.page-prod-procedure .con .box.box5 .tit { width: 102px; margin-left: 5px; height: auto; }
.page-prod-procedure .list .con .box2 { left: 262px; }
.page-prod-procedure { padding-bottom: 170px; }
.turn-page { margin-top: 50px; }
.text-title { margin-top: 0; margin-bottom: 40px; padding-bottom: 25px; }
.text-title h1 { margin-bottom: 20px; }
.text-title p { margin-top: 10px; }
.detail-box { line-height: 30px; }
.main.show { margin-top: 60px; padding-left: 50px; padding-right: 50px; padding-top: 60px; position: relative; }
.main.show:before { content: ''; width: 60px; height: 40px; background: url(../images/show-title.jpg) no-repeat center; display: block; position: absolute; top: 0; right: 0; }
.main.show:after { content: ''; width: 59px; height: 40px; background: url(../images/show-detail.jpg) no-repeat; position: absolute; left: 0; bottom: 0; }
.case-det .con { margin-top: 26px; }
.case-det .con .tit:after { margin-top: 17px; }
.case-det .con .txt { margin-top: 25px; }
.case-imgs .list .swiper-pagination, .case-video .list .swiper-pagination { line-height: 30px; margin-top: 30px; }
.page-contact { margin-top: 33px; }
.page-contact .map { width: 660px; height: 450px; }
.page-contact .cont-r { padding: 50px 50px; }
.page-contact .cont-r .tit h2 { margin-bottom: 5px; }
.page-contact .cont-r .tit p { margin-bottom: 30px; }
.page-contact .cont-r .txt p span { color: #666666; }
.page-contact .cont-r .bshare-custom { margin-top: 40px; }
.page-contact .cont-r .btns .item { margin-right: 40px; }
.page-contact .cont-r .tit h2 { color: #333333; font-weight: 500; }
.page-contact .cont-r { padding-top: 100px; }
.page-contact .cont-r .tit h2 { font-size: 20px; }
.page-contact .cont-r .txt p { margin-bottom: 12px; }
.page-contact .cont-r { padding: 50px 40px; padding-top: 100px; }
.page-contact .map { height: 470px; max-height: 470px; }
.page-message { margin-top: 0; }
#nav-menu > ul > li > a { padding-bottom: 50px; }
#nav-menu .sec-menu li { line-height: 35px; }
.solution-wrap .solution-list .swiper-slide .list a { padding-left: 0; }
.solution-wrap .solution-list .swiper-slide .list a img { width: 40px; height: 40px; }
.relative-case .case-list, .relative-case .news-list { margin-left: 0; }
.page-prod02 .swiper-pagination { font-size: 16px; }
}