body { font-family:Arial, sans-serif; font-size: 16px; color: #000;  }

input,
select,
textarea { font-family: "Noto Sans SC",'Microsoft YaHei', "Open Sans", sans-serif; font-size: 1em; }
.img1, .img { display: flex; align-items: center; justify-content: center; overflow: hidden }
.img1 img, .img img { object-fit: cover; min-width: 100%; min-height: 100% }
.img1:hover img { transform: scale(1.05) }
input[type="button"],
input[type="submit"],
input[type="reset"] { -webkit-appearance: none; }
.flex_center { align-items: center; justify-content: center; display: flex; }
textarea { -webkit-appearance: none; }

.wrap { max-width: 1400px; width: 96%; margin: 0 auto; position: relative; }
a,
a:link { text-decoration: none; color: #000; }
a:hover, .on > a { color: #dc4910; }
* { box-sizing: border-box; }
.flex { display: flex; }
.flex1 { flex: 1; }
.flex_c { display: flex; align-items: center; }
.flex_between { display: flex; justify-content: space-between }

.header { position: absolute; top: 1vw; left: 0; right: 0; z-index: 10001 }
.header.fixed{ position:fixed;top:0;width:100%;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.2)}
.header .wrap { background: #fff; border-radius: 10px; display: flex; align-items: center; height: 84px; padding: 0 30px; }
.logo img{width:230px; }
.header .menu { flex: 1; }
.menu ul { display: flex; justify-content: center; align-items: center; }
.menu ul li { margin: 0 30px; }

.menu ul li { margin: 0 30px;line-height: 84px;
    position: relative; }
    .menu ul li .drop{position: absolute;top:100%;left:50%;transform: translateX(-50%);; padding:10px 20px;min-width:100%; background:#fff;text-align:center;display:none}
    .menu ul li:hover .drop{display:block}
    .menu ul li .drop  ul{display: block;}
    .menu ul li .drop li{margin: 0;  float:none;  white-space: nowrap;line-height:35px;}

.menu ul li  a{display:block;}
.lang { margin-right: 20px }
.icon_search { display: block; width: 19px; height: 21px; background: url(../img/icon1.png) no-repeat center center; cursor: pointer; }
.search { position: relative; }
.search.on { }
.search.on .search_input { width: 300px; }
.search_input { position: absolute; top: 50%; width: 0; margin-top: -21px; right: 0; overflow: hidden; }
.search_input input { border: 1px solid #ccc; height: 40px; line-height: 40px; background: #fff; padding: 0 15px; width: 100%; }
.search_input .icon_search { position: absolute; top: 50%; margin-top: -10px; right: 10px; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { }
.swiper-pagination { text-align: left; display: flex; align-items: center; justify-content: flex-start; }
.swiper-pagination-bullet { width: 6px; height: 6px; background: #fff; opacity: 1; }
.swiper-pagination-bullet-active { width: 12px; height: 12px }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; margin-right: 16px; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:first-child { margin-left: 60px }

.swi_cur { position: absolute; left: 0; right: 0; max-width: 1400px; margin: 0 auto; bottom: 5%; display: flex; height: 78px; align-items: center; justify-content: flex-start }
.swi_cur * { position: initial !important; left: auto; top: auto; bottom: auto; margin: 0; right: auto; }
.swi_cur .swiper-pagination { margin: 0 50px }
.swi_cur .swiper-pagination .swiper-pagination-bullet:not(:first-child) { margin-left: 15px }
.swiper-button-next, .swiper-button-prev { width: 78px; height: 78px; background-color: rgba(255,255,255,0.2); background-position: center center; background-repeat: no-repeat; border-radius: 100% }
.swiper-button-next:after, .swiper-button-prev:after { display: none; }
.swiper-button-next { background-image: url(../img/icon3-1.png); }
.swiper-button-prev { background-image: url(../img/icon2-1.png); }
.swiper-button-next:hover { background-image: url(../img/icon3.png); background-color: #fff; }
.swiper-button-prev:hover { background-image: url(../img/icon2.png); background-color: #fff; }


.page { padding: 65px 0; overflow: hidden; }
.page_tit { text-align: center; color: #212121; margin-bottom: 60px }
.page_tit h3 { font-size: 34px; font-weight: bold; text-transform: uppercase; margin-bottom: .5em }
.page_tit h3 span { color: #dc4910 }
.page_tit h4 { display: flex; align-items: center; justify-content: center; font-size: 32px; }
.page_tit h4:after, .page_tit h4:before { content: ''; display: block; width: 27px; height: 1px; background: #212121; margin: 0 10px; }

.swiper_nav ul { display: flex; align-items: center; justify-content: center; }
.swiper_nav li { width: 180px; height: 50px; border-bottom: 1px solid #e4e4e4; text-align: center; background: #f5f5f5; display: flex; align-items: center; justify-content: center; font-size: 18px; cursor: pointer; }
.swiper_nav li a { display: block; }
.swiper_nav li.on { background: #fbece7; border-color: #dc4910; border-width: 3px }
.swiper_nav li:not(:first-child) { margin-left: 9px; }
.swiper2 a { display: block; margin: 58px 23px }
.swiper2 a:hover { }
.swiper2 .swiper-slide { opacity: 0.4 }
.swiper2 .swiper-slide.swiper-slide-prev,
.swiper2 .swiper-slide.swiper-slide-active,
.swiper2 .swiper-slide.swiper-slide-next { opacity: 1; }

.swiper2 p { line-height: 60px; padding: 0 10px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 20px; opacity: 0 }
.swiper2 .img { position: relative; }
.swiper2 .img{ height: 400px;}
.swiper2 .img img{min-height:initial;min-width:initial;max-width:100%; max-height:100%}
.swiper2 .img:after { content: ''; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.2) url(../img/icon5.png) no-repeat center center; position: absolute; top: 0; left: 0; opacity: 0 }
.swiper2 .swiper-slide.swiper-slide-prev a,
.swiper2 .swiper-slide.swiper-slide-active a,
.swiper2 .swiper-slide.swiper-slide-next a { box-shadow: 0 0 30px rgba(0,0,0,0.2) }
.swiper2 .swiper-slide.swiper-slide-prev a:hover,
.swiper2 .swiper-slide.swiper-slide-active a:hover,
.swiper2 .swiper-slide.swiper-slide-next a:hover { transform: scale(1.13); box-shadow: none }
.swiper2 .swiper-slide.swiper-slide-prev p,
.swiper2 .swiper-slide.swiper-slide-active p,
.swiper2 .swiper-slide.swiper-slide-next p { opacity: 1; }
.swiper2 .swiper-slide.swiper-slide-prev a:hover p,
.swiper2 .swiper-slide.swiper-slide-active a:hover p,
.swiper2 .swiper-slide.swiper-slide-next a:hover p { background: #172149; color: #fff; }
.swiper2 .swiper-slide.swiper-slide-prev a:hover .img:after,
.swiper2 .swiper-slide.swiper-slide-active a:hover .img:after,
.swiper2 .swiper-slide.swiper-slide-next a:hover .img:after { opacity: 1; }

.swiper2 { position: relative; }
.swiper2 .swiper-button-prev, .swiper2 .swiper-button-next { background: url(../img/icon4.png) no-repeat center center #fff; border: 1px solid #d6d6d6; width: 68px; height: 68px; top: 50%; bottom: auto; margin-top: -50px }
.swiper2 .swiper-button-next { transform: rotate(180deg) }
.swiper2 .swiper-button-prev { left: -10px }
.swiper2 .swiper-button-next { right: -10px }

.div-more { text-align: center }
.div-more span { display: inline-block; padding-right: 30px; line-height: 30px; background: url(../img/icon6.png) no-repeat center right; color: #969696; }
.div-more a { display: inline-block; width: 160px; line-height: 48px; border-radius: 48px; background: #fff; }
.div-more a:hover span { color: #dc4910; background-image: url(../img/icon6-1.png) }
.page.page1 { background: url(../img/bg1.jpg) no-repeat center bottom; background-size: cover; padding-bottom: 120px }
.page_img, .page_text { width: 50%; max-width: 600px }
.page_img { max-width: 724px }
.page_text .tit h3 { font-size: 50px; font-weight: bold; }
.page_text .tit h3:after { display: block; margin: 25px 0; width: 50px; height: 3px; background: #dc4910; content: ''; }
.page_text .tit h4 { font-size: 26px }
.page_text .tit { margin-bottom: 30px; }
.page_text .text p {   line-height: 22px;; color: #4a4a4a }
.page_text .text { height: 340px ;margin-bottom:15px}
.num_list { height: 130px; display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 30px; }
.num_list:after { display: none; }
.num_list h3 { font-size: 88px; color: #dc4910; display: flex; align-items: flex-start; font-weight: bold; margin-bottom: 20px; }
.num_list h3 span { font-size: 46px; font-weight: normal; display: block; height: 50px; line-height: 50px; }
.num_list h3 .span1 { font-size: 30px }
.more_btn2 span, .more_btn a { width: 165px; height: 48px; line-height: 46px; padding-right: 40px; position: relative; text-align: center; border-radius: 48px; background: linear-gradient(to right,#dc4910 10%,#19275e); color: #fff; display: block; }
.more_btn2 span:after, .more_btn a:after { width: 48px; height: 48px; border-radius: 100%; position: absolute; right: -1px; top: -1px; background: #19275e url(../img/icon7.png) no-repeat center center; border: 1px solid #fff; content: ''; }
.more_btn a:hover { background: #19275e }
.more_btn a:hover:after { background-color: #dc4910 }
.page.page2 { background: url(../img/bg2.jpg) no-repeat center center; background-size: cover; padding: 0 }

.page2_list { display: flex; align-items: flex-end; height: 800px; position: relative; }
.page2_list li { flex: 0 0 25%; width: 0; color: #fff; background: rgba(0,0,0,0.5); margin-left: 1px; padding: 60px; height: 260px }
.page2_list:after, .page2_list:before { content: ''; display: block; width: 5000px; height: 260px; background: rgba(0,0,0,0.5); position: absolute; bottom: 0; }
.page2_list:after { left: 100%; margin-left: 5px; }
.page2_list:before { right: 100%; }
.page2_list li .tip, .page2_list .bottom p,
.page2_list li .tit h4 { display: none; }
.page2_list li .tit h4 { font-size: 18px; text-transform: uppercase; margin-top: 10px; }
.page2_list .tit h3 { font-size: 30px; font-weight: bold; line-height: 36px; height: 36px; }
.page2_list .tit { margin-bottom: 20px; }
.page2_list .text p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 34px; line-height: 34px; }
.page2_list .bottom { font-size: 18px; height: 40px; position: relative; margin-top: 10px; position: absolute; bottom: 60px }
.page2_list .bottom:after { content: ''; display: block; width: 42px; height: 2px; background: #fff; position: absolute; bottom: 0; left: 0; }
.page2_list li.on .tip, .page2_list li.on .bottom p,
.page2_list li.on .tit h4 { display: block; }
.page2_list li.on { padding: 40px; height: 800px; background: rgba(23,33,73,0.95) }
.page2_list li.on .tip { margin: -40px; margin-bottom: 0; padding: 20px 40px; background: #dc4910;; line-height: 26px; }
.page2_list li.on .tit { margin: 80px 0; padding: 30px 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
.page2_list li.on .text p { white-space: normal; overflow: initial; height: auto; font-size: 18px }

.page.page3 { background: url(../img/bg3.jpg) no-repeat bottom center; }
.page3 .news_list { margin-bottom: 50px; }
.news_list ul {margin:-21px; display: flex;flex-wrap:wrap; }
.news_list li { flex: 0 0 33.3%;  }
.news_list .box{ margin:21px;} 
.news_list .text { flex: 1; width: 0; margin-right: 40px }
.news_list .img1 { margin-bottom: 30px }
.news_list .img1 img{width:100%;display:block;}
.news_list .date { width: 82px; height: 82px; border: 1px solid #737373; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #191919 }
.news_list .date p { font-size: 32px; font-weight: bold; }
.news_list h3 { font-size: 22px; line-height: 1.8; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px }
.news_list .text p { line-height: 34px; color: #828282; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 20px;  ; }
.more_txt { color: #dc4910; display: inline-block; padding-right: 25px; background: url(../img/icon8.png) no-repeat right center; }

.footer { background: #1b1f32; border-top: 5px solid #dc4910 }
.foot { height: 120px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #2d3142 }
.foot .menu a { color: #fff; }
.foot .menu a:hover{ color:#dc4910}
.foot_items { display: flex; padding: 50px 0; color: #fff;align-items:flex-start; }
.foot_items .item:not(:first-child) { margin-left: 60px }
.foot_items .ewms { flex: 1; display: flex; justify-content: flex-end }
.foot_items .icon { margin-bottom: 20px; }
.foot_items p { opacity: .5 }
.foot_items .item p { margin-bottom: 20px; }
.foot_items h3 { max-width: 260px; line-height: 27px; }
.foot_items h2 { font-size: 28px; font-weight: bold; word-break: break-all;max-width: 250px; }
.ewms .ewm { width: 115px; margin-left: 20px; border: 1px solid rgba(255,255,255,0.3) }
.ewms .ewm .img { height: 115px; background: #fff; }
.ewms .ewm p { line-height: 31px; text-align: center; font-size: 14px; }
.foot_bottom { display: flex; font-size: 14px; border-top: 1px solid #2d3142; padding: 33px 0; align-items: center; color: rgba(255,255,255,0.5); }
.foot_bottom a{ color: rgba(255,255,255,0.5);}
.foot_bottom a:hover{color:#fff}
.link_select { margin-left: 20px; }
.link_select select { width: 174px; height: 36px; background: #282c3e; border: 0; color: rgba(255,255,255,0.3); padding: 0 10px }
.link a { color: rgba(255,255,255,0.5); padding: 0 10px; position: relative; }
.link a:hover { color: #fff }
.link a:after { content: ''; width: 1px; height: 11px; background: #383a43; position: absolute; top: 50%; margin-top: -5px; right: 0 }
.link a:last-child:after { display: none }

.full { position: fixed; top: 50%; right: 0; width: 68px; background: rgba(0,0,0,0.6); border-radius: 5px 0 0 5px; z-index: 1002; padding: 10px 0 }
.full li a { display: flex; justify-content: center; align-items: center; height: 68px; }


.banner_list { z-index: 10; display: flex; }
.banner_list li { width: 160px; margin-left: 15px; color: #fff; height: 60px; display: flex; align-items: center; justify-content: flex-start; position: relative !important; }
.banner_list li:after, .banner_list li:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #fff; }
.banner_list li:after { opacity: .6; }
.banner_list li:before { width: 0; }
.banner_list li.on:before { animation: move 3.1s linear }

@keyframes move {
    from { width: 0 }
    to { width: 100%; }
}

@-moz-keyframes move {
    from { width: 0 }
    to { width: 100%; }
}

@-webkit-keyframes move {
    from { width: 0 }
    to { width: 100%; }
}

.page_banner { height: 630px; background-position: center center; background-repeat: no-repeat; background-size: cover; padding-top: 80px; display: flex; align-items: center; position: relative; }
.page_banner .title { color: #fff }
.page_banner .title h2 { font-size: 70px; text-transform: uppercase; font-weight: bold; background-image: -webkit-linear-gradient(top,#fff 10%,rgba(0,0,0,0)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 30px; }
.page_banner .title h3 { font-size: 36px; font-weight: bold; display:none; }
.page_pos { position: absolute; left: 0; bottom: 20px; width: 100%; color: #fff; }
.page_pos a { color: #fff; }
.page_pos a:hover { color: #dc4910 }
.page4 { background-image: url(../img/bg4.jpg) }
.about_text { width: 42% }
.about_video { width: 51%; display: flex; align-items: center; background: #000 }
.about_video video { width: 100%; height: 100%; }
.about_text .tit { border-bottom: 1px solid #d8dde3; padding-bottom: 30px; margin-bottom: 20px; position: relative; }
.about_text .tit:after { width: 70px; height: 4px; background: #dc4910; position: absolute; bottom: -1px; left: 0; content: ''; }
.about_text .tit h3 { font-size: 38px; color: #2b2b2b; font-weight: bold; }
.about_text .tit h3 span { color: #dc4910 }
.about_text .text { line-height: 24px;; min-height: 198px }
.about_text .text p {   color: #525252 }
.about_text .num_list h3 { font-size: 44px; margin-bottom: 5px; }
.about_text .num_list { margin-bottom: 0; height: auto; margin-top: 20px; max-width: 480px }
.about_text .num_list h3 span { font-size: 20px; line-height: inherit }
.about_text .num_list h3 span.span1 {; }
.about_video { position: relative; }
.about_video .play_btn { width: 60px; text-align: center; color: #fff; position: absolute; top: 50%; left: 0; right: 0; display: block; margin: 0 auto; margin-top: -50px; z-index: 10; cursor: pointer; }
.play_btn span { display: block; width: 60px; height: 60px; background: url(../img/play.png) no-repeat center center; position: relative; margin-bottom: 10px; }
.play_btn span:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/play1.png) no-repeat center center; animation: circle 2s infinite linear }

@keyframes circle {
    from { transform: rotate(0deg) }

    to { transform: rotate(360deg) }
}

@-moz-keyframes circle {
    from { transform: rotate(0deg) }

    to { transform: rotate(360deg) }
}

@-webkit-keyframes circle {
    from { transform: rotate(0deg) }

    to { transform: rotate(360deg) }
}

.about_video video { opacity: .7 }
.about_video.on video { opacity: 1 }
.about_video.on .play_btn { display: none; }
.page5_list li { width: 25%; float: left; }
.page5_list li .box:after { content: ''; display: block; width: 100%; height: 100%; background: #19275e; position: absolute; top: 0; left: 0; z-index: -1; opacity: 0 }
.page5_list li:nth-child(1) { background: url(../img/li1.jpg) no-repeat center center; }
.page5_list li:nth-child(2) { background: url(../img/li2.jpg) no-repeat center center; }
.page5_list li:nth-child(3) { background: url(../img/li3.jpg) no-repeat center center; }
.page5_list li:nth-child(4) { background: url(../img/li4.jpg) no-repeat center center; }
.page5_list .box { height: 837px; position: relative; padding-top: 150px; color: #fff; overflow: hidden; z-index: 10 }
.page5_list .tips { position: absolute; top: 0; left: 0; width: 100%; line-height: 60px; background: #dc4910; color: #fff;; text-transform: uppercase; }
.page5_list .tit, .page5_list .text, .page5_list .tips h3 { width: 80%; margin: 0 auto; max-width: 320px; }
.page5_list .icon { height: 100px; }
.page5_list .tit h3 { font-size: 30px; font-weight: bold; margin-bottom: 30px; }
.page5_list .tit p { font-size: 24px; }
.page5_list .tit { margin-bottom: 50px }
.page5_list .add { width: 26px; height: 26px; background: url(../img/icon18.png) no-repeat center center; margin-bottom: 50px; }
.page5_list .text p { line-height: 24px;;  opacity: 0 }
.page5_list .add { margin-top: 150px; }
.page5_list .tips { top: -60px; }
.page5_list li.on .tips { top: 0 }
.page5_list li.on .add { margin-top: 0; transform: rotate(180deg) }
.page5_list li.on .text p { opacity: 1; }
.page5_list li.on .box:after { opacity: 1 }
.page_tit2 { text-align: center; padding-bottom: 20px; position: relative; margin-bottom: 50px; }
.page_tit2:after, .page_tit2:before { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto }
.page_tit2:after { width: 70px; height: 4px; background: #dc4910; }
.page_tit2:before { width: 200px; height: 1px; background: #dcdcdc }
.page_tit2 h3 { font-size: 38px; color: #2c2c2c; font-weight: bold; }
.page_tit2 h3 span { color: #dc4910 }
.message { max-width: 1075px; margin: 0 auto; }
.message ul { display: flex; flex-wrap: wrap; }
.message li:not(:last-child) { flex: 0 0 33.3%; padding-left: 12px }
.message li { margin-bottom: 18px }
.message li:first-child { padding-left: 0 }
.div_input { padding: 0 15px; height: 52px; border: 1px solid #e0e0e0; background: #f7f7f7; border-radius: 5px; display: flex; align-items: center; }
.div_input label { color: #ff0000; font-size: 24px; line-height: 50px; }
.div_input .icon { width: 40px; height: 50px; }
.div_input .user { background: url(../img/icon19.png) no-repeat center center; }
.div_input .tel { background: url(../img/icon19-2.png) no-repeat center center; }
.div_input .mail { background: url(../img/icon19-3.png) no-repeat center center; }
.div_input .beizhu { background: url(../img/icon19-4.png) no-repeat center center; }
.div_input input { flex: 1; background: none; border: 0; }
.message li.li1 { width: 100%; }
.div_input.div_textarea { align-items: flex-start; height: auto; }
.div_textarea textarea { flex: 1; background: none; resize: none; border: 0; padding-top: 10px;; height: 200px; }
.message .more_btn { margin: 0 auto; text-align: center; margin-top: 35px; }
.message .more_btn a { margin: 0 auto; }
.page.page_map { padding: 0 }
.page_map .map { height: 600px;   position: relative }
.page_map .map *{transition: all 0s;}
.page_map .map_cur { position: absolute; top: 50%; left: 50%; }
.map_cur span { display: block; width: 20px; height: 26px; background: url(../img/icon21.png) no-repeat center center }
.map_cur .drop { position: absolute; bottom: 40px; left: 50%; width: 344px; margin-left: -172px; background: #dc4910; padding: 10px 20px; border-radius: 5px; color: #fff; line-height: 28px; }
.map_cur .drop:after { content: ''; display: block; width: 19px; height: 8px; background: url(../img/icon22.png) no-repeat center center; position: absolute; top: 100%; margin: 0 auto; left: 0; right: 0 }
.page_map .box { float: right; width: 350px; background: #fff; margin-top: 46px; height: 506px; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 40px;position:absolute;right:0; z-index:10010; }
.page_map .box > h3 { font-size: 22px; font-weight: bold; padding-top: 20px }
.page_map li { padding: 40px 0; border-bottom: 1px solid #e8e8e8 }
.page_map li:last-child { border-bottom: 0; padding-bottom: 0 }
.page_map .box li h3 { font-size: 28px; font-weight: bold; word-break: break-all;}
.page_map .box li p { margin: 10px 0; color: #747474 }

.pro_title { border-top: 2px solid #dedede; margin-bottom: 30px; }
.pro_title ul { display: flex; flex-wrap: wrap; }
.pro_title li { flex: 1; text-align: center; position: relative; }
.pro_title li:not(:last-child):after { content: ''; display: block; width: 1px; height: 84px; background: #dbdbdb; position: absolute; top: 25px; right: 0 }
.pro_title .icon { height: 60px; display: block; width: 100%; background-repeat: no-repeat; background-position: center center; margin-bottom: 5px; }
.pro_title .icon1 { background-image: url(../img/pro1.png) }
.pro_title .icon2 { background-image: url(../img/pro2.png) }
.pro_title .icon3 { background-image: url(../img/pro3.png) }
.pro_title .icon4 { background-image: url(../img/pro4.png) }
.pro_title .icon5 { background-image: url(../img/pro5.png) }
.pro_title .icon6 { background-image: url(../img/pro6.png) }
.pro_title .icon7 { background-image: url(../img/pro9.png) }
.pro_title .icon8 { background-image: url(../img/pro8.png) }
.pro_title .icon9 { background-image: url(../img/pro7.png) }
.pro_title a:hover .icon1, .pro_title li.on .icon1 { background-image: url(../img/pro1-1.png) }
.pro_title a:hover .icon2, .pro_title li.on .icon2 { background-image: url(../img/pro2-1.png) }
.pro_title a:hover .icon3, .pro_title li.on .icon3 { background-image: url(../img/pro3-1.png) }
.pro_title a:hover .icon4, .pro_title li.on .icon4 { background-image: url(../img/pro4-1.png) }
.pro_title a:hover .icon5, .pro_title li.on .icon5 { background-image: url(../img/pro5-1.png) }
.pro_title a:hover .icon6, .pro_title li.on .icon6 { background-image: url(../img/pro6-1.png) }
.pro_title a:hover .icon7, .pro_title li.on .icon7 { background-image: url(../img/pro9-1.png) }
.pro_title a:hover .icon8, .pro_title li.on .icon8 { background-image: url(../img/pro8-1.png) }
.pro_title a:hover .icon9, .pro_title li.on .icon9 { background-image: url(../img/pro7-1.png) }
.pro_title a { display: block; position: relative; padding-top: 20px; }
.pro_title p { line-height: 26px; color: #5e5e5e ;padding:0 20px}
.pro_title a:hover p, .pro_title li.on p { color: #dc4910; }
.pro_title a:hover:after, .pro_title li.on a:after { width: 100%; }
.pro_title a:after { content: ''; display: block; width: 0; height: 3px; background: #dc4910; position: absolute; top: -2px; left: 0; z-index: 10 }
.pro_title2 { background: #f3f3f3; padding: 23px 30px;padding-top:13px; }
.pro_title2 ul { display: flex; flex-wrap: wrap; }
.pro_title2 a { display: block; line-height: 42px; border-radius: 44px; background: #fff; padding: 0 24px; border: 1px solid #fff; }
.pro_title2 li { margin-left: 20px;margin-top:10px; }
.pro_title2 li.on a { border-color: #dc4910 }
.pro_title2 ul { margin-left: -20px; }
.mews_list_about, .pro_list { margin-top: 50px; }
.mews_list_about h4, .pro_list h4 { font-size: 24px; font-weight: bold; margin-bottom: 30px; }
.mews_list_about h4 span, .pro_list h4 span { color: #dc4910 }


.more_btn2 span { color: #6f6f6f; background: #f3f3f3 }
.more_btn2 span:after { background: #f3f3f3 url(../img/icon7-1.png) no-repeat center center; }
.pro_list ul { margin: -16px -12px }
.pro_list ul li { width: 50%; float: left; }
.pro_list .box {background:#fff; display: flex; margin: 16px 12px; border: 1px solid #dcdcdc }
.pro_list .des { flex: 1; padding: 40px; padding-right: 0 }
.pro_list .des h3 { font-size: 26px; font-weight: bold; color: #191919; height: 60px; line-height: 30px; overflow: hidden; }
.pro_list .des p { line-height: 32px; height: 100px; margin-bottom: 30px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pro_list .img2 { width: 280px; display: flex; align-items: center; justify-content: center; height: 327px; }
.img2 img { max-width: 100%; max-height: 100% }
.pro_list .box:hover { border-color: #dc4910; box-shadow: 0 0 20px rgba(0,0,0,0.1) }
.pro_list .box:hover .more_btn2 span { background: linear-gradient(to right,#dc4910,#19275e); color: #fff; }
.pro_list .box:hover .more_btn2 span:after { background: #19275e url(../img/icon7.png) no-repeat center center; }

.pagesize { padding-top: 60px; }
.pagesize ul { display: flex; align-items: center; justify-content: center; }
.pagesize ul li:not(:first-child) { margin-left: 15px; }
.pagesize ul a { display: block; line-height: 40px; border-radius: 40px; border: 1px solid #d8d8d8; color: #333;padding:0 15px; min-width: 42px; text-align: center; }
.pagesize ul a.a_btn { padding: 0 22px; width: auto; }
.pagesize ul li.on a, .pagesize ul li:hover a { background: #19275e; border-color: #19275e; color: #fff }
.details { display: flex; border: 1px solid #dcdcdc; align-items: center; }
.details .img2 { width: 47%; display: flex; align-items: center; justify-content: center; height: 100%; min-height: 300px; }
.details .text { flex: 1; width: 0; padding: 60px; padding-left: 0 }
.details .text h3 { border-bottom: 1px solid #e7e7e7; font-size: 24px; font-weight: bold; padding-bottom: 20px; margin-bottom: 15px; }
.details .text p { line-height: 38px; font-size: 18px; color: #4b4b4b }
.details .txt { min-height: 220px }
.btns { display: inline-block }
.btns a { line-height: 52px; border-radius: 52px; background: linear-gradient(to right,#dc4910,#19275e); display: flex; color: #fff; padding: 0 22px }
.btns span { display: block; padding-left: 30px; background: url(../img/icon23.png) no-repeat left center; font-size: 18px; }
.btns label { font-size: 22px; font-weight: bold; }

.det_tag ul { background: url(../img/tag_bg.jpg) no-repeat center center; height: 140px; display: flex; margin: 30px 0 ;align-items:center;}
.det_tag ul li { flex: 1; text-align: center; position:relative;}
.det_tag ul li:not(:first-child):after{ content:'';display:block;width:1px;height:57px;background:#fff;opacity:.2;position:absolute; top:50%; margin-top:-28px;left:auto}
.det_tag a { display: flex; justify-content: center; align-items: center; }
.det_tag .text{text-align:left;}
.det_tag .icon{width:58px;height:58px; border-radius:100%; border:1px solid #fff;background-position:center center; background-repeat:no-repeat;margin-right:20px}
.det_tag .icon1{background-image:url(../img/icon24.png)}
.det_tag .icon2 { background-image: url(../img/icon25.png) }
.det_tag .icon3 { background-image: url(../img/icon26.png) }
.det_tag h3{ font-size:22px; margin-bottom:10px;color:#fff;}
.det_tag p{color:#fff;opacity:.7}
.det_tag li.on .icon{ background-color:#dc4910; border-color:#dc4910}
.det_tag li.on h3, .det_tag li.on p{ color:#dc4910}

.det_info .item { display: flex; align-items: flex-start; border-bottom: 1px solid #e7e7e7;padding:30px 0 }
.det_info .item:first-child{padding-top:0}
.det_info .item:last-child{ border-bottom:0}
.det_info .item h3 { width: 160px; display: flex; align-items: center; font-size: 22px; color: #252525; font-weight: bold; }
.det_info .item h3:before { content: ''; display: block; width: 5px; height: 22px; background: #dc4910 ;margin-right:10px; }
.det_info .item .text{flex:1;line-height:32px;width:0 }
.det_info .item .text p{min-height:32px;}
.ul_list {display:flex;}
.ul_list li{flex:1; margin-left:13px}
.ul_list .img1 {position:relative}
.ul_list span{position:absolute; top:50%;margin-top:-30px; line-height:58px;border:1px solid #fff;background:rgba(0,0,0,0.4);width:190px;text-align:center;font-size:22px;font-weight:bold; color:#fff;}
.page.page6 { background: #f3f3f3; padding-top: 0px }
.case_swiper{position:relative;margin-top:84px;margin-bottom:50px;}
.case_swiper .swiper3{max-width:1077px;height:476px;margin-left:0}
.case_swiper .swiper4 { position: absolute; width: 685px; height: 390px; right:0;top:42px}
.swiper4 .box { height: 390px; padding: 40px 60px; background: #19275e ;overflow: hidden; }
.swiper4 .box label{display:inline-block; padding:0 8px;line-height:26px; border-radius:26px;border:1px solid #dc4910;color:#dc4910;margin-bottom:20px;}
.swiper4 .box h2{ color:#fff;font-size:30px;font-weight:bold;margin-bottom:10px;line-height:1.8;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.swiper4 .box p{ color:#fff; line-height:2em}
.swiper4 .box:after{ content:'';display:block;width:120px;height:120px;background:url(../img/icon27.png) no-repeat 40% 40% #dc4910; border-radius:100%;position:absolute; bottom:-40px; right:-40px}
.swiper-slide{overflow:hidden;}
.swiper4 .swiper-button-next, .swiper4 .swiper-button-prev { top: auto; margin-top: auto; bottom: 20px; width: 50px; height: 50px; border-radius: 100%; border: 1px solid #fff; background: url(../img/icon28.png) no-repeat center center }
.swiper4 .swiper-button-next {  right: auto; left: 120px;transform:rotate(180deg) }
.swiper4 .swiper-button-prev{ left:60px}
.swiper4 .num{position:absolute; bottom:40px;width:150px;display:flex;left:220px;color:#fff;z-index:10;align-items:center;}
.swiper4 .num label{flex:1; height:1px; background:#fff;margin:0 10px;opacity:.4}
.swiper4 .num label{flex:1; height:1px; background:#fff;margin:0 10px;opacity:.4}

.case_list .tit { height: 50px; align-items: center; color: #6a6a6a;margin-bottom:20px; }
.case_list .tit h3{font-size:22px;font-weight:bold;color:#000}

.case_list li{width:50%;  flex:0 0 50% }
.case_list .box { margin: 17px; display: block; background: #f7f7f7 }
.case_list ul{display:flex;flex-wrap:wrap; margin:-17px;}
.page.page_case { padding-top: 0 }
.case_list .text{padding:20px 30px;line-height:30px;}
.case_list .text h3{ height:30px;font-size:20px;font-weight:bold;}
.case_list .text h3, .case_list .text p{white-space:nowrap;overflow:hidden; text-overflow:ellipsis;}
.case_list .text p { color: #828282 ;margin:5px 0}
.page_details{padding:30px 0;}
.page_details .title { border-bottom: 1px solid #eaeaea }
.page_details .title .tit{font-size:40px; font-weight:bold; line-height:1.5;padding:30px 0}
.page_details .title .sub_tit { border-top: 1px solid #eaeaea; height: 100px; display: flex; justify-content: space-between; align-items: center; color: #8e8e8e }
.share{ line-height:40px}
.share a { position: relative; display: inline-block; width: 40px; height: 40px; vertical-align: middle; }
.share a.wx{ background:url(../img/icon29.png) no-repeat center center}
.share a.sina { background: url(../img/icon30.png) no-repeat center center }
.share a.qq { background: url(../img/icon31.png) no-repeat center center }
.share a .drop{position:absolute;bottom:100%;width:100px;left:50%;margin-left:-50px;padding:2px;background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.1);opacity:0}
.share a .drop img{display:block;}
.share a:hover .drop { opacity: 1; }
.page_details .text { padding: 40px 0; line-height: 32px; color: #353535 }
.page_details .text p{min-height:32px;}
.page_details .cur { height: 100px; display: flex; justify-content: space-between; border-top: 1px solid #eaeaea;align-items:center;}
.mews_list_about li{ width:33.33%; float:left;}
.mews_list_about li .box{ display:block; margin:11px;background:#fff; border-top:5px solid #dc4910;padding:30px 40px;box-shadow:0 0 10px rgba(0,0,0,0.1)}
.mews_list_about ul{margin:-11px;}
.mews_list_about h5 { color: #dc4910 ;margin-bottom:15px;}
.mews_list_about h3{ font-size:24px;line-height:30px; height:60px;font-weight:bold;overflow:hidden;    white-space: nowrap;
    text-overflow: ellipsis;}
.mews_list_about .txt{margin-top:-10px; line-height:34px; height:68px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mews_list_about .more_txt{ min-height:20px;padding-right:20px;background:url(../img/icon7-1.png) no-repeat center center;opacity:.5;margin-top:30px;}


@media only screen and (max-width: 1400px) {
    .page2_list .tit h3{ font-size:26px;}
    .page2_list li{padding:40px}
    .pro_list .box, .news_list .box, .case_list .box { margin: 10px; }
    .pro_list ul, .news_list ul, .case_list ul { margin: -10px; }
    .news_list .img1{margin-bottom:10px}
    .news_list .text{ margin-right:20px;}
    .news_list h3{margin-bottom:0}
    .news_list .text p{ margin-bottom:10px; line-height:1.5}
    .swiper2 a{margin:40px 10px;}
    .num_list h3{ font-size:66px;}
    .page_text{margin-right:20px}
    .page_text .tit h3{ font-size:40px;}
    .menu ul li{ margin:0 20px;}
    .page_text .text{ height:auto;margin-bottom:20px;}
    .page2_list li.on{padding:20px;}
    .page2_list li.on .tip{ margin:-20px;padding:20px;}
}

@media only screen and (max-width: 1000px) {
    .header { position: fixed; top: 0; width: 100%; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2) ;}
    .header .menu>ul{display:block;line-height:50px; text-align:center; position:fixed;top:61px;right:-310px; width:300px; background:#fff; bottom:0}
    .header.h_menu:after { content: ''; display: block; width: 100%; height: 100%; position: fixed; background: #000; opacity: .7; top: 0; left: 0;z-index:-1 }
    .header .menu ul li { border-bottom: 1px solid rgba(0,0,0,0.1) }
    .menu_wrap{width:40px;height:40px;background:url(../img/menu.png) no-repeat center center #19275e;background-size:auto 25px;margin-left:20px;}
    .header .wrap{padding:0;height:60px;padding:0 2%;width:100%;border-radius:0}
    .header.h_menu .menu_wrap { background-image: url(../img/menu-1.png) }
    .header.h_menu .menu ul{ right:0}
    .header .logo img{height:40px;width:auto;}
    .page{padding:40px 0}
    .page_tit{margin-bottom:40px;}
    .swi_cur .swiper-pagination{ margin:0 20px;}
    .page2 .wrap{width:100%;}
    .page2_list, .page2_list li.on { height: 600px; }
    .foot_items{flex-wrap:wrap;}
    .foot_items .ewms{flex:auto;width:100%;justify-content:flex-start;margin-top:20px}
    .ewms .ewm:first-child{margin-left:0}
    .banner_list li{width:100px;}
    .swiper-button-next, .swiper-button-prev{width:50px;height:50px;}
    .swi_cur .swiper-pagination .swiper-pagination-bullet:not(:first-child){ margin-left:10px;}
    .mainer{ padding-top:60px;}
    .page_banner { height: 40vh ;padding-top:0}
    .pro_title p{line-height:1.5}
    .pro_title ul{ overflow-x:auto;flex-wrap:nowrap;white-space:nowrap}
    .pro_title li{ flex:auto;min-width:130px;}
    .pro_title2 a{line-height:30px;}
    .pro_title2{padding:5px 10px}
    .pro_title2 li{ margin:3px;}
    .pro_title2 ul{ margin:0}
    .mews_list_about, .pro_list{margin-top:20px;}
    .mews_list_about h4, .pro_list h4{ margin-bottom:10px;}
    .pro_list ul li{width:100%;}
    .pro_list .des{padding-top:20px;padding-left:20px}
    .pro_list .des h3{ font-size:20px;}
    .pro_list .des p{  line-height:1.8}
    .pagesize ul a{width:30px;line-height:30px;}
    .pagesize ul li:not(:first-child){ margin-left:5px;}
    .pagesize ul a.a_btn{ padding:0 10px;}
    .pagesize{ padding-top:30px;}
}
@media only screen and (max-width: 800px){
    .details{ display:block;}
    .details .text{width:100%;padding:20px;}
    .det_tag ul{ height:auto; padding:25px 0}
    .det_tag .icon{margin-right:10px;display:none}
    .det_tag h3{ font-size:18px;}
    .det_info .item{ display:block;}
    .det_info .item .text{width:100%;}
    .det_info .item h3{margin-bottom:20px;}
    .ul_list li:first-child{margin-left:0}
    .ul_list span{width:80%;line-height:40px;margin-top:-20px; font-size:18px;}
    .details .img2 { width: 100% }
    .page1 .flex_between{ display:block;}
    .page_img, .page_text{max-width:100%;width:100%;}
    .page2_list{  flex-direction:column;}
    .page2_list li{ flex:auto;width:100%;height:auto; position:relative;}
    .page2_list .bottom{ position:relative;bottom:auto;}
    .page2_list li .tip, .page2_list .bottom p, .page2_list li .tit h4 { display: block; }
    .page2_list, .page2_list li.on { height: auto }
    .page2_list li.on .tip, .page2_list li .tip { margin: -20px; background: #dc4910; line-height: 26px; display: flex; padding: 10px 20px; }
    .page2_list li.on .tit, .page2_list li .tit{margin-top:30px;margin-bottom:0;padding:15px 0;display:flex;align-items:center;border:0}
    .page2_list li .tit h4{ margin-top:0;margin-left:10px;}
    .page2_list li.on, .page2_list li{padding:20px;}
    .page.page1{padding-bottom:50px;}
    .foot{display:none}
    .foot_items{ display:block;padding:30px 0}
    .foot_items .item:not(:first-child){ margin-left:0;}
    .foot_items .item { display: flex; align-items: center; margin-bottom: 10px; }
    .foot_items .item p, .foot_items .icon{ margin-bottom:0;margin-right:20px;}
    .foot_items .item *:last-child{ flex:1;max-width:100%;}
    .foot_bottom{padding:10px 0}
    .page_banner .title h2{ font-size:50px;margin-bottom:10px;}
    .page_banner .title h3{ font-size:20px;}
    .page_banner{ height:30vh;padding-bottom:50px;}


    .page4 .flex_between { display: block }
    .about_video, .about_text { width: 100%; }
    .about_video { margin-top: 20px; }
    .about_text .text { line-height: 1.8 }
    .about_text .tit { padding-bottom: 20px; }
    .about_text .tit h3 { font-size: 30px }
    .page5_list li{width:50%; }
    .page5_list .box{ height:600px;padding-top:70px;}
    .page5_list .icon{ height:70px;}
    .page5_list .tit h3{ margin-bottom:10px;font-size:26px;}
    .page5_list .add{ margin-top:40px;}
    .page5_list .text p{ line-height:1.8}
    .message li:not(:last-child){flex:0 0 100%}
    .message li:not(:last-child){padding-left:0}
    .page_details .title .tit{ font-size:30px;padding:15px 0}
    .mews_list_about ul{margin:0}
    .mews_list_about ul li{width:100%;margin-bottom:10px; }
    .mews_list_about h3, .mews_list_about .txt { height: auto; margin-bottom:10px}
    .mews_list_about .more_txt{ margin-top:0}
    .mews_list_about li .box{ margin:0}
    .case_swiper .swiper3{width:100%;height:auto;}
    .case_swiper .swiper4{ position:initial;top:auto;left:auto; width:100%;height:auto;}
    .swiper4 .box{ height:auto; padding:20px;position:relative;padding-bottom:100px;}
    .swiper4 .box h2{ font-size:24px;}
    .swiper4 .swiper-button-prev{ left:20px}
    .swiper4 .swiper-button-next{left:90px;}
    .swiper4 .num{ display:none}

    
}

@media only screen and (max-width: 650px) {
    .case_list li{width:100%;}
    .case_list .text{ padding:15px;}
}
    @media only screen and (max-width: 500px) {
        .page_details .title .sub_tit { display: block; height: auto; padding: 20px 0; text-align: center; }
        .page_details .text { padding: 20px 0 }
        .page_details .cur { flex-direction: column; justify-content: flex-start; align-items: flex-start; height: auto; line-height: 40px; text-align: left; padding-top: 20px; }
        body { font-size: 14px; }
        .banner_list { display: none; }
        .swi_cur { justify-content: center; height: auto; }
        .swi_cur .flex1 { display: none }
        .swi_cur .swiper-button-next, .swi_cur .swiper-button-prev { display: none; }
        .swiper1 img { width: 130%; max-width: initial; margin-left: -15% }
        .page_tit h3 { font-size: 22px; }
        .page_tit h4 { font-size: 26px; }
        .swiper_nav ul { white-space: nowrap; overflow-x: auto; justify-content: flex-start }
        .swiper_nav li { padding: 0 15px; width: auto; height: 40px; }
        .page_text .tit, .page_tit { margin-bottom: 20px; }
        .swiper2 .swiper-button-prev, .swiper2 .swiper-button-next { width: 40px; height: 40px }
        .swiper2 p { line-height: 40px; }
        .page_text .tit h3 { font-size: 30px; }
        .page_text .tit h3:after { margin: 15px 0 }
        .page_text .tit h4 { font-size: 18px; }
        .num_list h3 { font-size: 40px; margin-bottom: 0px; }
        .num_list h3 .span1, .num_list h3 span { font-size: 20px; line-height: 1 }
        .num_list { height: auto; margin-top: 30px; }
        .news_list li { flex: 0 0 100%; }
        .foot_items .item *:last-child { flex: auto; width: 100%; text-align: center; }
        .foot_items .item { flex-wrap: wrap; justify-content: center; margin-bottom: 20px; }
        .foot_items .ewms { justify-content: center; }
        .foot_bottom { flex-wrap: wrap; }
        .foot_bottom .flex1 { width: 100%; font-size: 12px; margin-bottom: 10px; flex: auto; }
        .link_select { flex: 1; margin-left: 0; margin-top: 10px; }
        .link a:first-child { padding-left: 0 }
        .full { width: 40px; }
        .full li a { height: 40px; }
        .page_text .text p { line-height: 1.5 }
        .page_banner { height: 180px; }
        .page_banner .title h2 { font-size: 30px; }
        .page_banner .title h3 { font-size: 18px; }
        .page5_list li { width: 100%; }
        .page5_list .tit, .page5_list .text, .page5_list .tips h3 { width: 90% }
        .page5_list .box { height: auto; padding-bottom: 20px; }
        .page5_list .add { margin-bottom: 20px; }
        .page5_list .tit { margin-bottom: 20px; }
        .page_tit2 h3 { font-size: 28px }
        .page_tit2 { margin-bottom: 20px; }
        .message .more_btn { margin-top: 20px; }
        .details .text p { font-size: 16px; line-height: 1.8 }
        .details .txt { margin-bottom: 20px; }
        .det_tag ul { white-space: nowrap; overflow-x: auto; }
        .det_tag ul li { padding: 0 20px; }
        .det_tag ul li:not(:first-child):after { left: 0px; }
        .ul_list li { flex: 0 0 100%; margin-left: 0; margin-bottom: 10px; }
        .ul_list { flex-wrap: wrap; }
        .det_info .item:last-child { padding-bottom: 0 }
        .mews_list_about li .box { padding: 20px }
        .mews_list_about .txt { line-height: 1.8 }
        .mews_list_about h3 { margin-bottom: 15px; }
        .page_details .title .tit { font-size: 26px; text-align: center; }
        .case_swiper { margin: 10px 0 20px; }
        .page_map .box{position: initial;margin-top:0;padding:20px;height:auto}
        .page_map li{padding: 20px 0;}
        .map{display: none;}
    }
    
.header_show{ border-bottom:1px solid #ccc}
.search_wrap { margin: 40px auto; max-width: 1000px; margin-top: 150px }
.search_box { display: flex; border-radius: 10px; height: 50px; border: 1px solid rgba(0,0,0,0.1); align-items: center; padding-left: 20px; }
.search_box input { flex: 1; background: none; border: none; }
.search_box span { cursor: pointer; line-height: 50px; display: block; padding-left: 30px; padding-right: 20px; background: url(../img/icon2.png) no-repeat left center; margin-left: 20px; position: relative; }
.search_box span:after { content: ''; display: block; width: 1px; height: 26px; position: absolute; top: 50%; margin-top: -13px; background: #ccc; left: -15px; }
.search_tip { margin-top: 20px; }
.search_tip p { text-align: center; opacity: 0.5; }
.search_list { margin-top: 10px; width: 100% !important }
.search_list .wrap { max-width: 1000px; }
.search_list .top { display: flex; line-height: 30px; }
.search_list .top .span_tit { font-size: 16px; margin-right: 10px; }
.search_list .top .span_tit:after { content: ''; display: inline-block; vertical-align: middle; width: 1px; height: 16px; background: #ccc; margin-left: 10px; margin-bottom: 3px; }
.search_list .top h3 { flex: 1; width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; }
.search_list .list { padding: 20px 0; display: flex; }
.search_list li { padding-top: 20px; border-bottom: 1px solid #eee; }
.search_list .list .text { flex: 1; line-height: 20px; color: #454545; font-size: 12px; }
.search_list .list .text p { margin-bottom: 15px; }
.search_list .list .text p:last-child { margin-bottom: 0; }
.search_list .list .img { width: 160px; margin-right: 40px; }
.det_tag .item { display: none; }
.det_tag .item:first-child { display: block; }

@media only screen and (max-width: 550px) {
    .search_list { margin-top: 0 }
    .search_list li { padding-top: 10px; }
    .search_list .list { flex-direction: column; padding: 10px 0 }
    .search_list .list .img { width: 100%; margin-right: 0; margin-bottom: 20px; }
    .search_wrap { margin: 20px auto }
    .header .logo a { justify-content: start }
    
    .header .menu .drop{padding: 0;border-top:1px solid #eee;}    
    .header .menu ul li{line-height: 50px;}
    .header .menu ul li .drop{ position: initial;left: auto;transform: none;}
}
.table td{border:1px solid #eee;padding-left:15px}