body { font-family: 'Alibaba-PuHuiTi-Regular', 'Microsoft YaHei', "Open Sans", sans-serif; color: #000; font-size: 16px; }
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: 1580px; position: relative; }
.justify { text-align: justify; }
.swiper-container { overflow: hidden; }
@font-face { font-family: 'Alibaba-PuHuiTi-Light'; src: url('../fonts/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-45-Light/AlibabaPuHuiTi-3-45-Light.woff2'); }

@font-face { font-family: 'Alibaba-PuHuiTi-Regular';  src: url('../fonts/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-55-Regular/AlibabaPuHuiTi-3-55-Regular.woff2'); }

@font-face { font-family: 'Alibaba-PuHuiTi-Medium';  src: url('../fonts/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-65-Medium/AlibabaPuHuiTi-3-65-Medium.woff2'); }

@font-face { font-family: 'AlibabaPuHuiTi-3-85-Bold'; src: url('../fonts/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-85-Bold/AlibabaPuHuiTi-3-85-Bold.woff2'); }

@font-face { font-family: 'Alibaba-PuHuiTi-ExtraBold';  src: url('../fonts/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-95-ExtraBold/AlibabaPuHuiTi-3-95-ExtraBold.woff2'); }

@font-face { font-family: 'Alibaba-PuHuiTi-Thin'; src: url('../fonts/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-35-Thin/AlibabaPuHuiTi-3-35-Thin.woff2'); }

h1, h2, h3, h4, h5 { font-weight: normal; }
img,
a { border: 0; }
.img img { display: block; margin: 0 auto; }
a:hover { color: #0054b1 }
ul,
li { list-style: none; }
* { margin: 0; padding: 0; }
.flt { float: left; }
.frt { float: right; }
.clear { clear: both; }
.clear:after,
.clear:before { content: ''; clear: both; display: table; }
img { max-width: 100%; }
.img, .img_fill, .img_cover, .img1 { overflow: hidden; position: relative; }
.img img { display: block; }
.img:hover, .img_fill:hover { }
.img:hover img, .img_fill:hover img, .img_cover:hover img { transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); }
.img1:hover img { transform: scale(1.05); -o-transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); }
.img img { display: block; }
.line1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; }
.line2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
*,
*:after,
*:before { transition: all 0.5s,color 0s; -webkit-transition: all 0.5s,color 0s; -moz-transition: all 0.5s,color 0s; -ms-transition: all 0.5s,color 0s; -o-transition: all 0.5s,color 0s; box-sizing: border-box; }

.modal,
.fp_modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000 }
.fp_modal { display: flex; align-items: center; justify-content: center; }
.modal { display: none; 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); z-index:2001}

