body { font-family: 'Microsoft YaHei',"Open Sans", sans-serif; font-size: 14px; color: #111; min-width: 1600px; }
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: 80%; margin: 0 auto; position: relative; min-width: 1500px; }
img, a { border: 0; }
.img img { display: block; margin: 0 auto; }
a:hover { color: #df0615; }
ul, li { list-style: none; }
* { margin: 0; padding: 0; }
.flt { float: left; }
.frt { float: right; }
.clear { clear: both; }
ul:after, .clear:after, .clear:before { content: ''; clear: both; display: table; }
img { max-width: 100%; }
.img { overflow: hidden; position: relative; }
.img img { display: block; }
.img:hover { background: #000; }
.img:hover img { opacity: 0.8; filter: alpha(opacity=80); transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); }
.img img { display: block; }
.line1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; }
.line3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -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 { display: none; }
.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; margin: 0 auto; width: 90%; background: #fff; position: relative; }
.modal_cont .close { position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; background: url(../img/close.png) no-repeat center center rgba(0,0,0,0.5); border-radius: 100%; cursor: pointer; z-index: 10; background-size: 20px auto; }
.modal_cont .box { padding: 45px; }
.swiper-container { overflow: hidden; position: relative; width: 100%; }
.swiper-container img { width: 100%; }
.swiper-container .swiper-pagination-bullet { border: 0; background: none !important; width: auto; height: auto; line-height: 40px; margin: 0 20px !important; position: relative; }
.swiper-container .swiper-pagination-bullet:after { content: ''; display: block; width: 40px; height: 40px; background: url(../img/icon2.png) no-repeat center center; top: 0; left: 100%; position: absolute; }
.swiper-container .swiper-pagination-bullet:last-child:after { display: none; }
.swiper-pagination-bullet:before { text-align: center; font-size: 22px; display: block; counter-increment: nav; content: "0" counter(nav); color: #fff; }
.swiper-container .swiper-pagination { counter-reset: nav; bottom: 40px; }
.swiper1 .pagination { bottom: 70px; }
/*----------header----------*/
.header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1001; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.header .wrap { width: 90%; display: flex; justify-content: space-between; align-items: center; height: 80px; background: #fff; max-width: 100%; }
.logo { vertical-align: middle; }
.logo img { vertical-align: middle; width: 198px; }
.menu ul { display: flex; }
.menu li span { display: block; font-size: 18px; padding-bottom: 15px; position: relative; }
.menu li label { font-size: 10px; text-transform: uppercase; white-space: nowrap; display: block; position: absolute; left: 50%; transform: translateX(-50%) scale(0.8); bottom: 0; }
.menu li { min-width: 114px; max-width: 114px; text-align: center; position: relative; }
.menu li a { color: #000; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 80px; }
.menu li.on a, .menu li a:hover { background: #df0615; color: #fff; }
.tel { font-size: 38px; color: #df0615; font-weight: bold; padding-left: 40px; background: url(../img/icon1.png) no-repeat left center; }
.menu_wrap { width: 40px; height: 40px; background: #ccc; display: none; }
.swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 100%; background: none; opacity: 1; margin: 0 5px; border: 1px solid #fff; }
.swiper-pagination-bullet-active:before { color: #ffb349; }
.swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 30px; }
.pagination { display: flex; align-items: center; justify-content: center; height: 40px; }
.prev, .next, .pagesize li:first-child > *, .pagesize li:last-child > * { width: 40px; height: 40px; border-radius: 100%; background: url(../img/icon3.png) no-repeat center center; border: 1px solid #fff; cursor: pointer; display: block; }
.pagesize li:last-child > *, .next { transform: rotate(180deg); }
.prev:hover, .next:hover, .pagesize li:first-child:hover > *, .pagesize li:last-child:hover > * { background: url(../img/icon3-1.png) no-repeat center center #fff; }
.pagination { position: absolute; bottom: 40px; left: 0; right: 0; z-index: 100; }
.pagination .swiper-pagination { position: initial; width: auto; }
.banner .img1 { overflow: hidden; }
.swiper_pos { position: relative; }
.pagination3 { position: absolute; top: 50%; height: 0; margin-top: -20px; left: -100px; right: -100px; }
.pagination3 .prev { float: left; }
.pagination3 .next { float: right; }
/*----------mainer----------*/
.mainer { margin-top: 80px; }

.page.page1 { background-image: url(../img/bg1.jpg); padding: 120px 0; background-position: bottom center; }
.page1:before { content: ''; display: block; width: 293px; height: 354px; background: url(../img/bg1-1.png) no-repeat center center; position: absolute; bottom: 0; left: 0; z-index: -1; }
.page { padding: 80px 0; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.page_tit { text-align: center; margin-bottom: 40px; }
.page_tit.center h3 { margin: 0 auto; }
.page_tit.center p { text-align: center; background-position: center bottom; }
.page_tit.fff h3 { color: #fff; }
.page_tit h3 { white-space: nowrap; font-size: 46px; font-weight: normal; line-height: 85px; height: 90px; background: url(../img/tit_bg.png) no-repeat left center; text-align: left; letter-spacing: 32px; padding-left: 25px; font-weight: bold; color: #111; width: 325px; }
.page_tit.bg_fff h3 { background-image: url(../img/tit_bg_1.png); color: #fff; }
.page_tit.bg_fff p { color: #fff; background-image: url(../img/icon5-1.png); }
.page_tit label { display: block; margin: 15px auto; width: 44px; height: 3px; background: #007eff; }
.page_tit .tit { display: flex; align-items: center; }
.page_tit .tit .line { margin: 0 15px 0 5px; flex: 1; height: 1px; background: #df0615; }

.page_tit p { text-align: left; text-transform: uppercase; color: #111; font-size: 19px; margin-top: 15px; padding-bottom: 25px; background-image: url(../img/icon5.png); background-repeat: no-repeat; background-position: left bottom; }
span.more, a.more { width: 120px; min-width: 120px; max-width: 120px; height: 45px; line-height: 45px; border-radius: 45px; background: #df0615; position: relative; font-size: 20px; color: #fff; display: flex; align-items: center; justify-content: center; color: #fff; background-size: 100% 100%; }
.more:before { content: ''; display: block; position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; border-radius: 50px; border: 1px solid #df0615; }
.more:after { content: ''; display: block; width: 22px; height: 19px; background: url(../img/icon4.png) no-repeat center center; margin-left: 10px; background-size: 100% 100%; }
.more:hover:after { margin-left: 20px; }
.page_tit p { color: #343434; font-size: 16px; }
.page1_img { width: 56.7vw; float: right; }
.page1_img img { width: 100%; }
.page1 .wrap { position: absolute; top: 120px; left: 0; right: 0; }
.page1_lt { width: 30vw; }
.page1_lt .text { min-height: 20vw; }
.page1_lt .text p { font-size: 16px; line-height: 28px;   }
.page1_lt .text h4{ font-size:18px;margin-top:20px;margin-bottom:5px;}
.page1_lt .list { width: 40vw; }
.page1_lt .list ul { display: flex; align-items: center; height: 206px; background: rgba(223,6,21,0.9); border-radius: 10px; }
.page1_lt .list li { flex: 1; display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 26px; color: #fff; font-weight: bold; }
.page1_lt .list li:not(:last-child) { background: url(../img/line.png) no-repeat right center; }
.page1_lt .list img { margin-bottom: 20px; width: 104px; }

.page2 { background-image: url(../img/bg2.jpg); }
.page2_list ul { display: flex; flex-wrap: wrap; counter-reset: nav; }
.page2_list li { flex: 0 0 50%; }
.page2_list .box { display: flex; padding: 40px; position: relative; margin: 24px; background: #fff; border-radius: 10px; overflow: hidden; }
.page2_list .img { max-width: 370px; width: 60%; }
.page2_list .img img { width: 100%; }
.page2_list .text { flex: 1; }
.page2_list h3 { line-height: 56px; background: #df0615; color: #fff; font-size: 40px; font-weight: bold; padding-left: 40px; margin-top: 20px; }
.page2_list .txt { padding-left: 40px; padding-top: 15px; color: #111; line-height: 40px; }
.page2_list .txt .fs28 { font-weight: bold; }
.page2_list .box:after { counter-increment: nav; content: "0" counter(nav); font-size: 250px; color: #df0615; opacity: 0.1; position: absolute; bottom: -70px; right: -10px; font-weight: bold; }


.page3 { background-image: url(../img/bg3.jpg); }
.swiper3.swiper-grid-column > .swiper-wrapper { flex-direction: row; }
.swiper3 .box { margin: 10px; position: relative; display: block; }
.swiper3 .box img { width: 100%; }
.swiper3 .box p { position: absolute; height: 64px; line-height: 64px; padding: 0 20px; background: #fff; color: #111; font-size: 18px; bottom: 0; left: 0; width: 100%; }

.page4 { background-image: url(../img/bg4.jpg); }
img { width: 100%; }
.page_tit2 { text-align: center; font-size: 35px; font-weight: bold; padding: 0 20px; line-height: 1.5; }
.page_tit2 span { color: #df0615; }
.map { display: flex; justify-content: center; align-items: flex-start; font-size: 28px; }
.map .text2, .map .text { position: absolute; bottom: 0px; left: 20px; font-weight: bold; }
.map1 { width: 37.2%; margin-right: 50px; position: relative; }
.map img { width: 100%; }
.map .text { width: 260px; color: #fff; border-radius: 30px; padding: 30px; background: #df0615; }
.map .text p:not(:first-child) { margin-top: 10px; }
.map2 { width: 57.3%; position: relative; }
.fs50 { font-size: 50px; font-weight: bold; }
.map .text2 li { line-height: 50px; border-radius: 50px; color: #fff; width: 270px; text-align: center; margin-top: 20px; }
.map .text2 { bottom: 0px; left: 40%; }
.map .text2 li:nth-child(1) { background: #df0615; }
.map .text2 li:nth-child(2) { background: #84b65a; }
.map .text2 li:nth-child(3) { background: #ffb349; }

.page5 { background-image: url(../img/bg5.jpg); }
.swiper5 { overflow: hidden; margin-top: 50px; }

.page6 { background-image: url(../img/bg6.jpg); }
.video_list ul { display: flex; align-items: center; }
.video_list li { flex: 1; max-width: 25%; position: relative; transition: all 0s; }
.video_list li:after { content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.3); }
.video_list .play { display: block; width: 67px; height: 67px; background: url(../img/icon7.png) no-repeat center center; z-index: 1; position: absolute; top: 50%; margin-top: -34px; left: 50%; margin-left: -35px; cursor: pointer; }
.video_list li:not(:first-child) { margin-left: 20px; }
.video_list video { width: 100%; }
.video_list li.on { max-width: 30%; min-width: 30%; }
.video_list li.on .play, .video_list li.on:after { display: none; }


.page7 { background-image: url(../img/bg7.jpg); }
.swiper7 .box { display: block; border-radius: 20px; border: 2px solid #eebc8e; overflow: hidden; margin: 10px; }
.swiper7 .box:hover { border-color: #df0615; }
.swiper7 .box img { display: block; width: 100%; }
.pagination3_red .prev, .pagination3_red .next { background: url(../img/icon3-1.png) no-repeat center center; border-color: #df0615; }
.pagination3_red .prev:hover, .pagination3_red .next:hover { background: url(../img/icon3.png) no-repeat center center #df0615; }
.btn_more { position: relative; width: 214px; line-height: 52px; border-radius: 52px; margin: 0 auto; margin-top: 50px; }
.btn_more .more { width: 100%; min-width: initial; max-width: initial; line-height: 52px; height: 52px; }

.page { position: relative; z-index: 1; }
.flex1 { flex: 1; width: 0; }
.page_tit.fff p { color: #fff; }
.page8 { background: #f4f4f6; }
.page8:before { content: ''; display: block; width: 100%; height: 443px; background: url(../img/bg8.jpg) no-repeat center center; background-size: cover; position: absolute; top: 0; left: 0; z-index: -1; }
.page_tit { position: relative; }
.page_tit .more_rt { position: absolute; bottom: 0; right: 0; }
.page8_slide { border-radius: 10px; background: #fff; padding: 60px; display: flex; align-items: center; }
.page8_lt { width: 50%; max-width: 500px; margin-right: 75px; }
.page8_lt .imgs { display: flex; flex-wrap: wrap; }
.page8_lt .imgs li { flex: 0 0 33.33%; padding: 3px; }
.page8_lt img { display: block; }
.page8_lt .text h3, .page8_lt .text p { margin-top: 25px; }
.page8_lt .text p .time { font-size: 16px; color: #a8a8a8; }
.page8_lt .text .line1 { font-weight: normal; color: #888; font-size: 12px; }
.page8_lt .text h3 { font-size: 16px; color: #333; }
.page8_lt .text .more { margin-top: 30px; line-height: 30px; height: 30px; width: 120px; font-size: 14px; }
.page8_lt .text .more:after { width: 15px; height: 13px; background-size: 100% auto; }
.swiper8 { padding-bottom: 70px; }
.swiper8 .swiper-pagination-bullet:before { color: #444; }
.swiper8 .swiper-pagination-bullet-active:before { color: #df0615; }
.swiper8.swiper-container .swiper-pagination { margin: 0 30px; }
.swiper8.swiper-container .swiper-pagination-bullet:after { background-image: url(../img/icon2-1.png); }
.swiper8 .pagination { bottom: 0; }
.page8_list .box, .news_list .text { padding: 18px 0; padding-right: 157px; position: relative; display: block; }
.news_list .text:after, .page8_list .box:after { content: ''; display: block; width: 1px; height: 50px; background: #e0e0e0; position: absolute; top: 50%; margin-top: -28px; right: 157px; }
.news_list .text .time, .page8_list .box .time { position: absolute; top: 0; right: 0; height: 57px; top: 50%; margin-top: -28px; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #a8a8a8; font-size: 16px; line-height: initial; }
.page8_list .box .text { flex: 1; }
.page8_list .box .time label, .news_list .text .time label { font-size: 36px; font-weight: bold; }
.page8_list { border-bottom: 1px solid #e0e0e0; }
.page8_list li { border-top: 1px solid #e0e0e0; line-height: 35px; }
.page8_list p { color: #888; font-size: 12px; font-weight: normal; width: 90%; line-height: 1.5; }
.page8_list h3, .news_list p { font-size: 16px; }
.news_list h3 { font-size: 24px; margin-bottom: 20px; }
.news_list p { color: #888; line-height: 26px; font-weight: normal; }
.footer { padding: 75px 0; background: #333; font-size: 16px; }
.footer .wrap { display: flex; }
.foot_lt { margin-right: 60px; }
.foot_lt .f_nav { display: flex; border-bottom: 1px solid #fff; padding-bottom: 20px; margin-bottom: 30px; }
.f_nav li { padding: 0 18px; border-right: 1px solid #4e4e4e; }
.f_nav li:first-child { padding-left: 0; }
.f_nav li:last-child { padding-right: 0; border-right: 0; }
.footer, .footer a { color: #fff; }
.f-j-sb { display: flex; align-items: flex-start; justify-content: space-between; }
.right { text-align: right; }
.f_text { line-height: 1; }
.f_text a { margin-bottom: 10px; display: block; }
.f_text p { line-height: 1.8; }
.fs24 { font-size: 24px; }
.fs60 { font-size: 60px; font-weight: bold; }
.flex_input{ display:flex;flex-wrap:wrap;justify-content:space-between; }
.flex_input .input { flex: 0 0 48%; background: #fff; height: 42px; line-height: 42px; padding: 0 20px; border-radius: 5px; } 
.input input { width: 100%; border: 0; }
.textarea {flex:0 0 100%; padding: 10px 20px; border-radius: 5px; background: #fff; margin-top: 24px; margin-bottom: 24px; }
.textarea textarea { width: 100%; border: 0; resize: none; height: 80px; }
.flex_input .btn { width: 184px; line-height: 43px; border-radius: 43px; text-align: center; margin: 0 auto; background: #df0615; color: #fff; display: block; font-size: 20px; }

.swiper_page_top,
.swiper_page_top .swiper-slide { position: relative; height: 500px; 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: .58; background: #000; position: absolute; }
.swiper_text { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; text-align: center; z-index: 10; color: #fff; transform: translateY(-50%); margin-top: -30px; }
.swiper_text h2 { font-size: 60px; font-weight: normal; }
.swiper_text p { font-size: 24px; text-transform: uppercase; letter-spacing: 5px; }
.swiper_text label { margin: 40px auto 20px; width: 70px; height: 8px; background: #fff; display: block; }
.page_pos { border-bottom: 1px solid #ccc; position: sticky; top: 80px; background: #fff; z-index: 100; }
.page_pos .wrap { height: 69px; display: flex; justify-content: space-between; align-items: center; }
.home { width: 21px; height: 17px; background: url(../img/home.png) no-repeat center center; display: block; }
.page_pos .pos { display: flex; font-size: 16px; color: #b3b3b3; align-items: center; }
.page_pos .pos a { color: #555; display: block; position: relative; margin-right: 20px; }
.page_pos .pos a.on, .page_pos .pos a:hover { color: #df0615; }
.page_pos .pos a:last-child { margin-right: 0; }
.page_pos .pos a:last-child:after { display: none; }
.page_pos .pos a:after { content: ''; display: block; width: 6px; height: 9px; background: url(../img/icon8.png) no-repeat center center; position: absolute; right: -15px; top: 50%; margin-top: -4px; }
.page_pos .ul_tag { display: flex; line-height: 70px; font-size: 18px; }
.page_pos .ul_tag a { color: #555; display: block; margin-right: 40px; position: relative; }
.page_pos .ul_tag li.on a, .page_pos .ul_tag a:hover { color: #df0615; font-weight: bold; }
.page_pos .ul_tag li.on a:after { width: 100%; }
.page_pos .ul_tag li a:after { content: ''; display: block; width: 0; height: 3px; background: #df0615; position: absolute; left: 0; top: 100%; margin-top: -2px; z-index: 10; }

.f-c { display: flex; align-items: center; }
.page_tit3 { text-align: center; position: relative; margin: 30px 0; z-index: 101; }
.page_tit3 h3 { font-size: 46px; padding-bottom: 40px; background: url(../img/icon5.png) no-repeat bottom center; }
.page_tit3 p { height: 80px; line-height: 80px; text-transform: uppercase; font-size: 80px; color: #e5e5e5; font-weight: bold; position: absolute; top: -40px; left: 0; right: 0; text-align: center; z-index: -1; white-space: nowrap; }
.page_tit3.fff, .page_tit3.fff2 { color: #fff; }
.page_tit3.fff2 h3 { background-image: url(../img/icon5-1.png); }
.page_tit3.fff p, .page_tit3.fff2 p { color: #fff; opacity: 0.1; }
.page1_img { width: 58%; margin-left: 3%; }
.page1_lt .list { width: 150%; position: relative; z-index: 10; margin-top: 30px; }
.page1_lt { flex: 1; }
.page9 .page1_lt .text { min-height: 10px; }
.page9 .page1_lt .text p:first-child { margin-top: 0; }

.page10 { background-image: url(../img/bg10.jpg); height: 854px; box-sizing: border-box; overflow: hidden; }
.page10_list { position: absolute; width: 100%; top: 0; left: 0; }
.page10_list ul { display: flex; }
.page10_list li { height: 854px; width: calc(100vw / 7); background: linear-gradient(to bottom,rgba(0,0,0,0),#df0615 100%); position: relative; border-right: 1px solid rgba(255,255,255,0.24); }
.page10_list li > .box { position: absolute; bottom: 10%; left: 0; width: 100%; text-align: center; }
.page10_list .box { text-align: center; color: #fff; }
.page10_list .box h3 { font-size: 30px; font-weight: bold; }
.page10_list .icon { width: 80px; height: 80px; margin: 0 auto; margin-bottom: 30px; display: flex; align-items: center; justify-content: center; }
.img_center img, .icon img { width: auto; max-width: 100%; }
.page10_list li:last-child .drop { left: auto; right: 0; }
.page10_list .drop { width: 200%; position: absolute; top: 100%; height: 100%; left: 0; background: rgba(200,20,0,0.9); z-index: 102; }
.page10_list .drop .box { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.page10_list .fs12 { text-transform: uppercase; margin-top: 10px; }
.page10_list p { font-size: 18px; line-height: 40px; }
.page10_list label { display: block; width: 40px; height: 3px; background: #fff; opacity: .5; margin: 30px auto; }
.page10_list li:hover .drop { top: 0; }


.page11_box { display: flex; align-items: flex-start; }
.page11_box .img { width: 49%; margin-right: 5%; }
.img img { width: 100%; display: block; }
.page11_box h3 { font-size: 32px; font-weight: bold; padding-bottom: 30px; position: relative; margin-bottom: 30px; margin-top: 20px; }
.page11_box h3:after { content: ''; display: block; width: 60px; height: 3px; background: #df0615; position: absolute; left: 0; bottom: 0; }
.page11_box .text { line-height: 28px; font-size: 16px; margin-bottom: 30px; }
.f-r { display: flex; justify-content: flex-end; align-items: flex-end; }
.page11_box { position: relative; }
.page11_box .f-r { position: absolute; bottom: 0; right: 0; }
.page11_box .f-r p { font-size: 146px; color: #e5e5e5; opacity: .5; text-transform: uppercase; font-weight: bold; margin-right: 55px; height: 130px; }

.page12 { background-image: url(../img/bg12.jpg); }
.history { height: 480px; position: relative; }
.history:before, .history:after { content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); }
.history:before { left: 0; width: 18px; height: 31px; background: url(../img/icon10.png) no-repeat center center; }
.history:after { right: 0; width: 45px; height: 33px; background: url(../img/icon11.png) no-repeat center center; }
.history .line { position: absolute; top: 50%; margin-top: -1px; height: 2px; left: 30px; right: 50px; background: #fff; }
.history ul { display: flex; padding-left: 100px; }
.history li { width: 254px; height: 480px; position: relative; font-size: 18px; line-height: 30px; }
.history li .box h3 { white-space: nowrap; font-size: 30px; margin-bottom: 20px; }
.history li .box h4 { font-weight: bold; }
.history li .box { position: absolute; left: 0; color: #fff; padding: 40px; min-width: 300px; }
.history li .box:after { width: 12px; position: absolute; background: url(../img/line2.png) bottom center; top: 30px; bottom: 0; content: ''; left: 8px; }
.history li .box:before { content: ''; display: block; width: 27px; height: 26px; background: url(../img/icon12.png) no-repeat center center; position: absolute; top: -13px; left: 0; }
.history li:nth-child(2n+1) .box { top: 50%; }
.history li:nth-child(2n) .box { bottom: 50%; }
.history li:nth-child(2n) .box:before { top: auto; bottom: -13px; }
.history li:nth-child(2n) .box:after { background-image: url(../img/line3.png); background-position: top center; top: 0; bottom: 30px; }

.swiper13 .box { margin: 10px; display: block; }
.swiper13 .box:hover .text { background: #df0615; color: #fff; }
.swiper13 .text { padding: 20px; margin-top: -50px; margin-right: 30px; background: #eee; position: relative; z-index: 1; }
.swiper13 h3 { font-size: 26px; margin-bottom: 15px; }

.page0 { background: #f3f3f3; }
.img_center { margin-top: 30px; display: flex; align-items: center; justify-content: center; }
.page_box1 { display: flex; flex-direction: row-reverse; background: #fff; align-items: center; }
.page_box1 .img { width: 58%; }
.page_box1 .text { flex: 1; padding: 50px; }
.page_box1 .text h3 { line-height: 54px; display: flex; align-items: center; background: #df0615; color: #fff; font-size: 28px; margin-bottom: 20px; }
.page_box1 .text h3 span { display: block; width: 54px; text-align: center; background: #ffb349; margin-right: 20px; }
.page_box1 .text p { line-height: 38px; font-size: 18px; }
.page_box1 .text li:not(:last-child) { margin-bottom: 50px; }

.page12_list ul { display: flex; flex-wrap: wrap; }
.page12_list .box { display: flex; margin: 13px; border: 1px solid #f3f3f3; padding: 0 30px; align-items: center; height: 246px; }
.page12_list li { flex: 0 0 33.33%; color: #fff; font-weight: bold; }
.page12_list .icon { width: 106px; height: 92px; background-position: center center; background-repeat: no-repeat; margin-right: 30px; }
.page12_list .icon1 { background-image: url(../img/icon13.png); }
.page12_list .icon2 { background-image: url(../img/icon14.png); }
.page12_list .icon3 { background-image: url(../img/icon15.png); }
.page12_list .icon4 { background-image: url(../img/icon16.png); }
.page12_list .icon5 { background-image: url(../img/icon17.png); }
.page12_list .icon6 { background-image: url(../img/icon18.png); }
.page12_list li:hover .icon1 { background-image: url(../img/icon13-1.png); }
.page12_list li:hover .icon2 { background-image: url(../img/icon14-1.png); }
.page12_list li:hover .icon3 { background-image: url(../img/icon15-1.png); }
.page12_list li:hover .icon4 { background-image: url(../img/icon16-1.png); }
.page12_list li:hover .icon5 { background-image: url(../img/icon17-1.png); }
.page12_list li:hover .icon6 { background-image: url(../img/icon18-1.png); }
.page12_list li:hover .box { background: #fff; color: #df0615; }
.page12_list .text { flex: 1; }
.page12_list p { height: 72px; line-height: 24px; font-size: 16px; }
.page12_list h3 { font-size: 24px; margin-bottom: 10px; }

.qa_slide { background: #fff; border-radius: 10px; padding: 50px; }
.qa_slide .tit { height: 49px; display: flex; align-items: center; background: #df0615; color: #fff; border-radius: 10px; padding: 0 30px; font-size: 20px; position: relative; }
.qa_slide .tit:after { content: ''; display: block; width: 23px; height: 20px; background: url(../img/icon20.png) no-repeat center center; position: absolute; left: 23px; top: 100%; margin-top: -2px; }
.qa_slide span { font-weight: bold; font-size: 20px; margin-right: 10px; display: block; }
.qa_slide .text { padding: 30px; display: flex; align-items: flex-start; line-height: 26px; font-size: 16px; }
.qa_slide li:last-child .text { padding-bottom: 0; }

.page.page15 { padding: 0; background: #df0615; display: flex; }
.page15_img { width: 50%; }
.page15_img img { display: block; }
.page15_text { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; }
.page15_text .box { width: 45%; float: right; }
.page_tit3.left h3, .page_tit3.left p { text-align: left; }
.page_tit3.left h3 { background-position: left bottom; }

.join_list li { height: 66px; border-bottom: 1px solid rgba(241,184,178,0.2); display: flex; align-items: center; color: #fff; font-size: 18px; }
.join_list li:last-child { border-bottom: 0; }
.join_list li p { flex: 1; }
.join_list li span { display: block; width: 26px; height: 26px; line-height: 26px; text-align: center; font-size: 18px; font-weight: bold; background: #ffb349; margin-right: 20px; border-radius: 100%; }
.process_list .icon img { width: auto; height: auto; }
.process_list ul { display: flex; }
.process_list li { flex: 1; }
.process_list .icon { display: flex; margin: 0 auto; width: 132px; height: 162px; padding-bottom: 30px; background: url(../img/icon_bg.png) no-repeat center center; align-items: center; justify-content: center; }
.process_list li:nth-child(2n) .icon { background-image: url(../img/icon_bg-1.png); }
.process_list { position: relative; padding: 0 50px; }
.process_list:after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 87px; background: #ddd; height: 2px; z-index: -1; }
.process_list h3 { font-size: 26px; width: 4.2em; text-align: center; margin: 30px auto; line-height: 36px; }
.process_list .num:before { content: ''; display: block; width: 30px; height: 30px; border: 4px solid #df0615; background: #fff; border-radius: 100%; margin: 0 auto; margin-bottom: 30px; z-index: 10; }
.process_list .num { text-align: center; font-size: 42px; }

.img_list ul { display: flex; margin-top: 50px; }
.img_list li { flex: 1; }
.img_list li:not(:last-child) { margin-right: 18px; }
.swiper14 { width: calc(50vw * 3); margin: 50px 0; }
.swiper14 .swiper-slide { width: 50vw; transform: scale(0.8); position: relative; }
.swiper14 .swiper-slide img { display: block; }
.swiper14 .swiper-slide:after, .swiper16 .swiper-slide:after { content: ''; display: block; width: 100%; height: 100%; background: #000; opacity: 0.4; position: absolute; top: 0; left: 0; }
.swiper14 .swiper-slide-next { transform: scale(1.1); }
.swiper14 .swiper-slide-next:after, .swiper16 .swiper-slide-active:after { display: none; }
.page { overflow: hidden; }
.swiper14 .pagination { width: 64vw; margin: 0 auto; bottom: 5px; justify-content: space-between; }
.swiper14.swiper-container { overflow: initial; }
.f-j-c { display: flex; align-items: center; justify-content: center; }
.pagination15 { max-width: 780px; margin: 0 auto; height: 50px; 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; line-height: 30px; background: rgba(255,255,255,0.15) !important; color: #fff; margin: 0 10px !important; border-radius: 0 !important; }
.pagination15 span.swiper-pagination-bullet-active { background: rgba(255,255,255,0.5) !important; }
.swiper16 { padding: 100px 0; }
.swiper16 .swiper-slide { position: relative; transform: scale(0.5); }
.swiper16 .swiper-slide-active { transform: scale(1.5); }
.swiper16 .swiper-slide-prev { transform: scale(0.5) translateX(-70px); }
.swiper16 .swiper-slide-next { transform: scale(0.5) translateX(70px); }
.pagination16 { position: absolute; width: 100%; display: flex; justify-content: space-between; top: 50%; margin-top: -20px; }


.report_box { margin: 10px; display: block; height: 416px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: url(../img/icon26.jpg) no-repeat bottom center #df0615; padding: 30px; color: #fff; color: #fff; text-align: center; }
.report_box * { color: #fff; }
.report_box .more { position: relative; }
.report_box h3 { font-size: 30px; margin-bottom: 20px; }
.report_box h2 { font-size: 73px; line-height: 1.2; }
.report_box .more { display: flex; align-items: center; width: 274px; min-width: initial; max-width: initial; line-height: 52px; background: #fff; border-radius: 52px; color: #df0615; text-align: center; font-size: 24px; justify-content: center; margin: 0 auto; margin-top: 30px; }
.report_box .more:before { border-color: #fff; }
.report_box .more:after { background-image: url(../img/icon4-1.png); width: 26px; height: 23px; }

.store_flex { display: flex; }
.store_flex .map3 { width: 49%; padding: 10px; border-radius: 10px; background: #fff; margin-right: 10px; }
.store_flex .map3 > img { width: 100%; display: block; }
.store_flex .text { flex: 1; display: flex; flex-direction: column; }
.store_flex .tit { background: #df0615; padding: 20px 0; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.store_flex .tit .flex { margin-top: 20px; }
.store_flex .tit h3 { font-size: 26px; color: #fff; font-weight: normal; }
.store_flex .select { width: 214px; height: 40px; background: #fff; }
.store_flex .select:not(:last-child) { margin-right: 80px; }
.select select { width: 100%; border: 0; height: 40px; line-height: 40px; padding: 0 10px; }
.store_flex .scroll { padding: 0 20px; height: 374px; overflow-y: auto; background: #fff; }
.store_flex .scroll li h3 { font-size: 18px; margin-bottom: 15px; }
.store_flex .scroll li { padding: 20px 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; padding: 0 30px; background: #fff; line-height: 70px; border-radius: 5px; }
.input_list1 .input input, .input_list1 .textarea textarea { font-size: 16px; }
.input_list1 .textarea textarea { height: 200px; }
.input_list1 .textarea { margin: 0; margin-top: 40px; padding-top: 20px; }
.input_list1 .input:not(:first-child) { margin-left: 40px; }
.input_list1 .btn { font-size: 26px; display: block; margin: 0 auto; margin-top: 40px; line-height: 70px; color: #fff; border-radius: 70px; background: #df0615; text-align: center; width: 80%; max-width: 527px; }
.input_list1 .btn:hover { background: #ac1100; }
.map4 > img { width: 100%; }

.cont_list h3 { font-size: 24px; }
.cont_list p { font-size: 18px; }
.cont_list ul { display: flex; align-items: center; height: 260px; background: #f3f3f3; margin-top: 20px; }
.cont_list li { flex: 1; text-align: center; position: relative; }
.cont_list li:after { content: ''; display: block; height: 180px; top: 50%; margin-top: -90px; width: 1px; background: #ddd; position: absolute; left: 0; }
.cont_list li:first-child:after { display: none; }
.cont_list .icon { margin: 0 auto; }
.cont_list h3 { padding: 30px 0 20px; }

.case_list ul { display: flex; flex-wrap: wrap; }
.case_list li { flex: 0 0 50%; max-width: 50%; }
.case_list .box { position: relative; margin: 15px 10px; background: #fff; display: flex; align-items: center; }
.case_list .box .more { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); display: flex; width: 180px; min-width: initial; max-width: initial; height: 45px; border-radius: 45px; line-height: 45px; background: #df0615; align-items: center; justify-content: center; font-size: 20px; color: #fff; }
.case_list .box:hover .drop { display: block; }
.case_list .box .drop { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
.case_list .text { padding: 20px 30px; flex: 1; }
.case_list .img { width: 330px; height: 230px; }
.case_list .img img { width: 100%; height: 100%; object-fit: cover }
.case_list .text h3 { font-size: 24px; padding-bottom: 30px; margin-bottom: 20px; border-bottom: 1px solid #ddd; }
.case_list .text p { color: #666; font-size: 16px; line-height: 30px; }

.pro_list ul { display: flex; flex-wrap: wrap; margin: -18px -10px; }
.pro_list li { flex: 0 0 25%; }
.pro_list .box { display: block; margin: 18px 10px; background: #eee; }
.pro_list .box .text { padding: 0 20px; line-height: 60px; text-align: center; font-size: 16px; }
/*----------footer----------*/
.footer { }
.fs20 { font-size: 20px; }
.fs28 { font-size: 28px; }
.modal_box { display: flex; background: #fff; align-items: center; }
.modal_box .img { width: 707px; }
.modal_box .text { padding: 50px; flex: 1; }
.modal_box .text h3 { font-size: 30px; margin-bottom: 40px; }
.modal_box .text p { margin-top: 20px; font-size: 16px; line-height: 24px; }
.modal_box .txt { margin-bottom: 50px; padding-bottom: 30px; border-bottom: 1px solid #ddd; }
.modal_box .more { width: 150px; min-width: initial; max-width: initial; line-height: 36px; height: 36px; font-size: 16px; }
.modal_box .more:after { width: 18px; height: 15px; }
.cur { position: absolute; bottom: 20px; left: 20px; right: 20px; display: flex; justify-content: space-between; }

.cur .prev, .cur .next { background-color: rgba(0,0,0,0.8); }
.cur .prev:hover, .cur .next:hover { background-color: #fff; }


.pagesize { text-align: center; display: flex; align-items: center; justify-content: center; padding: 30px 0; }
.pagesize ul { display: flex; align-items: center; justify-content: center; margin: 0 30px; }
.pagesize li.on a { color: #df0615; }
.pagesize li:not(:last-child) { margin-right: 40px; }
.pagesize li:not(:last-child):after { content: ''; display: block; width: 40px; height: 40px; background: url(../img/icon2-1.png) no-repeat center center; top: 50%; margin-top: -20px; left: 100%; position: absolute; }
.pagesize li:first-child:after, .pagesize li:nth-last-child(2):after { display: none; }
.pagesize li.active { color: #df0615; }
.pagesize li { position: relative; font-size: 22px; color: #333; }
.pagesize li:first-child > *, .pagesize li:last-child > *, .pagesize .prev, .pagesize .next { background-image: url(../img/icon3-1.png); border-color: #df0615; color: rgba(255,255,255,0); }
.pagesize li:first-child:hover > *, .pagesize li:last-child:hover > *,
.pagesize .prev:hover, .pagesize .next:hover { background-image: url(../img/icon3.png); background-color: #df0615; }

.news_list .box { display: flex; align-items: center; padding-bottom: 40px; }
.news_list li { margin-bottom: 40px; border-bottom: 1px solid #ddd; }
.news_list .img { width: 362px; margin-right: 40px; }
.news_list .text { padding: 20px 0; padding-right: 270px; position: relative; }
.news_list .text:after { right: 270px; height: 126px; margin-top: -63px; }
.news_list .text .time { position: absolute; font-size: 34px; }
.news_list .text .time label { font-size: 60px; }
.news_list .text { border-bottom: 1px solid #ddd; margin-bottom: 30px; }
.news_list .text p { height: 78px; width: 85%; }
.page.page_40 { padding: 40px 0; }
.news_list .more { width: 120px; line-height: 30px; height: 30px; font-size: 16px; }
.news_list .more:after { width: 14px; height: 14px; }

.main_details { background: #f3f3f3; padding: 60px 0; }
.details { padding: 60px 5%; background: #fff; }
.details .title { padding-bottom: 60px; text-align: center; border-bottom: 1px solid #ccc; margin-bottom: 60px; }
.details .title h2 { font-size: 30px; margin-bottom: 20px; }
.details .title h2:last-child { margin-bottom: 0; }
.details .title p { text-align: center; }
.details .title span { display: inline-block; margin: 0 20px; color: #888; }
.details .text { padding-bottom: 50px; border-bottom: 1px solid #ddd; margin-bottom: 30px; }
.details .text:last-child { border-bottom: 0; padding-bottom: 0; }
.details .text p { line-height: 30px; font-size: 16px; color: #111; }
.details .text .img_center { margin: 50px auto; }
.det_cur { display: flex; justify-content: space-between; }
.det_cur a { display: block; color: #999; font-size: 16px; max-width: 45%; }
.det_cur a:hover { color: #df0615; }
.det_cur a:nth-child(1) { padding-left: 20px; background: url(../img/icon27.png) no-repeat left center; }
.det_cur a:nth-child(2) { padding-right: 20px; background: url(../img/icon28.png) no-repeat right center; }

/*----------custom----------*/

#swiper5 { display: block; }
#swiper5-1 { display: none; }
.pagination_wap { display: none; }

#images img { width: 100%; height: 100%; max-width: 100%; max-width: 100%; object-fit: cover; }
#images .swiper-wrapper { align-items: center; }

.pagesize .pagination { position: initial; }

.swiper-slide { overflow: hidden; }
.pagination_case { display: block; }
.swiper-container .swiper-pagination.pagination_case { height: 30px; bottom: 0; line-height: 35px; background: rgba(0,0,0,0.5); }
.pagination_case .swiper-pagination-bullet:after,
.pagination_case .swiper-pagination-bullet:before { display: none; }
.pagination_case .swiper-pagination-bullet { width: 30px; height: 4px; background: #fff !important; border-radius: 0; margin: 5px !important; }
.pagination_case .swiper-pagination-bullet-active { background: #df0615 !important; }

.swiper-button-lock { display: none !important; }

.swiper-container .pagination_dots .swiper-pagination-bullet { width: 15px; height: 4px; border-radius: 0%; background: #ccc !important; margin: 0 5px !important; }
.swiper-container .pagination_dots .swiper-pagination-bullet-active { background: #df0615 !important; }
.swiper-container .pagination_dots .swiper-pagination-bullet:before, .swiper-container .pagination_dots .swiper-pagination-bullet:after { display: none; }
.swiper-container .pagination_dots { bottom: 0; }
.page8_lt .text { padding-left: 5px; }
.page8_lt .text h3 a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.page8_list h3, .case_list .text h3, .store_flex .scroll li h3, .pro_list .box .text p { max-width: 430px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news_list h3 { max-width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.video_list video { width: 100%; height: 100%; object-fit: cover; }
.f_text p a { display: inline-block; margin-right: 15px; }


.pro_list li .img { height: 247px; }
.pro_list li .img img { width: 100%; height: 100%; object-fit: cover; }
.details img { width: auto; }
.swiper3 .box { height: 300px; }
.swiper3 .box img { width: 100%; height: 100%; object-fit: cover }
.footer .ewms { width: 130px; margin-right: 50px; text-align: center; }
.footer .ewms li { margin-bottom: 20px; }
.footer .ewms .ewm { margin-bottom: 10px; }

@media only screen and (max-width: 1600px) {
    .menu li { min-width: 100px; max-width: 100px; }
    body, .wrap { min-width: initial; }
    .header .wrap { width: 98%; }
    .wrap { width: 96%; }
    .tel { display: none; }
    .swiper_page_top, .swiper_page_top .swiper-slide { height: 350px; }
    .swiper_text h2 { font-size: 50px; }
    .swiper_text label { margin: 20px auto; height: 3px; }
    .page1_lt { width: 50vw; }
    .page1_img { width: 50%; }
    .page.page1 { display: flex; flex-direction: row-reverse; padding-left: 5%; padding-right: 5%; }
    .page2_list .txt p { white-space: nowrap; }
    .page2_list .box { padding: 20px; margin: 10px; }
    .page2_list .txt { line-height: 30px; }
    .pagination3 { left: 20px; right: 20px; z-index: 10; }
    .pagination3_red .prev, .pagination3_red .next { background-color: #fff; }
    .page1 .wrap { position: initial; flex: 1; }
    .page11_box .f-r img { display: none; }
}


@media only screen and (max-width: 1200px) {
    body { min-width: 100%; }
    .wrap { min-width: 95%; width: 95%; }
    .header .wrap { justify-content: flex-start; height:60px;}
    .header .logo { flex: 1; }
    .menu:after { content: ''; display: block; position: fixed; top: 60px; left: 0; right: 0; background: rgba(0,0,0,0.5); height: 100%; z-index: -1; display: none; }
    .menu { position: fixed; top: 60px; right: -100%; width: 300px; height: 100%; background: #fff; }
    .menu ul { height: 100%; background: #fff; }
    .menu ul li { float: none; display: block; border-bottom: 1px solid #ddd; padding: 0; }
    .menu ul li a { line-height: 45px; font-size: 18px; padding: 0 30px; }
    .menu ul { flex-direction: column; width: 100%; margin: 0 auto; }
    .menu li span { display: flex; align-items: center; justify-content: center; flex-direction: row-reverse; padding: 0; }
    .menu li a { text-align: right; justify-content: flex-end; align-items: flex-end; height: auto; }
    .menu li label { position: initial; transform: none; margin-right: 10px; opacity: 0.5; }
    .menu ul li { min-width: 100%; max-width: 100%; }
    .header .logo { margin-left: 20px; position: relative; z-index: 1001; line-height: 60px; }
    .menu_wrap { display: block; width: 40px; height: 40px; background: url(../img/menu.png) no-repeat center center #df0615; background-size: 25px auto; margin: 0 20px; }
    .h_menu .menu_wrap { background: url(../img/menu-1.png) no-repeat center center #df0615; background-size: 25px auto; }
    .h_menu .menu:after { display: block; }
    .h_menu .menu { right: 0; }
    .header { line-height: 60px; }
    .mainer { margin-top: 60px; }

    .page_tit { margin-bottom: 20px; }
    .main_details { padding: 20px 0; }
    .details { padding: 20px; }
    .details .title { margin-bottom: 20px; padding-bottom: 20px; }
    .details .title h2 { line-height: 1.5; }
    .footer .wrap { display: block; }
    .footer .flex_input { width: 100%; }
    .foot_lt { margin-right: 0; margin-bottom: 20px; }
    .footer { padding: 20px 0; }
    .foot_lt .f_nav { overflow-x: auto; white-space: nowrap; margin-bottom: 15px; padding-bottom: 15px; border-bottom-color: #ccc; }
    .f_nav li { padding: 0 10px; }

    ::-webkit-scrollbar { width: 3px; height: 3px; background: rgba(0,0,0,0.05); }
    ::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.1); }
    .fs60 { font-size: 50px; }
    .page1_lt { width: 100%; }
    .page1_img { max-width: 1057px; width: 100%; float: none; opacity: 0; display: none; margin: 0; }
    .page1 .wrap { position: initial; }
    .page { padding: 30px 0; }
    .page.page1 { padding: 50px 0 100px; }
    .page1_lt .list { width: 100%; }
    .page2_list .box { padding: 15px; margin: 10px; }
    .page2_list .img { width: 50%; }
    .page2_list h3 { margin-top: 10px; font-size: 25px; line-height: 1.5; }
    .page2_list .txt { padding-left: 20px; line-height: 1.5; }
    .page2_list .box:after { font-size: 150px; bottom: 0; right: 0; }
    .fs28 { font-size: 20px; }
    .fs20 { font-size: 16px; }
    .swiper3 .box { margin: 5px; }
    .pagination3 { left: 20px; right: 20px; z-index: 101; }
    .page8_slide { display: block; }
    .page8_list { width: 100%; }
    .page8_lt { margin-bottom: 30px; width: 100%; }
    .pagination_wap { display: block; }
    .swiper-slide img { width: 100%; }
    .tel { display: none; }
    .menu_wrap { margin: 0 10px; }
    .header .logo { margin-left: 10px; }
    .details .text .img_center { margin: 20px auto; }
    .f_text { display: block; }
    .right { text-align: left; }
    .f_logo { display: none; }
    .textarea { margin: 10px 0; }
    .footer .flex_input{display:block;}
    .flex_input .input{margin-bottom:10px;}
    .footer .ewms { display: flex; width: 100%; }
    .footer .ewms li { width: 150px; margin-right: 20px; }
    .footer .ewms li:last-child { margin-right: 0 }
    .pagination { bottom: 10px; }
    .page.page1 { padding: 30px 5%; }
    .page2_list li { flex: 0 0 100%; }
    .page2_list .box { padding: 10px; margin: 5px; }
    .page2_list .img { width: 50%; }
    .page2_list .txt { padding-top: 5px; line-height: 1.3; }
    .page2_list h3 { margin-top: 5px; font-size: 18px; }

    .page2_list ul { margin: -5px; }
    .map { display: block; }
    .map2, .map1 { width: 100%; }
    .page_tit2 { font-size: 16px; }
    .page_tit .tit { transform: scale(0.7); }
    .map { font-size: 18px; }
    .fs50 { font-size: 30px; }
    .map .text2, .map .text { position: initial; }
    .map .text { width: 100%; padding: 20px; border-radius: 10px; }
    .map .text p:not(:first-child) { margin-top: 10px; }
    .map .text2 li { width: 100%; margin-top: 10px; }
    .video_list li { flex: 0 0 50%; margin: 0; padding: 5px; max-width: 50%; }
    .video_list ul { position: relative; }
    .video_list li.on { min-width: 100%; max-width: 100%; position: absolute; top: 0px; left: 0; width: 100%; height: 100%; z-index: 1010; background: rgba(0,0,0,0.5); }
    .video_list li:after { top: 5px; left: 5px; right: 5px; bottom: 5px; height: auto; width: auto; }
    .video_list li:not(:first-child) { margin: 0; }
    .video_list ul { flex-wrap: wrap; }
    .page8_slide { padding: 10px; }
    .page8_lt img { flex: 0 0 20%; width: auto; }
    .page8_lt .text h3, .page8_lt .text p { margin-top: 10px; }
    .page8_list .box, .news_list .text { padding-right: 0px; padding: 10px 0; }
    .page8_lt .text .more { margin-top: 20px; }
    .page8_lt { margin-bottom: 20px; }
    .news_list .text .time, .page8_list .box .time { position: initial; display: flex; align-items: center; flex-direction: row; height: auto; justify-content: flex-start; margin: 0; }
    .page8_list li { line-height: 25px; }
    .page8_list p { width: 100%; }
    .swiper8.swiper-container .swiper-pagination { margin: 0 10px; }
    .page8_list .box .time label, .news_list .text .time label { font-size: initial; font-weight: normal; }
    .page8_list .box .time label:before, .news_list .text .time label:before { content: '-'; }
    .fs60 { font-size: 35px; }
    .swiper1 img { width: 150%; margin-left: -25%; max-width: initial; }
    .swiper1 .swiper-slide { overflow: hidden; }
    .page_tit .more { display: none; }
    .page_tit .line { display: none; }
    .page_tit p { text-align: center; background-position: bottom center; }
    .page_tit .tit { justify-content: center; }
    .page1:before { opacity: 0.3; }
    .page8_list { border-bottom: 0; }
    .page_pos .wrap { display: block; height: auto; width: 100%; }
    .page_pos .ul_tag { padding: 0 10px; white-space: nowrap; overflow: hidden; overflow-x: auto; line-height: 50px; border-bottom: 1px solid #ddd; }
    .page_pos .pos { padding: 0 10px; height: 40px; }
    .page_tit3 p { font-size: 7vw; }
    .page_tit3 h3 { font-size: 35px; padding-bottom: 30px; }
    .page10_list ul { flex-direction: row; flex-wrap: wrap; }
    .page10_list li { height: auto; flex: 0 0 100%; border-bottom: 1px solid rgba(255,255,255,0.2); width: 50%; background: linear-gradient(to left,rgba(0,0,0,0),#df0615 100%); }
    .page10_list .box { padding: 20px 0; }
    .page10_list .drop .box { justify-content: flex-start; }
    .page10_list label { margin: 10px auto; }
    .page10_list p { font-size: 12px; line-height: 20px; }
    .page10 { padding-bottom: 0; height: auto; }
    .page10_list li > .box, .page10_list { position: initial; }
    .page10_list .drop { width: 100%; position: initial; }
    .page10_list li:hover .drop { display: block; }
    .page10_list .box h3 { font-size: 20px; }
    .page10_list li > .box { display: none; align-items: center; align-items: center; padding-left: 40px; }
    .page10_list .icon { margin: 0; margin-right: 20px; }
    .page11_box { display: block; }
    .page11_box .img { width: 100%; margin-right: 0; margin-bottom: 20px; }
    .page11_box .flex1 { width: 100%; }
    .page11_box .text { margin-bottom: 0; }
    .page11_box h3 { margin-bottom: 10px; padding-bottom: 20px; font-size: 24px; }
    .page11_box .f-r { z-index: -1; }
    .history ul { padding-left: 0; }
    .history:before { display: none; }
    .history li { width: 100%; height: auto; border-bottom: 1px solid #ddd; }
    .history li:last-child { border-bottom: 0; }
    .history li .box { position: initial; padding: 20px 10px; }
    .history ul { flex-wrap: wrap; }
    .history li .box:before, .history li .box:after, .history .line, .history:after { display: none; }
    .history li .box h3 { font-size: 25px; margin-bottom: 10px; }
    .history { height: auto; }

    .swiper13 .text { margin-right: 0; }
    .swiper13 .box { margin: 5px; }
    .swiper13 h3 { font-size: 20px; }
    .details .title p { text-align: left; margin-left: -20px; line-height: 1.3; }
    .details .title h2 { text-align: left; }
    .det_cur { display: block; }
    .det_cur a { max-width: 100%; margin-bottom: 10px; }
    .det_cur a:nth-child(2) { padding-left: 20px; padding-right: 0; background: url(../img/icon27.png) no-repeat left center; }
    .swiper_text h2 { font-size: 30px; }
    .swiper_text p { font-size: 18px; }
    .swiper_text { margin-top: 0; }
    .swiper_text label { margin: 15px auto; height: 2px; }
    .swiper_page_top .swiper1 img { width: 100%; margin-left: 0; }
    .swiper_page_top, .swiper_page_top .swiper-slide { height: 250px; }
    .news_list .box { display: block; }
    .flex1 { width: 100%; }
    .news_list .img { margin-right: 0; width: 100%; }
    .news_list .text .time { font-size: initial; margin-bottom: 10px; }
    .news_list .text:after { display: none; }
    .news_list .text p { width: 100%; }
    .news_list .text { border-bottom: 0; margin-bottom: 0px; }
    .news_list li { margin-bottom: 20px; }
    .news_list li .box { padding-bottom: 20px; }
    .pagesize li:not(:last-child) { margin-right: 20px; }
    .pagesize li:not(:last-child):after { width: 20px; }
    .img_list li:not(:last-child) { margin-right: 10px; }
    .img_list ul { margin-top: 20px; }
    .swiper14 .swiper-slide { transform: none; }
    .case_list li { flex: 0 0 50%; max-width: 50%; }
    .case_list .box { display: block; }
    .case_list .img { width: 100%; height: auto; }
    .case_list .text { padding: 15px; }
    .case_list .text h3 { font-size: 18px; margin-bottom: 10px; padding-bottom: 10px; }
    .case_list .text p { line-height: 1.3; }
    .case_list .box { margin: 5px; }
    .input_list1 .input:not(:first-child) { margin: 0px; margin-top: 20px; }
    .input_list1 .textarea { margin-top: 20px; }
    .input_list1 .flex { display: block; }
    .cont_list li { flex: 0 0 100%; }
    .cont_list ul { flex-wrap: wrap; height: auto; }

    .pagination_wap .swiper-pagination-bullet { width: 10px; height: 4px; border-radius: 0; background: #ccc !important; border: 0; margin: 0 5px !important; }
    .pagination_wap .swiper-pagination-bullet-active { background: #df0615 !important; }
    .swiper { padding-bottom: 20px; }
    .pagination_wap .swiper-pagination-bullet:before { display: none; }
    .pagination3 { display: none; margin: 0; height: auto; }
    .pagination_wap { display: block; }

    .swiper14 .swiper-slide { transform: scale(0.6); }
    .swiper14 .swiper-slide-next { transform: scale(1.3); }
    .swiper14 .pagination { bottom: auto; top: 50%; margin-top: -20px; width: 90vw; }
    .swiper14 .pagination .prev, .swiper14 .pagination .next { border-color: #fff; background-image: url(../img/icon3.png); }


    #swiper5 { display: none; }
    #swiper5-1 { display: block; }

    .swiper-pagination-bullet:before { font-size: 16px; }
    .swiper-container .swiper-pagination-bullet:after { width: 20px; }

    .prev, .next, .pagesize li:first-child > *, .pagesize li:last-child > *,
    .prev, .next { width: 25px; height: 25px; background-size: 10px auto; }
    .input_list1 .input { height: 40px; padding: 0 20px; line-height: 40px; }
    .input_list1 .textarea { padding: 10px 20px; }
    .input_list1 .btn { font-size: 20px; line-height: 40px; margin-top: 20px; }
    .input_list1 .textarea, .input_list1 .input:not(:first-child) { margin-top: 10px; }
    .cont_list li { padding: 20px; display: flex; align-items: center; border-bottom: 1px solid #fff; }
    .cont_list li:after { display: none; }
    .input_list1 .textarea textarea { height: 100px; }
    .cont_list h3 { padding: 0; margin-bottom: 10px; text-align: left; font-size: 18px; }
    .cont_list p { font-size: 16px; }
    .cont_list li .icon { margin: 0; margin-right: 20px; width: 50px; }
    .page1_lt .list img { width: 80px; }
    .page1_lt .list li { font-size: 20px; }
    .page1_lt .list ul { height: auto; padding: 20px 0; }
    .swiper-container .swiper-pagination { bottom: 0; }
    .pagination15 span.swiper-pagination-bullet { flex: 1; }
    .swiper16 .swiper-slide-active, .swiper16 .swiper-slide-prev, .swiper16 .swiper-slide-next { transform: none; }
    .swiper16 { padding: 0; padding-bottom: 20px; }
    .pagination16 { z-index: 100; }
    .report_box h3 { font-size: 25px; }
    .report_box h2 { font-size: 40px; }
    .report_box { padding: 40px 20px; height: auto; }
    .store_flex { display: block; }
    .store_flex .map3 { width: 100%; margin-bottom: 20px; }
    .store_flex .select:not(:last-child) { margin-right: 20px; }
    .store_flex .select { flex: 1; width: auto; }
    .store_flex .tit .flex { width: 90%; }
    .store_flex .scroll li { padding: 15px 0; }
    .store_flex .scroll { height: auto; padding: 0 10px; }
    .store_flex .scroll li h3 { margin-bottom: 5px; }
    .page_box1 { display: block; }
    .page_box1 .img { width: 100%; }
    .page_box1 .text { padding: 20px; }
    .page_box1 .text h3 { font-size: 20px; line-height: 2; margin-bottom: 10px; }
    .page_box1 .text p { font-size: 14px; line-height: 1.5; }
    .page_box1 .text li:not(:last-child) { margin-bottom: 20px; }
    .page12_list li { flex: 0 0 100%; }
    .page12_list .box { height: auto; margin: 10px; padding: 30px 20px; }
    .page12_list p { height: auto; line-height: 1.5; font-size: 16px; }
    .qa_slide { padding: 15px; }
    .qa_slide .tit { height: 40px; font-size: 16px; padding: 0 20px; }
    .qa_slide .text { padding: 20px; }
    .page.page15 { display: block; }
    .page15_text { position: initial; transform: none; }
    .page15_img { width: 100%; }
    .page15_text .box { width: 100%; float: none; padding: 10px; }
    .join_list li { font-size: 16px; line-height: 1.5; }
    .process_list li { flex: 0 0 100%; display: flex; align-items: center; padding-left: 50px; position: relative; }
    .process_list .num { position: absolute; top: 50%; transform: translateY(-50%); left: 0; }
    .process_list { padding: 0 10px; }
    .process_list ul { flex-wrap: wrap; }
    .process_list .icon { margin-left: 0; width: 162px; height: 132px; padding: 0; padding-right: 30px; background: url(../img/icon_bg-2.png) no-repeat center center; transform: scale(0.8); }
    .process_list h3 { margin-left: 0; }
    .process_list li:nth-child(2n) .icon { background-image: url(../img/icon_bg-3.png); }
    .process_list .num:before, .process_list:after { display: none; }
    .process_list .num { font-size: 30px; }
    .pagesize li { font-size: 16px; }
    .swiper-container .swiper-pagination-bullet { margin: 0 10px !important; }
    .modal_box { width: 100vw; }
    .modal_box .text { padding: 20px; flex: 1; overflow-y: auto; }
    .modal_box .img { width: 50%; }
    .modal_box .text h3 { font-size: 20px; margin-bottom: 20px; }
    .modal_box .text p { margin-top: 10px; }
    .modal_box .txt { margin-bottom: 30px; }

    .pro_list li { flex: 0 0 50%; }
    .pro_list .box { margin: 5px; }
    .pro_list ul { margin: -5px; }
    .pro_list .box .text { line-height: 40px; }
}


@media only screen and (max-width: 750px) {
    .modal_box { flex-direction: column; height: 100vh; }
    .case_list li { flex: 0 0 100%; min-width: 100%; }
    .modal_box .img { width: 100%; }
    #images .swiper-slide { height: calc(100vw * 230 / 330); }
    .swiper1 .pagination { bottom: 10px; }
    .img_list li { flex: 0 0 100%; }
    .img_list ul { flex-wrap: wrap; }
    .pagination3_red .prev, .pagination3_red .next { background-color: transparent; }
    .page2_list .txt p { font-size: 16px; line-height: 20px; }
    .news_list .text:after, .page8_list .box:after { display: none; }
}

@media only screen and (max-width: 750px) {
    .f_text p a { display: block; margin: 0; }
}

@media only screen and (max-width: 750px) {
    .pro_list li .img { height: 150px; }
}



@media only screen and (max-width: 1200px) {

    .swiper3 .box { height: 500px; }
}

@media only screen and (max-width: 750px) {

    .swiper3 .box { height: initial; }
    .footer .ewms li { flex: 1; }
}