body { font-family: 'Microsoft YaHei',"Open Sans", sans-serif; font-size: 14px; color: #111; }
input,
select,
textarea { font-family: 微软雅黑,"Open Sans", sans-serif; font-size: 1em;; }
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }
textarea { -webkit-appearance: none; }
.wrap { width: 96%; margin: 0 auto; max-width: 1200px; position: relative; }
.justify { text-align: justify; }
img, a { border: 0; }
.img img { display: block; margin: 0 auto; }
a:hover { color: #04397d; }
ul, li { list-style: none; }
* { margin: 0; padding: 0; }
.flt { float: left; }
.frt { float: right; }
.clear { clear: both; }
ul:after, .clear:after, .clear:before { content: ''; clear: both; display: table; }
img { max-width: 100%; }
.img { overflow: hidden; position: relative; }
.img img { display: block; }
.img:hover { background: #000; }
.img:hover img { opacity: 0.8; }
.img img { display: block; }
.line1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.line2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
*, *:after, *:before { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; box-sizing: border-box; }
.page_list1{background:#ffca3e}

.modal, .fp_modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.fp_modal { display: table; }
.modal { transition: all 0s; -o-transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; background: rgba(0,0,0,0.7); }
.fp_modal .cell { display: table-cell; vertical-align: middle; }
.modal_cont { max-width: 990px; margin: 0 auto; width: 90%; background: #fff; position: relative; }
.modal_cont .close { position: absolute; top: 10px; right: 10px; width: 32px; height: 32px; background: url(../img/close.png) no-repeat center center #ccc; border-radius: 100%; cursor: pointer; }
.modal_cont .box { padding: 45px; }
/*----------header----------*/
.swiper-container { overflow: hidden; position: relative; }
.swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 100%; background: none; opacity: 1; margin: 0 5px; border: 1px solid #fff; }
.swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 30px; }

.banner .img1 { overflow: hidden; }
.swiper1 .swiper-slide { height: 700px; max-height:calc(100vw*700/1300); overflow: hidden; position: relative; }
.swiper1 .swiper-slide img { width: 100%; height: 100%; object-fit: cover }
.swiper1 .text { position: absolute; top: 0; left: 0; right: 0; text-align: center; top: 29%; color: #fff; }
.swiper1 h3 { font-size: 48px; font-weight: normal; margin-bottom: 20px; }
.swiper1 p { font-size: 18px; margin-bottom: 40px; }
a.a_btn { display: block; width: 160px; line-height: 48px; text-align: center; border-radius: 5px; background: #ffca3e; font-size: 16px; color: #111; margin: 0 auto }
a.a_btn:hover { background: #e2a400 }
.logo img { width: 305px; }
.head_pos { margin-left: 20px; padding-left: 20px; border-left: 1px solid #e8e8e8; line-height: 27px; }
.head_pos p { padding-left: 15px; background: url(../img/icon1.png) no-repeat left center; }
.menu { flex: 1; }
.menu ul { display: flex; justify-content: flex-end }
.header .wrap { height: 80px; }
.header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1001; background: #fff; }
.menu li { line-height: 80px; margin-left: 45px; font-size: 16px; }
.menu li:first-child { margin-left: 0 }
.menu a { display: block; position: relative; }
.menu a:before { content: ''; display: block; width: 0; height: 3px; background: #04397d; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; }
.menu li.on a { color: #04397d; font-weight: bold; }
.menu li.on a:before { width: 100%; }
/*----------mainer----------*/
.mainer { padding-top: 80px; }
.page_list1 ul { display: flex; }
.page_list1 li { flex: 1; display: flex; align-items: center; justify-content: center; height: 128px; background: #ffca3e }
.page_list1 .box { display: flex; align-items: center; }
.page_list1 .icon { width: 64px; height: 64px; border-radius: 100%; border: 1px solid rgba(0,0,0,0.3); display: flex; align-items: center; justify-content: center; margin-right: 15px; }
.fs28 { font-size: 28px; }
.page_list1 h3 { margin-bottom: 10px; }

.page { padding: 80px 0 }
.page_tit { margin-bottom: 50px; }
.page_lt .page_tit { margin-bottom: 20px; }
.page_tit h3 { display: flex; align-items: center; justify-content: center; font-size: 34px }
.page_tit h3:after, .page_tit h3:before { content: ''; display: block; width: 48px; margin: 0 18px; height: 12px; background: url(../img/icon7.png) no-repeat center center; }
.page_tit h3:after { transform: rotate(180deg) }
.page_tit.left h3:before { display: none; }
.page_tit.left h3 { justify-content: flex-start }
.page_tit.fff h3:after, .page_tit.fff h3:before, .page_tit.fff2 h3:after, .page_tit.fff2 h3:before { background-image: url(../img/icon7-1.png) }
.page_tit.fff h3 { color: #fff; }
.page_rt { width: 388px; background: #04397d; margin-left: 50px; padding: 23px 34px; padding-top: 0; color: #fff; }
.page_lt { flex: 1; }
.page_tit2 h3 { height: 68px; display: flex; align-items: center; justify-content: center; font-size: 20px; }
.page_tit2 h3:before, .page_tit2 h3:after { display: block; width: 39px; height: 7px; background: url(../img/icon8.png) no-repeat center center; content: ''; margin: 0 10px; }
.page_tit2 h3:before { transform: rotate(180deg) }
.inputs_box .input { margin-bottom: 16px; line-height: 44px; min-height: 44px; border-radius: 5px; background: #fff; color: #111; position: relative; }
.inputs_box .input input { width: 100%; border: 0; padding: 0 20px; }
.inputs_box .input > span { position: absolute; left: 20px; }
.inputs_box .a_btn { width: 100%; margin-bottom: 16px; }
.select { text-align: right; position: relative; padding-right: 32px; cursor: pointer; line-height: 44px; height: 44px; }
.select:after { content: ''; display: block; width: 0; height: 0; border: 5px solid transparent; border-top-color: #111; position: absolute; right: 15px; top: 50%; margin-top: -2px; }
.select .drop { transition: all 0s; position: absolute; left: 0; width: 100%; top: 100%; padding-top: 2px; z-index: 10; text-align: center; display: none; }
.select .drop ul { background: #fff; border-radius: 3px; box-shadow: 0 0 5px rgba(0,0,0,0.2); line-height: 30px; padding: 10px 0 }
.select .drop ul li:hover { background: rgba(0,0,0,0.05) }
.center { text-align: center; }
.charts { height: 350px; }
.page_tit p { text-align: center; margin-top: 15px; }

.page2 { background: url(../img/page2_bg.jpg) no-repeat center center; background-size: cover }
.page2_list ul { display: flex; flex-wrap: wrap; margin: -9px; margin-top: 30px; }
.page2_list li { flex: 0 0 33.33%; }
.page2_list .box { margin: 9px; background: #fff; position: relative; line-height: 22px; color: #999; overflow: hidden; padding: 30px; }
.page2_list .drop { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 30px; color: #fff; background: #04397d; top: 100%; overflow-y: auto; }
.page2_list .drop::-webkit-scrollbar { width: 0; height: 0 }
.page2_list .tit { display: flex; align-items: center; margin-bottom: 10px; }
.page2_list .icon { width: 40px; margin-right: 7px; }
.page2_list h3 { font-size: 18px; color: #111; font-weight: normal; }
.page2_list .text { height: 44px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.page2_list .box:hover .drop { top: 0 }
.page2_list .box:hover { box-shadow: 0 10px 20px rgba(0,64,181,0.2) }

.page3 { background: url(../img/page3_bg.jpg) no-repeat center center; background-size: cover }

.page3_list ul { display: flex; justify-content: space-between; margin-top: 50px; }
.page3_list .box { width: 150px; height: 150px; border-radius: 100%; background: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; }
.page3_list img { margin-bottom: 10px; }
.page3_list li:nth-child(2n) { margin-top: 100px; }
.page3_list li { position: relative; z-index: 1; }
.page3_list li:after { content: ''; display: block; width: 100%; left: 50%; height: 2px; background: #fff; position: absolute; top: 50%; transform: rotate(45deg); z-index: -1; }
.page3_list li:nth-child(2n):after { transform: rotate(-45deg) }
.page3_list li:last-child:after { display: none; }
.page3_list li:hover .box { background: #ffca3e }
 
.page0 { background: #f1f4f7 }
.page4_list > ul { display: flex; margin: -9px; }
.page4_list > ul > li { flex: 1; }
.page4_list .box { margin: 9px; }
.page4_list .head { height: 180px; background: url(../img/li_bg1.jpg) no-repeat bottom center; padding: 25px; color: #fff; background-size: cover }
.page4_list li:nth-child(1) .head { background-image: url(../img/li_bg1.jpg) }
.page4_list li:nth-child(2) .head { background-image: url(../img/li_bg2.jpg) }
.page4_list li:nth-child(3) .head { background-image: url(../img/li_bg3.jpg) }
.page4_list li:nth-child(4) .head { background-image: url(../img/li_bg4.jpg) }
.page4_list li:nth-child(5) .head { background-image: url(../img/li_bg5.jpg) }
.page4_list .head h3 { font-size: 22px; margin-bottom: 8px; }
.page4_list .head a { color: #fff; font-size: 12px; margin-top: 20px; }
.page4_list .tit { height: 70px; }
.page4_list .text { padding: 20px; background: #fff; padding-top: 10px; }
.page4_list .a_btn { width: 100%; }
.a_btn.btn1 { background: #e5f3ff; color: #0086ff; font-size: 14px; line-height: 38px; }
.a_btn.btn1:hover { background: #0086ff; color: #fff; }
.page4_list .list { margin-bottom: 20px; height: 120px; line-height: 28px; }
.page4_list .list ul { position: relative; }
.page4_list .list ul:before { content: ''; display: block; width: 1px; top: 14px; bottom: 14px; border-left: 1px dashed #e8e8e8; position: absolute; left: 3px; }
.page4_list .list ul li { display: flex; align-items: center; }
.page4_list .list ul li:before { content: ''; display: block; width: 7px; height: 7px; border-radius: 100%; border: 2px solid #c2c2c2; background: #fff; margin-right: 6px; }
.page4_list .list ul li p { flex: 1; width: 0; white-space: nowrap }
.page4_list .list a { text-decoration: underline; color: #0086ff }
.page_tit .a_btn { position: absolute; right: 0; top: 50%; margin-top: -19px; line-height: 38px; width: 100px; font-size: 14px; }
.page_tit { position: relative; }
.fs18 { font-size: 18px; }
.fs24 { font-size: 24px; }
.fs20 { font-size: 20px; }
.page5_list ul { display: flex; flex-wrap: wrap; margin: -9px; }
.page5_list .box { margin: 9px; border: 1px solid #e0e4ea; padding: 25px; padding-bottom: 30px; position: relative; z-index: 1; }
.page5_list .box:after { content: ''; display: block; width: 100%; height: 60%; left: 0; top: 0; z-index: -1; background: linear-gradient(to bottom,#eff6ff,#fff); position: absolute; }
.page5_list li { flex: 0 0 33.33%; }
.page5_list .icon { width: 72px; height: 72px; border-radius: 100%; background: #fff; display: flex; align-items: center; justify-content: center; margin-right: 8px; overflow: hidden; }
.page5_list h3 { font-weight: bold; }
.page5_list .tit { display: flex; }
.page5_list .tit h3 { padding-top: 5px; }
.page5_list p { color: #999; line-height: 20px; margin-top: 10px; }
.page5_list .list { display: flex; margin: 20px 0 }
.page5_list .li { flex: 1; text-align: center; border-left: 1px solid #ddd }
.page5_list .li:first-child { border-left: 0 }
.page5_list .li h3 { margin-bottom: 5px; }
.a_btn.btn2 { border: 1px solid #0086ff; display: flex; align-items: center; justify-content: center; background: none; line-height: 38px; font-size: 14px; color: #0086ff }
.a_btn.btn2 span { padding-left: 15px; background: url(../img/icon12.png) no-repeat left center; display: inline-block; color: #0086ff }
.a_btn.btn2:hover { background: #0086ff }
.a_btn.btn2:hover span { background-image: url(../img/icon12-1.png); color: #fff; }

.page6 { background: url(../img/page6_bg.jpg) no-repeat center center; background-size: cover }
.page6_list ul { display: flex; flex-wrap: wrap; margin: -9px; }
.page6_list li { flex: 0 0 33.33%; }
.page6_list .box { margin: 9px; background: #fff; padding: 29px 30px; }
.page6_list .icon { margin-bottom: 10px; }
.page6_list h3 { margin-bottom: 10px; }
.page6_list p { line-height: 20px; height: 40px; color: #999 }
.page7_box { padding: 20px 25px; background: #f1f4f7; line-height: 24px; }
.page7_box h3 { display: flex; align-items: center; font-size: 18px; font-weight: bold; margin-bottom: 5px; }
.page7_box h3:after { content: ''; display: block; width: 28px; height: 12px; background: url(../img/icon14.png) no-repeat center center; margin-left: 5px; }
.swiper_box { margin-top: 18px; position: relative; }
.swiper_box .prev, .swiper_box .next { width: 20px; height: 36px; background: url(../img/icon15.png) no-repeat center center; position: absolute; top: 50%; margin-top: -18px; cursor: pointer; }
.swiper_box .prev { left: -50px; }
.swiper_box .next { right: -50px; transform: rotate(180deg) }
.swiper7 .img {width:80px;height:80px; border-radius:100%; overflow:hidden;margin-right:20px; position: relative; }
.swiper7 .img img { width: 100%; height:100%; object-fit:cover}
.swiper7 .text:before { content: ''; display: block; width: 100%; position: absolute; left: 0; bottom: 100%; height: 106px; background: url(../img/icon16.png) no-repeat center center; background-size: 100% 100%; transition: all 0s;display:none; }
.swiper7 .text { background: #04397d; position: relative; padding: 20px 30px; color: #fff; line-height: 24px; border-top:3px solid #ffca3e}
.swiper7 .text .des { margin-top: 15px; height: 250px; }
.swiper7 .text h4 { font-weight: normal; margin-bottom: 5px; }
.swiper7 .text h4.bold { font-weight: bold; }
.swiper7 .des:before{content:'';display:block;width:100px; height:3px; background:#ffca3e;margin-bottom:15px;margin-top:10px;}
.swiper7 .swiper-slide.even .text:before { background-image: url(../img/icon16-1.png) }

.page9 { background: url(../img/page9_bg.jpg) no-repeat center center; background-size: cover }

.page8_list ul { display: flex; flex-wrap: wrap; margin: -9px; margin-top: 40px; }
.page8_list li { flex: 0 0 25%; }
.page8_list .box { display: flex; flex-direction: column; margin: 9px; background: #fff; padding: 24px; position: relative; padding-top: 50px; height: 100%; }
.page8_list .list { flex: 1; margin-top: 15px; line-height: 22px; }
.page8_list .list span { color: #999 }
.page8_list h3 { text-align: center; margin-top: 5px; }
.page8_list .a_btn { width: auto }
.page8_list .headpic { width: 84px; height: 84px; border: 5px solid #f1f4f7; border-radius: 100%; overflow: hidden; position: absolute; left: 0; right: 0; margin: 0 auto; top: -42px; }
.page8_list .headpic .img { width: 100%; height: 100%; }
.headpic img { width: 100%; height: 100%; object-fit: cover }
.a_btn.btn1.on { background: #0086ff; color: #fff; }
.a_btn.btn1.on:hover { background: #0070d5 }
.page8_list .a_btn { flex: 1; }
.page8_list .a_btn:not(:first-child) { margin-left: 10px; }
.pj_info:not(:first-child) { display: none; }
.pj_info .tit { padding-left: 250px; font-size: 18px; font-weight: bold; }
.pj_info .tit span { display: block; font-size: 14px; opacity: .7; font-weight: normal; margin-bottom: 5px; }
.pj_info .tit p { margin-right: 45px; }
.pj_info .box { border: 1px solid #000; position: relative; padding: 20px; padding-bottom: 40px; margin-top: 20px; padding-left: 250px; line-height: 22px; }
.pj_info .headpic { width: 158px; height: 158px; border-radius: 100%; overflow: hidden; border: 4px solid #ffca3e; position: absolute; left: 65px; top: -76px; }

.pl_head_list ul { display: flex; align-items: center; justify-content: center; margin-top: 33px; text-align: center; }
.pl_head_list .headpic .img { width: 80px; height: 80px; border-radius: 100%; overflow: hidden; }
.pl_head_list .headpic { width: 96px; height: 96px; overflow: hidden; display: flex; align-items: center; justify-content: center; padding: 3px; border-radius: 100%; border: 5px solid transparent; margin-bottom: 10px; }
.pl_head_list li { margin: 0 19px; }
.pl_head_list li p { opacity: 0.7 }
.pl_head_list li.on .headpic { background: #fff; border-color: #ffda78 }
.pl_head_list li.on p { opacity: 1; }

.news_items { display: flex; }
.news_items .item { flex: 1; background: #fff; border-top-right-radius: 20px; overflow: hidden; }
.news_items .item:nth-child(2) .title { background: #d81116 }
.news_items .item:not(:first-child) { margin-left: 20px; }
.news_items .title { height: 46px; display: flex; padding: 0 18px; background: #04397d; color: #fff; align-items: center }
.news_items .title h3 { flex: 1; font-size: 20px; }
.news_items .title a { color: #fff; }
.qa_list li { padding-top: 15px; line-height: 20px; padding-right: 25px; }
.qa_list .text, .qa_list .tit { display: flex; }
.qa_list .tit { margin-bottom: 10px; font-size: 16px; }
.qa_list li{cursor:pointer;}
.qa_list li:hover .tit p { color: #04397d }
.qa_list .text p { border-bottom: 1px dashed #ccc; padding-bottom: 20px; flex: 1; }
.qa_list li:last-child .text p { border-bottom: 0; }
.qa_list span { display: block; width: 28px; height: 20px; border-radius: 0 20px 20px 0; font-weight: bold; line-height: 20px; text-align: center; font-size: 14px; color: #04397d; margin-right: 10px; }
.qa_list .tit span { background: #04397d; color: #fff; }
.news_list { padding: 20px; }
.news_list li { margin-top: 20px; }
.news_list li:first-child { margin-top: 0 }
.news_list .box { display: flex; }
.news_list .img { width: 100px; height: 72px; margin-right: 12px; }
.news_list .img img { width: 100%; height: 100%; object-fit: cover }
.news_list .text { flex: 1; width: 0 }
.news_list h3 { font-size: 16px; margin-bottom: 10px; margin-top: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color:#111; }
.news_list .box:hover h3{ color:#04397d}
.news_list p:last-child { margin-top: 10px; }
.news_list p { color: #666 }
/*----------footer----------*/
.footer { background: url(../img/footer.jpg) no-repeat center center; background-size: cover; padding-top: 60px; color: #fff; line-height: 20px; }
.footer a { color: rgba(255,255,255,0.5); }
.footer a:hover { color: #fff; }
.f_logo { flex: 1; }
.f_about { width: 20%; min-width: 130px; }
.f_ewm ul { display: flex; min-height: 250px; }
.f_ewm .ewm { width: 100px; }
.f_ewm li { margin-left: 20px; text-align: center; }
.f_ewm li:first-child { margin-left: 0 }
.footer h3 { margin-bottom: 15px; font-size: 16px; }
.f_about li { margin-bottom: 15px; }
.logo_txt { margin-top: 15px; display: flex; align-items: center; border: 2px solid #b21f11 }
.logo_txt p { padding: 0 10px; }
.f_logo { display: flex; flex-direction: column; align-items: flex-start }
.f_logo .logo img { width: 240px; }
.f_link { line-height: 24px; margin-bottom: 10px; }
.f_link a { margin-left: 15px; }
.copyright { padding: 10px 0; line-height: 24px; text-align: center; background: #242424; color: rgba(255,255,255,0.3) }

.full { position: fixed; top: 50%; right: 20px; z-index: 1002 }
.full ul { width: 72px; background: #04397d; border-radius: 5px;  }
.full a { display: flex; align-items: center; justify-content: center; height: 71px; border-bottom: 1px solid rgba(255,255,255,0.2); flex-direction: column; color: #fff;position:relative; }
.full li:last-child a { border-bottom: 0 }
.full img { margin-bottom: 8px; }
.full a:hover { background: rgba(255,255,255,0.1) }

.full span{ position:absolute;background:#fff;width:170px; line-height:50px; box-shadow:0 0 10px rgba(0,0,0,0.1);right:100%;color:#04397d;text-align:center; font-size:20px;margin-right:10px;border-radius:5px;display:none;}
.full a:hover span{ display:block;}
.page_banner { height: 300px; background-position: center center; background-size: cover; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.page_banner h3 { font-size: 26px; font-weight: normal; margin-bottom: 25px; color: #fff; }
.search { max-width: 680px; margin: 0 auto; width: 90%; height: 48px; display: flex; background: #fff; border-radius: 5px; overflow: hidden; }
.search .a_btn { width: 100px; border-radius: 0 }
.search:before { content: ''; display: block; width: 38px; height: 48px; background: url(../img/icon34.png) no-repeat center center; }
.search input { flex: 1; border: 0; }
.pagesize { margin-top: 50px }
.pagesize, .pagesize ul { display: flex; align-items: center; justify-content: center; color: #666 }

.pagesize select { width: 54px; height: 32px; line-height: 32px; background: #fff; border: 0 }
.pagesize > * { margin-left: 10px; }
.pagesize ul { margin-left: 20px; }
.pagesize ul li { margin-left: 7px; }
.pagesize .prev:before, .pagesize .next:before { content: ''; background: url(../img/icon17.png) no-repeat center center; width: 7px; height: 12px; }
.pagesize .prev:hover:before, .pagesize .next:hover:before { background-image: url(../img/icon17-1.png) }
.pagesize .next:before { transform: rotate(180deg) }
.pagesize ul a, .pagesize ul span { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: #fff; line-height: 32px; text-align: center; }
.pagesize a:hover, .pagesize li.on > * { background: #04397d; color: #fff; }

.img_cover img { width: 100%; height: 100%; object-fit: cover }
.page_fuwu { background: #f1f5f8 }
.case_list ul { display: flex; flex-wrap: wrap; margin: -10px; }
.case_list li { flex: 0 0 25%; margin: 10px 0 }
.case_list .box { margin: 0 10px; height: 100%; background: #fff; display: flex; flex-direction: column; line-height: 22px; }
.case_list .box:hover { box-shadow: 0 10px 20px rgba(0,11,31,.16) }
.case_list .flex_btn { margin: 20px; margin-top: 0 }
.case_list h3 { font-size: 18px; color: #111; margin-bottom: 10px; }
.flex_btn { display: flex; }
.flex_btn .a_btn { width: auto; flex: 1; line-height: 36px; }
.flex_btn .a_btn:not(:first-child) { margin-left: 10px; }
.case_list .text { flex: 1; padding: 15px 20px; padding-bottom: 0; color: #999; margin-bottom: 15px; }
.case_list .img { height: 160px; }

.main_det { background: url(../img/bg.jpg) no-repeat top center #f1f5f8; background-size: 100% auto }
.wrap2 { max-width: 1400px; padding: 0 100px; margin: 0 auto; }
.page_pos { line-height: 48px; margin-bottom: 10px; display: flex; align-items: center; }
.page_pos a { color: #999 }
.page_pos a:after { content: ''; display: inline-block; width: 7px; height: 12px; background: url(../img/icon18.png) no-repeat center center; margin: 0 5px; }
.page_pos a:hover, .page_pos a:last-child { color: #111; }
.page_pos a:last-child:after { display: none; }
.main_det .wrap2 { background: #fff; }
.details .tit { padding: 50px 0 40px; border-bottom: 1px solid #e0e4ea }
.details .tit h1 { font-size: 38px; font-weight: normal; margin-bottom: 20px; }
.details .info { display: flex; align-items: center; }
.details .info label { display: inline-block; line-height: 28px; padding: 0 15px; border-radius: 28px; background: #f1f5f8; margin-right: 15px; }
.details .info p { color: #b1b1b1; font-size: 16px; }
.details .text { padding: 40px 0; line-height: 30px; font-size: 16px; }

.details .text h3 { margin-top: 40px; color: #7030a0; font-size: 20px; margin-bottom: 10px; }
.details .text h5 { font-size: 16px; }
.details .text .img { margin-top: 40px; }
.main_det { padding-bottom: 60px; }
.det_cur { padding: 0; border-top: 1px solid #edf1f4 }
.det_cur ul { display: flex; }
.det_cur ul li { flex: 1; display: flex; height: 64px; align-items: center; }
.det_cur ul li:last-child { flex-direction: row-reverse }
.det_cur span { color: #000; display: flex; align-items: center; justify-content: center; margin-right: 40px; }
.det_cur a { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; width: 0 }
.det_cur li { padding-left: 100px; }
.det_cur li:hover { background: #04397d }
.det_cur li:hover * { color: #fff; }

.det_cur li:last-child:hover span:after,
.det_cur li:first-child:hover span:before { background-image: url(../img/icon19-1.png) }
.det_cur li:last-child { padding-left: 0; padding-right: 100px; }
.det_cur li:last-child a { text-align: right; }
.det_cur li:last-child span { margin-right: 0; margin-left: 40px; }
.det_cur li:last-child span:after,
.det_cur li:first-child span:before { content: ''; display: block; width: 9px; height: 14px; background: url(../img/icon19.png) no-repeat center center; }
.det_cur li:last-child span:after { margin-left: 5px; }
.det_cur li:first-child span:before { transform: rotate(180deg); margin-right: 5px; }

.page11 { background: url(../img/page11_bg.jpg) no-repeat top center #f1f5f8; background-size: 100% auto; }
.about { display: flex; margin-bottom: 60px; }
.about_lt { flex: 1; position: relative; z-index: 2 }
.about_video { position: relative; z-index: 2 }
.about_lt .tit h3 { font-size: 34px; }
.about_lt .tit p { font-size: 18px; font-weight: bold; }
.about_lt .text p { margin-top: 35px; line-height: 24px; }
.about_lt .tit h3:after { content: ''; display: block; border-left: 32px solid #04397d; border-right: 32px solid #d81116; height: 5px; width: 64px; margin: 10px 0 }
.about .list { margin-left: 80px; width: 360px; position: relative; z-index: 1; }
.about .list:after { content: ''; display: block; width: 359px; height: 560px; background: url(../img/icon23.png) no-repeat center center; position: absolute; top: -56px; left: 0; right: 0; margin: 0 auto; z-index: -1; }
.about .list li { margin-bottom: 10px; border: 1px solid #fff; background: rgba(255,255,255,0.9); height: 100px; padding: 0 30px; }
.about .list .icon { width: 64px; height: 64px; border-radius: 100%; border: 1px solid rgba(0,0,0,0.1); display: flex; align-items: center; justify-content: center; }
.about .list .text { text-align: center; }
.about .list h3 { margin-bottom: 5px; font-weight: normal; }
.about .list h3 span { font-weight: bold; }
.fs36 { font-size: 36px; }
.about .list p { color: #666 }
.about_video { position: relative; margin-bottom: 80px; background: #04397d }
.about_video .video img { opacity: 0.7; display: block; }
.about_video:after { content: ''; position: absolute; left: 20px; right: 20px; background: rgba(1,12,26,0.2); filter: blur(15px); height: 40px; transform: perspective(100px) rotateX(10deg) }
.about_video .play { position: absolute; top: 50%; left: 50%; width: 68px; height: 68px; background: url(../img/icon24.png) no-repeat center center; margin-left: -34px; margin-top: -34px; cursor: pointer; z-index: 10 }
.div_line { border-bottom: 1px solid #e0e4ea; height: 1px; margin-bottom: 80px; }
.swiper-wrapper { position: relative; }
.swiper_img .img_cover { height: 338px; }
.img_list { display: flex; }
.swiper_img { flex: 1; width: 0 }
.img_list .list { flex: 1; margin-left: 18px; margin-bottom: -18px; }
.swiper-pagination-bullet { background: #fff; opacity: 0.5 }
.swiper-pagination-bullet-active { opacity: 1; }
.img_list .list ul { display: flex; flex-wrap: wrap; }
.img_list .list li { flex: 0 0 50%; margin-bottom: 18px; }
.img_list .list .img { height: 160px; margin-left: 18px; }
.img_list .list li:nth-child(2n+1) .img { margin-left: 0 }
.swiper-grid-column > .swiper-wrapper { flex-direction: row; }
.swiper_ry .box { margin-top: -1px; margin-left: -1px; border: 1px solid #e0e4ea; padding: 12px; }
.swiper_ry .box .img { width: 100%; height: 180px; }
.swiper_ry .box img { width: 100%; height: 100%; object-fit: cover }
.swiper_ry .box p { text-align: center; margin-top: 12px; line-height: 24px; }
.swiper_ry { border-top: 1px solid #e0e4ea; border-left: 1px solid #e0e4ea }
.page_tag { position: absolute; bottom: 0; right: 0; }
.page_tag ul { display: flex; }
.page_tag li { margin-left: 35px; font-size: 16px; position: relative; cursor: pointer; }
.page_tag li.on { font-weight: bold; }
.page_tag li.on, .page_tag li:hover { color: #04397d; }
.page_tag li.on:after { content: ''; display: block; width: 24px; height: 3px; background: #04397d; left: 0; right: 0; margin: 0 auto; bottom: -8px; position: absolute; }
.logo_list { display: flex; flex-wrap: wrap; margin: -9px; }
.logo_list li { flex: 0 0 20%; }
.logo_list .img { margin: 9px; border: 1px solid #e0e4ea; display: flex; align-items: center; justify-content: center; }
.page14 { background: url(../img/page14_bg.jpg) no-repeat center center; background-size: cover }
.page14 .flex { justify-content: space-between }
.page14 .flex h3 { font-size: 24px; color: #fff; line-height: 40px; text-align: center; }
.page14 .flex h3 span { color: #ffca3e }
.page14 .text { padding-top: 30px; }
.page14 .text img { margin: 0 auto; display: block; margin-top: 10px; }
.ewms_ul { display: flex; text-align: center; color: #fff; line-height: 30px; }
.ewms_ul li:not(:first-child) { margin-left: 20px; }
.ewms_ul .ewm { width: 184px; border: 1px solid #376499; background: #053d80; padding: 7px; }

.fp_modal,
.modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001 }
.modal { background: rgba(0,0,0,0.7); display: none; }
.fp_modal { display: flex; align-items: center; justify-content: center; }
.modal_video { max-width: 80vh; max-width: 80vh; }
.modal_video video { width: 100%; height: 100%; object-fit: cover }


.page_tit h3 span { color: #04397d; font-size: 48px; }

.hexin_list ul { display: flex; flex-wrap: wrap; }
.hexin_list li { width: 33.33%; min-width: 33.33%; max-width: 33.33%; }
.hexin_list li .box { border-left: 1px solid #e9eef1; border-bottom: 1px solid #e9eef1; background: #fff; padding: 40px; text-align: center; height: 100%; }
.hexin_list h3 { margin-top: 20px; font-size: 20px; font-weight: bold; margin-bottom: 10px; }
.hexin_list p { line-height: 20px; color: rgba(0,0,0,0.5) }

.page15 { background: url(../img/page15_bg.jpg) no-repeat center center; background-size: cover }
.page15 h3 { font-size: 24px; margin-right: 40px; color: #fff; }
.page15 .inputs_box { color: #fff; display: flex; flex-wrap: wrap; margin-bottom: -20px; }
.page15 .inputs_box > * { flex: 0 0 33.33%; padding-left: 20px; }
.p_txt { padding: 20px; line-height: 24px; }
.page7_tag { margin-top: 30px; }
.page7_tag .ul_tag { line-height: 40px; border-bottom: 2px solid #04397d; display: flex; text-align: center; }
.page7_tag .ul_tag li.on { background: #04397d; color: #fff; }
.page7_tag .ul_tag li { flex: 1; font-size: 16px; color: #666; cursor: pointer; }
.page_tit .p1 { font-size: 16px; color: #999 }
.page_bf_list ul { display: flex; }
.page_bf_list li { flex: 1; margin-left: 20px; }
.page_bf_list .box { padding: 40px; background: #fff; display: flex; align-items: center; }
.page_bf_list .text { flex: 1; line-height: 24px; }
.page_bf_list .img { width: 140px; height: 140px; border-radius: 100%; overflow: hidden; margin-right: 30px; }
.page_baopo { padding: 0; padding-bottom: 60px; }
.page_m_tag ul { display: flex; justify-content: center; }
.page_m_tag { padding: 26px 0; }
.page_m_tag li { margin-left: 20px; }
.page_m_tag li a { display: block; line-height: 44px; padding: 0 40px; background: #04397d; color: #fff; font-size: 16px; }
.page_m_tag li:first-child { margin-left: 0 }
.page_m_tag li.on a { background: #ffca3e; color: #111 }
.baopo_list .box { background: #fff; display: flex; padding: 10px; align-items: center; }
.baopo_list .box:hover { box-shadow: 0 10px 20px rgba(0,11,31,0.16) }
.baopo_list li { margin-bottom: 20px; }
.baopo_list li:last-child { margin-bottom: 0 }
.baopo_list .img { width: 220px; height: 158px; margin-right: 20px; }
.baopo_list h3 { font-size: 18px; color: #111; flex: 1; width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 10px; }
.p_time { padding-left: 20px; background: url(../img/icon26.png) no-repeat left center; font-size: 16px; color: #999; line-height: 25px; }
.baopo_list .tit { margin-bottom: 10px; }
.baopo_list .text { line-height: 22px; color: #666; margin-bottom: 25px; }
.baopo_list .more { color: #0086ff; font-size: 16px; display: flex; align-items: center; }
.baopo_list .more:after { content: ''; border: 5px solid transparent; border-left-color: #0086ff; margin-left: 8px; }
.qa_box { display: flex; align-items: flex-start }
.qa_box .qa_list { flex: 1; }
.qa_box .qa_list li { background: #fff; margin-bottom: 10px; }
.qa_box .qa_list li:last-child { margin-bottom: 0 }
.qa_box .qa_list .text p { border-bottom: 0; color: #999 }
.qa_box .page_rt { margin-left: 20px; position: sticky; top: 80px; }
.input textarea { width: 100%; height: 150px; resize: none; border: 0; padding: 10px; background: none; }
.page_fixed_rt { position: absolute; top: 0; left: 100%; margin-left: 10px; text-align: center; color: #fff; cursor: pointer; }
.page_fixed_rt .box { position: sticky; top: 80px; width: 108px; height: 142px; background: url(../img/icon28.png) no-repeat center center; display: flex; align-items: center; justify-content: center; flex-direction: column; padding-bottom: 10px; line-height: 20px; }
.page_fixed_rt .box:after { content: ''; border: 5px solid transparent; border-top-color: #fff; margin: 0 auto; margin-top: 5px; }
.page_fixed_rt img { margin-bottom: 10px }

.page_yuanxiao { padding: 20px 0 60px; }
.page_where .list { border-bottom: 1px dashed #c8cfd4; padding-top: 6px; display: flex; line-height: 28px; }
.page_where .list:last-child { border-bottom: 0 }
.page_where .list ul { display: flex; flex-wrap: wrap; flex: 1; }
.page_where li a { display: block; padding: 0 10px; border-radius: 5px; color: #111; white-space: nowrap }
.page_where li { margin-left: 20px; margin-bottom: 6px; }
.page_where li.on a { background: #ffca3e }
.page_where ul { margin-left: -20px; }
.page_where .list > span { width: 73px; color: #999 }
.yx_list > ul > li { margin-top: 24px }
.yx_list .box { display: flex; }
.yx_list .box:hover { box-shadow: 0 5px 10px rgba(0,11,31,0.16) }
.yx_list .img { width: 400px; min-height: 240px; }
.yx_list .text { line-height: 22px; position: relative; padding: 30px 25px; padding-right: 0; background: #fff; display: flex; }
.yx_list .item { flex: 1; border-right: 1px solid #e8e8e8; padding: 0 20px; }
.yx_list .item:last-child { border-right: 0 }
.yx_list .item ul li { display: flex; }
.yx_list .item li { margin-bottom: 5px; }
.yx_list .item li p { flex: 1; }
.yx_list .item li span { padding-left: 17px; color: #666; background-position: left center; background-repeat: no-repeat; height: 22px; }
.yx_list .item span.span1 { background-image: url(../img/icon30.png) }
.yx_list .item span.span2 { background-image: url(../img/icon31.png) }
.yx_list .item span.span3 { background-image: url(../img/icon32.png) }
.yx_list .item span.span4 { background-image: url(../img/icon33.png) }
.yx_list .item span.span5 { background-image: url(../img/icon33-1.png) }
.yx_list .logo1 { position: absolute; width: 64px; height: 64px; border: 2px solid #e1e5e8; background: #fff; display: flex; align-items: center; justify-content: center; border-radius: 100%; overflow: hidden; top: 18px; left: -32px; }
.yx_list .logo1 img { max-width: 70%; max-height: 70%; object-fit: cover }
.yx_list .tit { margin-bottom: 20px; }
.yx_list .tit h3 { margin-bottom: 10px; font-size: 20px; display: flex; align-items: center; }
.c_999 { color: #999 }
.c_333 { color: #333 }
.lbl { display: block; font-size: 14px; padding: 0 10px; line-height: 24px; background: #e5f3ff; color: #0086ff; border-radius: 5px; margin-left: 8px; font-weight: normal; }
.lbl.lbl2 { background: #f0eaf5; color: #7030a0 }
.lbl.lbl3 { background: #e5f8ee; color: #00b756 }
.star { display: inline-block; width: 75px; height: 12px; background: url(../img/icon29.png) repeat-x left center; }
.star:before { content: ''; display: block; width: 0; height: 12px; background: url(../img/icon29-1.png) repeat-x left center; }
.star1:before { width: 20%; }
.star2:before { width: 40%; }
.star3:before { width: 60%; }
.star4:before { width: 80%; }
.star5:before { width: 100%; }
.yx_list .a_btn { line-height: 40px; width: 128px; margin-left: 0; margin-top: 20px; }
.page16 { padding: 0; background: url(../img/page16_bg.jpg) no-repeat center center; background-size: cover }
.page16 .wrap {; height: 200px }
.page16 .img1 { height: 200px; display: flex; align-items: flex-end }
.page16 h3 { font-size: 28px; font-weight: bold; margin-bottom: 20px; }
.page16 .text span { display: block; padding: 0 8px; line-height: 26px; background: #111; color: #ffca3e; border-top-right-radius: 6px; margin-right: 12px; position: relative }
.page16 .text span:after { content: ''; display: block; position: absolute; width: 12px; height: 2px; background: #111; right: 100%; top: 50%; margin-top: -1px; }
.page16 .text span:first-child:after { display: none; }

.lc_list ul { display: flex; position: relative; }
.lc_list ul:first-child li:last-child:before { content: ''; display: block; width: 50%; height: 124px; border: 10px solid #04397d; border-left: 0; border-radius: 0 100px 100px 0; position: absolute; background: #fff; }
.lc_list ul:last-child { flex-direction: row-reverse }
.lc_list ul:last-child li { margin-top: 107px; margin-bottom: 0 }
.lc_list ul:last-child li:first-child:before { display: none; }
.lc_list li { flex: 1; position: relative; margin-bottom: 127px; }
.lc_list li:before { content: ''; display: block; width: 100%; height: 10px; background: url(../img/icon42.jpg) no-repeat center center #04397d; position: absolute; left: 50%; top: 100%; margin-top: 65px; }
.lc_list li:last-child:before { display: none; }
.lc_list ul:last-child li:before { top: auto; margin-top: 0; bottom: 100%; margin-bottom: 45px; background-image: url(../img/icon42-1.jpg) }
.lc_list .box { margin: 9px; background: #f1f5f8; padding: 20px; height: 100%; }
.lc_list .box:before { content: ''; display: block; border: 20px solid transparent; border-top-color: #f1f5f8; position: absolute; top: 100%; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; margin-top: 3px; }
.lc_list ul:last-child .box:before { top: auto; bottom: 100%; border-color: transparent; border-bottom-color: #f1f5f8; margin-bottom: -15px; }
.lc_list .icon { position: absolute; left: 0; right: 0; margin: 0 auto; width: 80px; top: 100%; margin-top: 30px; }
.lc_list ul:last-child .icon { top: auto; margin-top: 0; bottom: 100%; margin-bottom: 10px; }
.lc_list .tit { position: relative; display: flex; align-items: center; font-size: 18px; font-weight: bold; margin-bottom: 10px; }
.lc_list .text { line-height: 24px; }
.lc_list .tit span { color: #04397d }
.lc_list .tit label { position: absolute; font-size: 32px; color: #04397d; text-transform: uppercase; opacity: 0.1; top: 50%; margin-top: -20px; line-height: 40px; right: 0; font-weight: bold; font-family: Arial; font-style: italic }
.modal_img { overflow-y: auto; max-height: 80vh }
/*----------custom----------*/
@media only screen and (max-width: 1200px) {
    .menu li { margin-left: 20px; }
    .page_fixed_rt { position: fixed; left: auto; right: 0; top: auto; bottom: 0; z-index: 101 }
    .footer{ position:relative;z-index:102}
}

@media only screen and (max-width: 1024px) {
    body { overflow-x: hidden; }
    .menu { position: fixed; top: 0; left: -100%; width: 100%; height: 100%; background: #fff; }
    .menu ul li { float: none; display: block; border-bottom: 1px solid #ddd; padding: 0; }
    .menu ul li a { line-height: 45px; font-size: 18px; }
    .menu ul { padding-top: 60px; }
    .menu_wrap { position: absolute; top: 50%; margin-top: -20px; width: 40px; height: 40px; background: url(../img/menu.png) no-repeat center center #04397d; background-size: 25px auto; right: 5px; }
    .h_menu .menu_wrap { background: url(../img/menu-1.png) no-repeat center center #ffca3e; background-size: 25px auto; }
    .h_menu .menu { left: 0; }


    .swiper1 .swiper-slide { height: 50vh }
    .page3_list .box { width: 16vw; height: 16vw; }
    .page8_list li { flex: 0 0 50%; margin-top: 50px; }
    .page8_list { margin-top: -50px; }
    .page5_list li { flex: 0 0 50%; }
    .page4_list > ul > li { flex: 0 0 33.33% }
    .page4_list > ul { flex-wrap: wrap; }
    .page3_list .box p { width: 80%; text-align: center; margin: 0 auto; }
    .menu ul { display: block; }
    .menu li:first-child { margin: 0 auto; }
    .menu ul li { margin-left: 0; width: 80%; text-align: center; margin: 0 auto; }
    .yx_list .text { display: block; }

    .yx_list .text .item { border: 0 }
    .yx_list .text .item { margin-bottom: 10px; position: relative; }
    .yx_list .tit { margin-bottom: 5px; }
    .yx_list .a_btn { position: absolute; bottom: 0; right: 20px; margin-top: 0 }
    .yx_list .img { width: 350px; }
    .case_list li { flex: 0 0 33.3%; }
    .about .list { margin-left: 20px; }
}

@media only screen and (max-width: 750px) {
    .page_fixed_rt{ position:initial;width:100%;margin-left:0;margin-bottom:10px;}
    .page_fixed_rt .box{width:100%; height:50px; display:flex;background:#04397d;border-top:2px solid #ffca3e;flex-direction:row;align-items:center;padding-bottom:0;justify-content:center;}
    .page_fixed_rt .box:after{ margin:0}
    .page_fixed_rt .box>*{ margin-right:10px;}
    .full { display: none; }
    .flex, ul { flex-wrap: wrap; }
    .page_list1 { background: #ffca3e }
    .page_list1 .box { width: 200px; }
    .ewms_ul li{flex:1;}
    .ewms_ul .ewm{width:100%;}
    .swiper_ry .box .img{ height:auto;}
    .page_list1 li { flex: 0 0 50%; }
    .page_lt { width: 100%; flex: auto; }
    .page_rt { width: 100%; margin-left: 0; margin-top: 20px; }
    .page_tit h3 { font-size: 26px; }
    .page { padding: 30px 0 }
    .page16 { padding: 0 }
    .page_tit { margin-bottom: 20px; }
    .page2_list li { flex: 0 0 50%; }  
    .page4_list > ul > li { flex: 0 0 50%; }
    .page5_list li { flex: 0 0 100%; }
    .page6_list li { flex: 0 0 50%; }
    .yx_list .box { display: block; }
    .yx_list .img { width: 100%; margin: 0; }
    .yx_list > ul > li { margin-top: 15px; }
    .page16 .img1 { position: absolute; bottom: 0; right: 0; opacity: .2; z-index: -1 }
    .page16 .text span { white-space: nowrap }
    .wrap { z-index: 1; }
    .lc_list li { flex: 0 0 50%; margin-bottom: 20px; }
    .lc_list ul:last-child li { margin-top: 20px; }
    .lc_list .box:before { display: none; }
    .lc_list li:before { display: none; }
    .lc_list .icon { display: none; }
    .lc_list li:nth-child(2n):before { display: none; }
    .lc_list ul:first-child li:last-child:before { display: none; }
    .lc_list ul:last-child { margin-top: -20px; }
    .hexin_list li .box { padding: 20px; }
    .hexin_list h3 { margin-top: 10px; }
    .page15 .inputs_box > * { flex: 0 0 50%; }
    .page15 .wrap { display: block; }
    .page15 h3 { margin-bottom: 20px; }
    .page15 .inputs_box { margin-left: -15px; }
    .case_list li { flex: 0 0 50%; }
    .qa_box { display: block; }
    .qa_box .page_rt { margin-left: 0 }
    .footer .wrap { display: block; }
    .footer .wrap > * { margin-bottom: 20px; }
    .f_ewm ul { min-height: initial; }
    .f_about ul { display: flex; }
    .f_about li { margin-right: 10px; }
    .footer { padding-top: 20px; }
    .f_about { width: 100%; }
    .about { display: block; }
    .about .list { margin-left: 0; margin-top: 20px; display: flex; width: 100%; }
    .about .list li { flex: 1; }
    .fs36 { font-size: 30px; }
    .baopo_list .img { width: 200px; }

    .page3_list li{min-width:33.33%; max-width:33.33%;}
    .page3_list .box{width:auto;height:80px;border-radius:5px;margin:5px;}
    .page3_list ul{ margin-top:0}
    .page3_list li:nth-child(2n) { margin-top: 0 }
    .page3_list li:after{ display:none;}
}

.pagination_wap { display: none; }
.pagination_wap .swiper-pagination-bullet.swiper-pagination-bullet { background: #ccc; }
.pagination_wap .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #04397d }

@media only screen and (max-width: 550px) {
    .swiper_box .prev, .swiper_box .next { display: none; }
    .swiper_ry { padding-bottom: 30px }
    .pagination_wap { display: block; }
    .yx_list > ul > li { margin-top: 10px; }
    .yx_list .text { padding: 20px; padding-left: 0; padding-right: 0 }
    .pagesize ul { flex: 0 0 100%; margin-top: 10px; }
    .pagesize { flex-wrap: wrap; }
    .yx_list .logo1 { top: 10px; right: 10px; left: auto; }
    .yx_list .img { min-height: 200px; height: 200px; }
    .head_pos { display: none; }
    .swiper1 h3 { font-size: 30px; }
    .swiper1 p { font-size: 14px; }
    .swiper_box .prev { left: 20px; z-index: 10 }
    .swiper_box .next { right: 20px; z-index: 10 }
    .page8_list li { flex: 0 0 100%; }
    .pj_info .tit, .pj_info .box { padding-left: 180px; }
    .news_items { display: block; }
    .news_items .item:not(:first-child) { margin-left: 0; margin-top: 20px; }

    .pj_info .headpic { left: 10px; }
    .page6_list .box { padding: 20px; margin: 5px; }
    .page6_list p { height: 60px; }
    .page6_list ul { margin: -5px; }
    .logo img { width: auto; height: 45px; position: relative; z-index: 100 }
    .swiper1 p { width: 80%; margin: 0 auto; margin-bottom: 20px; }
    .page_list1 li { flex: 0 0 50%; height: 100px; }
    .page_list1 .box { width: 90%; }
    .page_list1 .icon { width: 50px; height: 50px; }
    .header .wrap { height: 60px; }
    .mainer{ padding-top:60px;}
    .page4_list > ul > li { flex: 0 0 100% }
    .page_tit h3:after { margin-right: 0 }
    .page_tit h3:before { margin-left: 0 }
    .page2_list li { flex: 0 0 100%; }
    .page2_list ul { margin: 0 }
    .fs28 { font-size: 20px; }
    .page_rt { padding: 20px; padding-top: 0 }
    .page2_list .box { padding: 20px; }
    .page2_list .text { height: initial; -webkit-line-clamp: 10 }
    .page2_list .drop { display: none; }
    .page4_list .list { height: auto; }
    .page4_list .box { margin: 0 }
    .page4_list > ul { margin: 0 }
    .page4_list li { margin-bottom: 10px; }
    .page4_list li { margin-bottom: 10px; }
    .page4_list .list { margin-bottom: 10px; }
    .page5_list ul { margin: 0 }
    .page5_list li { margin-bottom: 10px; }
    .page5_list .box { padding: 20px; margin: 0 }
    .wap_left h3 { justify-content: flex-start; font-size: 24px; }
    .wap_left h3:before { display: none; }
    .page6_list .box { padding: 15px; }
    .page6_list p { height: auto; }
    .page6_list li { flex: 0 0 100%; }
    .pj_info .box { padding-left: 20px; padding-top: 90px; padding-bottom: 20px; }
    .pl_head_list ul { flex-wrap: nowrap; overflow: hidden; overflow-x: auto; }
    .pl_head_list li { margin: 0 5px; }
    .page_banner { height: 150px; }
    .lc_list li { flex: 0 0 100%; }
    .lc_list li img { width: 100%; }
    .page14 .flex h3 { font-size: 18px; line-height: 1.3; padding: 0 20px }
    .ewms_ul { margin-top: 20px; }
    .hexin_list li { width: 100%; min-width: 100%; max-width: 100%; }
    .page15 .inputs_box > * { flex: 0 0 100%; padding-left: 0 }
    .page15 .inputs_box { margin-left: 0 }
    .p_txt { padding: 15px; }
    .swiper_box { margin-top: 5px; }
    .page_bf_list li { margin-left: 0; margin-bottom: 10px; }
    .page_bf_list .box { padding: 20px; }
    .page_bf_list .img { width: 100px; height: 100px; margin-right: 20px; }
    .page_bf_list li { flex: 0 0 100%; }
    .case_list li { flex: 0 0 100%; }
    .case_list ul { margin: 0 }
    .case_list li { margin-bottom: 0px; }
    .case_list .box { margin: 0 }
    .page_tit h3 { font-size: 24px; }
    .about .list li { flex: 0 0 100%; }
    .about_video .video { height: 200px; }
    .about_video .video img { width: 100%; height: 100%; object-fit: cover }
    .img_list { display: block; }
    .swiper_img { width: 100%; margin-bottom: 10px }
    .img_list .list li { margin-bottom: 10px; }
    .img_list .list .img { margin-left: 10px; }
    .img_list .list { margin-left: 0 }
    .page_tag li { margin-left: 10px; }
    .logo_list li { flex: 0 0 50% }
    .logo_list .img { margin: 5px; }
    .logo_list { margin: 0 }
    .baopo_list .box { display: block; }
    .baopo_list .img { width: 100%; margin-bottom: 10px; }
    .page_m_tag li a { padding: 0 20px; }
    .page_m_tag { padding-top: 0 }
    .baopo_list .more { font-size: 14px; }
    .page_pos a { white-space: nowrap }
    .page_pos { display: none; }
    .wrap2 { padding: 0 15px; width: 95%; }
    .det_cur li { padding-left: 0 }
    .det_cur li:last-child { padding-right: 0 }
    .det_cur ul { display: block; }
    .det_cur { padding:10px 0 }
    .det_cur ul li { padding: 0 10px !important; height: 40px; }
    .det_cur ul li:last-child { flex-direction: row }
    .det_cur span { margin-right: 20px; }
    .det_cur li span:before { display: block; content: ''; display: block; width: 9px; height: 14px; background-image: url(../img/icon19.png); transform: rotate(180deg) ;margin:0 5px !important;}
    .det_cur li:hover span:before { background-image: url(../img/icon19-1.png) }
    .det_cur li span:after { display: none !important; }
    .det_cur li:last-child span { margin-left: 0; margin-right: 20px; }
    .details .tit h1{ font-size:26px;line-height:1.5}
    .details .text{ padding-top:20px;font-size:14px;line-height:1.5}
    .details .tit { padding: 20px 0 }
    .copyright{ font-size:12px;}
    .pagesize ul{ margin-left:0}
    .pj_info .tit p{margin-right:0;display:flex;align-items:center;margin-bottom:10px}
    .div_line{ margin-bottom:30px;}
    .about_video{ margin-bottom:30px;}
    .pj_info .tit span { margin-bottom: 0; margin-right: 10px; }
    .pj_info .tit { display: block; }
}

.baopo_list .img img { width: 100%; height: 100%; object-fit: cover }