.modal_cont { max-width: 1390px; margin: 0 auto; width: 90%; background: #fff; position: relative; border-radius: 10px; overflow: hidden; border: 1px solid #d4d4d4 }
.modal_cont .box { max-height: 80vh; overflow-y: auto; padding: 90px; }
.modal_cont .close { position: absolute; top: 10px; right: 10px; width: 36px; height: 36px; background: url(../img/close.png) no-repeat center center; border-radius: 100%; cursor: pointer; }
.modal_cont .text { color: #4c4c4c; }
.modal_cont .text h3 { font-size: 36px; font-weight: normal; }
.modal_cont .text p { margin-top: 30px; line-height: 30px; }
/*----------header----------*/
.header { position: fixed; top: 0; left: 0; width: 100vw; z-index: 1100; border-bottom: 1px solid rgba(255,255,255,.52) }

.header > .wrap { height: 85px; display: flex; align-items: center; }
.header .btn { margin-right: -100px; margin-left: 37px; }
.menu { flex: 1; }
.menu .ul { display: flex; justify-content: flex-end }
.menu.fade .ul { display: none; }
.menu .li { margin-left: 40px; }
.menu .menu_tit > a { line-height: 85px; white-space: nowrap; }
.menu a { display: block; color: #fff; position: relative; }

.menu .menu_tit > a:after { content: ''; display: block; width: 0%; left: 0; right: 0; margin: 0 auto; height: 2px; background: #fff; position: absolute; bottom: 0; }
.menu a:hover:after, .menu .li.in .menu_tit > a:after, .menu .li.on .menu_tit > a:after { width: 25px; }
.menu li { position: relative; }
.menu .drop { box-shadow: 0px 4px 6px 0 rgba(0, 0, 0, 0.08); transition: all 0.3s ease-out; transform: translateX(-50%) rotateX(-90deg); transform-origin: 0 0; opacity: 0; visibility: hidden; border-radius: 0; position: absolute; left: 50%; border-radius: 5px; top: 100%; min-width: 127px; z-index: 999; padding: 0; line-height: 36px; }
.menu .drop ul { border-radius: 5px; overflow: hidden; }
.menu .drop li { background: rgba(255,255,255,0.95); text-align: center; padding: 0 15px; white-space: nowrap; line-height: 45px; border-bottom: 1px solid #eaeaea; }
.menu .drop li:last-child { border-bottom: 0 }
.menu .drop a { display: block; color: #181818 }
.menu .drop li:hover a { color: #005bac }
.menu .drop li:hover { background: #fff; }

@media only screen and (min-width: 1250px) {
    .menu .li:hover .drop { animation-delay: 1s; visibility: visible; opacity: 1; transform: translateX(-50%) rotateX(0); }
}

.btn .a, .btn a { display: flex; align-items: center; width: 128px; height: 42px; background: url(../img/btn.png) no-repeat center center; justify-content: center; color: #fff; background-size: 100% 100% }
.btn .a:hover, .btn a:hover { background: #fff; color: #005bac !important; }
.btn .a:hover .icon-right, .btn a:hover .icon-right { background-image: url(../img/icon10-1.png) }
.btn.on a:hover, .btn.on .a:hover { background: #005bac; color: #fff !important }
.btn.on a:hover .icon-right, .btn.on .a:hover .icon-right { background-image: url(../img/icon10.png) }
.icon-right { display: block; width: 25px; height: 10px; background: url(../img/icon10.png) no-repeat right center; animation: right_move 1s infinite; margin-left: 5px; }

@keyframes right_move {
    0% { transform: translateX(0) }
    50% { transform: translateX(5px) }
    100% { transform: translateX(0) }
}

.lang { display: flex; align-items: center; position: relative; color: #fff; margin-left: 47px; cursor: pointer; height: 87px; }
.lang .drop { position: absolute; top: 100%;; width: 120px; text-align: center; background: #fff; border-radius: 5px; line-height: 40px; display: none; left: 50%; margin-left: -60px; box-shadow: 0 0 10px rgba(0,0,0,0.1) }
.lang .drop:before { content: ''; display: none; position: absolute; top: -17px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border: 6px solid transparent; border-bottom-color: #005bac }
.lang .drop li:not(:first-child) { border-top: 1px solid #f8f8f8; }
.lang .drop li.lang_cn_f { display: none; }
.lang .drop li a { display: block; width: 100%; height: 100%; }
.lang .drop li:last-child { border-radius: 0 0 5px 5px; }
.lang .drop li:hover a { color: #005bac; }
.lang:hover .drop { display: block; animation: langInUp .4s ease-out; }

@keyframes langInUp {
    0% { transform: translateY(max(10px,0.16rem)); opacity: 0.5; }
    100% { transform: translateY(0); opacity: 1; }
}

.logo img { display: none; }
.logo img:first-child { display: block; }
.header._fff .logo img, .header_fff .logo img, .header.on .logo img { display: none; }
.header._fff .logo img:last-child, .header_fff .logo img:last-child, .header.on .logo img:last-child { display: block; }
.lang .icon { width: 40px; height: 40px; background: url(../img/lang1.gif) no-repeat center center; opacity: 0.85; margin-right: 5px; }
.search { margin-left: 40px; position: relative; cursor: pointer; }

.icon_search { display: block; width: 20px; height: 20px; background: url(../img/icon1.png) no-repeat center center; cursor: pointer; border: none }
.icon_search:hover { background-image: url(../img/icon1-1.png) }
.header_fff .icon_search, .header._fff .icon_search, .header.on .icon_search { background-image: url(../img/icon1-2.png) }
.search_input { position: absolute; right: 0; top: 50%; margin-top: -20px; height: 40px; display: flex; align-items: center; display: none; background: #fff; width: 400px; }

.search.open .search_input { display: flex; }
.search_input > * { margin-right: 10px; }
.search_input input { border: 0; border-bottom: 1px solid #ddd; flex: 1; height: 40px; }
.icon_close { display: block; width: 20px; height: 20px; background: url(../img/close.png) no-repeat center center; cursor: pointer; }
.icon_close:hover { background-image: url(../img/close-1.png) }
.header.on { position: sticky; top: 0 }
.header.on .menu .li.on .menu_tit a { color: #005bac }
.header.on .menu .menu_tit > a:after { background: #005bac }
.header.on, ._fff.header,
.header_fff { border-bottom-color: #f8f9f9; background: #fff; box-shadow: 0 3px 21px rgba(76,76,76,0.14) }
.header.on .lang span, ._fff.header .lang span, ._fff.header .menu a,
.header.on .menu a,
.header_fff .lang span,
.header_fff .menu a { color: #181818 }
.header._fff .menu .li.on .menu_tit a,
.header_fff .menu .li.on .menu_tit a { color: #005bac }

.header_fff .menu .li.on a:after { background: #005bac }
._fff.header .lang .icon,
.header.on .lang .icon, .header_fff .lang .icon { background-image: url(../img/lang2.gif) }

.swiper1 .swiper-slide { overflow: hidden; width: 100vw; height: 100vh; }
.swiper1 .swiper-slide img { transition: all 5s; transform: scale(1.3); width: 100%; height: 100%; object-fit: cover }
.swiper1 .swiper-slide-active img { animation: img_sc linear 10s; }
.swiper1 .swiper-slide:nth-child(2n+1).swiper-slide-active img { animation: img_sc2 linear 10s; }

@keyframes img_sc {
    0% { transform: scale(1.3) }
    100% { transform: scale(1) }
}

@keyframes img_sc2 {
    0% { transform: scale(1) }
    100% { transform: scale(1.3) }
}

.banner-pagination { position: absolute; bottom: 5%; left: 0; right: 0; z-index: 100; color: #fff; display: flex; align-items: center; }
.banner-pagination .icon, .icon_more { display: block; width: 19px; height: 30px; background: url(../img/icon2.png) no-repeat center center; margin-right: 30px; position: relative; }
.banner-pagination .icon:after, .icon_more:after { content: ''; display: block; width: 2px; height: 5px; background: #fff; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; animation: icon_m infinite 3s }

@keyframes icon_m {
    0% { transform: translateY(0); height: 5px; }
    40% { transform: translateY(-20px); height: 10px; }
    100% { transform: translateY(0); height: 5px; }
}

.flex-line { flex: 1; height: 1px; background: #fff; margin: 0 30px; opacity: 0.52 }
.banner-pagination .swiper-pagination { margin: 0; position: initial; width: auto; display: flex; align-items: center; grid-gap: 5px; }
.banner-pagination .swiper-pagination-current { font-size: 24px; }
.swiper_right ul li a span { border-radius: 100%; width: 10px !important; height: 10px !important; background: rgba(255,255,255,0.72); position: initial; display: block; margin: 0 auto !important; }
.swiper_right ul li.active a:after { content: ''; display: block; width: 36px; height: 36px; position: absolute; background: url(../img/dots.png) no-repeat center center; animation: fp-nav-m 8s infinite }
.swiper_right ul li { width: 36px; height: 36px; margin: 20px 0 }
.swiper_right ul li a { display: flex; align-items: center; justify-content: center; position: relative; }
.swiper_right { position: absolute; z-index: 1; right: 0; left: 0; margin: 0 auto; max-width: 1580px; height: 0; width: 95%; display: flex; justify-content: flex-end; top: 50%; align-items: center; }

@keyframes fp-nav-m {
    from { transform: rotate(0) }
    to { transform: rotate(360deg) }
}

.page_tit { margin-bottom: 36px; }
.page_tit h4 { display: flex; align-items: center; font-size: 24px; color: #4b4a4a; margin-bottom: 20px; font-weight: normal; font-family: 'Alibaba-PuHuiTi-Light'; }
.page_tit h4:before { content: ''; display: block; width: 57px; height: 4px; background: #005bac; margin-right: 15px; }
.page_tit h3 { font-size: 40px; letter-spacing: 1px; font-family: AlibabaPuHuiTi-3-85-Bold }
.page_tit p { margin: 1em 0; font-size: 30px; }
.page_tit.fff h4:before { background: #fff; }
.page_tit.fff, .page_tit.fff h4, .page_tit.fff h3 { color: #fff; }
.page_list1 { display: flex; margin: 0 -16px; }
.page_list1 .item { flex: 0 0 12.5%; }
.page_list1 .item .box { overflow: hidden; background-repeat: no-repeat; background-position: center right; background-size: cover; height: calc(100vh - 280px); margin: 0 16px; position: relative; z-index: 1; color: #fff; }
.page_list1 .item.on { flex: 0 0 37.5% }
.page_list1 .item:first-child .box { background-image: url(../img/list1-bg1.jpg) }
.page_list1 .item:nth-child(2) .box { background-image: url(../img/list1-bg2.jpg) }
.page_list1 .item:nth-child(3) .box { background-image: url(../img/list1-bg3.jpg) }
.page_list1 .item:nth-child(4) .box { background-image: url(../img/list1-bg4.jpg) }
.page_list1 .item:nth-child(5) .box { background-image: url(../img/list1-bg5.jpg) }
.page_list1 .item:nth-child(6) .box { background-image: url(../img/list1-bg6.jpg) }

.page_list1 .item:first-child.on .box { background-image: url(../img/list1-bg1-1.jpg) }
.page_list1 .item:nth-child(2).on .box { background-image: url(../img/list1-bg2-1.jpg) }
.page_list1 .item:nth-child(3).on .box { background-image: url(../img/list1-bg3-1.jpg) }
.page_list1 .item:nth-child(4).on .box { background-image: url(../img/list1-bg4-1.jpg) }
.page_list1 .item:nth-child(5).on .box { background-image: url(../img/list1-bg5-1.jpg) }
.page_list1 .item:nth-child(6).on .box { background-image: url(../img/list1-bg6-1.jpg) }

.page_list1 .tit { width: 100%; display: flex; align-items: center; padding-top: 50px; flex-direction: column; }
.page_list1 .icon { width: 66px; height: 66px; border-radius: 66px; border: 1px solid #005bac; background: #fff; display: flex; align-items: center; justify-content: center; margin-bottom: 30px; }
.page_list1 .tit h3 { writing-mode: vertical-rl; font-size: 24px; letter-spacing: 3px; font-weight: normal; font-family: 'Alibaba-PuHuiTi-Regular'; }

.page_list1 .item .drop { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 70px 65px; }
.page_list1 .drop h3 { font-size: 40px; margin-bottom: 40px; font-weight: normal; }
.page_list1 .drop ul { margin-bottom: 40px; }
.page_list1 .drop li { padding-left: 25px; background: url(../img/icon9.png) no-repeat left center; line-height: 30px; padding-top: 9px; padding-bottom: 9px; font-size: 24px; font-family: 'Alibaba-PuHuiTi-Light'; }
.page_list1 .item .drop > * { opacity: 0; }
.page_list1 .item .drop h3 { transform: translateY(50px); font-family: 'Alibaba-PuHuiTi-Medium'; }
.page_list1 .item .drop ul { transform: translateY(60px) }
.page_list1 .item .drop .btn { transform: translateY(70px); position: relative; z-index: 1; }
.page_list1 .item.on .drop > * { opacity: 1; transform: translateY(0) }
.page_list1 .item.on .tit { transform: translateY(-100px); opacity: 0 }
.page_list1 .drop .img1 { position: absolute; bottom: 0; right: -10px;  width: 378px;max-width:50%; } 
.page_list1 .drop .img1:hover img { transform: none; }
.section3 { background: url(../img/bg3.jpg) no-repeat bottom center; background-size: cover }
.section3 .wrap { min-height: 70vh; display: flex; }
.section3 .page_tit { flex: 1; }
.about_list { max-width: 660px; }
.about_list ul { display: flex; flex-wrap: wrap; }
.about_list li { color: #fff; flex: 0 0 50%; min-width: 330px; margin-top: 40px; margin-bottom: 20px; }
.about_list .tit { font-size: 14px; display: flex; grid-gap: 10px; margin-bottom: 10px; }
.about_list .tit h3 { font-size: 55px; font-family: 'Alibaba-PuHuiTi-ExtraBold'; }
.about_list h4 { line-height: 2; font-weight: normal; font-size: 18px; font-family: 'Alibaba-PuHuiTi-Regular'; }
.about_list p { line-height: 1.5 }

.btn.pos { position: absolute; right: 0; top: 50%; margin-top: -20px; }
.btn.on a { color: #005bac; background-image: url(../img/btn2.png); }
.btn.on .icon-right { background-image: url(../img/icon10-1.png) }
.news_box { display: flex; min-height: 50vh }
.page_tit { position: relative; }
.wrap_ht { height: 90px; }
a.news_lt { display: block;position:relative; width: 50%; color: #000; background: #0054b1; color: #fff; box-shadow: 0 5px 24px rgba(185,185,185,0.46); }
a.news_lt .img_box{ height:100%}
a.news_lt .img_box .img{ padding:0; height:100%;}
a.news_lt:hover { }
.news_lt .text { background: #0054b1; padding: 24px; display: flex; align-items: center; grid-gap: 20px; position: absolute; bottom: 0; left: 0; width: 100%; }
.news_lt .text .flex1 { width: 0 }
.news_lt .date { display: flex; align-items: center; }
.news_lt .date > span { font-size: 52px; }
.news_lt .l { width: 1px; height: 35px; background: #fff; opacity: .51; margin: 0 10px; }
.news_lt .date div { font-size: 20px; opacity: 0.75; font-family: Alibaba-PuHuiTi-Light; }
.news_lt h3 { font-size: 18px; font-weight: normal; margin-bottom: 10px; font-weight: bold; }
.news_lt .d_txt { opacity: 0.75; line-height: 24px; font-size: 14px; }
.news_lt img { width: 100%; }

.news_list ul.list1 { display: flex; margin: -19px; margin-bottom: 19px; flex-wrap: wrap; }
.news_list ul.list1 li { min-width: 50%; max-width: 50%; flex: 0 0 50%; }
.news_list ul.list1 .box { margin: 19px; }
/*.news_list ul.list1 .box:hover{ background:#005bac}
.news_list ul.list1 .box:hover *{color:#fff;}
.news_list .box:hover .date { background-image: url(../img/icon11-1.png) }*/
.news_list .box { display: block; }
.news_list { flex: 1; min-width: 0; padding-left: 36px; }
.news_list ul.list1 .box, .news_list ul.list2 { box-shadow: 0 5px 24px rgba(185,185,185,0.46); }
.news_list ul.list2,
.news_list .text { padding: 20px; }
.news_list .date { display: flex; justify-content: space-between; padding-left: 18px; background: url(../img/icon11.png) no-repeat left center; color: #888; font-size: 14px; margin-bottom: 10px; line-height: 16px; transition: all 0s; font-family: 'Alibaba-PuHuiTi-Thin'; }
.news_list h3 { font-size: 18px; margin-bottom: 10px; font-family: 'Alibaba-PuHuiTi-Regular'; font-weight: bold; }
.news_list .d_txt { line-height: 18px; font-size: 14px; color: #666;  }
.news_list_box .date, .news_list_box .d_txt { font-family: Alibaba-PuHuiTi-Regular; }
.news_list ul.list2 li { margin-bottom: 20px; }
.news_list ul.list2 li:not(:last-child) { border-bottom: 1px solid #f7f6f8; }
.news_list ul.list2 li:not(:last-child) .box { padding-bottom: 20px; }
.news_list ul.list2 .date { margin-bottom: 0; margin-top: 10px; }
.footer { background: url(../img/footer.jpg) no-repeat center center; background-size: cover; padding-top: 15px }

.foot_head { height: 120px; display: flex; align-items: center; border-bottom: 2px solid rgba(255,255,255,0.1); justify-content: space-between; }
.foot_tel { display: flex; align-items: center; }
.foot_tel a { color: #fff; font-size: 36px; font-family: Alibaba-PuHuiTi-ExtraBold; }
.foot_tel:before { content: ''; display: block; width: 31px; height: 31px; background: url(../img/icon12.png) no-repeat center center; margin-right: 15px; }

.foot_items { display: flex; justify-content: space-between; align-items: flex-start; padding: 30px 0; color: #fff }
.foot_items a { color: rgba(255,255,255,.67); font-size: 16px; font-family: Alibaba-PuHuiTi-Light; }
.footer a:hover { color: #fff !important; }
.foot_items h3 { font-family: Alibaba-PuHuiTi-Medium; color: #fff }
.foot_items ul { line-height: 26px; }
.foot_items .item:last-child h3:after { display: none; }
.foot_items h3:after { margin-top: 15px; content: ''; display: block; width: 100%; background: rgba(255,255,255,0.1); height: 2px; border-left: 16px solid #fff; margin-bottom: 12px; }
.foot_items .text { margin-top: 20px; font-size: 14px; line-height: 30px; opacity: 0.5; margin-bottom: 15px; }
.icons { display: flex; }
.icons a { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 5px; border: 1px solid rgba(255,255,255,0.75); margin-right: 8px; position: relative; }
.icons .drop { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 120px; margin-top: 10px; background: #fff; padding: 0px; border: 1px solid #fff; display: none; }
.icons .drop img { width: 100%; }
.icons a:hover .drop { display: block; }
.icons img { opacity: 0.7 }
.icons a:hover img { opacity: 1 }

.foot_btm { padding: 25px 0 40px; font-size: 14px; border-top: 2px solid rgba(255,255,255,0.1) }
.foot_btm .link a, .foot_btm .link { color: rgba(255,255,255,0.3) }
.foot_btm .link a { margin-right: 10px; }
.foot_btm .link { margin-bottom: 20px; }
.copyright, .copyright a { color: rgba(255,255,255,0.5) }
.copyright { display: flex; align-items: center; justify-content: space-between; }

body { overflow-x: hidden; }
.footer { overflow: hidden; }
.page_banner { background-size: cover }
.page_banner .wrap { height: 84vh; display: flex; align-items: center; justify-content: center; color: #fff; flex-direction: column; }
.page_banner .tit h2 { font-size: 48px; font-weight: normal; font-family: Alibaba-PuHuiTi-Medium; }
.page_banner .tit { text-align: center; width: 100%; position: relative; font-family: Alibaba-PuHuiTi-Medium; }
.page_banner .tit p { text-align: center; position: absolute; line-height: 50px; left: 0; right: 0; margin: 0 auto; top: 50%; margin-top: -30px; font-size: 100px; opacity: 0.1; text-transform: uppercase; }
.page_banner .more { position: absolute; bottom: 5%; left: 0; right: 0; margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.page_banner .more .icon_more { margin-right: 0; margin-bottom: 10px; }
.page_banner .d_txt { text-align: center; margin: 50px 0; font-size: 18px; line-height: 40px; }
.page_banner .list { margin-top: 20px; display: flex; justify-content: center; align-items: center; grid-gap: 100px; text-align: center; }
.page_banner .t { display: flex; align-items: flex-end; justify-content: center; margin-bottom: 20px; }
.page_banner .t h3 { margin-right: 10px; font-size: 52px; position: relative; }
.page_banner .t h3 label { position: absolute; top: -5px; left: 100%; width: 28px; height: 28px; border-radius: 28px; background: rgba(255,255,255,0.27); color: #fff; border-radius: 100%; font-size: 14px; font-weight: normal; line-height: 28px; margin-left: -10px; }
.page_banner .list li > p { opacity: 0.7; line-height: 22px; font-size: 14px; }
.mainer_pad { padding: 66px 0; }
.pro_list .item { display: flex; border-radius: 8px; border: 1px solid #e5e5e6; margin-bottom: 49px; }
.pro_list .item:last-child { margin-bottom: 0 }
.pro_list .item:hover { background: #f8f9f9; box-shadow: 0 0 15px rgba(0,0,0,0.1) }
.pro_list .item:hover img { transform: scale(1.05) }
.pro_list .item .text { padding: 30px; }
.pro_list .item .text { flex: 1; }
.pro_list .item .img_cover { max-height: 390px; width: 50%; }
.pro_list .item .img_cover img{width:100%; height:100%}
.pro_list .item .img_cover { background: #e8eeee; border-radius: 8px; }
.pro_list h3 { font-size: 30px; margin-bottom: 20px; font-weight: normal; }
.d_line { width: 100%; height: 1px; background: #dbdddc; margin-bottom: 20px; }
.d_line:before { content: ''; display: block; width: 34px; background: #075eac; height: 100%; }
.pro_list .item:hover .d_line:before { width: 100%; }
.pro_list .item:hover a { color: #075eac }
.pro_list .d_txt { line-height: 28px; color: #696969; margin-bottom: 20px; min-height: 130px }
.pro_list .item2 { background: linear-gradient(to right,#fff 50%,#f3f3f3) }
.pro_list .item2 .img_cover { max-width: 700px; background: none }
.img_fill img { width: 100%; height: 100%; object-fit: cover }
.img_cover { display: flex; align-items: center; justify-content: center; }
.img_cover img { max-width: 100%; max-height: 100%; object-fit: cover; margin: 0 }

.page_pos { border-bottom: 2px solid #ddd; position: sticky; top: 86px; background: #fff; z-index: 1001 }
.page_pos .wrap { display: flex; align-items: center; justify-content: space-between; height: 74px; }
.page_pos .pos { padding-left: 35px; background: url(../img/icon15.png) no-repeat left center; line-height: 20px; color: #6e6e6e; flex: 1; width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.page_pos .pos a:last-child { color: #005bac }

.page_pos .ul_tag { display: flex; }
.page_pos .ul_tag li { position: relative; line-height: 75px; margin-left: 55px; font-size: 18px; }
.page_pos .ul_tag li:after { content: ''; display: block; width: 0; height: 2px; background: #005bac; position: absolute; top: 100%; left: 0; right: 0; margin: 0 auto; z-index: 1 }
.page_pos .ul_tag li:first-child { margin-left: 0; }
.page_pos .ul_tag li.on a { color: #005bac }
.page_pos .ul_tag li.on:after { width: 62px; }

.pro_list2 { display: flex; flex-wrap: wrap; margin: 0 -40px; margin-top: 50px; }
.pro_list2 .item { flex: 0 0 50%; }
.pro_list2 .box { padding: 30px 0; padding-top: 0; display: block; margin: 40px; border-radius: 10px; border: 1px solid #e5e5e6; background: linear-gradient(to bottom,#f3f3f3,#fff) ;overflow:hidden;}
.pro_list2 .text { padding: 0 40px; }
.pro_list2 .img_cover { margin-bottom:20px;  }
.pro_list2 .tit { display: flex; align-items: center; padding-bottom: 20px; justify-content: space-between; }
.pro_list2 .tit h3 { font-size: 24px; font-weight: normal; font-family: Alibaba-PuHuiTi-Medium }
.span_more { display: block; padding-right: 30px; background: url(../img/icon16.png) no-repeat right center; color: #434343; }
.pro_list2 .box:hover .d_line:before { width: 100%; }
.pro_list2 .box:hover { background: linear-gradient(to bottom,#fff,#fff); box-shadow: 0 3px 38px rgba(4,121,255,0.14) }
.pro_list2 .box:hover .span_more { color: #005bac; background-image: url(../img/icon16-1.png) }
.pro_list2 .line2 { color: #434343; line-height: 28px; }

.page_banner2 .tit:hover .d_line:before { width: 100%; }
.page_banner2 { padding: 50px 0; background: url(../img/bg4.jpg) no-repeat center center; background-size: cover; margin-top: -2px; }
.page_banner2 .wrap { display: flex; align-items: center; }
.page_banner2 .text { display: flex; flex-direction: column; align-items: flex-start; }
.page_banner2 h5 { font-size: 48px; color: #c7c5c5; text-transform: uppercase; opacity: 0.24 }
.page_banner2 h3 { font-size: 60px; margin-bottom: 20px; font-weight: normal; margin-top: 20px; }
.page_banner2 h4 { font-size: 36px; font-weight: normal; }
.page_banner2 .img1 { min-height: 50vh; display: flex; align-items: center; width: 60%; padding-right:50px;justify-content:center;}
.page_banner2 .img2 { min-height: 50vh; display: flex; align-items: center; width: 50%; }
.page_banner2 .text2 h3 { font-size: 60px; color: #fff; }
.page_banner2 .text2 h3:after { content: ''; display: block; width: 111px; height: 2px; background: #fff; margin: 20px 0 }
.page_banner2 .text2 h5 { font-size: 36px; color: #fff; opacity: 1; text-transform: inherit; font-weight: normal; }

.pro_list3 { background: #fff; }
.pro_list3 .item { display: flex; align-items: center; }
.pro_list3 .item:not(:first-child) { margin-top: 70px; }
.pro_list3 .text { flex: 1; width: 0 }
.pro_list3 .img_box { width: 600px; display: flex; align-items: center; justify-content: flex-start; margin-left: 60px; }
.pro_list3 .img_box .img1 { overflow: initial; }
.pro_list3 .img_box .img1:hover img { transform: scale(1.03) }
.pro_list3 .img_box img { border-radius: 10px; max-width: initial; }
.pro_list3 .item:nth-child(2n) { flex-direction: row-reverse }
.pro_list3 .item:nth-child(2n) .img_box { justify-content: flex-end; margin-left: 0; margin-right: 60px; }
.pro_list3 h3 { font-size: 48px; font-weight: normal; margin-bottom: 80px; }

.pro_list3 h3 { font-size: 48px; font-weight: normal; margin-bottom: 80px; }

.pro_list3 ul { margin: -30px; display: flex; flex-wrap: wrap; }

.pro_list3 ul li { padding: 30px; flex: 0 0 33.3%; line-height: 24px; color: #4d4d4d; position: relative; }

.pro_list3 .ul1 ul li:hover p:before, .pro_list3 .ul1 ul li:hover p::after { height: 100%; }
.pro_list3 li:hover h4::before, .pro_list4 li:hover h4::before{ width: 100%; }

.pro_list3 .ul1 ul li p { padding-left: 15px; position: relative; }
.pro_list3 .ul1 ul li p::before, .pro_list3 .ul1 ul li p::after { content: ''; display: block; position: absolute; top: 5px; left: 0; width: 1px; }
.pro_list3 .ul1 ul li p::before { height: 60px; background: #e5e5e6 }
.pro_list3 .ul1 ul li p::after { height: 19px; width: 2px; background: #075eac }
.pro_list3 h4 { position: relative;font-size: 18px; font-weight: normal; margin-bottom: 20px; }
 
.pro_list3 h4::after {content: ''; display: block;  width: 100%; height: 1px; background: #dbdddc; position: absolute;bottom: -10px;left: 0px;z-index: 9}
 
.pro_list3 h4::before { content: ''; display: block; position: absolute;width: 34px; background: #075eac; height: 2px; bottom:-10px; left: 0px; }


.page_img { padding: 55px; margin: 40px; margin: 20px 0 !important; padding:0 !important; background: #f7fbff;background:none; text-align: center; }
.page_img img { max-width: 100%; }
.bold { font-weight: bold !important }
.main_fff { background: #fff; }
.pro_list4 h3 { font-size: 48px; font-weight: normal; margin-bottom: 50px; }
.pro_list4 { padding-top: 80px; }
.pro_list4 .ul4 ul { display: flex; flex-wrap: wrap; margin: -40px; }
.pro_list4 .ul4 ul li { flex: 0 0 25%; padding: 40px; }
 
.pro_list4 h4 { position: relative;font-size: 18px; color: #000; font-weight: normal;  margin-bottom: 25px; padding-bottom: 10px }
 
.pro_list4 h4::after {content: ''; display: block;  width: 100%; height: 1px; background: #dbdddc; position: absolute;bottom: -10px;left: 0px;z-index: 9}
 
.pro_list4 h4::before { content: ''; display: block; position: absolute;width: 34px; background: #075eac; height: 2px; bottom:-10px; left: 0px; }
 

.pro_list4 p { line-height: 24px; color: #707070 }
.pro_list4 .d_line { max-width: 180px; }

.page_tit2 { margin-bottom: 30px; }
.page_tit2 h3 { font-weight: normal; font-size: 40px; text-align: center; color: #000 }
.page_tag { margin-top: 40px; display: flex; justify-content: center; align-items: center; }
.page_tag li { }
.page_tag li a { width: 160px; height: 55px; background: url(../img/icon17.png) no-repeat center; background-size: 100% 100%; display: flex; align-items: center; justify-content: center; font-size: 18px; }
.page_tag li a:hover, .page_tag li.on a { background-image: url(../img/icon17-1.png); color: #fff; }

.down_tab table { width: 100%; table-layout: fixed; }
.down_tab th { height: 73px; background: #f8f8f8; vertical-align: middle; font-size: 24px; font-weight: normal; color: #000 }
.down_tab td { height: 95px; border-bottom: 1px solid #edece9; vertical-align: middle; text-align: center; }

.down_tab td:first-child, .down_tab th:first-child { text-align: left; padding-left: 35px; }
.down_tab td:first-child { font-size: 18px; }
.down_tab th:first-child { padding-left: 65px; }
.icon_down { padding-left: 30px; background: url(../img/icon18.png) no-repeat left center; line-height: 30px; }
.down_tab th:nth-child(3), .down_tab td:nth-child(3) { width: 158px; }
.down_tab th:nth-child(2), .down_tab td:nth-child(2) { width: 300px; }
.a_btn { display: block; width: 104px; height: 45px; display: flex; align-items: center; justify-content: center; border-radius: 45px; border: 1px solid #b5b5b5; margin: 0 auto; }
.a_btn .icon_down2 { padding-left: 30px; background: url(../img/icon19.png) no-repeat left center; display: block; line-height: 25px; }
.down_tab tr:hover .a_btn { background: #005bac; color: #fff; border-color: #005bac }
.down_tab tr:hover .a_btn .icon_down2 { background-image: url(../img/icon19-1.png) }
.down_tab tr:hover .icon_down { background-image: url(../img/icon18-1.png) }
.down_tab tr:hover td { background: #f7f9f8; border-color: #f7f9f8 }
.pagesize { display: flex; align-items: center; justify-content: center; margin-top: 30px }
.pagesize a { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border: 1px solid #bfbfbf; color: #969696; margin: 0 6px; font-size: 18px; }
.pagesize a.a_next:before,
.pagesize a.a_prev:before { content: ''; display: block; width: 20px; height: 20px; background: url(../img/icon20.png) no-repeat center center; }
.pagesize a.a_next:hover:before,
.pagesize a.a_prev:hover:before { background-image: url(../img/icon20-1.png) }
.pagesize a.a_next:before { transform: rotate(180deg) }
.pagesize a.on,
.pagesize a:hover { background: #005bac; border-color: #005bac; color: #fff; }

.wrap2 { max-width: 1480px; }
.service_list ul { margin-top: 80px; display: flex; grid-gap: 65px; }
.service_list li { text-align: center; font-size: 24px; line-height: 36px; flex: 1; padding: 85px 0; position: relative; border-radius: 5px; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,0.1) }
.service_list li:after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 8px; background: #075eac; }
.service_list .icon { width: 190px; height: 190px; border-radius: 100%; margin: 0 auto; margin-bottom: 95px; background-position: center center; background-repeat: no-repeat; background-color: #e5e5e6 }
.service_list .icon1 { background-image: url(../img/icon21.png) }
.service_list .icon2 { background-image: url(../img/icon22.png) }
.service_list .icon3 { background-image: url(../img/icon23.png) }
.service_list li:hover:after { width: 100%; }
.service_list li:hover .icon { background-color: #0c61ac }
.service_list li:hover .icon1 { background-image: url(../img/icon21-1.png) }
.service_list li:hover .icon2 { background-image: url(../img/icon22-1.png) }
.service_list li:hover .icon3 { background-image: url(../img/icon23-1.png) }
.service_list li:hover p { color: #005bac }

.service_list2 { margin-top: 90px; }
.service_list2 ul { display: flex; grid-gap: 65px; }
.service_list2 li { flex: 1; }
.service_list2 .box { display: flex; box-shadow: 0 0 20px rgba(0,0,0,0.1); border-radius: 5px; }
.service_list2 .img1 { width: 50%; margin-right: 40px; border-radius: 5px; max-width: 341px; }
.service_list2 h3 { font-size: 24px; margin-bottom: 15px; font-family: 'Alibaba-PuHuiTi-Medium' }
.service_list2 .text { flex: 1; padding-top: 50px; }
.service_list2 .btn { margin-top: 30px; }
.service_list2 p { color: #666; font-size: 18px; line-height: 24px; max-width: 80%; }
.service_list2 .btn a { height: 32px; width: 104px; }

.qa_list .tit { cursor: pointer; display: flex; align-items: center; height: 37px; font-size: 18px; }
.qa_list .tit h5 { flex: 1; }
.qa_list .tit:before, .qa_list .tit:after { content: ''; display: block; width: 24px; height: 28px; }
.qa_list .tit:before { background: url(../img/icon24.png) no-repeat center center; margin-right: 10px; }
.qa_list .tit:after { background: url(../img/icon25.png) no-repeat center center; }
.qa_list .tit:hover:after { background-image: url(../img/icon25-2.png) }
.qa_list .tit.on:after { background-image: url(../img/icon25-1.png) }
.qa_list .tit.on:hover:after { background-image: url(../img/icon25-3.png) }
.qa_list .tit:hover h5, .qa_list .tit.on h5 { color: #005bac }
.qa_list li { border-bottom: 1px solid #ecede9; padding: 20px 0; }
.qa_list .drop { padding: 0 20px; line-height: 30px; color: #545454; margin-left: 20px; display: none; }
.qa_list .tit:after, .drop { transition: all 0s !important }

.play_btn { display: flex; align-items: center; justify-content: center; position: relative; width: 130px; height: 130px; border-radius: 100%; background: #005bac; margin-top: 50px; z-index: 1; cursor: pointer; }
.play_btn:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/play_video.png) no-repeat top left; animation: move 5s infinite linear; z-index: -1; }

@keyframes move {
    0% { transform: rotate(0deg) }
    100% { transform: rotate(360deg) }
}

.profile { background: url(../img/bg5.jpg) no-repeat center center; background-size: cover; padding: 140px 0 }
.logo_rt { text-align: right; margin-bottom: 50px; }
.logo_rt img { max-width: 380px; }
.profile_text h3 { font-size: 48px; line-height: 72px; font-weight: normal; font-family: Alibaba-PuHuiTi-Light }
.profile_text .f-c { grid-gap: 20px; }
.profile_text p { font-size: 18px; color: #787878; margin-top: 10px }
.profile_text { margin-bottom: 30px; }
.profile_list ul { display: flex; grid-gap: 10%; margin-top: 100px; }
.profile_list ul:after { display: none; }
.profile_list li { font-size: 22px; color: #858585; flex: 1; height: 296px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid #dcdcdc; background: #fff; border-radius: 10px; text-align: center; line-height: 30px; }
.profile_list .text { color: #858585 }
.profile_list .icon { width: 40px; height: 40px; background: url(../img/icon27.png) no-repeat center center; margin: 0 auto; margin-bottom: 20px; }
.profile_list .icon2 { background-image: url(../img/icon28.png) }
.profile_list h3 { color: #000; font-size: 24px; padding-bottom: 20px; }
.profile_list .tit { width: 80%; margin-bottom: 30px; max-width: 300px; border-bottom: 1px solid #c1c5c4 }
.profile_list li:hover { background: url(../img/bg6.jpg) no-repeat center center; background-size: cover }
.profile_list li:hover .icon1 { background-image: url(../img/icon27-1.png) }
.profile_list li:hover .icon2 { background-image: url(../img/icon28-1.png) }
.profile_list li:hover h3, .profile_list li:hover .text { color: #fff; }
.btn.smoll a { width: 122px; height: 37px; }
.profile_list2 ul { display: flex; flex-wrap: wrap; padding: 30px 0; }
.profile_list2 ul li { flex: 0 0 33.3%; width: 0 }
.profile_list2 .box { margin: 50px; box-shadow: 0 0 20px rgba(0,0,0,0.1); border-radius: 4px; overflow: hidden; position: relative; }
.profile_list2 .box:after { content: ''; position: absolute; width: 0; height: 9px; background: #075eac; left: 0; bottom: 0; }
.profile_list2 .img_cover { height: 430px; }
.profile_list2 .text { padding: 20px 40px 40px; padding-bottom: 0 !important }
.profile_list2 .box:hover:after { width: 100%; }
.profile_list2 h3 { font-size: 28px; font-weight: normal; font-family: 'Alibaba-PuHuiTi-Medium'; white-space: nowrap; }
.profile_list2 .text p { margin-top: 15px; font-size: 21px; color: #666; height: 40px; }

.contact_box { display: flex; padding: 40px 0 }
.contact_lt { flex: 1; width: 0 }
.contact_lt h3 { font-size: 38px; font-weight: normal; margin-bottom: 20px; }
.contact_lt > p { font-size: 18px; color: #666 }
.contact_lt .tel { margin-top: 40px; margin-bottom: 20px; font-size: 36px; color: #075eac; font-family: Alibaba-PuHuiTi-ExtraBold }
.contact_lt .info { border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; padding-top: 40px; padding-bottom: 20px; display: flex; grid-gap: 40px; }
.contact_lt .info div:first-child { min-width: 30%; }

.contact_lt .info { color: #666; font-size: 18px; margin-bottom: 15px; }
.contact_lt .info h4 { color: #333; font-weight: normal; margin-top: 15px; }
.contact_lt .add { line-height: 36px; }
.contact_lt .add .f-c { grid-gap: 40px; }
.ewms ul { color: #555; display: flex; margin-top: 50px; text-align: center; }
.ewms ul li:not(:first-child) { margin-left: 20px; }
.ewms .ewm { padding: 3px; border: 1px solid #e9e9e9; margin-bottom: 10px; }

.contact_rt { margin-left: 80px; width: 50%; box-shadow: 0 3px 13px rgba(76,76,76,0.14); padding: 50px; }
.contact_rt h4 { font-size: 24px; font-weight: normal; text-align: center; color: #4c4c4c; margin-bottom: 20px; }
.form_box { display: flex; flex-wrap: wrap; }
.form_box li { flex: 0 0 50%; padding: 10px; }
.form_box li.flex1 { flex: 0 0 100%; }
.input { flex: 0 0 45%; border-bottom: 1px solid #ccc; min-height: 60px; display: flex; align-items: center; margin-top: 10px; }
.input label { color: #e42626; margin-right: 10px; }
.input textarea { resize: none; height: 60px; margin-top: 20px; }
.input textarea, .input input { flex: 1; width: 100%; border: 0; background: none; }
.input_btn { margin-top: 60px; }
.input_btn button { width: 100%; height: 58px; line-height: 58px; border: 0; background: #005bac; color: #fff; font-size: 22px; cursor: pointer; }
.form_box .input.flex1 { flex: 0 0 95% }


.div_tab table { width: 100%; table-layout: fixed; border-collapse: initial; border-spacing: 0 38px }
.div_tab th { background: #f7f9f8; font-weight: normal; height: 83px; font-family: Alibaba-PuHuiTi-Medium; font-size: 24px; }
.div_tab td { height: 96px; border: 1px solid #f2f2f2; border-left: 0; border-right: 0; font-size: 18px; }
.div_tab th, .div_tab td { vertical-align: middle; text-align: center; }
.div_tab td:first-child { border-left: 1px solid #f2f2f2 }
.div_tab td:last-child { border-right: 1px solid #f2f2f2 }
.div_tab th:first-child, .div_tab td:first-child { padding-left: 30px; text-align: left; }
.div_tab tr:not(:first-child) { box-shadow: 0 0 10px rgba(0,0,0,0.1) }
.a_btn2 { display: flex; align-items: center; justify-content: center; margin: 0 auto; width: 104px; height: 45px; border-radius: 45px; border: 1px solid #b4b7b7; }
.a_btn2:before { content: ''; width: 32px; height: 19px; animation: right_move 1s infinite; background: url(../img/icon29.png) no-repeat center center; }
.div_tab th:last-child, .div_tab td:last-child { width: 180px; }
.div_tab tr:hover .a_btn2 { background-color: #075eac; }
.div_tab tr:hover .a_btn2:before { background-image: url(../img/icon29-1.png) }
.div_tab tr:hover td { color: #005bac }
.div_tab { margin-top: -30px; }

.page_banner_det { height: 267px; }

.details_box .box { padding: 60px; padding-top: 0; box-shadow: 0 0 20px rgba(0,0,0,.1); border: 1px solid #f2f2f2 }
.details_box h1 { height: 103px; border-bottom: 2px solid #ccc; font-size: 30px; font-weight: normal; display: flex; align-items: center; }
.details_box .text h5 { margin-top: 30px; }
.details_box .text { line-height: 30px; color: #454545 }
.btn2 { margin-top: 40px; }
.btn2 a { display: block; width: 153px; height: 45px; border-radius: 45px; border: 1px solid #005bac; color: #005bac; display: flex; align-items: center; justify-content: center; }
.btn2 a:after { content: ''; display: block; width: 33px; height: 19px; background: url(../img/icon29-2.png) no-repeat center center; margin-left: 10px; }
.btn2 a:hover { background: #005bac; color: #fff; }
.btn2 a:hover:after { background-image: url(../img/icon29-1.png) }


.modal_tit { font-size: 36px; text-align: center; font-weight: normal; transform: translateY(-30px); color: #4c4c4c }
a.a_btn3 { display: flex; align-items: center; justify-content: center; padding: 0 10px; line-height: 28px; color: #fff; background: #005bac; font-size: 14px; }

button.a_btn3 { display: flex;align-items:center;justify-content:center; padding: 0 10px; line-height: 28px; color: #fff; background: #005bac ;font-size:14px;}





.search_box { display: flex; max-width: 450px; height: 46px; border: 1px solid #dbdddc }
.search_box input { flex: 1; background: none; border: 0; padding-left: 10px; font-size: 20px; }
.search_box .a_btn3 { height: 46px; margin: -1px; line-height: 46px; font-size: 20px; border: 1px solid #16948d }

.search_result > .item { margin-top: 80px; }
.search_result > .item > h3 { font-size: 24px; line-height: 2.5; border-bottom: 1px solid #dbdddc; font-weight: normal; color: #005bac }
.search_result .pro_list2 { margin-top: 0px; }
.search_result .down_tab td:first-child { padding-left: 0 }

.news_list4 { margin-top: 20px }
.news_list4 ul { display: flex; margin: -25px; }
.news_list4 li { flex: 0 0 50%; padding: 25px; }
.news_list4 .flex { display: flex; border-bottom: 1px solid #dbdddc; height: 62px; align-items: center; }
.news_list4 p { flex: 1; width: 0; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news_list4 span { font-size: 14px; color: #a2a2a2 }



.news_com { display: flex; background: #f5f9fd; font-family: 'Microsoft YaHei' }
.news_com:hover h3 a, .news_com:hover .date, .news_com:hover .date span { color: #005bac }
.news_com .img1 { width: 569px; position: relative; }

.news_com .text { flex: 1; width: 0; padding: 40px 80px; }
.news_com .date { font-size: 14px; margin-bottom: 40px; grid-gap: 10px; display: flex; align-items: flex-end; }
.news_com .date span { font-size: 48px; color: #494949; position: relative; font-weight: bold; }
.news_com .date span:after { position: absolute; content: ''; left: 0; width: 100%; top: 100%; margin-top: 5px; height: 2px; background: #005bac }
.news_com h3 { font-size: 18px; font-weight: normal; margin-bottom: 10px; color: #000 }
.news_com .line1 { line-height: 30px; margin-bottom: 70px; color: #323232; white-space: normal; font-weight: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news_list .d_txt { white-space: normal; font-weight: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news_list .list2 .d_txt{ -webkit-line-clamp: 1; }
.news_list_box { padding-left: 0 !important; margin-top: 50px; }
.news_list_box ul.list1 li { flex: 0 0 33.3%; min-width: 33.3%; max-width: 33.3%; }
.news_list_box ul.list1 .box { border-radius: 10px; overflow: hidden; background: #f7f9f8; box-shadow: none; }
.news_list_box .img { /*height: 320px;*/ }
.news_list_box .text { position: relative; }
.news_list_box .text:after { content: ''; display: block; width: 81px; height: 91px; background: url(../img/icon31.png) no-repeat center center; position: absolute; bottom: 0; right: 0; opacity: 0 }
.news_list_box .box:hover .text { background: #005bac }
.news_list_box .box:hover * { color: #fff; }
.news_list_box .box:hover .date { background-image: url(../img/icon11-1.png) }
.news_list_box .box:hover .text:after { opacity: 0.07 }
.news_list_box .box:hover .div_more i { background-image: url(../img/icon30-1.png) }
.div_more { display: flex; align-items: center; justify-content: flex-start; margin-top: 50px; color: #5c5b5b }
.div_more i { display: block; width: 25px; height: 10px; background: url(../img/icon30.png) no-repeat center center; margin-left: 10px; animation: right_move 1s infinite; }

.news_details .tit { border-bottom: 1px solid #dbdddc; padding-bottom: 25px; margin-bottom: 25px; color: #6f6f6f }
.news_details .tit h1 { font-size: 36px; font-weight: normal; margin-bottom: 25px; color: #000 }
.news_details .text { line-height: 36px; color: #141414 }
.det_cur { display: flex; margin-top: 30px; padding-top: 20px; border-top: 1px solid #dbdddc }
.det_cur a { display: flex; flex: 1; align-items: center; }
.det_cur a:last-child { flex-direction: row-reverse; }

.det_cur span:before { content: '<' }
.det_cur span:after { content: '：' }
.det_cur a:last-child span:before { content: '：' }
.det_cur p { flex: 1; width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.det_cur a:last-child p { text-align: right; }
.det_cur a:last-child span:after { content: '>' }
.swiper-button-his { width: 44px; height: 44px; border-radius: 100%; background: #0c5aa0; top: 35px !important }
.swiper-button-his:hover { background: #000 }
.swiper-button-his:after { font-size: 20px; color: #fff; font-weight: bold; }

.swiper_his { position: relative; text-align: center; padding: 0 80px; }
.swiper_his .swiper-container { padding-top: 20px; }
.swiper_his .swiper-slide span { position: relative; display: block; padding-top: 45px; font-size: 26px; cursor: pointer; z-index: 1; }
.swiper_his .swiper-slide span:before,
.swiper_his .swiper-slide span:after { content: ''; display: block; width: 30px; height: 30px; background: url(../img/icon32.png) no-repeat center center; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; }
.swiper_his .swiper-slide span:before { border-radius: 100%; background: #0c5aa0; opacity: 0.1; width: 30px; height: 30px; z-index: -1; opacity: 0 }

.swiper_his .swiper-slide.on span { color: #005bac }
.swiper_his .swiper-slide.on span:after { background-image: url(../img/icon32-1.png) }
.swiper_his .swiper-slide.on span:before { animation: scMove 2s;; }

@keyframes scMove {
    0% { transform: scale(1); opacity: .1 }
    100% { transform: scale(2.5); opacity: 0 }
}

.swiper_his:after { content: ''; display: block; position: absolute; left: 80px; right: 80px; background: #dbdddc; height: 1px; top: 35px }
.swiper_his .swiper-slide { width: 200px; }
.his_list_info { margin-bottom: 80px; display: flex; align-items: center; }
.his_list_info .info { flex: 1; padding-right: 80px; font-size: 18px; width: 0 }
.his_list_info .info p { margin-top: 20px; line-height: 24px; }
.his_list_info .info h3 { font-size: 272px; color: #0c5aa0; opacity: 0.1; height: 160px; font-weight: bold; }
.swiper_his_img { width: 740px; position: relative; padding: 0 70px; }
.swiper_his_img .swiper-button-his { user-select: none; background: #c9cbcb; top: 50% !important; margin-top: -22px }
.swiper_his_img .swiper-button-his:hover { background: #005bac }
.swiper_his_img .img1 { height: 414px; display: flex; align-items: center; justify-content: center; }
.his_list { padding: 50px 0; }
.img1 img { display: block; }
.modal_video .video { max-height: 80vw }
.video video { width: 100%; height: 10%; object-fit: cover }
.close { z-index: 100 }

.pro_det .list { padding: 80px 0; display: flex; justify-content: space-between; max-width: 1000px; width: 80%; margin: 0 auto; text-align: center; }
.pro_det .list h3 { padding-bottom: 15px; margin-bottom: 20px; max-width: 180px; position: relative; font-size: 18px; margin-top: 20px; }
.pro_det .list { color: #4d4d4d; }
.pro_det .list h3:after, .pro_det .list h3:before { content: ''; display: block; width: 100%; margin: 0 auto; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: #dbdddc }
.pro_det .list h3:after { margin-bottom: -1px; width: 36px; height: 2px; background: #075eac }
.pro_det .h3_tit { margin: 40px 0 30px; font-size: 48px; font-weight: normal; }
.pro_det .pro_txt { line-height: 30px; font-size: 18px; color: #464646 }
.pro_det .pro_txt strong { color: #000 }
.pro_det .pro_txt p { min-height: 30px; }
.pro_det .pro_img.img11 { padding: 50px 30px; text-align: center; background: #f7fbff }

@media only screen and (max-width: 1600px) {
    .menu .li { margin-left: 30px }
}

@media only screen and (max-width: 1460px) {
    .lang, .search, .menu .li { margin-left: 20px; }
    .page_list1 .drop li { font-size: 20px; }
    .page_list1 .item .drop { padding: 50px; }
    .news_list ul.list1 .box { margin: 10px; }
    .news_list ul.list1 { margin-left: -10px; margin-right: -10px; margin-top: -10px; margin-bottom: 10px; }
    .news_list { padding-left: 20px; }
    .page_list1 .item .box { margin: 0 10px; }


    .profile_list2 .box { margin: 20px; }
    .profile_list2 .text p { font-size: 16px; }
    .profile_list2 .text { padding: 20px; }
    .pro_list2 .box { margin: 20px; }
    .pro_list2 { margin-left: -20px; margin-right: -20px; margin-top: 20px; }
    .service_list ul { grid-gap: 30px; }
    .service_list li { padding: 40px 0 }
    .service_list .icon { margin-bottom: 40px; }
    .service_list2 ul { grid-gap: 30px; }
    .service_list2 .text { padding-top: 30px; }
    .service_list2 { margin-top: 40px; }
    .service_list2 .img1 { margin-right: 20px; }
    .service_list2 p { font-size: 16px; max-width: 90%; }
    .div_tab table { border-spacing: 0 20px }
    .div_tab td { height: 80px; }
    .div_tab th { height: 70px; }

    .page_banner2 .text { margin-left: 30px; }
    .page_banner2 .text2 { flex: 1; margin-left: 30px; }
    .page_banner2 .text2 h3 { font-size: 5.5vw }
    .page_banner2 .text2 h5 { font-size: 3vw }
}

@media only screen and (max-width: 1250px) {
    .header .logo { flex: 1; }
    .menu { position: fixed; top: 80px; right: -100%; width: 70%; background: #fff; bottom: 0; overflow-y: auto; }
    .menu ul li { float: none; display: block; border-bottom: 1px solid #ddd; padding: 0 }
    .menu ul li a { line-height: 45px; font-size: 18px; }
    .header .logo { position: relative; z-index: 1001; line-height: 60px; padding-right: 20px; }
    .header_fff .menu_wrap { background-color: #005bac }
    .menu_wrap { width: 40px; height: 40px; background: url(../img/menu.png) no-repeat center center; background-size: 25px auto; margin-left: 20px; }
    .h_menu .menu_wrap { background: url(../img/menu-1.png) no-repeat center center #fb3546; background-size: 25px auto; }

    .h_menu .menu { right: 0; }
    .menu .menu_tit > a { line-height: 60px; }
    .header { line-height: 60px; }
    .menu .ul { flex-direction: column; }
    .menu .ul .li { margin: 0 20px; }
    .menu .drop { display: none; position: initial; transform: none; left: auto; opacity: 1; visibility: visible; box-shadow: none; border-radius: 0 }
    .menu .drop:not(:empty) { border-top: 1px solid #dbdddc; }
    .menu .drop ul { padding: 0; text-align: left; }
    .menu .drop ul a { text-align: left; }

    .page_banner .tit p { font-size: 8vw }
    .profile_text h3, .page_banner .tit h2 { font-size: 4.5vw; line-height: 1.5 }
    .profile { padding: 50px 0 }
    .logo_rt { text-align: left;; margin-bottom: 30px; }
    .profile_text p { font-size: 16px; }
    .profile_list ul { margin-top: 30px; grid-gap: 30px; }
    .profile_list li { font-size: 16px; }
    .profile_list2 h3 { font-size: 24px; }

    .swiper_his_img { width: 50%; }
    .his_list_info .info h3 { font-size: 18vw; height: auto; margin-bottom: -0.5em }
    .his_list_info { margin-bottom: 50px; }
    .his_list { padding-top: 0 }
    .swiper_his .swiper-slide { width: 150px; }
    .news_com .text { padding-left: 30px; padding-right: 30px; }
    .menu .menu_tit > a:after { margin-left: 0 }
    .pro_list2 .box { margin: 10px; padding-bottom:0}
    .pro_list2 .text { padding: 0 20px; }
    .pro_list2 .span_more { display: none; }
    .pro_list2 .tit { padding-bottom: 10px; }
    .d_line { margin-bottom: 10px; }
    .pro_list2 .text { padding-bottom: 10px; }
    .pro_list2 { margin: -10px; margin-top: 20px; }
    /*.pro_list2 .img_cover { height: calc(54vw * 322 / 531) }*/
    .mainer_pad { padding: 40px 0 }

    .service_list .icon { width: 150px; height: 150px; margin-bottom: 20px; }
    .service_list li { font-size: 16px; padding: 25px 0; line-height: 1.5 }
    .service_list2 .btn { margin-top: 10px; }
    .service_list2 .text { padding-top: 20px; }
    .service_list2 p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
    .service_list ul { margin-top: 40px; }
    .pro_list3 .img1 { width: 50%; margin-left: 30px; }
    .page_img { margin: 20px; padding: 20px; }
    .pro_list3 .item:nth-child(2n) .img1 { margin-right: 30px; margin-left: 0 }
    .pro_list3 ul li, .pro_list4 li { padding: 20px !important; }
    .pro_list4 ul { margin: -20px !important}
    .pro_list3 h3, .pro_list4 h3 { margin-bottom: 40px; font-size: 4.5vw }
    .pro_list .item { margin-bottom: 20px; }
    .qa_list li { padding: 10px 0 }
}

.news_com h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; }

@media only screen and (max-width: 1024px) {
    .profile_list2 .box { margin: 10px; }
    .page_banner .wrap { height: 60vh }
    .profile_list2 ul li { margin-bottom: 20px; width: 100%; }
    .profile_list2 .text { flex: 1; }
    .profile_list2 ul { display: block;; margin: 0; padding: 20px; }

    .profile_list2 .box .img_fill { width: 50%; }
    .profile_list2 .box { display: flex; margin: 0 }
    .foot_items .item { flex: 0 0 33.3%; padding: 0 10px; }
    .foot_items { display: block; }
    .foot_items ul { display: flex; flex-wrap: wrap; margin: 0 -10px; margin-bottom: 15px; }
    .foot_items .item:nth-child(2) ul li { flex: 0 0 40%; }
    .foot_items ul li { margin: 0 10px; }
    .foot_items .text { margin-top: 10px; }
    .foot_items .item:last-child h3:after { display: block }
    .foot_btm { padding: 15px 0 }
    .foot_btm .link { margin-bottom: 10px; }
    .page_banner .d_txt { font-size: 15px; line-height: 1.5; margin: 10px 10px 30px }
    .page_banner .list { grid-gap: 20px; }
    .contact_box { display: block; }
    .contact_lt { width: 100%; }
    .contact_rt { width: 100%; margin: 0 auto; margin-top: 30px; padding: 30px; }
    .news_com .img1 { width: 50%; }
    .news_com .line2 { margin-bottom: 20px; }
    .news_com .date { margin-bottom: 30px; position: absolute; background: rgba(0,0,0,0.5); top: 10px; left: 10px; padding: 10px; color: #fff; flex-direction: column; display: flex; align-items: center; }
    .news_com .date span { width: 100%; text-align: center; color: #fff; font-size: 5vw }
    .news_com .line2 { line-height: 1.5 }

    .news_com .date span:after { background: #fff; height: 1px; }
    .search_result > .item { margin-top: 40px; }
    .div_tab th:first-child, .div_tab td:first-child { padding-left: 20px; }
    .details_box .box { padding: 40px; padding-top: 0 }
    .modal_cont .box { padding: 40px; }
    .modal_tit { transform: none; }
    .page_pos .ul_tag li { margin-left: 20px; }
    .page_banner2 .img1 { min-height: 40vh }
    .page_banner2 h5 { font-size: 5vw }
    .page_banner2 h3 { font-size: 6vw }
    .page_banner2 h4 { font-size: 3vw }
    .page_banner2 .text { padding-left: 40px; }
    .pro_list3 ul li { flex: 0 0 50%; }
    .pro_list3 ul li { padding: 10px; }
    .pro_list3 ul { margin: 0px; }
    .pro_list4 li { flex: 0 0 50% !important; }
}

.mainer { overflow: hidden; }
.swiper1 h2 { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); font-size: 60px; line-height: 1.3; text-align: center; color: #fff; font-weight: normal; }

@media only screen and (max-width: 750px) {
    .swiper1 h2 { font-size: 8vw }
    .page_pos .wrap { display: block; height: auto; }
    .page_pos .pos { line-height: 40px; }
    .page_pos .ul_tag li { line-height: 40px; }

    .lang, .header > .wrap { height: 60px; }
    .menu { top: 60px; }
    .lang .tit { display: none; }
    .lang .icon { margin-right: 0; }
    .menu_wrap, .lang, .search { margin-left: 5px; }
    .page_banner .tit p { font-size: 12vw }
    .profile_text h3, .page_banner .tit h2 { font-size: 10vw }
    .page_tit2 h3 { font-size: 8vw }
    .page_tag li a { width: 150px; height: 40px; }
    .service_list ul, .service_list2 ul { display: block; }
    .service_list li, .service_list2 li { margin-bottom: 15px; }
    .service_list2 { margin-top: 20px; }
    .service_list2 h3 { font-size: 20px; margin-bottom: 5px }
    .mainer_pad { padding: 20px 0 }
    .page_banner .wrap { height: auto; min-height: 280px; padding: 120px 0 }
    .page_banner .more { bottom: 20px; }
    .page_tit2 { margin-bottom: 30px; margin-top: 20px; }
    .div_tab th { font-size: 18px; }
    .page_pos { padding: 10px 0; top: 61px }
    .div_tab td { font-size: 16px; }
    .service_list .icon { width: 120px; height: 120px }
    .service_list2 .img1 { width: 170px; }
    .service_list2 .text { padding-top: 0px; }
    .service_list2 .box { align-items: center; }
    .service_list2 p { line-height: 20px; }
    .wrap { width: auto; margin: 0 15px; }
    .footer { padding-top: 30px; }
    .qa_list .drop { line-height: 1.5 }
    .foot_head { display: block; height: auto; padding-bottom: 20px; }
    .foot_items .item { padding: 0 }
    .copyright { display: block; }
    .page_pos .pos { width: 100%; padding-left: 25px; }
    .foot_head .logo { margin-bottom: 10px; }
    .page_tag { overflow-x: auto; display: block; white-space: nowrap; }
    .page_tag li { display: inline-block }
    .page_pos .ul_tag li { white-space: nowrap }
    .page_pos .ul_tag { width: 100%; overflow: hidden; overflow-x: auto; }
    .pro_list .item, .pro_list .item2 { flex-direction: column-reverse }
    .pro_list .item2 .img_cover, .pro_list .item .img_cover { width: 100%; max-width: initial; min-height: initial;   }
    .pro_list .item .text { padding: 20px; }
    .pro_list2 .item { flex: 0 0 100%; }
    .pro_list2 .img_cover { height: auto;   }
    .pro_list h3 { font-size: 26px; }
    .page_banner2 .wrap { display: block; }
    .page_banner2 .img1 { width: 100%; min-height: initial; padding-right:0}
    .page_banner2 .text { padding-left: 0; margin-left: 0; margin-top: 20px; }
    .page_banner2 h3 { font-size: 8vw; }
    .page_banner2 h4 { font-size: 5vw; }
    .page_banner2 h5 { font-size: 8vw; }
    .pro_list3 .item { flex-direction: column; flex-direction: column-reverse }
    .pro_list3 .img1 { width: 100%; margin: 0; margin-bottom: 20px; }
    .pro_list3 .img1 img { max-width: 100%; }
    .pro_list3 .text { width: 100%; }
    .pro_list3 h3, .pro_list4 h3 { font-size: 8vw; margin-bottom: 20px; }
    .pro_list3 ul li, .pro_list4 li { flex: 0 0 100% !important;  }
    .pro_list4 { padding-top: 20px; }
    .page_banner_det { height: 60px; }
    .news_details .tit h1 { font-size: 7vw; line-height: 1.5; margin-bottom: 20px; }
    .det_cur { display: block; line-height: 1.5 }
    .det_cur a:last-child { flex-direction: row }
    .det_cur a:last-child span:before { content: '<' }
    .det_cur a:last-child span:after { content: '：' }
    .det_cur a:last-child p { text-align: left; }
    .news_details .text { line-height: 1.5 }
    .news_details .tit { margin-bottom: 15px; padding-bottom: 15px; }
    .pro_list3 .item:nth-child(2n) { flex-direction: column-reverse }
    .pro_list3 .item:nth-child(2n) .img1 { margin-right: 0 }
    .pro_list3 .item:not(:first-child) { margin-top: 30px; }
    .details_box .box { padding: 20px; padding-top: 0 }
    .details_box .text h5 { margin-top: 20px; }
    .details_box h1 { height: auto; padding: 20px 0 }
    .modal_cont .box { padding: 20px; }
    .modal_tit { font-size: 30px; }
    .form_box li { flex: 0 0 100%; }
    .input { margin-top: 0 }
    .div_tab { overflow-x: auto; }
    .div_tab table { min-width: 900px; border-spacing: 0 10px; }
    .div_tab th { height: 50px; }
    .div_tab td { height: 60px; }
    .page_banner .list { display: block; }
    .page_banner .list li { margin-bottom: 20px; }
    .page_banner .list li > p br { display: none; }
    .his_list_info { display: block; margin-bottom: 20px; }
    .his_list { display: flex; flex-direction: column-reverse }
    .his_list_info .info { width: 100%; margin: 0; padding: 0 }
    .swiper_his_img { height: auto; width: 100%; margin-top: 20px; padding: 0 0px; }
    .swiper_his { padding-left: 40px; padding-right: 40px; }
    .swiper_his:after { left: 35px; right: 35px }
    .swiper_his_img .img1 { height: auto; }
    .swiper_his .swiper-slide { width: 80px; }
    .swiper_his .swiper-slide span { font-size: 20px; }
    .swiper-button-his.prev-his1 { left: 0 }
    .swiper-button-his { width: 35px; height: 35px; }
    .his_list_info .info h3 { font-size: 30vw }
    .down_tab { overflow-x: auto; }
    .down_tab table { min-width: 800px; }
    .down_tab th:nth-child(2), .down_tab td:nth-child(2) { width: 150px }
    .down_tab td:first-child, .down_tab th:first-child { padding-left: 20px; }
    .down_tab td { height: 60px; }
    .down_tab th { height: 50px; }
    .icon_down { /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/ }
    .news_list4 li { flex: 0 0 100%; padding: 10px; }
    .news_list4 ul { flex-wrap: wrap; margin: -10px; }
    .news_list4 .flex { height: 40px; }
    .news_com { display: block; }
    .news_com .img1 { width: 100%; }
    .news_com .text { width: 100%; margin: 0; padding: 20px; }
    .news_list_box ul.list1 li { flex: 0 0 50%; min-width: 50%; max-width: 50%; }
    .contact_lt h3 { font-size: 5.5vw; }
    .contact_box { padding-top: 20px; }

    .contact_lt > p { font-size: 14px; }
    .input_btn button { font-size: 18px; }
    .contact_lt .info, .contact_lt .add .f-c { grid-gap: 0; display: block; }
    .contact_lt .info { padding: 20px 0 }
    .contact_lt .info div:not(:first-child) { margin-top: 10px; }
    .contact_lt .info div { display: flex; grid-gap: 10px; }
    .contact_lt .tel { margin-top: 20px; }
    .ewms ul li:not(:first-child) { margin-left: 10px; }
    .contact_rt { padding: 10px; padding-top: 30px;; }
    .contact_rt h4 { margin-bottom: 10px }
    .input_btn { margin-top: 20px; }
    .ewms ul { margin-top: 20px; }
    .input { min-height: 40px; }
    .contact_lt .info h4 { flex: 1; margin-top: 0 }

    .fp-section, .fp-tableCell { height: auto !important }
    .wrap_ht { height: 50px; }
    .page_list1 { margin: 0 }
    .page_list1 { margin-bottom: 30px; flex-direction: column }
    .page_tit p { font-size: 5.5vw }
    .about_list .tit h3 { font-size: 10vw; }
    .about_list p { font-size: 14px; line-height: 1.2 }
    .page_list1 .item { margin-bottom: 10px; }
    .page_list1 .item.on .box { height: 350px; }
    .page_list1 .item.on .drop .img1 { opacity: 0.2 }
    .page_list1 .item .box { height: 100px; }
    .page_list1 .tit { padding-top: 0; flex-direction: row; height: 100%; padding-left: 30px; }
    .page_list1 .icon { margin-bottom: 0; margin-right: 20px; }
    .page_list1 .drop h3 { font-size: 30px; }
    .page_list1 .drop li { font-size: 18px; }
    .page_tit h3 { font-size: 34px; }
    .section3 .wrap { display: block; padding-top: 40px; padding-bottom: 50px; }
    .page_list1 .tit h3 { writing-mode: inherit; }
    .page_list1 .drop ul, .page_list1 .drop h3 { margin-bottom: 20px; }
    .about_list li { min-width: 50%; padding-left: 10px; }
    .about_list li:nth-child(2n+1) { padding-left: 0 }
    .about_list h4 { white-space: nowrap }
    .news_box { display: block; margin-bottom: 15px; }
    a.news_lt { width: 100%; margin-bottom: 15px; }
    .news_list { padding-left: 0 }
    .news_list ul.list1 li { min-width: 100%; max-width: 100%; flex: 0 0 100% }

    .page_banner2 .img2 { width: 100%; margin: 0; margin-bottom: 20px; min-height: initial; }
    .page_banner2 .text2 h3 { font-size: 8vw }
    .page_banner2 .text2 h5 { font-size: 5vw }
    .pro_det .list { padding: 40px 0 }
    .page_banner2 .text2 { margin-left: 0 }
    .pro_det .list { width: 100%; }
    .pro_det .h3_tit { font-size: 8vw }
    .ht80 { height: 40px; }
    .pro_det .pro_img.img11 { padding: 30px 20px; }

    .submenu { display: block; width: 40px; height: 40px; background: url(../img/icon25.png) no-repeat center center; background-size: 15px auto; transition: all 0s !important }
    .menu_tit { display: flex; align-items: center; justify-content: space-between; }
    .menu .ul .li.open .submenu { background-image: url(../img/icon25-1.png) }
    .menu .ul .li.open .drop { display: block; }
}

.pro_det .list .icon { height: 60px; display: flex; align-items: center; justify-content: center; }

@media only screen and (max-width: 550px) {
    .news_list_box ul.list1 li { flex: 0 0 100%; min-width: 100%; max-width: 100%; }
    .profile_text h3 { font-size: 5.5vw }
    .page_banner .tit h2 { font-size: 8vw }
    .profile_text p { line-height: 1.5 }
    .profile_list li { flex: 0 0 100%; }
    .profile_list ul { flex-wrap: wrap; grid-gap: 15px; }
    .profile_list2 .f-j-sb { display: block; }
    .profile_list2 .btn { display: inline-block; margin-top: 5px; }
    .profile_list2 h3 { margin-bottom: 0px; }
    .search_result > .item { margin-top: 20px; }
    .pagesize a { width: 30px; height: 30px; margin: 2px; }
    .his_list { padding-bottom: 0px; }
    .details_box h1 { font-size: 24px; }
    .pro_list3 ul li { padding-left: 0; padding-bottom: 0; margin-bottom: 10px; }
    .pro_list3 ul.ul1 li p:before { height: auto; bottom: 0 }
    .about_list p { display: inline }
    .news_lt .text { display: block; }
    .news_lt .text .flex1 { width: 100%; }
    .news_lt .text { padding: 15px; }
    .news_lt { position: relative; }
    .news_lt .date { position: absolute; background: rgba(0,0,0,0.5); top: 10px; left: 10px; padding: 10px; }
    .news_lt .date div { font-size: 16px; opacity: 1; }
    .page_tit h4 { font-size: 20px; margin-bottom: 10px; }
    .page_tit h3 { letter-spacing: 0px; }
    .play_btn { margin: 20px 0; }
    .news_lt .date > span { font-size: 30px; }
    .profile_list2 .box .img_fill { width: 40%; }
    .page_list1 .item:nth-child(5) .box:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; background: #005bac; opacity: 0.6; height: 100%; z-index: -1; }
    .page_banner .t { justify-content: flex-start; width: 200px; margin: 0 auto; margin-bottom: 20px; white-space: nowrap }
    .profile_list2 .btn a, .profile_text .btn a { line-height: 30px; height: 30px; padding: 0 10px; width: auto; text-align: left; justify-content: flex-start; }
    .btn.on .icon-right { width: 20px; }
    .page_pos .pos:after { content: ''; display: block; height: 1px; background: #dbdddc; position: absolute; left: -10px; right: -10px; bottom: 0 }
    .page_pos .pos { position: relative; margin: 0 -15px; padding: 0 10px 0 40px; background-position: 10px 5px; width: auto; padding-bottom: 10px; line-height: 30px; }
    .page_pos .ul_tag { padding-top: 7px; padding-bottom: 2px; }
    .page_pos { border-bottom-width: 1px; padding-bottom: 0 }
    ::-webkit-scrollbar { width: 0; height: 0 }
    .pro_list3 h3 { margin-top: 20px; }

    .a_btn2 { transform: scale(0.7) }
    .profile_text .f-c { margin-bottom: 10px; }
    .profile_text .f-c h3 { font-size: 7vw }
    .profile_list2 .box, .service_list2 .box { display: block; }
    .profile_list2 .box .img_fill, .service_list2 .img1 { margin: 0; max-width: initial; width: 100%; height: auto; }
    .img_fill img, .img1 img { width: 100%; }
    .service_list2 .text { padding: 20px; }
    .profile_list2 .f-j-sb { display: flex; }
    .profile_list2 .btn { margin-top: 0 }
    .pro_list3 .item:nth-child(2n) .img_box, .pro_list3 .img_box { width: auto; margin: 0 -15px }

    .search_input { position: fixed; top: 60px; left: 0; width: 100%; margin-top: 0; padding-left: 10px; }
    .pro_list2 .tit:after { content: ''; display: block; width: 25px; height: 10px; background: url(../img/icon16-1.png) no-repeat center center; }
    .news_list .d_txt, .news_com .line1 { margin-bottom: 10px; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
    .div_more { margin-top: 0 }
}


.his_list_info .info.on { animation: fadeInLeft 1s }
.swiper_his_img.on { animation: fadeInRight 1s }

.img_box { align-items: flex-start; flex-shrink: 0; max-width: 100%; position: relative; margin: 0 auto; overflow: hidden; width: 100%; }
.img_box .img { display: block; overflow: hidden; position: relative; width: 100%; padding-top: 70%; }
.img_box .img img { min-width: 1px; min-height: 1px; left: 0; object-fit: cover; object-position: center; position: absolute; top: 0; transition: all .36s ease; width: 100%; height: 100%; margin-right: 0; }
.pro_list2 .item .img_box .img,
.pro_list .item .img_box .img { padding-top: 51% } 
.news_com .img{height:100%}
.mainer { position: relative; }
#page{ position:absolute; top:-150px; left:0;width:100%;}

.fp-section .img_box .img{padding-top:55%;}


.rt_full { position: fixed; bottom: 20px; right: 20px; z-index: 2001 }
.rt_full .icon { display: flex; cursor: pointer; align-items: center; justify-content: center; width: 70px; height: 70px; border-radius: 100%; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.2) }
.rt_full .icon img { width: 30px; }
.rt_full .drop {padding:40px 30px; display: none; position: absolute; bottom: 100%; right: 0; width: 500px; background: #fff;   padding-top: 40px; margin-bottom: 10px; }
.rt_full .input{ margin-top:0} 
.rt_full .form_box li { padding: 0 10px }
.contact_rt .close { position: absolute; top: 15px; right: 15px; width: 36px; height: 36px; background: url(../img/close.png) no-repeat center center; border-radius: 100%; cursor: pointer; }
.video_cont { max-width: 80%; }

@media only screen and (max-width: 750px) {
    .video_cont { max-width: 90%; }
    .rt_full { bottom: 10px; right: 10px; }
    .rt_full .icon { width: 50px; height: 50px; }
    .rt_full .icon img { width: 25px; }
    .rt_full .drop { width: calc(100vw - 20px) }
    .rt_full .input_btn { margin-top: 0 }
    .down_tab th { font-size: 20px; }
    a.news_lt .img_box .img{padding-top:55%;}
    .news_lt .text{ position:initial;top:auto; left:auto; right:auto;}
    .icons .drop { transform: translateY(-50%); top: 50%; left: 120%; margin-top: 0; z-index: 101; }
}