html{font-size:100px;} 
body { font-family: "SourceHanSerifCN-SemiBold",'宋体', sans-serif; font-size: 14px; color: #222; }
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: 1500px; max-width: 15.00rem; position: relative; }
.justify { text-align: justify; }
img, a { border: 0; color: #222; }
.img img { display: block; margin: 0 auto; }

a:hover { color: #06728c; }
ul, li { list-style: none; }
* { margin: 0; padding: 0; }
@font-face { font-family: 'SourceHanSerifCN-Medium'; src: url('../fonts/SourceHanSerifCN-Medium.otf'); }
@font-face { font-family: 'SourceHanSerifCN-SemiBold'; src: url('../fonts/SourceHanSerifCN-SemiBold.otf'); }

@font-face { font-family: 'SourceHanSerifCN-Heavy'; src: url('../fonts/SourceHanSerifCN-Heavy.otf'); }
@font-face { font-family: 'SourceHanSerifCN-Bold'; src: url('../fonts/SourceHanSerifCN-Bold.otf'); }
@font-face { font-family: 'BanksScript'; src: url('../fonts/BanksScript.otf'); }
.flt { float: left; }
.frt { float: right; }
.clear { clear: both; }
img { max-width: 100%;display: block; }
.img { overflow: hidden; position: relative; }
.img img { display: block; transition: all 0.5s }
.img:hover { background: #000; }
.img:hover img { opacity: 0.8; }
.img img { display: block; }
.line1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; }
*, *:after, *:before { box-sizing: border-box;  }
*:hover, *:hover:after, *:hover:before { /*transition: all 0.5s,color 0s,font-size 0s; -webkit-transition: all 0.5s,color 0s,font-size 0s; -moz-transition: all 0.5s,color 0s,font-size 0s; -ms-transition: all 0.5s,color 0s,font-size 0s; -o-transition: all 0.5s,color 0s,font-size 0s;*/ }

.modal, .fp_modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10001; }
.fp_modal { display: flex; align-items: center; justify-content: center; }
.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; max-width: 9.90rem; margin: 0 auto; width: 90%; background: #fff; position: relative; }
.modal_cont .close { position: absolute; top: 10px; right: 10px; width: 32px; height: 32px; top: .10rem; right: .10rem; width: .32rem; height: .32rem; background: url(../img/close.png) no-repeat center center #ccc; border-radius: 100%; cursor: pointer; }
.modal_cont .box { padding: 45px; padding: .45rem; }
/*----------header----------*/
.swiper-container { overflow: hidden; position: relative; }
.swiper-button-next, .swiper-button-prev { width: 32px; height: 58px; width: .32rem; height: .58rem; background: url(../img/icon2.png) no-repeat center center; background-size: 32px auto; background-size: .32rem auto; }
.swiper-button-next { transform: rotate(180deg); right: 30px !important;right: .30rem !important }
.swiper-button-prev { left: 30px !important; left: .30rem !important }
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: '' }
.swiper-pagination-bullet { width: 10px; height: 10px; width: .10rem; height: .10rem; border-radius: 100%; background: #fff; opacity: 1; margin: 0 10px; margin: 0 .10rem; position: relative; }
.swiper-pagination-bullet:after { animation: rotate 3s linear infinite; content: ''; display: none; width: 0; height: 0; transition: all 0.5s; background: url(../img/icon3.png); background-size: .4rem auto; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; margin-top: -.20rem; margin-left: -.20rem; }

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

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px; margin: 0 .10rem; }
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 30px; bottom: .30rem }
.swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; }
.swiper-pagination-bullet-active:after { display: block; width: 40px; height: 40px; width: .40rem; height: .40rem; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 30px; bottom: .30rem; }

