body { font-family: 'Microsoft YaHei', "Open Sans", sans-serif; font-size: 14px; color: #05090e; min-width: 1250px; }
input,
select,
textarea { font-family: 微软雅黑, "Open Sans", sans-serif; font-size: 1em; }
input[type="button"],
input[type="submit"],
input[type="reset"] { -webkit-appearance: none; }
ul:after { content: ''; display: block; clear: both; }
textarea { -webkit-appearance: none; }
.wrap { width: 1200px; margin: 0 auto; position: relative; }
a,
a:link { text-decoration: none; color: #000; }
a:hover,
.on > a { color: #0072BB; }
* { box-sizing: border-box; }
.drop { transition: all 0s; }
.flex { display: flex; }
.flex.center { align-items: center; }
.flex1 { flex: 1; width: 0; }
.header { position: absolute; top: 0; left: 0; min-width: 1200px; left: 0; top: 0; z-index: 100; width: 100%; background: #010a1f; }
.header .wrap { height: 80px; }
.header .logo { display: flex; align-items: center; }
.header .logo .logo_txt { margin-left: 10px; padding: 10px; border-left: 1px solid #4e5463 }
.header .login { margin-left: 30px; }
.header .login a { display: block; color: #fff; font-size: 16px; padding-left: 23px; float:left; }
.header  .back {background: url(../img/icon25.png) no-repeat left center; }
.header .login a:hover { color: #007AFF }
.menu { text-align: right; }
.menu > ul > li { display: inline-block; margin-left: 34px; line-height: 80px; }
.menu h3 a { font-weight: normal; color: #fff; font-size: 16px; position: relative; display: block; }
.menu li:hover .drop { display: block; }
.menu .drop { position: fixed; top: 80px; display: none; line-height: 30px; left: 0; width: 100%; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2); overflow: hidden; }
.menu .drop .item { flex: 1; text-align: left; border-left: 1px solid #dee0e5; padding: 40px 0; padding-left: 40px; }
.menu .drop.on .wrap { transform: translateY(0px); opacity: 1; }
.menu .drop .wrap { transform: translateY(10px); opacity: 0; }
.menu .drop2 .item { padding: 20px; text-align: center; font-size: 16px; }
.menu .drop2 .item a { color: #05090e; display: inline-block; position: relative; }
.menu .drop2 .item a:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; width: 0%; margin: 0 auto; height: 2px; background: #007AFF; }
.menu .drop2 .item a:hover:after { width: 100%; }
.menu .drop .item:first-child { padding-left: 0; border-left: 0; }
.menu .drop .wrap { height: auto; }
.menu .drop h3 { display: inline-block; font-size: 18px; color: #05090e; padding-right: 20px; background: url(../img/icon24.png) no-repeat right center; margin-bottom: 10px; }
.menu .drop a { display: block; line-height: 36px; color: #808082; }
.menu .drop a:hover { color: #007AFF; }
.menu .drop .item:hover h3 { color: #007AFF; background-image: url(../img/icon24-1.png); }
.menu h3 a:after { content: ''; display: block; width: 0px; height: 2px; background: #007AFF; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 20px; }
.menu li.on h3 a { color: #007AFF; font-weight: bold; }
.menu li.on h3 a:after { width: 25px; }
.menu h3 .icon { display: inline-block; vertical-align: middle; width: 11px; height: 6px; background: url(../img/icon1.png) no-repeat center center; margin-left: 5px; margin-bottom: 3px; }
.menu li:hover h3 a { color: #007AFF; }
.menu li:hover h3 .icon{ transform: rotate(180deg); background-image: url(../img/icon1-1.png); }
.menu li.on h3 .icon { background-image: url(../img/icon1-1.png); }
.swiper * { transition: all 0s; }
.swiper-slide .box { padding: 80px 0 120px; height: 600px; background-position: center center; background-size: cover; }
.btn_more { font-size: 16px; display: block; width: 150px; line-height: 48px; text-align: center; background: #0071ef; color: #fff; }
.btn_more:hover { background: #1483ff; color: #fff; }
.swiper1 .box { display: flex; justify-content: center; flex-direction: column; color: #fff; }
.swiper1 .box h2 { font-size: 36px; font-weight: 100; margin-bottom: 40px; }
.swiper1 .box p { line-height: 26px; font-size: 16px; opacity: .5; max-width: 370px; margin-bottom: 30px; }
.swiper_list { position: absolute; bottom: 0; left: 0; width: 100%; min-width: 1200px; z-index: 10; backdrop-filter: blur(10px); filter: blur(10); background: rgba(255, 255, 255, 0.12); }
.swiper_list li { cursor: pointer; padding: 25px 35px; flex: 1; align-items: center; font-size: 16px; color: #fff; border-left: 1px solid rgba(255,255,255,0.12) }
.swiper_list ul { border-right: 1px solid rgba(255,255,255,0.12) }
.swiper_list a { color: #fff; display: block; position: relative; }
.swiper_list h3 { font-size: 18px; font-weight: bold; }
.swiper_list p { opacity: .5; margin: 10px 0 }
.swiper_list .more { font-size: 12px; display: inline-block; padding-right: 20px; background: url(../img/more.png) no-repeat right center }
.swiper_list .icon { position: absolute; right: 0px; top: 50%; margin-top: -41px; }
.swiper_list li:hover { background: url(../img/bg7.png) no-repeat left center #0071ef; }
.swiper_list li:hover p { opacity: 1; }

.swiper_list ul { display: flex; }
.swiper1 .swiper-pagination { bottom: 150px; }
.swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 10px; margin-right: 7px; background: #fff; opacity: 0.3; }
.swiper1 .swiper-pagination-bullet-active { background: #0071ef; }
.swiper-pagination-bullet-active { opacity: 1; background: #fff; width: 20px; }
.page_search { padding: 50px 0; background: url(../img/bg2.jpg); border-bottom: 1px solid #e6e9ee; }
.page_search .search { width: 50%; margin-right: 30px; }
.search { display: flex; height: 48px; line-height: 48px; border: 2px solid #0071ef; background: #f2f5fa; padding-left: 16px; }
.search input { flex: 1; border: 0; background: none; }
.search .btn { width: 88px; cursor: pointer; margin: -2px; background: #0071ef; text-align: center; color: #fff; border: 0; font-size: 18px; }
.search .btn:hover { background: #1483FF; }
.hot_list li { display: inline-block; margin-right: 10px; }
.hot_list li a { color: #808082; }
.hot_list li.on a,
.hot_list li a:hover { color: #0071EF; font-weight: bold; }
.search_txt h3 { font-size: 20px; display: flex; align-items: center; margin-bottom: 15px; }
.search_txt h3:before { content: ''; display: inline-block; width: 4px; height: 18px; border-radius: 2px; background: #0071ef; margin-right: 10px;; }
.page_tit { position: relative; margin-bottom: 40px; color: #05090e; }
.page_tit.center { text-align: center; }
.page { padding: 100px 0; }
.page1 { padding-top: 60px; background: #f2f5fa; }
.page_tit h3 { font-size: 36px; line-height: 48px; position: relative; z-index: 1; }
.page_tit.tit1 h3:before { content: ''; display: block; width: 42px; height: 39px; background: url(../img/icon6.png) no-repeat center center; position: absolute; z-index: -1; top: -10px; left: -20px; }
.page_tit.center p { margin:0 auto; margin-top:10px;}
.page_tit p { margin-top: 20px; line-height: 24px; opacity: .6; max-width: 470px; }
.page_tit.tit_fff { color: #fff; }
.page_tit.tit_fff li a { color: #bbbcbd; }
.tit_tag { position: absolute; bottom: 0; right: 0; z-index: 2; }
.tit_tag li { display: inline-block; margin-left: 35px; font-size: 16px; line-height: 40px; }
.tit_tag a { display: block; color: #808082; border-bottom: 2px solid transparent; }
.tit_tag li.on a { border-bottom-color: #007AFF; }
.tit_tag li.on a,
.tit_tag a:hover { color: #007AFF; font-weight: bold; }
.page_list1 li { width: 25%; float: left; }
.page_list2 > ul > li:hover, .page_list1 > ul > li:hover { transform: translateY(-10px); }
.page_list1 li:nth-child(4n+1) { clear: both; }
.page_list1 .box { margin: 12px 13px; background: #fff; padding: 0 24px; padding-bottom: 20px; border-radius: 10px; box-shadow: 0 5px 10px rgba(1, 19, 39, 0.08); }
.page_list1 .tit { height: 70px; display: flex; align-items: center; border-bottom: 1px solid #f0f1f1; }
.page_list1 ul { margin: -13px; }
.page_list1 .list { margin: 14px 0; height: 90px; color: #808082; line-height: 30px; }
.page_list1 .list li { width: 50%; }
.page_list1 .tit h3 { margin-left: 15px; font-size: 18px; }
.page_list1 .list a { color: #808082; display: flex; align-items: center; }
.page_list1 .list a:before { content: ''; display: block; width: 4px; height: 4px; background: #adb1b5; margin-right: 6px; }
a.more { display: inline-block; padding-right: 15px; background: url(../img/icon15.png) no-repeat right center; color: #0071ef; }
a.more:hover { padding-right: 20px; }
.page_list1 .more { margin-left: 10px; margin-top: 10px; }
.page_list2 li { width: 25%; float: left; }
.page_list2 a { display: block; margin: 12px 13px; background: #e6e9ef; border-radius: 10px; overflow: hidden; }
.page_list2 ul { margin: -12px -13px; }
.page_list2 .img { height: 176px; display: flex; align-items: center; justify-content: center; }
.page_list2 p { height: 56px; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px; }
.page_tag_item .item { display: none; }
.page2 { background: url(../img/bg3.jpg) no-repeat center center; background-size: cover; }
.page2_swiper { display: flex; border-radius: 10px; overflow: hidden; align-items: center; background: rgba(15, 18, 25, 0.4); }
.swiper_lt { width: 280px; background: rgba(15, 18, 25, 0.5); padding: 12px; }
.swiper_lt li { font-size: 16px; line-height: 52px; padding-left: 25px; border-radius: 10px; }
.swiper_lt li.on,
.swiper_lt li:hover { background: #0071ef; }
.swiper_lt li.more:hover { background: none; }
.swiper_lt li a { color: #fff; display: block; }
.swiper_lt li a.more { color: #007AFF; display: inline-block; }
.page2_swiper .flex1 { }
.page2_swiper .box { width: 780px; margin: 0 auto; color: #fff; }
.page2_swiper .box .tit { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.page2_swiper h3 { font-size: 22px; }
.page2_swiper .box .text { line-height: 26px; height: 52px; overflow: hidden; margin-bottom: 15px; }
.swiper2 .swiper-slide { border-radius: 10px; overflow: hidden; margin-bottom: 40px; }
.swiper2 { margin-bottom: -20px; }
.swiper3_box { width: 50%; float: right; position: relative; z-index: 4; }
.swiper3_box:after { position: absolute; width: 33px; height: 470px; background: url(../img/bg4.png) no-repeat center center; top: 0; right: 100%; content: ''; z-index: 3; }
.swiper3 .img { height: 470px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.swiper3_main { position: relative; }
.swiper3_text { position: absolute; height: 430px; width: 100%; background: #0876f1 url(../img/bg5.jpg) no-repeat left center; top: 50%; margin-top: -215px; z-index: 2; }
.swiper3_text .swiper4 { width: 495px; margin-left: 0; }
.swiper3_text .swiper4 .text { height: 430px; display: flex; flex-direction: column; justify-content: center; color: #fff; }
.swiper3_text h3 { font-size: 28px; margin-bottom: 20px; }
.swiper3_text p { line-height: 28px; opacity: .8; height: 130px; }
.swiper3_text .btns { width: 100%; display: flex; align-items: center; }
.swiper3_text .btns a { display: block;; width: 142px; height: 46px; line-height: 46px; border: 1px solid #fff; font-size: 16px; text-align: center; color: #fff; border-radius: 5px; }
.swiper3_text .cur { flex: 1; text-align: right; font-size: 20px; }
.swiper3_text .cur span { display: inline-block; width: 28px; height: 28px; border-radius: 100%; background-position: center center; background-repeat: no-repeat; background-color: rgba(255, 255, 255, 0.2); vertical-align: middle; cursor: pointer; }
.swiper3_text .cur span:hover { background-color: rgba(255, 255, 255, 0.5); }
.swiper3_text .cur span.prev { background-image: url(../img/icon16.png); }
.swiper3_text .cur span.next { background-image: url(../img/icon17.png); }
.swiper3_text .cur label { display: inline-block;; vertical-align: middle; margin: 0 10px; }
.page_tit .span_tit { position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 100px; opacity: 0.04; }
.page_list3 ul { display: flex; }
.page_list3 li { flex: 1; margin-left: 27px; border: 1px solid #eff1f4; background: linear-gradient(to bottom, #f8fbff, #fff); text-align: center; height: 350px; border-radius: 10px; padding: 20px; }
.page_list3 li:hover { transform: translateY(-10px); }
.page_list3 li:first-child { margin-left: 0; }
.page_list3 h3 { font-size: 24px; font-weight: bold; margin-top: 20px;; }
/*.page_list3 p { font-size: 16px; line-height: 32px; max-width: 250px; margin: 0 auto; }*/
.page_list3 p { font-size: 14px; line-height: 32px; max-width: 350px; margin: 0 auto; }
.page_list3 .img { height: 196px; display: flex; align-items: center; justify-content: center; }
.news_list { display: flex; }
.news_list .news { display: block; width: 380px; margin-right: 26px; border-radius: 10px; overflow: hidden; background-color: #fff; background-repeat: no-repeat; background-position: right bottom; border: 1px solid #e6eaf1; }
.news_list .news .text { padding: 15px 20px 30px; color: #9a9a9f; }
.news_list .news h3 { color: #18191B; line-height: 30px; font-size: 18px; height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 10px; }
.news_list .news p { line-height: 22px; color: #a6a6a9; height: 44px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 30px; }
.news_list li { background-color: #fff; border: 1px solid #e6eaf1; border-radius: 10px; padding: 26px 0; margin-bottom: 20px; background-repeat: no-repeat; background-position: right center; }
.news_list li:hover,
.news_list .news:hover { background-image: url(../img/icon18.png); background-color: #0071ee; box-shadow: 0 10px 20px rgba(3, 45, 92, 0.39); border-color: transparent }
.news_list .news:hover .text p,
.news_list .news:hover .date,
.news_list .news:hover .date span,
.news_list .news:hover .text h3,
.news_list li:hover .text p,
.news_list li:hover .date,
.news_list li:hover .date span,
.news_list li:hover .text h3 { color: #fff; }
.news_list li:last-child { margin-bottom: 0; }
.news_list li a { display: flex; align-items: center; }
.news_list ul { flex: 1; }
.news_list li .text { padding-right: 50px; flex: 1; padding-left: 30px; }
.news_list li .date { width: 116px; text-align: center; color: #b1b4b9; border-right: 1px solid #ddd; }
.news_list li .date span { color: #b1b4b9; display: block;; font-size: 48px; margin-bottom: 5px; }
.news_list li .text h3 { margin-bottom: 10px; font-size: 18px; color: #18191B; }
.news_list li .text p { color: #a6a6a9; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 22px; }
.page3 { background: url(../img/bg6.jpg) no-repeat center center; background-size: cover; padding: 0; }
.page3 .wrap { text-align: center; padding: 75px 0 35px }
.page3 h3 { font-size: 36px; color: #fff; }
.page3 .list { display: flex; margin: 40px 0 20px; }
.page3 .list li { flex: 1; text-align: left; }
.page3 .list li a { display: block; padding-top: 30px; padding-left: 30px; border: 1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.1); height: 127px; position: relative; z-index: 2 }
.page3 .list li h4 { font-size: 18px; margin-bottom: 1em; color: #fff; }
.page3 .list li:nth-child(2n+1) a { background: rgba(255,255,255,0.2); }
.page3 .list li a:hover { background: linear-gradient(to right,#0071ee,#2ec5fe); border: 0; z-index: 3; box-shadow: 0 0 30px rgba(6,26,71,0.16) }
.page3 p { color: #fff; font-size: 16px; }
.page3 .list2 li { display: inline-block;; line-height: 40px; margin-left: 25px; margin-top: 20px; }
.page3 li:first-child { margin-left: 0; }
.page3 .list2 li h3 { padding-left: 40px; background-position: left center; background-repeat: no-repeat; font-size: 36px; color: #fff; }
.page3 .list2 li h3.tel1 { background-image: url(../img/icon19.png); }
.page3 .list2 li h3.tel2 { background-image: url(../img/icon20.png); }
.page3 .btn { margin: 0 auto; margin-top: 30px; display: block;; width: 144px; line-height: 48px; text-align: center; color: #007AFF; background: #fff; font-size: 16px; }
.page3 .btn:hover { opacity: 0.8; }
.footer { color: #fff; background: #17181b; }
.footer .wrap.flex { padding: 70px 0; }
.footer .f_nav { flex: 1; }
.f_logo { width: 300px; }
.f_logo .logo { margin-bottom: 35px; }
.f_logo .tel .icon { padding-left: 20px; background: url(../img/icon21.png) no-repeat left center; line-height: 25px; margin-bottom: 15px; }
.f_logo .tel h3 { font-size: 26px; margin-bottom: 20px; }
.icon_ewm { width: 40px; border-radius: 40px; height: 40px; background: url(../img/icon22.png) no-repeat center center rgba(255, 255, 255, 0.1); position: relative; cursor: pointer; }
.icon_ewm .drop { position: absolute; width: 150px; top: 50%; transform: translateY(-50%); left: 100%; margin-left: 15px; display: none; }
.icon_ewm:hover { background-color: rgba(255, 255, 255, 0.2); }
.icon_ewm:hover .drop { display: block; }
.f_nav { margin-left: 40px; }
.f_nav li a { color: #fff; opacity: 0.4; }
.f_nav li a:hover { opacity: 1; }
.f_nav li { margin-bottom: 15px; }
.f_nav h3 { font-size: 18px; padding-bottom: 10px; padding-top: 5px; }
.f_nav ul { margin-right: 30px; }
.address { width: 400px; }
.address h3 { padding-left: 20px; line-height: 30px; background: url(../img/icon23.png) no-repeat left center; }
.address p { opacity: .4; line-height: 32px; }
.f_ewms li { display: inline-block; text-align: center; line-height: 30px; margin-left: 10px; }
.f_ewms li:first-child { margin-left: 0; }
.f_ewms .ewm { padding: 5px; margin-bottom: 5px; border: 1px solid #565759; }
.f_ewms .ewm img { width: 101px; display: block; }
.link_list { padding: 20px 0; line-height: 35px; border-top: 1px solid #2c2d31; display: flex; }
.link_list ul { flex: 1; }
.link_list li { margin-left: 47px; float: left; }
.link_list span { font-size: 16px; }
.link_list a { color: #fff; opacity: .4; }
.link_list a:hover { opacity: 1; }
.foot { background: #000; }
.foot .wrap { display: flex; align-items: center; height: 48px; opacity: .4; }
.foot a { color: #fff; }
.foot p { min-width: 200px; margin-right: 10px; }
.foot p:last-child { margin-right: 0; }



.swiper5 .swiper-slide .box { height: 640px; display: flex; align-items: center; }
.swiper5 h2 { font-size: 36px; font-weight: bold; line-height: 56px; color: #fff; width: 480px; margin-bottom: 20px; }
.swiper5 p { line-height: 30px; font-size: 20px; color: #fff; }
.swiper5 .btn_more { margin-top: 50px; }
.swiper5 .swiper-pagination-bullet-active { background: #007AFF }

.page_main { padding-right: 314px; min-height: 100vh; margin: 30px auto }
.page_rt_side { transition: all 0s; width: 293px; background: linear-gradient(to bottom,rgba(255,255,255,0),#fff); border: 2px solid #0876f1; position: absolute; top: 0; right: 0; border-top: 0 }
.page_rt_side .tit { line-height: 60px; background: #007AFF url(../img/icon31.png) no-repeat right center; padding: 0 15px; font-size: 18px; color: #fff; }
.page_rt_side .tit h3 { display: block; padding-left: 24px; background: url(../img/icon30.png) no-repeat left center }
.page_rt_side .logo { font-size: 16px; text-align: center; padding: 20px 0; border-bottom: 1px solid #e4ebf5 }
.page_rt_side .logo .img { margin: 0 auto; width: 72px; height: 72px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: #fff; margin-bottom: 10px; }
.page_rt_side .text { padding: 20px }
.page_rt_side .text li { display: flex; line-height: 35px; color: #05090e; }
.page_rt_side .text span { width: 5em; text-align: right; color: #5d6064 }
.star i { display: inline-block; margin-right: 5px; width: 15px; height: 14px; background: url(../img/star.png) no-repeat center center }

.page_lt_box { background: #fff; }
.title_tag { line-height: 60px; padding: 0 20px; border-bottom: 1px solid #eaedf1 }
.title_tag li { display: inline-block; font-size: 16px; margin-right: 20px; }
.title_tag li:last-child { margin-right: 0 }
.title_tag li a { position: relative; display: block; }
.title_tag li a:after { content: ''; display: block; position: absolute; bottom: -1px; left: 0; right: 0; width: 0; margin: 0 auto; background: #007AFF; height: 2px; }
.title_tag li:hover a:after, .title_tag li.active a:after { width: 100%; }
.title_tag li:hover a, .title_tag li.active a { color: #0876f1 }
.page_det { padding: 25px; color: #05090e }
.page_det .text { line-height: 28px; }
.page_det .tit { margin: 30px 0 }
.page_det .tit h3 { font-size: 20px; font-weight: bold; margin-bottom: 15px; }
.page_det .img { margin-bottom: 40px; }

.form_box { border-top: 1px solid #eaedf1; padding: 50px 0 }
.form_box .tit { text-align: center; }
.form_box .tit h3 { font-size: 20px; font-weight: bold; margin-bottom: 15px; }
.form_box .tit p { color: #a6a6a9 }
.search_input { width: 618px; height: 52px; border: 2px solid #007AFF; margin: 0 auto; margin-top: 20px; display: flex; line-height: 48px; }
.search_input a { width: 108px; background: #0071ef; text-align: center; font-size: 16px; color: #fff; }
.search_input input { flex: 1; padding: 0 10px; background: none; border: none; }


.page_banner { height: 520px; display: flex; align-items: center; justify-content: center; background-repeat: no-repeat; background-position: center center; background-size: cover; text-align: center; color: #fff; }
.page_banner h2 { font-size: 36px; font-weight: bold; margin-bottom: 20px; }
.page_banner p { font-size: 16px }

.page_solution { padding: 75px 0 }
.sol_title { border-bottom: 1px solid #eceef0 }
.sol_title .tit { display: flex; align-items: center; }
.sol_title h2 { font-size: 36px; font-weight: normal; margin-bottom: 20px; flex: 1; }
.sol_title .title_tag { border-bottom: 0; padding: 0 }
.sol_title .title_tag li { margin-right: 0 }

.sol_title .title_tag ul { display: flex; }
.search2 { width: 380px; height: 42px; line-height: 42px; display: flex; align-items: center; border-radius: 42px; border: 1px solid #e0e3e9; background: #f6f8fc }
.search2 .icon { display: block; width: 42px; height: 42px; background: url(../img/search.png) no-repeat center center }
.search2 input { flex: 1; border: 0; background: none; }
.search2 input::-webkit-input-placeholder { color: #afb2b6 }

.sol_list ul { margin: 10px -12px }
.sol_list li { width: 33.33%; float: left; }
.sol_list li:nth-child(3n+1) { clear: both; }
.sol_list .box { display: block; margin: 12px; border: 1px solid #e5e8eb; padding: 30px; padding-bottom: 20px; border-radius: 8px }
.sol_list .box .logo { height: 45px; }
.sol_list .box .tit h3 { font-size: 18px; color: #05090e; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sol_list .box .tit { margin: 15px 0 }
.sol_list .tip { margin-bottom: 10px }
.sol_list .tip label { display: inline-block; line-height: 26px; border: 1px solid #d0d4d9; color: #808082; padding: 0 10px; }
.sol_list .text { height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px; color: #808082; }
.sol_list .box:hover { border-color: #007AFF; box-shadow: 0 0 20px rgba(1,39,81,0.12) }
.sol_list .box:hover .tit h3 { color: #007AFF }

.page4{padding:65px 0; background:url(../img/bg8.jpg) no-repeat center center; background-size:cover}

.hotyy_list li{width:16.666%; float:left;}
.hotyy_list li:nth-child(6n+1){clear:both;}
.hotyy_list .box{display:block; margin:12px; background:#fff; border-radius:10px;text-align:center;padding:35px 0}
.hotyy_list ul{margin:-12px;}
.hotyy_list p { color: #05090e; font-size:16px; margin-top: 15px; }
.hotyy_list .box:hover { box-shadow: 0 0 20px rgba(1,39,81,0.12) }
.page5{padding:60px 0}

.sol_case_list li{width:33.33%; float:left;}
.sol_case_list ul{margin:-12px}
.sol_case_list .box{display:block; margin:12px;}
.sol_case_list .text { border: 1px solid #e5e8eb ;border-radius:10px;padding:20px 30px; position:relative;padding-bottom:10px;margin-bottom:30px;}
.sol_case_list .text:after{ content:'';display:block; width:24px; height:20px; background:url(../img/icon44.png) no-repeat center center;position:absolute; top:100%; left:0; right:0; margin:0 auto;}
.sol_case_list .txt { line-height: 26px; color: #808082; height: 260px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical; }
.sol_case_list .txt p{ text-align:justify;}
.sol_case_list h3 { color: #05090e; line-height: 34px; font-size: 22px; height: 68px; }
.sol_case_list .tit {margin-bottom:10px; padding-bottom: 10px; border-bottom: 1px solid #e5e8eb; }
.sol_case_list .logo { width: 112px; height: 112px; border-radius: 100%; border: 6px solid #f2f5fa ;margin:0 auto;}
.sol_case_list .box:hover .text:after{background-image:url(../img/icon44-1.png)}
.sol_case_list .box:hover .text { background: #007AFF; box-shadow: 0 0 30px rgba(0,0,0,0.2); border-color: #e5e8eb ;}
.sol_case_list .box:hover .txt p, .sol_case_list .box:hover .tit h3 { color: #fff; }
.sol_case_list .box:hover .tit h3{ font-weight:bold;}
.sol_case_list .box:hover .tit { border-color: rgba(255,255,255,0.2) }
.flex_center{display:flex;align-items:center;}
.page6 { background: #f2f5fa }
.search_fff{background:#fff;}

.logo_list ul{margin:-10px;}
.logo_list li{width:14.28%; float:left;}
.logo_list .box{margin:10px;display:block;text-align:center; background:#fff; border-radius:10px;}
.logo_list .box:hover { box-shadow: 0 0 20px rgba(1,39,81,0.12) }
.logo_list .icon { height: 78px; display: flex; align-items: center; justify-content: center; }
.logo_list  p{padding-bottom:20px;}
.logo_list .icon img{max-width:90%; max-height:90%;}
.logo_where { margin-bottom: 40px; border-bottom: 1px solid #e6e8ed ;padding-bottom:20px;}
.logo_where .item { display: flex; line-height: 32px; margin-bottom: 10px; }
.logo_where .item ul{ flex:1; display:flex;}
.logo_where .item span { font-size: 16px; color: #808082 ;margin-right:10px;}
.logo_where .item ul li{ margin-right:10px;}
.logo_where .item ul li a { color: #05090e; font-size: 16px; display: block; padding: 0 10px;border-radius:5px; }
.logo_where .item ul li:hover a, .logo_where .item ul li.on a { background: #007AFF; color: #fff; }
.page7 { background: url(../img/bg9.jpg) no-repeat bottom center #edf0f6; }
.page7_box { position: relative; z-index: 1; border-radius: 8px; overflow: hidden; background: #fff;margin-bottom:70px; }
.page7_box .list ul{display:flex;padding:38px 0}
.page7_box .list li { flex: 1; border-left: 1px solid #e3e5e8 ;text-align:center;}
.page7_box .list li:first-child{ border-left:0}
.page7_box .list .icon{ height:45px; display:flex; align-items:center;justify-content:center;}
.page7_box .list  p{ line-height:35px;font-size:16px;}
.page7_box .box{background:url(../img/bg10.jpg) no-repeat center center;height:120px;position:relative;display:flex; flex-direction:column; justify-content:center;padding:0 87px;color:#fff; }
.page7_box .box:after { content: ''; display: block; position: absolute; left: 10px; right: 10px; border-radius: 10px; background: #e6f1fe ; top:-10px;height:50px;z-index:-1}
.page7_box .box h3{ font-size:22px;margin-bottom:10px;}
.page7_box .box h3 span{font-weight:bold; padding:0 10px;}
.page7_box .box a{ position:absolute; top:50%; margin-top:-20px; width:114px; height:38px; line-height:38px; border:1px solid #fff; border-radius:40px;display:block; text-align:center; color:#fff;right:87px;font-size:16px;}
.page7_box .box a:hover{ background:#fff; color:#007AFF}

.page7_list li{ width:25%; float:left;}
.page7_list ul{margin:-13px;}
.page7_list .box { display: block; margin: 13px; background:#fff;padding:24px;border-radius:8px;}
.page7_list .box:hover { box-shadow: 0 0 20px rgba(1,39,81,0.12) }
.page7_list .box .logo { height: 50px }
.page7_list .box .text {height:190px; line-height: 26px; color: #5d6064 }
.page7_list .link_box { height: 70px; display: flex; border: 1px solid #e7eaec ;align-items:center;padding:0 11px;border-radius:5px;}
.page7_list .link_box .icon { width: 48px; height: 48px; background-color: #e6f1fe ;background-position:center center; background-repeat:no-repeat;background-image:url(../img/icon49.png);margin-right:15px; border-radius:100%;}
.page7_list .link_box h3 { font-size: 16px; color: #05090e ;margin-bottom:5px;}
.page7_list .link_box p { color: #8b8e91 }
.page7_list .box:hover .link_box{ border-color:#007AFF}
.page7_list .box:hover .link_box .icon{background-color:#007AFF;background-image:url(../img/icon48-1.png)}

.page.on { background: #f2f5fa }
.cy_list li{margin-bottom:28px;}
.cy_list .box { padding: 16px; background: #fff; border-radius: 10px; display: flex }
.cy_list .box:hover, .lc_list .box:hover { box-shadow: 0 0 20px rgba(1,39,81,0.12) }
.cy_list .box > .img { width: 200px; margin-right: 30px; height:244px; }
.cy_list .box .text{ flex:1;position:relative;margin-right:5px;}
.cy_list .box h3 { color: #05090e; font-size:20px; margin-bottom: 10px; line-height: 30px; }
.cy_list .box p { line-height: 22px; height: 44px; color: #5d6064 ;margin-bottom:19px;}
.cy_list .box .imgs .img { display: inline-block; width: 122px; height:142px; border-radius: 3px; border: 1px solid #e7eaec ; overflow:hidden;margin-right:5px;}
.cy_list .box .span_btn { position: absolute; bottom: 5px; right: 0; width: 100px; height: 36px; line-height: 36px; background: #0876f1 ;color:#fff;text-align:center; border-radius:2px;}
.page_padd{padding:68px 0}

.page8_list ul{}
.page8_list li{ width:25%; float:left;}
.page8_list .box {text-align:center; display: block; margin: 13px; border: 1px solid #e1e4e9; background:linear-gradient(to top,#fff,#f9fcff ); border-radius:10px;padding-bottom:25px;}
.page8_list .icon{ height:220px;display:flex; align-items:center; justify-content:center;}
.page8_list  h3{ font-size:22px;margin-bottom:10px;}
.page8_list p { line-height: 22px; color: #5d6064 ; height:44px; }

.lc_list ul{display:flex;}
.lc_list ul li{ flex:1;  margin-left:25px}
.lc_list ul li:first-child{ margin-left:0}
.lc_list .box{text-align:center; display:block; background:#fff; border-radius:8px;padding:30px;}
.lc_list .icon { width: 84px; height: 84px; border-radius: 100%; border: 1px solid #e1e4e9 ;background-color:#fff; background-repeat:no-repeat;background-position:center center;margin:0 auto;}
.lc_list .icon.icon1{ background-image:url(../img/icon54.png);}
.lc_list .icon.icon2 { background-image: url(../img/icon55.png); }
.lc_list .icon.icon3 { background-image: url(../img/icon56.png); }
.lc_list .icon.icon4 { background-image: url(../img/icon57.png); }
.lc_list .icon.icon5 { background-image: url(../img/icon58.png); }
.lc_list .box:hover .icon{ border-color:#007AFF; background-color:#007AFF}
.lc_list .box:hover .icon.icon1 { background-image: url(../img/icon54-1.png); }
.lc_list .box:hover .icon.icon2 { background-image: url(../img/icon55-1.png); }
.lc_list .box:hover .icon.icon3 { background-image: url(../img/icon56-1.png); }
.lc_list .box:hover .icon.icon4 { background-image: url(../img/icon57-1.png); }
.lc_list .box:hover .icon.icon5 { background-image: url(../img/icon58-1.png); }
.lc_list p { color: #05090e; line-height:40px; font-size: 16px; }
.lc_list span { font-size: 60px; color: #f2f5fa ; font-family:Arial;font-weight:bold;}
.fs16{font-size:16px !important}
.page9 { background: url(../img/bg11.jpg) no-repeat center center #fafafa }
.form_list .item{width:50%; float:left; }
.form_list .div_input { height: 51px; align-items: center; display: flex; margin: 14px; background: #fff; border-radius: 5px; border-color: #e3e5e8; font-size: 16px; }
.form_list .div_input.on{ border-color:#007AFF}
.form_list .div_input input { flex: 1; }
.form_list .div_input input::-webkit-input-placeholder { color: #b5b9bf }
.form_list .div_input span { display: block; line-height: 24px; border-right: 1px solid #e3e5e8; min-width: 84px; padding-right: 15px; margin-right: 15px; }
.form_list .div_input span label { color: #ef2c2c;padding-right:5px;}
.form_list { margin: -14px;padding-bottom:30px;margin-bottom:0;}
.form_list:after{ content:'';display:block; clear:both; }
.center .btn_more { margin: 0 auto; }



.main_det{padding-top:80px;}
.main_pos { line-height: 55px; color: #93969a ;}
.main_pos p{ padding-left:20px;background:url(../img/icon59.png) no-repeat left center}
.main_pos a { color: #93969a }
.main_pos a:hover{ color:#007AFF}
.details{ display:flex;padding-top: 20px;}
.details .box{ background:#fff;margin-bottom:20px;}
.det_rt { width: 295px; margin-left: 20px; }
.det_rt .tit { line-height: 56px; border-bottom: 1px solid #eaedf1 ;padding:0 20px;}
.det_rt .tit h3{font-size:18px;padding-left:35px;background-position:center left; background-repeat:no-repeat}
.det_rt .tit h3.h3_icon1{background-image:url(../img/icon60.png);}
.det_rt .tit h3.h3_icon2 { background-image: url(../img/icon61.png); }
.list_num ul{counter-reset: nav;}
.list_num li { line-height: 24px; display: flex; align-items: center; padding: 15px 20px; position: relative;  }
.list_num{padding:5px 0}
.list_num li:before { content: counter(nav); display: inline-block; width: 24px; height: 24px; background: #e7ebf1; vertical-align: middle; margin-right: 8px; counter-increment: nav; text-align: center; line-height: 24px; color: #84888c; font-size:16px; }
.list_num li:after { content: ''; display: block; position: absolute; width: 22px; height: 22px; border: 1px solid #e7ebf1; top: 19px; left: 16px; }
.list_num li a { width: 0; flex: 1; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #5d6064; }
.list_num li:hover a{ color:#007AFF}
.list_num li:hover:before{ background:#007AFF;color:#fff}
.list_num li:hover:after{ border-color:#007AFF}
.list_img{padding:10px 0}
.list_img li a { display: flex; align-items: center; padding: 10px 20px; }
.list_img .img{width:100px; height:75px; border-radius:5px; overflow:hidden;margin-right:15px;}
.list_img .txt{ flex:1;width:0}
.list_img h3 { font-size: 14px; line-height: 22px; height: 44px; margin-bottom: 10px; color: #05090e ;}
.list_img p { font-size: 16px; color: #828488 ;}
.det_box .title { border-bottom: 1px solid #eaedf1;padding-bottom:20px; }
.det_box{padding:30px}
.det_box .title h2{ font-size:30px; font-weight:normal; line-height:1.5;margin-bottom:30px;}
.det_box .title p { padding-left: 20px; background: url(../img/icon62.png) no-repeat left center; line-height: 30px; color: #5d6064 }
.det_box .text {padding:15px 0; line-height:38px; font-size:16px;}
.det_box .text img{    margin: 5px auto 8px;
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;}
.det_box .text p { min-height: 38px; color: #33353c }
.det_box .text h3{ font-weight:bold;}
.det_bottom { background: #f5f7fb ;padding:20px;}
.det_bottom .tips {display:flex; align-items:center; font-size: 16px; color: #a6a6a9;margin-bottom:15px; }
.det_bottom .tips:before{ content:'';display:inline-block;width:13px; height:17px; background:url(../img/icon63.png) no-repeat center center}
.det_bottom .tips label{display:block; margin-left:10px;}
.det_bottom .tips a{display:block; margin-left:10px;color:#a6a6a9}
.det_bottom .txt{ line-height:26px; font-size:14px; min-height:100px;}
.share { color: #a6a6a9; display:flex; align-items: center; }
.share a{display:block;width:36px; height:36px; border-radius:100%;background-color:#fff;background-repeat:no-repeat; background-position:center center; margin-right:10px;}
.share a.a_btn { border-radius: 0; width: 110px; line-height: 34px; height: 34px; border-radius: 34px; border: 1px solid #dadde2 ;background:none;text-align:center;}
.share a.a_btn span { display: inline-block; padding-left: 22px; background: url(../img/icon64.png) no-repeat left center; color: #33353c ;}
.share a.icon1{ background-image:url(../img/icon65.png)}
.share a.icon2 { background-image: url(../img/icon66.png) }
.share a.icon3 { background-image: url(../img/icon67.png) }
.share a.icon4 { background-image: url(../img/icon68.png) }
.share a.icon{ position:relative;}
.share a.icon .drop{position:absolute; bottom:100%; left:50%; width:100px; margin-left:-50px;background:#fff; border:2px solid #fff;box-shadow:0 0 5px rgba(0,0,0,0.1);margin-bottom:10px;display:none;}
.share a.icon:hover .drop{display:block;}

.details .sol_title{ padding:20px 30px;padding-bottom:0}
.details .sol_title .tit h2{font-size:28px;margin-bottom:0}
.title_tag2{margin-top:20px;}
.title_tag2 ul{margin-left:-15px;}
.title_tag2 li { display: inline-block; line-height: 30px; margin-left: 15px;margin-bottom:10px; }
.title_tag2 li a { display: block; padding: 0 10px; border-radius: 3px; color: #5d6064 }
.title_tag2 li:hover a, .title_tag2 li.active a { background: #007AFF; color: #fff; }
.sol_list.sol_list2{padding:0 25px;}
.sol_list.sol_list2 li { width: 50% }
.sol_list.sol_list2 li:nth-child(3n+1){ clear:none;}
.sol_list.sol_list2 li:nth-child(2n+1){ clear:both;}
.sol_list.sol_list2 li .box{margin:10px;}
.pagesize{padding-bottom:30px;padding-top:10px; text-align:center;}
.pagesize ul{ display:flex; align-items:center;justify-content:center;}
.pagesize a { display: block; width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; border: 1px solid #e9edf4; background: #f2f5fa; margin: 5px; border-radius: 3px; font-size: 16px; color: #808082; }
.pagesize .on a{ background:#007AFF;border-color:#007AFF; color:#fff;font-weight:bold;}
.pagesize a:hover{ color:#007AFF}

.pagesize a.prev:before { content: ''; width: 8px; height: 8px; border-left: 1px solid #808082; border-top: 1px solid #808082; transform: rotate(-45deg) ;transform-origin:center center}
.pagesize a.next:before { content: ''; width: 8px; height: 8px; border-right: 1px solid #808082; border-top: 1px solid #808082; transform: rotate(45deg) ;transform-origin:center center }
.pagesize a:hover:before { border-color: #007AFF }