.banner .img1 { overflow: hidden; }
.header { position: fixed; top: 0; left: 0; height: 80px; height: .80rem; background: #fff; display: flex; padding: 0 40px; padding: 0 .40rem; align-items: center; z-index: 101; width: 100%; box-shadow: 3px 0 38px rgba(0,0,0,0.1); box-shadow: .03rem 0 .38rem rgba(0,0,0,0.1) }
.menu { flex: 1; }
.menu ul { display: flex; justify-content: center; }
.menu ul li { font-size: 18px;   font-size: .18rem; margin-left: 3vw; position: relative; }
.menu ul li.on a { color: #06728c }
.menu ul li:before { content: '·'; font-size: 30px; font-size: .30rem; display: block; position: absolute; width: 3vw; display: flex; align-items: center; justify-content: center; height: 4px; height: .04rem; position: absolute; top: 50%; margin-top: -2px; margin-top: -.02rem; right: 100%; }
.menu ul li:first-child { margin-left: 0 }
.menu ul li:first-child:before { display: none; }
.tel { font-size: 30px; font-size: .30rem; color: #06728c; line-height: 40px; line-height: .40rem; padding-left: 40px; padding-left: .40rem; background: url(../img/icon1.png) no-repeat left center; background-size: .28rem auto; font-weight: bold; font-family: 'SourceHanSerifCN-Heavy' }
.tel a { color: #06728c }
/*----------mainer----------*/
.mainer { padding-top: 80px; padding-top: .80rem }
.page { padding-bottom: 80px; padding-bottom: .80rem; }



/*----------footer----------*/
.footer { }





.pagesize { text-align: center; padding: 30px 0; padding: .30rem 0; }
.pagesize a { display: inline-block; line-height: 36px; min-width: 16px; padding: 0 10px; margin: 5px; line-height: .36rem; min-width: .16rem; padding: 0 .10rem; margin: .05rem; }
.pagesize a:hover, .pagesize a.on { background: #282828; color: #fff; }



.swiper-slide img { display: block; width: 100%; }
.page1 { background: url(../img/page1_bg.png) no-repeat bottom left #fffbf6; background-size: auto 75%; }
.page_lt { margin-right: 100px; margin-right: 1.00rem; }
.page_rt { width: 507px; height: 757px; width: 5.07rem; height: 7.57rem; background: url(../img/bg1.jpg) no-repeat center center; background-size: cover; display: flex; align-items: center; justify-content: center; color: #fff; }
.page_rt .tit { margin-right: 70px; margin-right: .70rem; }
.page_rt .tit span { display: block; font-size: 54px; font-size: .54rem; width: 1em; padding-right: 30px; padding-right: .30rem; position: relative; margin-bottom: 10px; margin-bottom: .10rem; }
.page_rt .tit span label { text-transform: uppercase; font-size: .21rem; position: absolute; top: 50px; top: .50rem; margin-left: -25px; margin-left: -.25rem; left: 100%; transform: rotate(90deg); letter-spacing: 10px; letter-spacing: .10rem }
.page_rt .tit h2 { width: 1em; font-size: 88px; font-size: .88rem; line-height: 1.1; font-family: 'SourceHanSerifCN-Bold'; }
.page_tit { margin-bottom: 80px; margin-bottom: .80rem; padding-top: 90px; padding-top: .90rem; padding-left: 47px; padding-left: .47rem; background: url(../img/tit_bg1.png) no-repeat left center; background-size: .24rem auto; min-height: 185px; min-height: 1.85rem; display: flex; align-items: flex-end }
.page_tit h3 { font-size: 60px; font-size: .60rem; color: #06728c; position: relative; letter-spacing: 5px; letter-spacing: .05rem; font-family: 'SourceHanSerifCN-Bold'; }
.page_tit .subtit { font-size: 36px; font-size: .36rem; margin-left: 90px; margin-left: .90rem; font-weight: bold; font-family: 'SourceHanSerifCN-Bold'; }
.page_tit h3 span { font-size: 1.25em; color: #e1b584 }
.page_tit h3:after { content: ''; display: block; width: 88px; width: .88rem; height: 115px; height: 1.15rem; background: url(../img/tit_bg2.png) no-repeat center center; background-size: 100% auto; position: absolute; top: 50%; margin-top: -55px; margin-top: -.55rem; right: -30px;right: -.30rem }
.page_tit h3:before { content: ''; display: block; width: 59px; width: .59rem; height: 22px; height: .22rem; background: url(../img/tit_bg3.png) no-repeat center center; background-size: 100% auto; position: absolute; bottom: -20px; bottom: -.20rem; right: -75px; right: -.75rem }
.page_tit p { text-transform: uppercase; font-size: 14px; color: #000; opacity: 0.5; margin-top: 10px; margin-top: .10rem; font-weight: bold; }
.page_tit.fff p, .page_tit.fff .tit h3 { color: #fff; }
.page_tit.fff { background-image: url(../img/tit_bg1-1.png); }
.page_tit.fff h3:after { background-image: url(../img/tit_bg2-1.png) }
.btn_more { display: flex; width: 161px; width: 1.61rem; height: 47px; height: .47rem; background: #e1b584; align-items: center; justify-content: center; color: #fff; }
.btn_more:hover { background: #06728c }
.btn_more span { color: #fff; display: block; padding-right: 30px; padding-right: .30rem; background: url(../img/icon5.png) no-repeat right center; background-size: .12rem auto; font-size: 16px; font-size: .16rem; line-height: 25px; line-height: .25rem; }
.page_text { line-height: 28px; line-height: .28rem; font-size: 16px; font-size: .16rem; font-weight: bold; }
.page_list1 ul { margin-top: 30px; margin-top: .30rem; display: flex; }
.page_list1 li { flex: 1; margin-left: 37px; margin-left: .37rem; display: flex; flex-direction: column; }
.page_list1 li:first-child { margin-left: 0 }
.page_list1 h3 { text-align: center; font-size: 32px; font-size: .32rem; margin-bottom: 25px; margin-bottom: .25rem; color: #06728c; font-family: 'SourceHanSerifCN-Bold'; }
.page_list1 .box, .page_list1 .b { position: relative; }
.page_list1 .b { height: 100%; }

.page_list1 .box:before, .page_list1 .b:before, .page_list1 .box:after, .page_list1 .b:after { position: absolute; width: 32px; height: 32px; width: .32rem; height: .32rem; background: url(../img/icon6.png) no-repeat center center; background-size: 100% 100%; content: ''; position: absolute; }
.page_list1 .box:before { top: 20px; top: .20rem; left: 20px; left: .20rem; }
.page_list1 .box:after { top: 20px; top: .20rem; right: 20px; right: .20rem; transform: rotate(90deg) }
.page_list1 .box .b:before { bottom: 20px; bottom: .20rem; left: 20px; left: .20rem; transform: rotate(270deg) }
.page_list1 .box .b:after { bottom: 20px; bottom: .20rem; right: 20px; right: .20rem; transform: rotate(180deg) }
.page_list1 .box { background: #e4f7fb; flex: 1; }
.page_list1 .b { padding: 42px 60px; padding: .42rem .60rem; }


.bold { font-weight: bold; }
.page2 { background: url(../img/page2_bg.jpg) no-repeat center center; background-attachment: fixed; padding-bottom: 0 }
 .page2 .wrap { color: #fff; }
.page2_lt { width: 380px; width: 3.80rem; min-height: 725px; min-height: 7.25rem; background: #06728c; position: relative; display: flex; justify-content: center; flex-direction: column; text-align: center; margin-right: 108px; margin-right: 1.08rem; z-index: 1; }
.page2_lt .tit { font-family: 'BanksScript'; margin-bottom: .20rem; }
.page2_lt .tit h3 { font-size: 35px; font-size: .35rem; color: #8ebac5; font-weight: normal; }
.page2_lt .tit span { font-size: 120px; font-size: 1.20rem; color: #fff }
.page2_lt:after { content: ''; display: block; width: 100%; height: 100%; background: url(../img/bg2.png) no-repeat center left; background-size: auto 90%; position: absolute; z-index: -1; }
.page2_list { text-align: left; line-height: 70px; line-height: .70rem; font-size: 20px; font-size: .20rem; }
.page2_list span { display: block; margin: 0 auto; width: 200px; width: 2.00rem; text-align: left; }
.page2_list li { cursor: pointer; position: relative; }
.page2_list li span { padding-left: 40px; padding-left: .40rem; position: relative; z-index: 1; color: #fff; }
.page2_list li.on span:before { background: #e1b584 }
.page2_list li.on span, .page2_list li:hover span { color: #e1b584 }
.page2_list li span:before { content: ''; display: block; width: 9px; width: .09rem; height: 9px; height: .09rem; border-radius: 100%; background: #8ebac5; position: absolute; top: 50%; margin-top: -4px; margin-top: -.04rem; left: -4px; left: -.04rem; }
.page2_list li:after { content: ''; display: block; border: 10px solid transparent; border: .10rem solid transparent; border-left-color: #06728c; position: absolute; top: 50%; margin-top: -10px; margin-top: -.10rem; left: 100%; display: none; }
.page2_list li.on:after { display: block; }
.page2_list ul { position: relative; }
.page2_list ul span:after { content: ''; display: block; left: 0; top: 35px; top: .35rem; height: 70px; height: .70rem; width: 1px; background: #8ebac5; position: absolute; z-index: -1; }
.page2_list ul li:last-child span:after { display: none; }
.page2_box .flex { align-items: center; }
.page2_box { display: none; }
.page2_box:first-child { display: block; }
.page2_box_text { margin-right: 125px; margin-right: 1.25rem; flex: 1; }
.page2_box .list { width: 487px; width: 4.87rem; background: #fff; padding: 20px; padding: .20rem; color: #000 }
.page2_box .list ul { display: flex; }
.page2_box .list li { flex: 1; margin-left: 20px; margin-left: .20rem; }
.page2_box .list li:first-child { margin-left: 0 }
.page2_box .list1 .box { height: 287px; height: 2.87rem; border-radius: 20px; border-radius: .20rem; overflow: hidden; position: relative; }
.page2_box .list1 .page_text { position: absolute; bottom: 0; height: 50%; background: #06728c;padding:15px; padding: .15rem; color: #fff; font-size: 13px;line-height:16px; line-height: .16rem; text-align: center; font-weight: normal; }
.page2_box .list1 .page_text:after { content: ''; display: block; border: 10px solid transparent; border: .10rem solid transparent; width: 0; height: 0; border-bottom-color: #06728c; position: absolute; left: 0; right: 0; margin: 0 auto; top: -20px; top: -.20rem; }
.page2_box .list1 .img { width: 100%; height: 100%; display: flex; align-items: flex-start }
.page2_box .list1 .img img{width:100%; height:100%; object-fit:cover}
.img img { display: block; }
.page2_box { padding-bottom: 80px; padding-bottom: .80rem; }
.page2_box > .flex { min-height: 480px; min-height: 4.80rem; }
.page2_box .list1 .icon { display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 16px; font-size: .16rem; color: #06728c; font-weight: bold; }
.page2_box .list1 .icon img { margin: 10px 0; margin: .10rem 0 }
.page2_box_text .tit { font-size: 28px; font-size: .28rem; font-weight: bold; }
.page2_box_text .tit h2 { font-size: 46px; font-size: .46rem; color: #e1b584; margin-bottom: 24px; margin-bottom: .24rem; padding-bottom: 34px; padding-bottom: .34rem; border-bottom: 1px solid #fff; position: relative; font-family: 'SourceHanSerifCN-Bold'; }
.page2_box_text .tit h2:after { content: ''; display: block;width:90px; width: .90rem;height:3px;  background: #e1b584; position: absolute; left: 0;bottom:-2px;  }
.page_text h4 {font-size:22px; font-size: .22rem; margin-bottom: .8em }
.c1 { color: #e1b584 }
.page_text_img { position: relative; z-index: 1;margin-top:40px; margin-top: .40rem; }
.page_text_img img { display: block; }
.page_text_img:after { content: ''; display: block; width: 100%; height: 100%; background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,1)); position: absolute; top: 0; left: 0; z-index: 1 }
.page_text_img .t { position: absolute;bottom:10px; bottom: .10rem; left: 0; width: 100%; z-index: 2; display: flex; align-items: center; justify-content: center; color:#fff;}
.page_text_img .t img{width:65px; width:.65rem}
.page_text_img h3 { font-size: 34px; font-size: .34rem; }
.page_text_img p {width:107px; width: 1.70rem;padding-left:15px; padding-left: .15rem;margin-left:15px; margin-left: .15rem; border-left: 1px solid #fff; font-size: 16px; font-size: .16rem;line-height:18px; line-height: .18rem; }
.page2_rt .page_tit {margin-bottom:40px; margin-bottom: .40rem }
.page2_box_text .page_text {margin-top:60px; margin-top: .60rem; }
.page2_box .list2 { background: none; color: #fff; position: relative; }
.page2_box .list2 ul:before, .page2_box .list2 ul:after { content: ''; display: block; position: absolute; bottom: 0; }
.page2_box .list2 ul:before { width: 1px;top:20px; top: .20rem; background: #e1b584; left: 0 }
.page2_box .list2 ul:after {width:5px; width: .05rem;height:5px; height: .05rem; border-radius: 100%; background: #e1b584;left:-2px; left: -.02rem;bottom:-5px; bottom: -.05rem; }
.page2_box .list2 ul {padding-bottom:20px; padding-bottom: .20rem; flex-direction: column; position: relative; }
.page2_box .list2 li { margin-left: 0;margin-bottom:25px; margin-bottom: .25rem; }
.page2_box .list2 li:last-child { margin-bottom: 0 }
.page2_box .list2 h3 {font-size:22px; font-size: .22rem; color: #e1b584;width:209px; width: 2.09rem;height:40px; height: .40rem;line-height:40px; line-height: .40rem;padding-left:33px; padding-left: .33rem; background: url(../img/icon11.png) no-repeat center center;background-size:100% auto;margin-bottom:20px; margin-bottom: .20rem; }
.page2_box .list2 .line {padding-left:15px; padding-left: .15rem; font-size: 16px; font-size: .16rem;line-height:26px; line-height: .26rem; }
.line p { display: inline-block;margin-left:20px; margin-left: .20rem; }
.page2_box .list3 ul { flex-direction: column;padding:20px; padding: .20rem; }
.page2_box .list3 .box { display: flex; align-items: center; }
.page2_box .list3 li { margin-left: 0;margin-bottom:30px; margin-bottom: .30rem; }
.page2_box .list3 li:last-child { margin-bottom: 0 }
.page2_box .list3 .img {width:191px; width: 1.91rem;margin-right:20px; margin-right: .20rem; }
.h3_tit { white-space: nowrap;margin-bottom:10px; margin-bottom: .10rem;line-height:37px; line-height: .37rem;padding-right:25px; padding-right: .25rem; background: #06728c;font-size:20px; font-size: .20rem; color: #fff;padding-left:15px; padding-left: .15rem; display: inline-block; overflow: hidden; position: relative; }
.h3_tit:after { content: ''; display: block; width: 0; height: 0;border:19px solid #fff; border: .19rem solid #fff; position: absolute;right:-20px; right: -.20rem; top: 0; border-left-color: #06728c !important }
.page_text2 { font-size: 16px;  line-height:22px;   }
.page_b_text ul { display: flex; height: 84px; height: .84rem; border-radius: 100px; background: #06728c; align-items: center; justify-content: center; margin-top: 30px; margin-top: .30rem; }
.page_b_text ul li { border-left: 1px solid #1f9ebc;padding:0 20px; padding: 0 .20rem; text-align: center; }
.page_b_text h3 { font-size: 30px; font-size: .30rem;margin-bottom:5px; margin-bottom: .05rem; }
.page_b_text h3 span { font-size: 18px; font-size: .18rem;margin-left:4px; margin-left: .04rem; }
.page_b_text ul li:first-child { border-left: 0; }
.page2_box .list4 .img { max-width: 435px; max-width: 4.35rem; margin-bottom: 20px; margin-bottom: .20rem; }
.page2_box .list4 {padding:26px; padding: .26rem; }
.page2_box .list5 .box { margin-bottom: 30px; margin-bottom: .30rem; }
.page2_box .list5 ul { align-items: center }
.page2_box .list5 li:first-child {min-width:230px; min-width: 2.30rem; }
.page2_box .list6 .img {margin-bottom:15px; margin-bottom: .15rem; }
.page2_box .list6 .img img { width: 100%; }

.page3 { background: url(../img/page3_bg.jpg) no-repeat center center; background-size: cover; }
.ul_tag li { cursor: pointer; }
.page_tag ul { display: flex; align-items: center; justify-content: center;margin-bottom:30px; margin-bottom: .30rem; }
.page_tag li { width: 162px; width: 1.62rem; height: 48px; height: .48rem; display: flex; align-items: center; justify-content: center; font-size: 26px; font-size: .26rem; color: #06728c; border: 2px solid rgba(6,114,140,0.5); border: .02rem solid rgba(6,114,140,0.5);margin:0 24px; margin: 0 .24rem; }
.page_tag li.on { background: #06728c; border-color: #06728c; color: #fff; }
.page3_flex {margin-bottom:40px; margin-bottom: .40rem; display: flex; align-items: center; background: #e4f7fb }
.page3_flex .swiper3 { flex: 1; width: 0 }
.swiper3_info { width: 485px; width: 4.85rem; padding-left: 40px; padding-left: .40rem; padding-right: 60px; padding-right: .60rem; text-align: right; font-size: 24px; font-size: .24rem; line-height: 42px; line-height: .42rem; }
.swiper3_info h4 { font-size: 28px; font-size: .28rem; color: #06728c; text-transform: uppercase;margin-bottom:10px; margin-bottom: .10rem; }
.swiper3_info h2 { font-size: 42px; font-size: .42rem; color: #06728c; font-family: 'SourceHanSerifCN-Bold'; }
.swiper3_info label { display: inline-block; width: 50px; width: .50rem; height: 5px; height: .05rem; background: #06728c; margin: 30px 0 20px; margin: .30rem 0 .20rem; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover }
.swiper3 .swiper-slide { height: 545px; height: 5.45rem; }
.swiper_cur {padding:0 127px; padding: 0 1.27rem; position: relative }
.swiper_cur .swiper-button-prev, .swiper_cur .swiper-button-next { width: 47px; width: .47rem; height: 47px; height: .47rem; background: url(../img/icon12.png) no-repeat center center; background-size: .12rem auto; border: 1px solid #06728c }
.swiper_cur .swiper-button-prev:hover, .swiper_cur .swiper-button-next:hover { background-image: url(../img/icon12-1.png); background-color: #06728c }
.swiper3_t .swiper-slide { border: 2px solid transparent; border: .02rem solid transparent; }
.swiper3_t .swiper-slide-thumb-active { border-color: #06728c }

.page4 { background: url(../img/page4_bg.jpg) no-repeat center center; background-size: cover; }
#swiper4 { display: block; }
#swiper4-1 { display: none; }
.page_tit.fff .subtit { color: #fff; }

.page5 { background: url(../img/page5_bg.jpg) no-repeat center center; background-size: cover }
.page5_list { display: flex;margin:-10px; margin: -.10rem; }
.page5_list .item:first-child { width: 33.33%; }
.page5_list .item:first-child .text { height: 140px; height: 1.40rem; }
.page5_list .item:first-child .img { height: 400px; height: 4.00rem; }
.page5_list .item:last-child .img {height:100%; min-height: 260px; min-height: 2.60rem; }
.page5_list .img img { width: 100%; height: 100%; object-fit: cover }
.page5_list .item:last-child { flex: 1; display: flex; flex-wrap: wrap; }
.page5_list .box { position: relative; display: block;padding:10px; padding: .10rem; }
.page5_list .lbl { position: absolute; top: 20px; top: .20rem; left: 20px; left: .20rem; z-index: 1 }
.page5_list .lbl1 { top: 10px; top: .10rem; right: 35px; right: .35rem; left: auto; width: 64px; width: .64rem; height: 142px; height: 1.42rem; background: url(../img/icon13.png) no-repeat center center; background-size: 100% auto; }
.page5_list .lbl2 { width: 80px; width: .80rem; height: 81px; height: .81rem; background: url(../img/icon14.png) no-repeat center center; background-size: 100% auto; }
.page5_list .item:last-child .box { flex: 0 0 50%; display: flex; }
.page5_list .text {padding:30px; padding: .30rem; background: #06728c; color: #fff; display: flex; flex-direction: column; }
.page5_list .text h3 { font-size: 36px; font-size: .36rem; color: #e1b584; margin-bottom: 15px; margin-bottom: .15rem; font-family: 'SourceHanSerifCN-Bold'; }
.page5_list .text .t { flex: 1; font-size: 18px; font-size: .18rem; }
.page5_list .item:last-child .text { flex-direction: row-reverse;padding:20px; padding: .20rem; }
.page5_list .item:last-child .text .t { display: flex; flex-direction: row-reverse }
.page5_list .item:last-child .text h3 {margin-left:15px; margin-left: .15rem; }
.page5_list .item:last-child .text p, .page5_list .item:last-child .text h3 { writing-mode: vertical-rl; text-orientation: upright;margin-right:5px; margin-right: .05rem; }

.swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left,rgba(7,115,141,.3),rgba(0,0,0,0) 50%); }
.swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right,rgba(7,115,141,.3),rgba(0,0,0,0) 50%); }
.page6_lt {width:613px; width: 6.13rem; position: relative; z-index: 1;padding-bottom:50px; padding-bottom: .50rem;margin-right:120px; margin-right: 1.20rem; }
.page6 { padding-bottom: 0 }
.page6_lt:before { position: absolute; top: 0; right: 0; width: 1000%; bottom: 0; background: #06728c; z-index: -1; content: ''; box-shadow: 0 0 50px rgba(0,114,140,0.5); box-shadow: 0 0 .50rem rgba(0,114,140,0.5) }
.page { overflow: hidden; }
.page6_lt .page_tit {margin-bottom:50px; margin-bottom: .50rem; }
.news .text { padding: 20px 30px 40px; padding: .20rem .30rem .40rem; background: #fff; }
.news h3 { font-size: 28px; font-size: .28rem; margin-bottom: 20px; margin-bottom: .20rem; }
.news .btn_more {margin-top:20px; margin-top: .20rem; }
.page_text3 {line-height:32px; line-height: .32rem; font-size: 18px; font-size: .18rem; color: #999; }
.page6_list .box {padding:25px 0; padding: .25rem 0; display: flex; align-items: center; position: relative; }
.page6_list .box:after { content: ''; display: none; width: 1000%; right: -200%; top: 0; bottom: 0; background: #e4f7fb; position: absolute; z-index: -1; }
.page6_list li:nth-child(2n) .box:after { display: block; }
.page6_list .date { text-align: right;font-size:26px; font-size: .26rem; color: #06728c;margin-right:40px; margin-right: .40rem; }
.page6_list .date h3 { font-size: 54px; font-size: .54rem; margin-bottom: 10px; margin-bottom: .10rem; }
.page6_list .text h3 { font-size: 26px; font-size: .26rem; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 0;margin-right:20px; margin-right: .20rem; }
.btn_more2 {line-height:30px; line-height: .30rem; background: url(../img/icon15.png) no-repeat right center; background-size: .12rem auto;padding-right:30px; padding-right: .30rem; font-size: 16px; font-size: .16rem; color: #06728c }
.page6_list .page_text3 {margin-top:20px; margin-top: .20rem; }
.line2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.line3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.footer { background: #333;padding:80px 0; padding: .80rem 0 ;font-size: 14px;}
.foot_lt { flex: 1; }
.f_input { width: 488px; width: 4.88rem; margin-left: 100px; margin-left: 1.00rem; display: flex; flex-wrap: wrap; }
.input { flex: 0 0 50%;padding:10px; padding: .10rem; }
.input.textarea { flex: 0 0 100%; }
.textarea textarea {height:100px; height: 1.00rem; width: 100%;padding:10px; padding: .10rem; resize: none; background: #fff;border-radius:5px; border-radius: .05rem; font-size:14px;}
.f_input .input input {height:42px; height: .42rem;line-height:42px; line-height: .42rem; width: 100%;border-radius:5px; border-radius: .05rem;padding-left:15px; padding-left: .15rem; border: 0; background: #fff;  }
.f_nav ul { display: flex; justify-content: space-between; border-bottom: 1px solid #fff;margin-bottom:30px; margin-bottom: .30rem; }
.f_nav ul a { font-size: 18px; font-size: .18rem; color: #fff;padding-bottom:20px; padding-bottom: .20rem; display: block; }
.f_nav ul a:hover { color: #e1b584 }
.f_nav ul li { flex: 1; text-align: center; position: relative; }
.f_nav ul li:after { content: '·'; color: #fff; opacity: .5; position: absolute; left: 100%; top: 0;font-size:20px; font-size: .20rem;margin-left:-5px; margin-left: -.05rem; }
a.a_btn { width: 185px; width: 1.85rem; line-height: 44px; line-height: .44rem; border-radius: 44px; border-radius: .44rem; text-align: center; margin: 0 auto; display: block;margin-top:20px; margin-top: .20rem;font-size:20px; font-size: .20rem; color: #fff; background: #06728c }
a.a_btn:hover { background: #e1b584 }
.f_nav ul li:last-child:after { display: none; }
.f_info { font-size: 16px; font-size: .16rem; line-height: 1.5; text-align: right; color: #fff; }
.f_info h3 {font-size:24px; font-size: .24rem; }
.f_info .tel2 {font-size:60px; font-size: .60rem;margin-bottom:20px; margin-bottom: .20rem; line-height: 1; }
.tel2 a { color: #fff; }


.swiper_page_top,
.swiper_page_top .swiper-slide { position: relative;height:500px; height: 5.00rem; display: flex; align-items: center; justify-content: center; }
.swiper_page_top .swiper-slide img { min-width: 100%; min-height: 100%; object-fit: cover; }
.swiper_page_top .swiper-slide:before { content: ''; display: block; width: 100%; top: 0; left: 0; bottom: 0; opacity: .5; background:; position: absolute; }
.swiper_text { border-left: 2px solid #fff; border-left: .02rem solid #fff; padding-left: 30px; padding-left: .30rem; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; max-width:1000px; max-width: 10.00rem; z-index: 10; color: #fff; transform: translateY(-50%);margin-top:-30px; margin-top: -.30rem; }
.swiper_text h2 {font-size:60px; font-size: .60rem; font-weight: normal;margin-bottom:20px; margin-bottom: .20rem; font-weight: bold; }
.swiper_text p { font-size: 30px; font-size: .30rem; text-transform: uppercase; }
.page_pos {height:45px; height: .45rem; position: sticky;top:70px; top: .70rem; z-index: 100; }
.page_pos .wrap { height: 90px; height: .90rem; margin-top: -45px; margin-top: -.45rem; background: #fff; border-radius: 5px; border-radius: .05rem; box-shadow: 3px 15px 38px rgba(0,0,0,0.05); box-shadow: .03rem .15rem .38rem rgba(0,0,0,0.05); display: flex; align-items: center; justify-content: center; }

.page_pos .ul_tag { display: flex; justify-content: space-between; line-height: 90px; line-height: .90rem; font-size: 20px; font-size: .20rem; font-weight: bold; }
.page_pos .ul_tag a { color: #555; display: block; position: relative; }
.page_pos .ul_tag li {margin-right:100px; margin-right: 1.00rem; }
.page_pos .ul_tag li:last-child { margin-right: 0 }
.page_pos .ul_tag li.on a, .page_pos .ul_tag a:hover { color: #06728c; font-weight: bold; }
.page_pos .ul_tag li.on a:after { display: block; }
.page_pos .ul_tag li a:after { content: ''; display: none; margin: 0 auto; left: 0; right: 0; width: 12px; width: .12rem; height: 22px; height: .22rem; background: url(../img/icon12.png) no-repeat center center; background-size: .12rem auto; transform: rotate(-90deg); position: absolute; left: 0; top: 100%;margin-top:-30px; margin-top: -.30rem; z-index: 10; }

.page_tit3 { padding: 80px 0 40px; padding: .80rem 0 .40rem; text-align: center; display: flex; flex-direction: column; align-items: center; }

.page_tit3 h3 { font-size: 60px; font-size: .60rem; color: #06728c; position: relative; font-family: 'SourceHanSerifCN-Bold'; }
.page_tit3 h3:after, .page_tit3 h3:before { content: ''; display: block; width: 58px; width: .58rem; height: 24px; height: .24rem; background: url(../img/icon16.png) no-repeat center center; background-size: 100% auto; position: absolute; }
.page_tit3 h3:after { width: 75px; width: .75rem; height: 29px; height: .29rem; background-image: url(../img/icon16-1.png);bottom:-10px; bottom: -.10rem; left: 100%;margin-left:10px; margin-left: .10rem; }
.page_tit3 h3:before { right: 100%; margin-right: 20px; margin-right: .20rem; top: 10px; top: .10rem; }
.page_tit3 p { text-transform: uppercase; font-size: 16px; font-size: .16rem; color: #000; opacity: 0.5;margin-top:10px; margin-top: .15rem; }
.page_tit3.fff h3, .page_tit3.fff p { color: #fff; }
.page_tit3.fff h3:before { background-image: url(../img/icon16-fff.png) }
.page_tit3.fff h3:after { background-image: url(../img/icon16-1-fff.png) }

.pagination15 { max-width: 780px; max-width: 7.80rem; margin: 0 auto;height:50px; height: .50rem; background: rgba(0,0,0,0.8); right: 0; display: flex; align-items: center; justify-content: center; }
.pagination15 .swiper-pagination-bullet:after,
.pagination15 .swiper-pagination-bullet:before { display: none; }
.pagination15 span.swiper-pagination-bullet { display: block; width: 107px; width: 1.07rem; line-height: 30px; line-height: .30rem; background: rgba(255,255,255,0.15) !important; color: #fff; margin: 0 10px !important; margin: 0 .10rem !important; border-radius: 0 !important;height:30px; height: .30rem; }
.pagination15 span.swiper-pagination-bullet-active { background: rgba(255,255,255,0.5) !important; }


.mainer{font-size: 14px;}
.store_flex { display: flex; }
.store_flex .map3 {height:500px; height: 5.00rem; width: 49%;padding:10px; padding: .10rem; background: #fff;margin-right:20px; margin-right: .20rem; }
.store_flex .map3 > img { width: 100%; height: 100%; object-fit: cover; display: block; }
.store_flex .text { flex: 1; display: flex; flex-direction: column; }
.store_flex .tit { background: #06728c;padding:20px; padding: .20rem 0; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.store_flex .tit .flex {margin-top:20px; margin-top: .20rem; }
.store_flex .tit h3 {font-size:26px; font-size: .26rem; color: #fff; font-weight: normal; }
.store_flex .select {width:214px; width: 2.14rem;height:40px; height: .40rem; background: #fff; }
.store_flex .select:not(:first-child) {margin-left:80px; margin-left: .80rem; }
.select select { width: 100%; border: 0;height:40px; height: .40rem;line-height:40px; line-height: .40rem; padding:0 10px;padding: 0 .10rem; }
.store_flex .scroll { padding: 0 20px; padding: 0 .20rem;height: 374px; height: calc(500px - 1.26rem);  overflow-y: auto; background: #fff; }
.store_flex .scroll li h3 { font-size: 18px; font-size: .18rem;margin-bottom:15px; margin-bottom: .15rem; }
.store_flex .scroll li {padding:20px 0; padding: .20rem 0; border-bottom: 1px solid #ddd; font-weight: bold; }
.store_flex .scroll li:last-child { border-bottom: 0; }
.store_flex .scroll p { color: #999; }

.input_list1 .input { flex: 1; height: 70px; height: .70rem; padding: 0 30px; padding: 0 .30rem; background: #fff; line-height: 70px; line-height: .70rem; border-radius: 5px; border-radius: .05rem; }
.input_list1 .input input, .input_list1 .textarea textarea { font-size: 16px; font-size: .16rem; }
.input_list1 .textarea textarea {height:200px; height: 2.00rem; }
.input_list1 .textarea { margin: 0;margin-top:40px; margin-top: .40rem;padding-top:20px; padding-top: .20rem; }
.input_list1 .input:not(:first-child) {margin-left:40px; margin-left: .40rem; }
.input_list1 .btn {font-size:26px; font-size: .26rem; display: block; margin: 0 auto;margin-top:40px; margin-top: .40rem;line-height:70px; line-height: .70rem; color: #fff;border-radius:70px; border-radius: .70rem; background: #d42b18; text-align: center; width: 80%;max-width:527px; max-width: 5.27rem; }
.input_list1 .btn:hover { background: #ac1100; }
.map4 > img { width: 100%; }

.page0 { background: #f3f3f3 }
.swiper-grid-column > .swiper-wrapper { flex-direction: row; }
.swiper_md p { width: 80%; margin: 0 auto;line-height:56px; line-height: .56rem; color: #fff; background: #06728c;margin-top:28px; margin-top: -.28rem; z-index: 1; text-align: center; position: relative;font-size:20px; font-size: .20rem; }
.swiper_md .box {margin:20px; margin: .20rem; display: block; }
.swiper_pos {margin:-20px; margin: -.20rem; }
.flex_pagination .swiper-pagination-bullet-active:after { display: none }
.flex_pagination .swiper-pagination-bullet { background: #bbb }
.flex_pagination .swiper-pagination-bullet-active { background: #06728c }
.flex_pagination {margin-top:20px; margin-top: .20rem; display: flex; justify-content: center; align-items: center; }
.flex_pagination .swiper-pagination { position: initial; width: initial;margin:0 .3rem; margin: 0 .30rem; }
.flex_pagination .prev, .flex_pagination .next { cursor: pointer; width: 47px !important; width: .47rem !important; height: 47px !important; height: .47rem !important; background: url(../img/icon12.png) no-repeat center center; background-size: .12rem auto; border: 1px solid #06728c; }
.flex_pagination .prev *, .flex_pagination .next *{color: transparent;}
.flex_pagination .prev:hover, .flex_pagination .next:hover { background-image: url(../img/icon12-1.png); background-color: #06728c }
.flex_pagination .next { transform: rotate(180deg) }
.flex_pagination.fff .prev, .flex_pagination.fff .next { border-color: #fff; background-image: url(../img/icon12-1.png) }
.flex_pagination.fff .prev:hover, .flex_pagination.fff .next:hover { background-color: #e1b584; border-color: #e1b584 }

.report_box { font-family: 'Microsoft YaHei';margin:10px; margin: .10rem; display: block;height:490px; height: 4.90rem; display: flex; flex-direction: column; align-items: center; background: url(../img/bg3.png) no-repeat bottom center #06728c; background-size: 100% 100%;padding:30px; padding: .30rem; color: #fff; color: #fff; text-align: center;max-width:474px; max-width: 4.74rem;border-radius:20px; border-radius: .20rem; margin: 0 auto;margin-top:10px; margin-top: .10rem; }
.report_box * { color: #fff; }
.report_box .more { position: relative; }
.report_box h3 { font-size: 30px; font-size: .30rem;margin-bottom:20px; margin-bottom: .20rem;margin-top:20px; margin-top: .20rem; }
.report_box h2 {font-size:73px; font-size: .73rem; line-height: 1.2; color: #e1b584; font-weight: bold; }
.report_box .more { display: flex; align-items: center;width:274px; width: 2.74rem; min-width: initial; max-width: initial;line-height:52px; line-height: .52rem; background: #fff; border-radius:52px; border-radius: .52rem; color: #06728c; text-align: center;font-size:24px; font-size: .24rem; justify-content: center; margin: 0 auto;margin-top:30px; margin-top: .30rem; }
.report_box .more:before { border-color: #fff; }
.report_box .more:after { content: '';margin-left:20px; margin-left: .20rem; background-image: url(../img/icon15.png);width:12px; width: .12rem;height:22px; height: .22rem; }
.modal { display: none; }

.modal_img .wrap {max-width:1500px; max-width: 15.00rem; width: 90%; }
.img_swiper { overflow: hidden; }
.img_swiper {margin:0 80px; margin: 0 .80rem; }
.modal_cont { background: none }
.modal_img .swiper_cur { padding: 0; }
.modal_img .swiper_cur .swiper-button-prev { left: 0 !important }
.modal_img .swiper_cur .swiper-button-next { right: 0 !important }
.page_about .img {width:537px; width: 5.37rem;margin-right:75px; margin-right: .75rem; position: relative; }
.page_about .img .txt { position: absolute; top: 50%; transform: translateY(-50%);right:70px; right: .70rem; display: flex; flex-direction: row-reverse }
.page_about .img .txt p { width: 1em; font-size: 30px; font-size: .30rem; color: #fff;line-height:33px; line-height: .33rem;margin-left:8px; margin-left: .08rem; }
.page7 { background: url(../img/page7_bg.jpg) no-repeat top center #06728c; background-size: cover; background-size: cover; }

.swiper_brand .swiper-slide {padding-top:200px; padding-top: 2.00rem;padding-bottom:50px; padding-bottom: .50rem; position: relative; z-index: 1; }
.swiper_brand .text { position: absolute; top: 0;left:-30px; left: -.30rem; width: 100%; height: 100%; background: #fff; z-index: -1; display: none;padding:40px 60px; padding: .40rem .60rem; color: #000 }
.swiper_brand .text h3 {font-size:36px; font-size: .36rem; }
.swiper_brand .text h3:after { display: block;width:50px; width: .50rem;height:5px; height: .05rem; background: #06728c;margin-top:20px; margin-top: .20rem; content: '';margin-bottom:20px; margin-bottom: .20rem; }
.swiper_brand { margin: 0 -220px; margin: 0 -2.20rem; }
.swiper_brand .swiper-slide-next .box img { transform: translateX(36px); transform: translateX(.36rem) }
.swiper_brand .swiper-slide-next .text { display: block; }
.swiper_brand .flex_pagination { position: absolute; top: 50%; margin: 0 auto;margin-top:50px; margin-top: .50rem;width:920px; width: 9.20rem; left: 0; right: 0; justify-content: space-between; z-index: 10 }
.ry_list ul { display: flex;margin:-15px; margin: -.15rem; }
.ry_list li { flex: 0 0 25%; }
.ry_list .box {margin:15px; margin: .15rem;padding:30px; padding: .30rem;border-radius:10px; border-radius: .10rem; background: #e4f7fb }
.ry_list .img { max-width: 283px; max-width: 2.83rem; border-radius: 15px; border-radius: .15rem; overflow: hidden; margin: 0 auto; }
.ry_list .text { line-height: 30px; line-height: .30rem; margin-top: 10px; margin-top: .10rem;font-size:20px; font-size: .20rem; }
.ry_list .text p { color: #999 }
.ry_list .text h2 { padding-top: 10px; padding-top: .10rem; margin-top: 15px; margin-top: .15rem; border-top: 1px solid #bbe3ec; position: relative;line-height:50px; line-height: .50rem; font-size:36px; font-size: .36rem; color: #06728c }
.ry_list .text h2:before { content: ''; display: block; width: 99px; width: .99rem; height: 3px;   background: #06728c; position: absolute; left: 0;top:-2px;   }
.swiper5_box { padding: 50px 95px; padding: .50rem .95rem; position: relative; background: url(../img/bg4.png) no-repeat bottom center; background-size: 100% auto; }
.swiper5_box .flex_pagination { position: absolute; top: 50%; margin: 0; left: 0; right: 0; justify-content: space-between; height: 0; align-items: center; }
.page_pos_list .page:first-child {padding-top:45px; padding-top: .45rem; }

.page2_1 { background: #fff !important}
.page2_1 .page2_box .list2, .page2_1 .wrap { color: #222 }
.page2_1 .page2_box .list { background: #e4f7fb }
.page2_1 .page2_box .list2 { background: none; }
.page2_1 .page2_box_text .tit h2 { color: #06728c; border-bottom-color: #ddd }
.page2_1 .c1 { color: #06728c }
.page2_1 .page2_box .list2 ul:before,
.page2_1 .page2_box .list2 ul:after { background: #06728c }
.page2_1 .page2_box .list2 h3 { background-image: url(../img/icon11-1.png); color: #fff }
.page2_1 .h3_tit:after { border-color: #e4f7fb }
.page2_1 .page_b_text { color: #fff; }
.page_tit_pos { position: absolute; top: 0; left: 0; width: 100%; }
.page_tit_pos_0 { opacity: 0 }
.join_box .img { width: 80%;height:530px; height:5.3rem;}
.join_box .img img{width:100%; height:100%; object-fit:cover}
.join_box .box { position: absolute; top: 50%; right: 0; transform: translateY(-50%); padding: 50px; padding: .50rem; background: #fff; max-width: 745px; max-width: 7.45rem; }
.join_box .box li { display: flex; align-items: center; }
.join_box .box li:not(:first-child) {margin-top:65px; margin-top: .65rem; }
.join_box .box .icon { width: 106px; width: 1.06rem; height: 106px; height: 1.06rem; border-radius: 100%; border: 1px solid #06728c; display: flex; align-items: center; justify-content: center;margin-right:30px; margin-right: .30rem; }
.join_box .box .text { flex: 1; }
.join_box .box h3 { border-bottom: 1px solid #ddd;margin-bottom:10px; margin-bottom: .10rem; }
.join_box .box h3 span { position: relative; display: inline-block; padding-bottom: 20px; padding-bottom: .20rem; margin-bottom: -1px; border-bottom: 3px solid #06728c;  font-size:28px; font-size: .28rem; color: #06728c }
.join_box { position: relative; }
.page7_list ul { display: flex;margin:-20px; margin: -.20rem; margin-bottom: 0 }
.page7_list li { flex: 0 0 20%; }
.page7_list .box {margin:20px; margin: .20rem; background: #fff; }
.page7_list .box, .page7_list .box .b { position: relative; height: 100%; }


.page7_list .box:before, .page7_list .b:before, .page7_list .box:after, .page7_list .b:after { position: absolute; width: 32px; width: .32rem; height: 32px; height: .32rem; background: url(../img/icon6.png) no-repeat center center; background-size: 100% 100%; content: ''; position: absolute; }
.page7_list .box:before { top: 9px; top: .09rem; left: 9px; left: .09rem; }
.page7_list .box:after { top: 9px; top: .09rem; right: 9px; right: .09rem; transform: rotate(90deg) }
.page7_list .box .b:before { bottom: 9px; bottom: .09rem; left: 9px; left: .09rem; transform: rotate(270deg) }
.page7_list .box .b:after { bottom: 9px; bottom: .09rem; right: 9px; right: .09rem; transform: rotate(180deg) }
.page7_list .box .b {padding-top:50px;; padding-top: .50rem; display: flex; flex-direction: column; align-items: center; text-align: center; }
.page7_list .page_text { width: 195px; width: 1.95rem; margin: 0 auto; text-align: left; color: #666; font-weight: normal;line-height:26px; line-height: .26rem;min-height:150px; min-height: 1.50rem; }
.page7_list h3 {line-height:50px; line-height: .50rem;font-size:32px; font-size: .32rem;padding:20px 0; padding: .20rem 0; }
.page7_list h3:after { display: block; margin: 0 auto;width:30px; width: .30rem;height:4px; height: .04rem; background: #e1b584; content: '';margin-top:10px; margin-top: .10rem; }
.qa_list li {margin-bottom:20px; margin-bottom: .20rem;border-radius:10px; border-radius: .10rem; background: #e4f7fb;padding:10px 50px; padding: .10rem .50rem; }
.qa_list .tit {line-height:64px; line-height: .64rem;font-size:26px; font-size: .26rem; color: #06728c; font-weight: bold; letter-spacing: 2px; align-items: center; }
.qa_list span { display: block;width:32px; width: .32rem;height:30px; height: .30rem;padding-right:2px; padding-right: .02rem; display: flex; align-items: center; justify-content: center;font-size:20px; font-size: .20rem; color: #fff; background: url(../img/icon21.png) no-repeat center center; background-size: 100% auto;margin-right:18px; margin-right: .18rem; color: transparent }
.qa_list .page_text {max-width:920px; max-width: 9.20rem; }
.qa_list .text span { background-image: url(../img/icon22.png) }
.lc_list ul { display: flex; flex-wrap: wrap;margin:-20px; margin: -.20rem; margin-bottom: 0 }
.lc_list li { flex: 0 0 16.6%; }
.lc_list .box {margin:20px; margin: .20rem; text-align: center; background: #fff;border-radius:15px; border-radius: .15rem;padding:25px; padding: .25rem; position: relative; }
.lc_list .box span { text-align: left; display: block;font-size:20px; font-size: .20rem; color: #06728c; font-weight: bold;margin-bottom:5px; margin-bottom: .05rem; }
.lc_list .box .icon {height:95px; height: .95rem; text-align: center; }
.lc_list .box h3 {width:150px; width: 1.50rem;line-height:36px; line-height: .36rem;border-radius:36px; border-radius: .36rem; background: #06728c; color: #fff;font-size:20px; font-size: .20rem; text-align: center; margin: 0 auto;margin-bottom:10px; margin-bottom: .10rem; }
.lc_list .box .page_text {height:72px; height: .72rem; }
.lc_list .box:after { content: ''; display: block;width:40px; width: .40rem;height:22px; height: .22rem; background: url(../img/icon24.png) no-repeat center center; background-size: .28rem auto; position: absolute; left: 100%; top: 50%;margin-top:-11px; margin-top: -.11rem; }
.lc_list li:nth-child(6n+6) .box:after { display: none; }
.vi_list { display: flex; }

.vi_list > .item {max-width:487px; max-width: 4.87rem; width: 33.3% }
.vi_list .box {padding:10px; padding: .10rem; }
.vi_list .img img { width: 100%; height: 100%; object-fit: cover }
.vi_list .img { width: 100%; height: 100%; }
.vi_list .box1 .img { height: 470px; height: 4.70rem; }
.vi_list .box2 .img { height: 416px; height: 4.16rem; }
.vi_list .box3 .img { height: 485px; height: 4.85rem; }
.vi_list .box4 .img { height: 488px; height: 4.88rem; }
.vi_list .box5 .img { height: 412px; height: 4.12rem; }
.vi_list .box6 .img { height: 855px; height: 8.55rem; }
.vi_list .box7 .img { height: 535px; height: 5.35rem; }

.news_list ul { display: flex; flex-wrap: wrap; }
.news_list li { flex: 0 0 33.3%;min-width:33.33%;min-width:33.33%; }
.news_list .box { display: block;margin:18px; margin: .18rem; position: relative; overflow: hidden; }
.news_list .box .mask { position: absolute; width: 100%; height: 100%; top: 100%; background: rgba(6,114,140,0.9); display: flex; align-items: center; justify-content: center; transition:all 0.5s}
.news_list .box:hover .mask { top: 0 }
.news_list .btn_more { border: 1px solid #fff; background: none }
.span_more:before { }
.news_list .img {height:270px; height: 2.70rem }
.news_list .img img { width: 100%; height: 100%; object-fit: cover }
.news_list .text {padding:25px; padding: .25rem; background: #e4f7fb }
.news_list .text h3 {font-size:28px; font-size: .28rem;margin-bottom:15px; margin-bottom: .15rem; color: #222; }
.news_list .page_text2 { color: #777;line-height:32px; line-height: .32rem; font-size: 18px; font-size: .18rem; }
.flex_pagination .pagination,
.flex_pagination .dots { display: flex; align-items: center;margin:0 20px; margin: 0 .20rem; }
.flex_pagination .pagination li,
.flex_pagination .dots span { display: block;margin:0 10px; margin: 0 .10rem;width:20px; width: .20rem;height:20px; height: .20rem; background:;font-size:20px; font-size: .20rem; }
 
.flex_pagination .dots li.on span { color: #06728c }
.product_list, .case_list { display: flex; flex-wrap: wrap; }
.case_list .swiper-slide { flex: 0 0 50% }
.product_list .swiper-slide { flex: 0 0 33.3% }
.page_det .tit { border-bottom: 1px solid #ddd; text-align: center;padding:80px 0 45px; padding: .80rem 0 .45rem; font-size: 18px; font-size: .18rem; color: #999;margin-bottom:20px; margin-bottom: .20rem; }
.page_det .tit h2 { font-size: 46px; font-size: .46rem; margin-bottom: 20px; margin-bottom: .20rem; color: #222; font-family: 'SourceHanSerifCN-Bold'; }
.page_det .page_text p { text-indent: 2em;margin-top:20px; margin-top: .20rem; }
.page_det .img { text-align: center;margin-top:20px; margin-top: .20rem; }
.page_det .img:hover { background: none !important; }
.page_det .img:hover img { opacity: 1; }
.page_cur { display: flex; justify-content: flex-end;padding-top:30px; padding-top: .30rem;margin-top:40px; margin-top: .40rem; border-top: 1px solid #ddd; font-size: 18px; font-size: .18rem; }
.page_cur span { text-transform: uppercase; }
.page_det .wrap {max-width:1200px; max-width: 12.00rem; }
.contact_box { display: flex; align-items: center; background: #06728c }
.contact_box > div { flex: 1; }
.contact_box .map { height:450px;height: 4.50rem; }
.contact_box .map > img { width: 100%; height: 100%; object-fit: cover }
.contact_box ul {max-width:528px; max-width: 5.28rem; width: 90%; margin: 0 auto }
.contact_box ul p {line-height:32px; line-height: .32rem;padding-left:25px; padding-left: .25rem; color: #fff; font-size: 18px; font-size: .18rem; }
.contact_box ul p.p1 { background: url(../img/icon25.png) no-repeat left center; background-size: .15rem auto; }
.contact_box ul p.p2 { background: url(../img/icon25-1.png) no-repeat left center; background-size: .18rem auto; }
.contact_box ul p.p3 { background: url(../img/icon25-2.png) no-repeat left center; background-size: .18rem auto; }
.contact_box ul li {padding:20px 0; padding: .20rem 0; border-bottom: 1px solid #1087a4 }
.contact_box ul li:last-child { border-bottom: 0 }

.f_input.big { width: 100%; margin-left: 0 }
.f_input.big input, .f_input.big textarea { border: 2px solid #e8e8e8;height:72px; height: .72rem;padding-left:30px; padding-left: .30rem; font-size: 16px; font-size: .16rem; }
.f_input.big input:focus, .f_input.big textarea:focus { border-color: #06728c }
.f_input.big textarea {padding:20px; padding: .20rem;padding-left:30px; padding-left: .30rem;height:150px; height: 1.50rem; }
.f_input.big .a_btn {max-width:528px; max-width: 5.28rem;height:70px; height: .70rem;line-height:70px; line-height: .70rem;font-size:26px; font-size: .26rem; width: 80%; }

.logo{width:140px; width:1.4rem;}

/*----------custom----------*/
.banner_pc{display:block !important}
.banner_wap{display:none !important;}
.page_tit_wap { display: none; }
.page_tit_pc { display: flex; }
@media only screen and (max-width: 1500px) {
    .menu ul li a{ display:block;width:2.5em; text-align:center;}
}

@media only screen and (max-width: 1200px) {
    .menu ul li{ font-size:16px;}
}
.wap_footer, .wap_show { display: none; }

@media only screen and (max-width: 1000px) {
    .menu { position: fixed; top: .8rem; right: -100%; width: 50%; height: 100%; background: #fff; transition: all 0.5s; z-index: 101; }
    .header { z-index: 1001; }
    .menu ul { display: block; }
    .menu ul li a { width: 100%; text-align: center; line-height: .8rem }
    .menu ul li:before { display: none; }
    .menu ul li { margin: 0 }
    .logo { flex: 1; }
    .logo img { width: 140px; }
    .menu ul li { float: none; display: block; border-bottom: 1px solid #ddd; padding: 0; }
    .menu ul li a { line-height: .45rem; font-size: 18px; font-size: .18rem; }
    .header { padding: 0 .2rem }
    .menu_wrap {  display: flex; flex-direction: column; margin-left: .2rem;height:0.3rem;align-items:center;justify-content:center; }
    .menu_wrap label { width: .30rem; height: 3px; background: #06728c; margin: 0.1rem 0; }
    .menu_wrap:after, .menu_wrap:before { width: 100%; height: 3px; background: #06728c; content: ''; }
    .h_menu .menu_wrap:before { transform: rotate(50deg) translateY(2px) translateX(3px) }
    .h_menu .menu_wrap label { margin: 0; opacity:0;}
    .h_menu .menu_wrap:after { width: 100%; margin: 0; transform: rotate(-46deg) translateY(-2px) translateX(2px) }
    .h_menu .menu_wrap { }
    .menu_wrap:after{width:.225rem; margin-left:0.08rem}


    .h_menu .menu { right: 0; }
    .mainer { padding-top: .60rem; }

    .page1>.wrap{  flex-direction:column-reverse;}
    .page_rt { height: initial; width: 100%; display:block;}
    .page_rt .tit h2{width:initial;}
    .page_rt .tit{ display:flex;align-items:center; }
    .page_rt .icon{ display:none;}
    .page_rt {display:none; }
    .page_tit{ margin-bottom:30px;}
    .page_lt{ margin-right:0}
    .page_text{ font-size:14px;line-height:1.5}
    .page_pos .ul_tag a{white-space:nowrap}
    .page_pos .wrap {display:block; overflow-x: auto; padding: 0 .3rem }
    .page_pos .wrap::-webkit-scrollbar{ width:0;height:0}
    .lc_list .box .icon img{ margin:0 auto;}
    .page_pos .ul_tag { min-width: 90%; }
    .page_pos .ul_tag li{ margin-right:0;padding-right:0.4rem}

    .page2_lt { width: 100%; height: auto; min-height: initial; margin-bottom: .3rem }
    .page2_list ul { display: flex; overflow-x: auto; padding: 0 20px; white-space: nowrap }
    .page2_list li:after { display: none; }
    .page2_list ul span:after { display: none; }
    .page2_list ul span { width: auto; }
    .page2_list li { margin-right: .3rem }
    .page2_lt .tit { display: none; }
    .page2_list { font-size: .3rem }
    .page2_box .list { width: 100%; margin-top: .2rem }
    .page_text h4 { font-size: 18px; }
    .page2_box .list1 .page_text { line-height: 1.5 }
    .page2_box .list1 .box { height: 4.5rem } 
    .page_tit_pc { display: none; }
    .page_list1 ul { flex-direction: column; margin-top:0}
    .page_list1 li { margin-left: 0; margin-top: .30rem; }
    .page_list1 h3 { font-size: .5rem }
    .btn_more span { font-size: 16px; }
    .btn_more { line-height: 3; height: .6rem }
    .header { height: 1rem }
    .tel { background-size: .35rem auto; }
    .page2_box > .flex, .page2 .wrap { display: block; }
    .page_tit_wap { display: flex; }
    .page2{ background-image:url(../img/page2_bg_1.jpg)}
    
    .page_tit .subtit { margin-left: 0.9rem; margin-top: .3rem; font-size: .28rem }
    .page3{ background-image:url(../img/page3_bg_1.jpg)}
    .page_tit { position: relative; margin-bottom:.3rem}
    .page5_list .item:first-child .text{ height:1.3rem}
    .swiper3_info { width: 100%; padding: .3rem }
    .page3_flex { flex-direction: column-reverse }
    .page3_flex .swiper3 { width: 100%; flex: 0 0 100% }
    .swiper_cur { padding: 0 .8rem }
    .swiper-button-prev { left: .1rem !important }
    .swiper-button-next { right: .1rem !important }
    .swiper_cur .swiper-button-prev, .swiper_cur .swiper-button-next { top: 50%; margin-top: -.25rem; }
    #swiper4 { display: none; }
    #swiper4-1 { display: block; }
    .page5_list .item:first-child { width: 100%; }
    .page5_list { display: block; }
    .page6 .wrap { display: block; }
    .page6_lt { width: 100%; margin-right: 0 }
    .page6_lt:before { right: -50%; }
    .page6_list .text h3 { font-size: .35rem }
    .footer .wrap { display: block; }
    .f_nav ul { flex-wrap: wrap; white-space: nowrap ;border-color:#666}
    .f_nav ul li { margin: 0 0.2rem; text-align: left; }
    .footer { padding: .2rem 0 }
    .f_logo { width: 30%; margin-right: .5rem }
    .f_input { width: 100%; margin: 0; margin-top: .3rem; }
    .f_input .input input { height: .6rem; }
    .textarea textarea { height: 1.5rem }
    a.a_btn { line-height: .6rem; font-size: 16px; }
    .menu ul li a{line-height:.7rem;font-size:16px;}
    .menu{ top:0.7rem}
    .swiper_text{border-left:0}
    .page_pos .ul_tag { font-size: .3rem }
    .page_about{display:block;}
    .page_about .img{width:100%; margin-right:0; margin-bottom:.3rem;background:#000}
    .swiper_brand .flex_pagination{width:100%;height:0;margin:0}
    .swiper_brand{ margin:0 .1rem;padding:0 .7rem;}
    .swiper_brand .swiper-slide{padding:0}
    .swiper_brand .text{ position:initial;top:auto;opacity:1;display:block;padding:.3rem}
    .flex_pagination .prev, .flex_pagination .next { width: .5rem; height: .5rem }
    .ry_list li{flex:0 0 50%;}
    .ry_list ul{flex-wrap:wrap;}
    .ry_list .box{ padding:0.2rem;margin:0.1rem}
    .ry_list .img{ max-width:100%;}
    .page2_1 .page_tit_pos{top:.5rem}
    .page2_box_text{ margin-right:0}
    .join_box .box{ padding:.3rem; position:initial;;transform:none}
    .join_box .img{width:100%;position:absolute;top:0;left:0;width:100%;z-index:-1;height:100%;}
    .join_box{z-index:1;padding:.5rem}
    
    .qa_list .tit{ font-size:.3rem}
    .qa_list span{ min-width:.4rem; min-height:.4rem}
    .qa_list li{ padding:.2rem}
    .lc_list li{flex:0 0 33.3%}
    .page7_list h3:after { margin-left: 0 }
    .page7_list .page_text{flex:1; line-height:1.5}
    .lc_list .box:after { display: block; }
    .lc_list li:nth-child(3n+3) .box:after {  display:none; }
    .vi_list .box1 .img{height:3.2rem}
    .vi_list .box2 .img { height: 3.2rem }
    .vi_list .box3 .img{height:3.4rem}
    .vi_list .box4 .img{height:3.8rem}
    .vi_list .box5 .img { height: 2.8rem }
    .vi_list .box6 .img { height: 6rem }
    .vi_list .box7 .img { height: 4rem }
    .page_pos .ul_tag { display:block; text-align:center;white-space:nowrap}
    .page_pos .ul_tag li{display:inline-block}

    .swiper3_info { display:none;}
    .page_tag li{width:1.8rem; height:.56rem;margin:0 0.15rem}
    .page3_flex{ padding:0 0.25rem;background:none;}
    .page_tag_items .swiper_cur{ display:none;}
    .swiper3 .swiper-slide{ height:3.44rem;}
    .swiper3 .swiper-slide-prev { transform: scale(0.9)  translateX(10px)}
    .swiper3 .swiper-slide-next { transform: scale(0.9) translateX(-10px) }
    .swiper3 .swiper-slide-active { transform: scale(1) }
    .page3_flex .swiper3 { overflow: initial; }
    .wap_show{display:flex;}
    .page5 .subtit{width:8em;line-height:.38rem; margin-top:0.1rem}
    .page5_list .text h3{ font-size:.32rem}
    .page5_list .text .t{ font-size:.22rem}
    .page5_list .item:last-child .box{ flex-direction:column;}
    .page5_list .item:last-child .text p, .page5_list .item:last-child .text h3 { writing-mode: initial; }
    .page5_list .item:last-child .text .t, .page5_list .item:last-child .text { flex-direction: column }
    .page5_list .item:last-child .text h3{ margin-left:0}
    .page5_list .item:last-child .text .t{ font-size:.16rem;line-height:.24rem}
    .page_tit p { font-size: .14rem }
    .news img{width:100%;}
    .news .text{ padding:.25rem}
    .page_text3{ font-size:.22rem;line-height:.34rem}
    .news h3{ margin-bottom:.1rem}
    .news .btn_more{width:2rem;height:.56rem;margin-left:0}
    .page6_list .date h3 { font-size: .66rem; font-weight: bold; font-family: 'SourceHanSerifCN-Bold'; }
    .page6_list .date{ font-size:.32rem;}
    .page6_list .text h3{ font-size:.26rem;}
    .btn_more2{ font-size:.22rem}
    .page6_list .page_text3{ margin-top:.1rem}
    .page6_list li:last-child{ display:none;}
    .f_nav{ overflow:hidden;margin-bottom:.3rem}
    .f_logo{width:2.5rem}
    .f_logo img{width:100%;}
    .f_nav ul { justify-content: flex-start; margin: 0 -.3rem }
    .f_nav ul li{flex:initial;margin:0; padding:0 .38rem;text-align:center;font-size:.22rem}

    .footer .f_input { background: #06728c; margin: 0 ; width: initial; border-radius: .05rem; padding: .3rem; margin-bottom: -1.2rem; z-index: 100; position: relative; }
    .footer{ padding-top:1.4rem;margin-top:2.7rem}
    .footer .f_input{ position:absolute; bottom:100%;margin-bottom:20px; }
    .f_input .input input { font-size: .16rem; height: .56rem }
    a.a_btn { background: #e1b584 ;font-size:.24rem;width:2.2rem; height:.56rem; border-radius:.56rem;line-height:.56rem}
    .f_info{ font-size:.22rem}
    .wap_footer{display:block;height:.88rem;}
    .wap_footer ul{position:fixed; bottom:0;left:0; width:100%;z-index:1001; display:flex;padding:.2rem; background:#06728c;height:.88rem}
    .wap_footer li{flex:1; text-align:center;line-height:.48rem;font-size:.26rem; color:#fff;font-weight:bold; border-right:1px solid rgba(255,255,255,0.3)}
    .wap_footer li:last-child{ border-right:0}
    .wap_footer a { color: #fff; }
}
.footer a{ color:#fff;}
    .lc_list .box .icon img{ max-height:90%;}
@media only screen and (max-width: 750px) {

    .banner_pc { display: none !important }
    .banner_wap { display: block !important; }
    .page7_list ul { flex-wrap: wrap; }
    .page7_list li { flex: 0 0 100%; margin-top: .2rem }
    .page7_list .box .b .text { flex: 1; width: 0 }
    .page7_list .box .b { flex-direction: row; padding: .2rem }
    .page7_list .page_text { width: 100%; }
    .page7_list .icon { margin-right: .3rem; width: 100px; }
    .page7_list h3 { text-align: left; padding-top: 0; font-size: .4rem }
    .page7_list .page_text{min-height:initial;}
    .page7_list .box{ margin:0}
    .page7_list ul{ margin:0}
    .lc_list li { flex: 0 0 50% }
    .lc_list .box .page_text{ height:60px;padding:0 0.2rem; line-height:20px;;font-size:14px;}
    .lc_list .box .icon { margin-bottom: .3rem }
    .lc_list .box h3{width:80%; line-height:.5rem;font-size:.3rem}
    .lc_list .box{ margin:.1rem;padding:.1rem}
    .lc_list ul{ margin:-.1rem}
    .lc_list li .box:after{display:none;}
    .lc_list li:nth-child(2n+2) .box:after{display:none; }
    .vi_list .box1 .img { height: 2rem }
    .vi_list .box2 .img { height: 1.5rem }
    .vi_list .box3 .img { height: 2rem }
    .vi_list .box4 .img { height: 2rem }
    .vi_list .box5 .img { height: 1.5rem }
    .vi_list .box6 .img { height: 3.8rem }
    .vi_list .box7 .img { height: 1.9rem }
    .product_list .swiper-slide{flex:0 0 50%;}
    .swiper_pos .box { margin: .1rem }
    .swiper_pos{ margin:-.1rem}
    .store_flex{display:block;}
    .store_flex .map3{width:100%; margin-bottom:.2rem}
    .news_list li{flex:0 0 50%;min-width:50%; max-width:50%;}
    .news_list .box{ margin:5px;}
    .news_list ul{margin:-5px;}
    .news_list .text h3 { font-size: .3rem ;line-height:1.2}
    .news_list .img{ height:2rem;}
    .news_list .page_text2 { line-height: 1.5; font-size: 14px; -webkit-line-clamp: 2; }
    .contact_box{flex-direction:column-reverse;}
    .contact_box > div{width:100%;}
    .contact_box ul{ max-width:initial;padding:.3rem 0}
    .contact_box ul p{ font-size:16px;line-height:1.4;padding-left:22px;}
    .contact_box ul p.p1, .contact_box ul p.p2, .contact_box ul p.p3{ background-size: .3rem auto; }
    .f_input.big input, .f_input.big textarea{ height:1rem}
    .f_input.big textarea{height:2rem}
    .page_cur{font-size:14px;}
    .page_tit_pos{position:initial;}
    .page_tit_pos_0{display:none;}

    .swiper1 .swiper-button-next, .swiper1 .swiper-button-prev { display: none; }
    .swiper-pagination-bullet-active:after{ display:none;}
    .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#e1b584}
    .page_tit h3{ font-size:0.4rem}
    .page_tit .btn_more { display: none; }
    .btn_more{ margin:0 auto;margin-top:.3rem;width:2.2rem; height:.6rem;}
    .btn_more span { font-size: .22rem }
    .page_tit { padding-top: .5rem; min-height: 1rem }
    .page_tit{ background-position:bottom left}
    .page_tit h3:after{ height:.95rem; width:.73rem;margin-top:-.45rem}
    .page_text{ font-size:.24rem}
    .page1 .page_text p{ text-indent:2em}
    .page_list1 h3{ font-size:.32rem}
    .page_lt>.page_text:after { content: ''; display: block; width: 6.9rem; height: 1.01rem; background: url(../img/bg5.jpg) no-repeat center center; background-size: 100% auto; margin: 0 auto; margin-top: .28rem }
    .wrap{width:auto; margin:0  .3rem}
    .page_list1 ul{flex-direction:row}
    .page_list1 ul li:not(:first-child){margin-left:.4rem}
    .page_list1 .box:before{ top:.1rem;left:.1rem}
    .page_list1 .box:after{ top:.1rem; right:.1rem;}

    .page_list1 .box .b:before{ bottom:.1rem; left:.1rem;}
    .page_list1 .box .b:after{ bottom:.1rem; right:.1rem}
    .page_list1 .b{ padding:.4rem}
    .page_list1 .page_text{ font-size:.22rem}
    .page{ padding-bottom:.4rem}
    .page2_list ul{ flex-wrap:wrap;}
    .page2_list li{ margin:0;flex:0 0 33.33%;min-width:33.33%; max-width:33.33%;}
    .page2_list li span { padding-left: 0; text-align: center; border: 1px solid rgba(255,255,255,0.5); margin: 0.1rem; font-size: .24rem; white-space: initial; height:.56rem;line-height:1.3;display:flex;align-items:center;justify-content:center; }
    .page2_list li.on span{ border-color:#e1b584}
    .page2_list ul { padding: 0.2rem 0.2rem; }
    .page2_lt {width:initial; margin: 0 -0.3rem ;margin-bottom:.4rem;position:relative;}
    .page2_lt:after{ content:'';display:block;width:.24rem; height:.24rem; border:.12rem solid transparent; border-top-color:#06728c;position:absolute; top:100%; left:0; right:0; margin:0 auto;}
    .page2_list li span:before { display: none; }
    .page2_box_text .tit h2{ font-size:.4rem}
    .page2_box_text .tit h2:after{width:6em}
    .page2_box_text .tit{font-size:.3rem}
    .page2_box_text .page_text{margin-top:.4rem}
    .page_text h4{ font-size:.28rem;margin-bottom:.1rem}
    .page2_box .list1 .page_text p, .page2_box_text .page_text p { text-indent: 0 ;text-align:left;}
    .page2_box .list1 .page_text{height:60%; font-size:.22rem}
    .page2_box .list1 .icon img{width:.72rem}
    .page2_box .list1 .icon{ font-size:.24rem }
    .page_text_img h3{ font-size:.44rem}
    .page_text_img .t img{ width:.65rem;margin-right:.1rem}
    .page_text_img p{ font-size:.2rem;width:10em;line-height:1.3}
    .page_text_img .t{ bottom:.2rem}
    .page2_list li.on:after{ display:none;}
    .page2_box .list2 .line, .page_text2 { font-size: .22rem; line-height: .32rem }
    .page2_box .list2 h3, .h3_tit, .page_b_text h3 span { font-size: .24rem }
    .page_b_text ul{ height:.9rem}
    .page2_box .list3 ul { padding: .1rem }
    .page2_box .list3 ul li, .page2_box .list6 li { margin: 0 }
    .page2_box .list6 .img{ margin-bottom:0;margin-right:.25rem}
    .page2_box .list3 ul li:not(:last-child), .page2_box .list6 li:not(:last-child) { border-bottom: 1px solid #b4d4dc; margin-bottom: .2rem; padding-bottom: .2rem; }
    .page2_box .list2 { padding-left: 0 }
    .page_b_text h3{ font-size:.7rem}
    .page2_box .list5 li:first-child{ min-width:2.3rem;max-width:2.3rem}
    .page2_box .list4 .img{ max-width:100%; min-width:100%;}
    .page2_box .list6 ul{ display:block;}
    .page2_box .list6 .box{display:flex;align-items:center;} 
    

}

@media only screen and (max-width: 550px) {
    .product_list .swiper-slide, .case_list .swiper-slide { flex: 0 0 100% }
    .swiper_md p{ font-size:14px;height:30px; display:flex;align-items:center; justify-content:center; padding:0 5px;line-height:1.2}
    .flex_pagination .dots span{ font-size:16px;}
    .page2_list li{ font-size:14px;}
    .page2_box .list2 .line{ font-size:14px;line-height:1.4}
    .page2_box .list2 h3{ font-size:18px; width:200px; height:40px;line-height:40px;}
    .page2_box .list2 ul:before{ top:20px;}
    .page2_box .list3 ul{padding:0}
    .page_text_img p{width:200px;line-height:1.5}
    .page2_box .list4 .img{ max-width:100%;}
    .join_box .box .icon img{max-width:50%; max-height:50%; }
    .join_box .box h3 span{ font-size:.35rem}
    .img_swiper{ margin:0 0.5rem}
    .page2_box .list1 .page_text { height: 125px; font-size: 12px; overflow: hidden; }
    .page2_box .list1 .page_text p { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow:hidden;}
    .f_nav ul li{ padding:0 0.3rem}
    .store_flex .scroll li h3 { font-size: .3rem }
}



@media only screen and (max-width: 750px) {
    html{font-size:50px;} 
    .logo img{width:1.4rem}
    .header{ height:.7rem}
    .logo{ flex:initial;}
    .tel{ background:none; font-size:.3rem;padding-left:0;flex:1; text-align:center;}
    .page2{background-attachment: inherit;background-color:#000}
    .page_pos .wrap{margin-top: 0;}
    .page_pos{height: initial;}
    .store_flex .map3{height:30vh !important;}
    .header{z-index: 1003;}
}


.page_det .page_text { font-weight:normal;color:#555}
.page_det .tit p span{ margin:0 20px;}

.modal .close{ background-image:url(../img/menu-1.png) ; background-size:20px auto; border:2px solid #000}
 
 
 .page_pos{ background: #fff;z-index:1002}