body { font-family: 'Microsoft YaHei', "Open Sans", sans-serif; color: #747474; font-size: 16px; }

input,
select,
textarea { font-family: 微软雅黑, "Open Sans", sans-serif; font-size: 1em; }

input[type="button"],
input[type="submit"],
input[type="reset"] { -webkit-appearance: none; }

@font-face { font-family: 'pmzd'; src: url('../font/PangMenZhengDaoBiaoTiTi-1.ttf'); }

textarea { -webkit-appearance: none; }

.wrap { width: 94%; max-width: 1400px; margin: 0 auto; position: relative; }
.wrap2 { width: 94%; max-width: 1200px; margin: 0 auto; position: relative; }
a,
a:link { text-decoration: none; color: #000; }
a:hover, .on > a { color: #b8061e; }

.img { display: flex; align-content: center; justify-content: center; }
.img img { width: auto; max-width: 100%; max-height: 100%; }
.swi_num { position: absolute; letter-spacing: 5px; font-size: 20px; bottom: 5%; left: 0; right: 0; margin: 0 auto; color: #fff; z-index: 10; }
.swi_num .num { font-size: 30px; color: #b8061e; }
.swiper-pagination-bullet { width: 32px; height: 2px; background: #fff; border-radius: 0; opacity: 1; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:first-child { margin-left: 75px; }
.swiper-pagination-bullet:after { content: ''; display: block; width: 0px; height: 2px; background: #b8061e; }
.swiper-pagination-bullet-active:after { width: 100%; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { z-index: 11; bottom: 5%; width: 96%; max-width: 1400px; margin: 0 auto; left: 0; right: 0; text-align: left; margin-bottom: 5px; }

.header { position: fixed; top: 0; left: 0; width: 100%; z-index: 100; background: #fff; height: 90px; display: flex; align-items: center; box-shadow: 0 0 5px rgba(0,0,0,0.1); }
.header .logo { width: 20%; text-align: center;height:90px; overflow:hidden; }
.header .logo a{    display: flex;      align-items: center;height:100%;}
.header .logo img{ height:110px;margin-top:-10px;margin-left:-20px;}
.header .menu { flex: 1; }
.menu li { position: relative; display: inline-block; margin-right: 55px; line-height: 90px; }
.menu li.on > a, .menu li:hover > a { font-weight: bold; }
.menu li.on > a:after, .menu li:hover > a:after { width: 100%; }
.menu { position: relative; }
.menu .drop { display: none; transition: all 0s; box-shadow: 0 0 3px rgba(0,0,0,0.2); position: absolute; padding: 20px 35px; line-height: 40px; width: 500px; left: 50%; transform: translateX(-50%); top: 100%; background: #fff; z-index: 10; }
.menu .drop .item:first-child { width: 150px; margin-right: 55px; }
.menu .drop .item:last-child { flex: 1; }
.menu .drop h3 { padding-bottom: 10px; margin-bottom: 10px; color: #b8061e; font-weight: bold; border-bottom: 1px solid #ddd; }
.menu .drop li { display: block; line-height: 40px; margin: 0; }
.menu .drop .item2 ul { /*column-count: 4; column-gap: 30px;*/ }
.menu > ul > li > a:after { position: absolute; bottom: 0; margin: 0 auto; left: 0; right: 0; width: 0; height: 3px; background: #b8061e; content: ''; display: block; }
.menu li a { display: block; position: relative; }
.head_cont { display: flex; align-items: center; }
.head_cont .lang { margin-right: 16px; }
.head_cont .tel { line-height: 40px; padding-left: 25px; background: url(../img/icon1.png) no-repeat center left; font-weight: bold; margin-right: 40px; }
.head_cont .tel a { color: #b8061e; }
.head_cont .lang a { color: #353535; }
.head_cont .lang a:hover, .head_cont .lang a.on { color: #b8061e; }
.online, .search { width: 90px; background: #eee; height: 90px; }
.online a, .search a { display: block; width: 100%; height: 100%; }
.online { background: #40464d; }
.online .icon { background-image: url(../img/icon3.png); }
.search .icon { background-image: url(../img/icon2.png); }
.icon { display: inline-block; background-repeat: no-repeat; background-position: center center; }
.mainer { padding-top: 90px; }
.page { padding: 90px 0; }
.page_tit { margin-bottom: 75px; position: relative; color: #1d1d1d; }
.page_tit.tit_fff { color: #fff; }
.page_tit h3 { font-family: 'pmzd'; font-size: 52px; text-transform: uppercase; margin-bottom: 10px; }
.page_tit h4 { font-size: 32px; }
.page_tit h4:after { content: ''; display: inline-block; width: 32px; height: 3px; background: #b8061e; vertical-align: middle; margin-left: 15px; }
.page_tit_tag { display: flex; position: absolute; bottom: 0; right: 0; line-height: 30px; }
.page_tit_tag li { display: inline-block; margin-right: 30px; cursor: pointer; position: relative; }
.page_tit_tag li span { color: #2a2a2a; }
.page_tit_tag li:after { width: 0; position: absolute; margin: 0 auto; left: 0; right: 0; top: 100%; content: ''; display: block; height: 8px; background: url(../img/icon5.png) no-repeat center center; }
.page_tit_tag li.on:after, .page_tit_tag li:hover:after { width: 100%; }
.page_tit_tag li.on span, .page_tit_tag li:hover span { font-weight: bold; color: #000; }
.page_tit_tag ul { margin-right: 10px; position: relative; }
.page_tit_tag ul:after { position: absolute; width: 1px; height: 13px; background: #cfcfcf; right: 10px; content: ''; top: 50%; margin-top: -6px; }
.page_tit_tag .more { color: #808080; display: inline-block; padding-right: 15px; background: url(../img/icon4.png) no-repeat right center; }
.page_tit_tag .more:hover { color: #b8061e; background: url(../img/icon4-1.png) no-repeat right center; }

* { box-sizing: border-box; }
.page_bg1 { background: url(../img/bg1.png); }
.slide_list { padding: 10px; padding-bottom: 40px; }
.slide_list .item { width:33.3%; position: relative; z-index: 1; }
.slide_list { display: flex; }
/*.slide_list .item.swiper-slide-active { width:620px; }*/
.slide_list .item a { display: block; height: 420px; margin: 10px 20px; overflow: hidden; position: relative; z-index: 1; padding: 0 30px; border-radius: 10px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
.slide_list .item:hover a:after { width: 100%; }
.slide_list .item a{ display:flex;flex-direction:column}
.slide_list .item a:after { content: ''; display: block; left: 0; width: 0%; z-index: -1; top: 0; bottom: 130px; position: absolute; background: linear-gradient(to bottom,#fff,#e5e6e7); }
.slide_list .tit { line-height: 72px; border-bottom: 1px solid #e6e6e6; }
.slide_list .tit h3 { font-size: 20px; color: #232323; font-weight: bold; white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.slide_list .item .img {   min-width: 205px; width:80%;flex:1;margin:0 auto;display:flex;align-items:center; justify-content:center;}
.slide_list .item .img img { max-width: 100%; max-height:80%}
.slide_list .list { line-height: 25px; color: #898989; margin-top: 10px; display:none}
.slide_list .list p { padding-left: 10px; position: relative; }
.slide_list .list p:first-child:before { content: ''; display: inline-block; width: 4px; height: 4px; border-radius: 4px; background: #898989; position: absolute; top: 12px; left: 0; }
.slide_list .list li { margin-bottom: 10px; }
.span_btn { display: block; position: absolute; left: 40px; bottom: 46px; width: 38px; height: 38px; border: 1px solid #e8e8e8; background: url(../img/icon6.png) no-repeat center center #fff; }
.slide_list .item.swiper-slide-active .img { width: 250px; }
.slide_list .item.swiper-slide-active .span_btn,
.slide_list .item:hover .span_btn { background: url(../img/icon6-1.png) no-repeat center center #b8061e; border-color: #b8061e; }
.swiper2 { margin: -20px; }

.pagination2 .swiper-pagination-bullet { margin: 0 auto !important; width: 28px; height: 28px; background: url(../img/dots.png) no-repeat center center; }
.pagination2 .swiper-pagination-bullet:after { display: none; }
.swiper-container-horizontal > .swiper-pagination-bullets.pagination2, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0; text-align: center; }
.pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active { background: url(../img/dots-1.png) no-repeat center center; }

.page_tit2 { margin-bottom: 50px; position: relative; z-index: 1; }
.page_tit2 .text_bg { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; text-align: center; z-index: -1; }
.page_tit2 h2 { font-size: 34px; color: #232323; margin-bottom: 50px; font-weight: bold; text-align: center; padding-top: 83px; background: url(../img/logo_icon.png) no-repeat top center; }
.page_tit2 p { width: 92%; margin: 0 auto; line-height: 36px; text-align: center; }
.page_tit2 p a { color: #838383; border-bottom: 1px solid #838383; }
.page_tit2 p a:hover { color: #b8061e; border-bottom-color: #b8061e; }

.about_list ul { display: flex; justify-content: center; align-items: center; }
.about_list ul li { width: 280px; margin: 0 14px; border: 1px solid #e3e3e3; height: 128px; display: flex; flex-direction: column; justify-content: center; text-align: center; color: #161616; }
.about_list h3 { font-family: 'pmzd'; font-size: 24px; color: #b8061e; margin-bottom: 10px; }
.about_list h3 span { font-size: 50px; }
.about_box { display: flex; background: linear-gradient(to bottom,#3b4149,#60656c); align-items: center; margin-top: 70px; }
.video { width: 50%; position: relative; }
.video span { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); cursor: pointer; width: 80px; height: 80px; border-radius: 80px; border: 1px solid rgba(255,255,255,0.6); background: url(../img/icon7.png) no-repeat center center rgba(0,0,0,0.6);z-index:10 }
.video video{width:100%;background:#000}
.video video{ position:absolute; top:0; left:0;height:100%; object-fit:cover}
.video.on video{ opacity:1;}
.video.on span{ opacity:0;}
.video.on img{ opacity:0}
.video span:hover{ opacity:1;}
.about_box .video span:hover { background-color: rgba(0,0,0,0.8); }
.about_box .text { flex: 1; padding: 0 50px; line-height: 30px; color: #fff; }
.about_box .tit h3 { font-size: 30px; font-weight: bold; }
.about_box .tit h3:after { content: ''; display: block; width: 52px; height: 3px; background: #a2a5a9; margin: 30px 0; }
.about_box .tit h4 { font-weight: bold; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 60px; }
.about_box .txt { height: 120px; }
.about_box .txt p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.about_box .more { padding-top: 20px; border-top: 1px solid #757a80; margin-top: 30px; }
.about_box .more a { color: #fff; padding-right: 13px; background: url(../img/icon4-2.png) no-repeat right center; }
.about_box .more a:hover { padding-right: 20px; }
.page { overflow: hidden; }
.page.on { background: #f2f5fa; }
.map_txt { width: 560px; line-height: 36px; margin-top: -30px; }
.btn a { display: block; width: 134px; line-height: 46px; background: #b8061e; color: #fff; text-align: center; font-weight: bold; }
.btn { margin-top: 40px; }
.btn a span { display: inline-block; padding-right: 15px; background: url(../img/icon6-1.png) no-repeat right center; }
.btn a:hover span { padding-right: 25px; }
.map { position: absolute; top: -60px; right: 0; width: 50%; max-width: 700px; }
.mao_box { position: relative; }
.mao_box .pos { width: 40px; height: 40px; background: url(../img/icon8.png) no-repeat center center; position: absolute; top: 0; left: 0; }
.mao_box .pos:after { content: ''; display: block; width: 40px; height: 40px; border-radius: 40px; border: 1px solid #e01d1e; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); animation: sc 1s infinite; }

@keyframes sc {
    0% { width: 40px; height: 40px; opacity: 1; }
    100% { width: 10px; height: 10px; opacity: 0; }
}
.page.page_map_bg{  box-sizing:border-box; background:url(../img/map_bg.jpg) no-repeat center center;    background-size: cover;}
.mao_box .pos span { position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); white-space: nowrap; background: url(../img/icon9.png) no-repeat left center #fff; border-radius: 5px; line-height: 28px; color: #1a1a1a; padding-left: 27px; padding-right: 13px; margin-bottom: 0px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); }
.mao_box .pos.pos1 { top: 33%; left: 68%; }
.mao_box .pos.pos2 { top: 41%; left: 66%; }
.mao_box .pos.pos3 { top: 45%; left: 72%; }
.mao_box .pos.pos4 span{ top: 100%; bottom:auto; }
.mao_box .pos.pos3 span { bottom: 50%; left: 45px; margin-bottom: -15px; transform: none; }
.mao_box .pos.pos5 span { bottom: 50%;left:auto; right: 45px; margin-bottom: -15px; transform: none; }
.mao_box .pos.pos4 { top: 50%; left: 65%; }
.mao_box .pos.pos5 { top: 45%; left: 59%; }
.page_bg2 { background: url(../img/bg2.jpg) no-repeat center center; background-size: cover; }
.link_list ul{flex:1;margin-left:20px}
.link_list li { width: 33.3%; float: left; }
.link_list .page_tit { margin-bottom: 0; padding-top: 10px; }
.link_list .a_logo { height: 130px; display: flex; margin: 13px 10px; background: #fff; align-items: center; justify-content: center; }
.link_list .a_logo:hover { opacity: 0.9; }
.link_list .a_logo img { max-width: 80%; max-height: 80%; }
.page_bg3 { background: url(../img/bg3.jpg) no-repeat bottom center #f9f9f9; }
.news_box { display: flex; }
.news_box > .news { background: #fff; width: 668px; margin-right: 34px; }
.news_box > .news .box { padding: 20px; }
.news_box .list { padding: 20px 30px; flex: 1; background: #fff; }
.n_date span { display: block; font-size: 28px; color: #828282; margin-bottom: 10px; }
.n_date label { color: #828282; }
.n_date { float: left; margin-bottom: 10px; margin-right: 20px; padding-right: 20px; position: relative; }
.n_date:after { content: ''; display: block; position: absolute; right: 0; top: 5px; width: 1px; height: 21px; background: #d6d6d6; content: ''; }
.news .text h3 { font-size: 18px; color: #191919; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; }
.news .text p { line-height: 26px; color: #828282; font-size: 14px; height: 52px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news_box li { padding: 20px 0; }
.news:hover h3 { color: #b8061e; }
.news_box > .news .n_date { float: right; padding-right: 0; margin-right: 0; padding-left: 20px; margin-left: 20px; }
.news_box > .news .n_date:after { right: auto; left: 0; height: 76px; }
.news_box > .news .box { padding: 30px 40px; }

.footer { background: #1a1a1a; padding-top: 80px; font-size: 14px; line-height: 32px; color: #fff; }
.foot_top { display: flex; padding-bottom: 30px; }
.foot_top .item { width: 310px; }
.foot_top .item:last-child { width: 230px; }
.foot_top h3 { color: #fff; font-size: 16px; }
.foot_top h3:after { content: ''; display: block; width: 28px; height: 2px; background: #b8061e; margin: 15px 0; }
.foot_top { color: #b1b1b1; }
.foot_top li span { color: #fff; }
.foot_top h4 { font-size: 24px; font-weight: bold; margin-bottom: 10px; margin-top: 10px; }
.ewms ul { width: 100%; display: flex; }
.ewms { padding-top: 10px; }
.ewms li { margin-left: 15px; border: 1px solid rgba(255,255,255,0.3); line-height: 30px; text-align: center; color: #bebebe; }
.ewms .ewm { width: 100%; height: 108px; background: #fff; display: flex; align-items: center; }
.ewms li:first-child { margin-left: 0; }
.f_logo ul { margin-top: 20px; }
.f_logo li { text-align: center; width: 110px; line-height: 36px; margin-bottom: 10px; }
.f_logo li a { color: #fff; display: block; border: 1px solid #5f5f5f; }
.f_logo li a:hover { background: #b8061e; border-color: #b8061e; }
.foot_bottom { border-top: 1px solid #313131; color: #b1b1b1; }
.foot_bottom a { color: #b1b1b1 }

.foot_bottom .wrap { padding: 15px 0; height: 70px; display: flex; align-items: center; }
.foot_bottom p { flex: 1; }
.f_l_list li { display: inline-block; padding: 0 20px; border-right: 1px solid #545454; line-height: 15px; }
.f_l_list li:last-child { border-right: 0; }
.f_l_list a { color: #b1b1b1; }
.f_l_list a:hover { color: #fff; }
.f_select { width: 175px; height: 36px; line-height: 36px; background: #2b2b2b; }
.f_select select { width: 100%; border: 0; background: none; color: #777; padding: 0 10px; }
.full { position: fixed; right: 0; width: 60px; bottom: 30%; z-index: 200; }
.full li { cursor: pointer; position: relative; font-size: 12px; height: 60px; display: flex; align-items: center; background: #b8061e; justify-content: center; margin-bottom: 1px; color: #fff; }
.full .drop { display: flex; align-items: center; color: #b8061e; font-size: 20px; position: absolute; width: 0px; height: 60px; border-top: 1px solid #b8061e; line-height: 60px; top: 0; right: 0; white-space: nowrap; background: #fff; opacity: 0; }
.full li:hover .drop { width: auto; opacity: 1; }
.full span { display: inline-block; padding-top: 30px; background-position: center top; background-repeat: no-repeat; }
.full .span1 { background-image: url(../img/icon10.png); }
.full .span2 { background-image: url(../img/icon11.png); }
.full .span3 { background-image: url(../img/icon12.png); }
.full .drop .span1 { background-image: url(../img/icon10-1.png); }
.full .drop .span2 { background-image: url(../img/icon11-1.png); }
.full .drop .span3 { background-image: url(../img/icon12-1.png); }
.full .drop span { padding-top: 0; width: 50px; height: 25px; margin-right: 15px; background-position: center center; border-right: 1px solid #e2e2e2; }
.full .drop label { cursor: pointer; padding-right: 20px; }

.main_banner { background-position: center center; background-size: cover; background-repeat: no-repeat; color: #fff; }
.main_banner .wrap2 { display: flex; height: 430px; flex-direction: column; justify-content: center; }
.main_banner h3 { font-size: 44px; margin-bottom: .8em; }
.main_banner h2 { font-size: 62px; text-transform: uppercase; font-family: 'pmzd'; }
.main_banner h2:after { content: ''; display: block; width: 84px; height: 4px; background: #fff; margin-top: 30px; }
.page_pos { line-height: 48px; margin-bottom: 45px; border-bottom: 1px solid #ededed; font-size: 14px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.page_pos a { color: #6b6b6b; }
.page_pos a:hover { color: #b8061e; }
.pro_where { margin-bottom: 30px; }
.pro_where .wrap2 { border: 1px solid #ededed; padding: 0 38px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.pro_where .item { padding: 25px 0; border-bottom: 1px solid #ededed; line-height: 34px; }
.pro_where .item:last-child { border-bottom: 0; }
.pro_where .item h3 { float: left; width: 115px; color: #000; font-weight: bold;; }
.pro_where .item ul { overflow: hidden; margin-top: -5px; }
.pro_where .item li { display: inline-block; margin-right: 5px; margin-top: 5px; }
.pro_where .item li a { color: #000; display: block; padding: 0 18px; border-radius: 5px; }
.pro_where .item2 h3,
.pro_where .item2 li a { color: #575757; }

.pro_where .item li.on a, .pro_where .item li a:hover { background: #b8061e; color: #fff; }
.pro_list li { width: 33.33%; float: left; }
.pro_list li a { box-shadow: 0 1px 5px rgba(0,0,0,0.05); display: block; margin: 15px; border: 1px solid #f0f0f0; }
.pro_list li a:hover, .pro_list li a:hover .more { border-color: #b8061e; }
.pro_list li a:hover .more span, .pro_list li a:hover h3, .pro_list li a:hover p { color: #b8061e; }
.pro_list li a:hover .more span { background: url(../img/icon13-1.png) no-repeat right center; }
.pro_list ul { margin: -15px; }
.pro_list .img { height: 320px; display: flex; align-items: center; justify-content: center; }
.pro_list .img img { max-width: 80%; max-height: 100%; margin: 0 auto; }
.pro_list .tit { text-align: center; padding: 10px 25px; margin-bottom: 20px; }
.pro_list .tit h3, .pro_list .tit p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pro_list .tit h3 { color: #3c3c3c; font-weight: bold; margin-bottom: 15px; font-size: 20px; }
.pro_list .tit p { color: #919191; }
.pro_list .more { line-height: 53px; border-top: 1px solid #e6e6e6; padding: 0 20px; }
.pro_list .more span { color: #919191; padding-right: 30px; display: block; background: url(../img/icon13.png) no-repeat right center; }
.pagesize { padding: 55px 0; margin-top: 10px; text-align: center; }
.pagesize ul{display:flex; justify-content:center;}
.pagesize li { display: block; margin: 5px;line-height: 32px; padding:0 10px; min-width: 12px; border: 1px solid #d5d5d5; text-align: center; }
.pagesize li:first-child, .pagesize li:last-child { padding: 0 15px; }
.pagesize li a,.pagesize li span { display: block;  color: #252d48; }
.pagesize li.on, .pagesize li:hover { background: #b8061e; color: #fff; border-color: #b8061e; }
.pagesize li.on *, .pagesize li:hover *{color:#fff;}
.pro_det { padding-bottom: 40px; }
.pro_det .top { margin-bottom: 20px; line-height: 26px; font-size: 14px; color: #5b5b5b; padding: 30px 0; background: #fff; display: flex; }
.pro_det .top .img { width: 50%; min-height: 380px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e6e6e6; }
.pro_det .top .text { flex: 1; padding: 0 55px; padding-top: 20px; }
.pro_det .top h3 { font-size: 24px; color: #3c3c3c; font-weight: bold; }
.pro_det .top h3:after { content: ''; display: block; width: 70px; height: 2px; background: #b8061e; margin: 20px 0; }

.pro_det .tag { margin: 26px 0; line-height: 62px; background: #fff; }
.pro_det .tag ul { display: flex; }
.pro_det .tag ul li { font-size: 16px; flex: 1; text-align: center; border-left: 1px solid #ededed; }
.pro_det .tag ul li:first-child { border-left: 0; }
.pro_det .tag ul li a { display: block; position: relative; }
.pro_det .tag ul li a:after { content: ''; display: block; width: 0%; height: 3px; background: #b8061e; left: 0; right: 0; margin: 0 auto; }
.pro_det .tag ul li.on a:after, .pro_det .tag ul li:hover a:after { width: 100%; }
.pro_det .tag ul li.on a, .pro_det .tag ul li:hover a { font-weight: bold; }
.pro_det .det { background: #fff; padding: 40px; }
.pro_det .det .tit { line-height: 35px; background: #f2f2f2; margin-bottom:20px;}
.pro_det .det .tit h3 { font-size: 16px; font-weight: bold; padding: 0 17px; background: #282828; display: inline-block; color: #fff; position: relative; }
.pro_det .det .tit h3:after { content: ''; display: inline-block; position: absolute; left: 100%; top: 0; width: 31px; height: 35px; background: url(../img/icon14.png) no-repeat center center; }
.pro_det .det p { min-height: 25px; line-height: 28px; font-size: 14px;   }
.pro_det .det .txt { margin-bottom: 30px;    }
.pro_det .det .txt * { font-family: 'Microsoft YaHei', "Open Sans", sans-serif !important; line-height: 1.5 !important; }
.pro_det .det .txt span { font-size: 14px !important }
.pro_det .det li { line-height: 28px; color: #5b5b5b; }
.pro_det .det ul { margin-top: 20px; }
.pro_det .det li:before { content: '●'; display: inline-block; margin-right: 10px; }
.det_about { margin-top: 30px; padding: 50px 0; background: #fff; }
.det_about .tit { text-align: center; }
.det_about h3 { text-align: center; display: inline-block; font-size: 28px; color: #232323; font-weight: bold; position: relative; padding-bottom: 20px; margin-bottom: 50px; }
.det_about h3:after, .det_about h3:before { content: ''; display: block; height: 2px; left: 0; right: 0; margin: 0 auto;; position: absolute; bottom: 0; }
.det_about .tit1 h3:after { left: -30px; right: -30px; width: auto; }
.det_about h3:after { width: 100%; background: #d7d7d7; z-index: 1; }
.det_about h3:before { width: 62px; background: #b8061e; z-index: 2; }

.about_swiper { text-align: center; }
.about_swiper a { display: block; background: #f3f3f3; padding: 40px; }
.about_swiper .img { height: 270px; margin-bottom: 20px; }
.about_swiper h4 { font-weight: bold; font-size: 20px; color: #3c3c3c; }
.about_swiper .prev, .about_swiper .next { position: absolute; top: 0; bottom: 0; width: 32px; background: url(../img/prev.png) no-repeat center center #b8061e; z-index: 100; cursor: pointer; }
.about_swiper .next { right: 0; background: url(../img/next.png) no-repeat center center #b8061e; }
.about_swiper .prev:hover, .about_swiper .next:hover { background-color: #8b0013; }
.about_swiper .swiper-slide .img, .about_swiper .swiper-slide .h4 { opacity: 0.4; }
.about_swiper .swiper-slide-next .img, .about_swiper .swiper-slide-next h4 { opacity: 1; }

.det_about .text p { min-height: 20px; line-height: 26px; color: #525252; }
.det_about .text b { color: #232323; }
.det_about .box .img { float: right; width: 419px; margin-left: 60px; }
.det_about .box ul li { width: 237px; height: 45px; line-height: 45px; text-align: center; float: left; margin-left: 20px; }
.det_about .box ul li:first-child { margin-left: 0; }
.det_about .box ul li a { display: block; text-align: center; background: linear-gradient(to bottom,#3b4149,#60656c); color: #fff; }
.page_bg4 { background: url(../img/bg4.jpg) no-repeat bottom center #f3f3f3; }

.page_bg4 .tit { text-align: center; font-size: 34px; color: #232323; margin-bottom: 40px; }
.page_bg4 .tit h3 { font-weight: bold; }
.qa_tit { line-height: 80px; text-align: center; border-bottom: 1px solid #ededed; }
.qa_tit li { display: inline-block; position: relative; cursor: pointer; margin: 0 40px; }
.qa_tit li span { font-size: 20px; color: #7d7d7d; }
.qa_list { background: #fff; }
.qa_tit li:after { content: ''; display: block; position: absolute; bottom: 0; width: 0; height: 4px; background: #b8061e; margin: 0 auto; left: 0; right: 0; }
.qa_tit li.on:after, .qa_tit li:hover:after { width: 64px; }
.qa_tit li.on span, .qa_tit li:hover span { color: #232323; font-weight: bold; }
.qa_list .title { cursor: pointer; line-height: 60px; padding-right: 30px; background: url(../img/icon17.png) no-repeat right center; }
.qa_list .title.on { background-image: url(../img/icon17-1.png); }
.qa_list .title.on h3 { white-space: normal; }
.qa_list .title h3 { padding-left: 25px; background: url(../img/icon15.png) no-repeat left center; height: 60px; line-height: 20px; display: flex; align-items: center; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qa_list .list { padding: 0 36px; }
.qa_list .list li { border-bottom: 1px solid #ededed; }
.qa_list .list .drop { display: none; transition: all 0s; }
.qa_list .list .drop .box { padding: 15px 30px; background: #f6f6f6; line-height: 27px; color: #4b4b4b; font-size: 15px; }
.txt_btn { cursor: pointer; line-height: 57px; }
.txt_btn span { display: inline-block; padding-right: 20px; background: url(../img/icon16.png) no-repeat right center; }

.news_list li { padding: 47px 0; border-bottom: 1px solid #dfdfdf; }
.news_list li:first-child { padding-top: 0; }
.news_list li .box { display: flex; }
.news_list li .img { width: 330px; margin-right: 60px; }
.news_list .text { flex: 1; min-height: 186px; width: 0; }
.news_list .text h3 { font-size: 22px; color: #3c3c3c; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 30px; }
.news_list .text .des { height: calc(100% - 70px); display: flex; align-items: center; }
.news_list .text p { line-height: 30px; color: #979797; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news_list .date { width: 98px; height: 98px; border: 1px solid #dfdfdf; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-right: 60px; color: #333; }
.news_list .date span { font-size: 42px; font-weight: bold; display: block; margin-bottom: 5px; }
.news_list .text .btn { line-height: 34px; width: 108px; text-align: center; background: #43484f; border-radius: 2px; color: #fff; display: block; margin: 0; }
.news_list .text .btn:hover { background: #b8061e; }

.case_list li { width: 33.33%; float: left; }
.case_list ul { margin: -13px; }
.case_list .box { margin: 13px; display: block; background: #fff; border: 1px solid #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1); padding: 20px 30px; }
.case_list .box:hover { border-color: #b8061e; }
.case_list h3 { line-height: 30px; font-size: 20px; height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 20px; }
.case_list h3 a { color: #3c3c3c; }
.case_list h3:hover a { color: #b8061e; }
.case_list .img { height: 200px; position: relative; margin-bottom: 20px; }
.case_list .date { position: absolute; top: 0; right: 0; width: 64px; height: 64px; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 12px; color: #585858; background: rgba(255,255,255,.92); }
.case_list .date span { font-size: 26px; margin-bottom: 5px; }
.case_list p { line-height: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 15px;height:56px;}
.case_list .more { display: inline-block; line-height: 40px; padding-right: 30px; background: url(../img/icon13.png) no-repeat right center; color: #919191; }
.case_list .box:hover .more { background: url(../img/icon13-1.png) no-repeat right center; color: #b8061e; }
.news_det .title { padding-bottom: 50px; text-align: center; border-bottom: 1px solid #e7e7e7; }
.news_det .title h2 { font-size: 36px; color: #000; line-height: 1.5em; margin-bottom: 20px; }

.news_det .text { padding-top: 50px; color: #262626; line-height: 32px; }
.news_det .text h3 { font-weight: bold; }
.news_det .text p { text-indent: 2em; min-height: 30px; }
.center { text-align: center; }
.lbls { padding: 30px 0; color: #000; font-weight: bold; }
.lbls label { color: #b8061e; display: inline-block; margin-right: 10px; }
.det_cur { margin-bottom: 50px; line-height: 62px; display: flex; }
.det_cur span { display: block; flex: 1; width: 0; background: #f2f2f2; padding: 0 50px; }
.det_cur span a { display: block; padding: 0 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; }
.det_cur span.prev { padding-right: 0; }
.det_cur span.next { text-align: right; padding-left: 0; }
.det_cur .next a:after, .det_cur .prev a:before { content: ''; display: block; position: absolute; top: 50%; margin-top: -6px; width: 32px; height: 13px; background: url(../img/icon18.png) no-repeat center center; margin-right: 15px; left: 0; }
.det_cur .next a:after { margin-right: 0; left: auto; right: 0; margin-left: 15px; transform: rotate(180deg); }
.det_cur .next.on a:after, .det_cur .prev.on a:before,
.det_cur .next:hover a:after, .det_cur .prev:hover a:before { background: url(../img/icon18-1.png) no-repeat center center; }
.det_cur span.on, .det_cur span:hover { background: #b8061e; }
.det_cur span.on a, .det_cur span:hover a { color: #fff; }
.det_about2 .tit { margin-bottom: 30px; }
.det_about2 .tit h3 { font-size: 24px; color: #000; font-weight: bold; border-left: 6px solid #b8061e; line-height: 25px; padding-left: 10px; }
.det_about2 .list li { width: 25%; float: left; }
.det_about2 .list a { display: block; margin: 15px; }
.det_about2 .list ul { margin: -15px; }
.det_about2 .list .img { margin-bottom: 10px; }
.det_about2 .list h3 { color: #3c3c3c; line-height: 23px; margin-bottom: 10px; }
.det_about2 .list p { color: #979797; font-size: 14px; }
.page_bg5 { background: url(../img/bg5.jpg) no-repeat bottom center; background-size: cover; }
.page_pos2 { margin-bottom: 0; }
.p_about { display: flex; height: 278px; margin-bottom: 50px; }
.p_about .img1 { width: 108px; margin-right: 20px; }
.p_about .text { width: 50%; display: flex; flex-direction: column; }
.p_about .img_txt { flex: 1; display: flex; flex-direction: column; }
.p_about .img_txt h2 { font-size: 51px; color: #b8061e; font-family: 'pmzd'; margin-bottom: 10px; }
.p_about .img_txt h3 { font-size: 32px; font-weight: bold; color: #b8061e; }
.p_about .img_txt h4 { font-size: 18px; font-weight: bold; color: #000; letter-spacing: 2px; margin-bottom: 10px; }
.p_about .img_txt p { font-size: 12px; letter-spacing: 1px; max-width:400px}
.p_about .tit { font-size: 26px; color: #000; font-weight: bold; margin-bottom:15px}
.p_about .about_list li { border: 0; text-align: left; margin: 0; width: 33.33%; height: auto; }
.p_about .txt { flex: 1; display: flex; align-items: center; line-height: 28px; }
.p_about_txt { display: flex; align-items: center; background: #f7f7f7; }
.p_about_txt .video { width: 50%; }
.p_about_txt .text { flex: 1; padding: 0 50px; }
.p_about_txt h3 { font-size: 26px; color: #0d0d0d; padding-bottom: 30px; position: relative; margin-bottom: 20px; font-weight: bold; }
.p_about_txt h3:after, .p_about_txt h3:before { content: ''; display: block; height: 2px; background: #d7d7d7; bottom: 0; position: absolute; }
.p_about_txt h3:after { width: 100%; z-index: 9; }
.p_about_txt h3:before { width: 30px; background: #b8061e; z-index: 10; }
.p_about_txt .txt { line-height: 31px; color: #525252; }
.p_about_txt .txt p { margin-top: 30px; }
.page { position: relative; z-index: 1; }
.page_bg6 { background: #f5f5f5; }
.page_bg6:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 604px; background: url(../img/bg6.jpg) no-repeat center center; z-index: -1; }

.p_about3 { display: flex; }
.p_about3 .text { width: 50%; color: #fff; line-height: 31px; }
.p_about3 .text p { margin-top: 20px; }
.p_about3 .text p:first-child { margin-top: 0; }
.p_about3 .page_tit { margin-bottom: 50px; }
.p_about3 h5 { color: #fff; font-weight: bold; font-size: 18px; }
.p_about3_list { margin: 80px 0; }
.p_about3_list li { width: 33.3%;  float: left; } 
.p_about3_list li a{display: block;margin:5px}
.p_about3_list li .img{ height: 400px;}
.p_about3_list li .img img{width:100%; height:100%; object-fit: cover;}
.link_list2.link_list .a_logo { margin: -1px; border: 1px solid #e9e9e9; transition: all 0s; height: 140px; }
.link_list2.link_list .on .a_logo, .link_list2.link_list .a_logo:hover { border-color: #b8061e; box-shadow: 0 0 10px rgba(184,6,30,0.3); position: relative; z-index: 1; }

.p_about3_text { margin-top: 20px;   padding: 30px 40px; color: #4f4f4f; line-height: 28px; font-size: 14px; }
.p_about3_text h3 { margin-bottom: 20px; font-weight: bold; font-size: 16px; }
.p_about3_text .img { display: none; }
.p_about3_text .item { display: none; }
.p_about3_text .item:first-child { display: block; }
.page_tit2 h3 { font-size: 34px; font-weight: bold; text-align: center; color: #232323; margin-bottom: 10px; }
.page_tit2 h3:last-child { margin-bottom: 0; }
.contact_list { padding-top: 30px; }
.contact_list li { flex: 1; margin-left: 35px; }
.contact_list li:first-child { margin-left: 0; }
.contact_list ul { display: flex; }
.contact_list .box { height: 100%; background: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.1); padding: 50px 40px; text-align: center; }
.contact_list .icon { height: 122px; margin-bottom: 30px; }
.contact_list h3 { line-height: 36px; color: #000; font-size: 20px; margin-bottom: 20px; }
.contact_list h3:last-child { margin-bottom: 0; }

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

.contact_inputs { display: flex; }
.contact_inputs .inputs { width: 310px; margin-right: 10px; }
.contact_inputs .inputs li { margin-bottom: 11px; }
.contact_inputs .inputs li:last-child { margin-bottom: 0; }
.div_input { height: 44px; line-height: 44px; border: 1px solid #e6e0da; display: flex; background: #fff; padding: 0 10px; border-radius: 2px; }
.div_input span { width: 10px; text-align: center; color: #ff0000; }
.div_input label { display: block; width: 25px; margin-right: 5px; }
.div_input label.xm { background: url(../img/icon21.png) no-repeat center center; }
.div_input label.dh { background: url(../img/icon21-1.png) no-repeat center center; }
.div_input label.dw { background: url(../img/icon21-2.png) no-repeat center center; }
.div_input label.cp { background: url(../img/icon21-3.png) no-repeat center center; }
.div_input input { flex: 1; border: 0; background: none; }
.contact_inputs .d_textarea { height: 209px; border: 1px solid #e6e0da; border-radius: 2px; flex: 1; padding: 10px; background: url(../img/icon21-4.png) no-repeat 15px 10px #fff; padding-left: 40px; }
.d_textarea textarea { width: 100%; height: 100%; border: 0; resize: none; }
.contact_btns { margin-top: 50px; text-align: center; }
.contact_btns a { display: block; width: 310px; line-height: 46px; font-size: 18px; color: #fff; background: #b8061e; margin: 0 auto; border-radius: 5px; }
.contact_btns a:hover { background: #333; }

@media only screen and (max-width: 1650px) {
    .menu li { margin-right: 40px; }
    .menu ul { white-space: nowrap; }
}

@media only screen and (max-width: 1550px) {
    .menu li { margin-right: 30px; }
}

@media only screen and (max-width: 1450px) {
    .head_cont .tel { margin-right: 10px; }
}

@media only screen and (max-width: 1350px) {
    .menu li { margin-right: 15px; }
    .page_tit_tag li { margin-right: 20px; }
    .slide_list .item a { margin: 10px; }
    .online, .search { width: 70px; }
    .page_tit { margin-bottom: 50px; }
    .page { padding: 50px 0; }
    .page_tit_tag ul:after { right: 5px; }
    .about_box .tit h3:after { margin: 15px 0; }
    .about_box .more { margin-top: 10px; padding-top: 10px; }
    .link_list .a_logo { margin: 8px; }
    .foot_top .item { width: 250px; }
    .about_box .text { padding: 0 30px; }
}

@media only screen and (max-width: 1200px) {
    .wap_menu { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 70px; height: 100%; background: #b8061e; }
    .wap_menu:after, .wap_menu:before { width: 40px; height: 2px; border-radius: 5px; display: block; background: #fff; content: ''; margin: 0 auto; margin-top: 10px; }
    .wap_menu:before { margin-top: 0; }
    .header .logo { flex: 1; text-align: left; padding-left: 20px; }
    .header { z-index: 201; }
    .menu { position: fixed; top: 90px; right: -100%; width: 50%; min-width: 350px; height: 100%; background: #fff; border-top: 1px solid #b8061e; z-index: 201; }
    .menu li { display: block; line-height: 60px; text-align: center; }
    .menu > ul > li > a:after { height: 1px; }
    .menu ul { padding: 0 20px; }
    .menu .drop { display: none !important; }
    .h_menu .wap_menu:after { transform: rotate(45deg) translateX(-6px) translateY(-7px); }
    .h_menu .wap_menu:before { transform: rotate(-45deg) translateY(2px) translateX(-1px); }
    .h_menu .menu { right: 0; }
    .page_tit_tag li { margin-right: 10px; }
    .page_tit h3 { font-size: 40px; }
    .page_tit h4 { font-size: 22px; }
    .about_box .tit h3 { font-size: 20px; }
    .about_box .tit h3:after { margin: 10px 0; }
    .about_box .tit h4 { font-size: 16px; line-height: 28px; height: 56px; margin-bottom: 10px; }
    .about_box .txt { height: 90px; line-height: 26px; }
    .map_txt { line-height: 30px; }
    .link_list2.link_list .a_logo, .link_list .a_logo { height: 120px; }
    .news_box li { padding: 10px 0; }
    .foot_top { flex-wrap: wrap; }
    .foot_top .item { width: 50%; margin-bottom: 20px; }
    .foot_top h3:after { margin: 10px 0; }
    .f_logo li { display: inline-block; margin-right: 15px; }
    .f_logo li:last-child { margin-right: 0; }
    .main_banner .wrap2 { height: 350px; }
    .main_banner h3 { font-size: 38px; }
    .main_banner h2 { font-size: 54px; }
    .main_banner h2:after { margin-top: 20px; }
    .det_about { margin-top: 0; }
    .news_list li .img, .news_list .date { margin-right: 30px; }
    .news_list li { padding: 20px 0; }
    .p_about_txt .text { padding: 0 20px; }
    .p_about_txt .txt p { margin-top: 15px; line-height: 26px; }
}

@media only screen and (max-width: 1100px) {
    .page_tit_tag { position: static; }
    .page_tit_tag ul { position: absolute; top: 100%; left: 0; right: 0; }
    .news_box .list { padding: 20px; }
    .news_box > .news { width: 500px; margin-right: 20px; }
    .news_box > .news .box { padding: 20px; }
    .page_tit { display: flex; align-items: center; }
    .link_list .page_tit { display: block; }
    .page_tit h4 { flex: 1; }
    .page_tit h3 { margin-right: 20px; }
    .qa_tit li { margin: 0 20px; }
    .qa_tit li span { font-size: 18px; }
    .qa_tit { line-height: 60px; }
    .pagesize { padding: 30px 0; }
    .pro_where .item { padding: 15px 0; }
    .pro_where .wrap2 { padding: 0 20px; }
    .pro_list li { width: 50%; }
    .pro_list li a { margin: 10px; }
    .news_det .title h2 { font-size: 30px; }
    .det_about2 .list a { margin: 10px; }
    .det_about2 .list ul { margin: -10px; }
    .news_list .date { white-space: nowrap; display: flex; flex-direction: row-reverse; justify-content: flex-end; line-height: 40px; position: absolute; padding: 0 10px; width: auto; height: auto; background: rgba(255,255,255,0.9); }
    .news_list .date span { margin-bottom: 0; margin-left: 4px; font-weight: normal; font-size: 16px; }

    .news_list .date span:before { content: '-'; }

    .page_tit2 h3 { font-size: 28px; }
    .page_tit2 { margin-bottom: 30px; }
    .contact_list .box { padding: 20px; }
    .contact_list li { margin-left: 20px; }
    .contact_list h3 { font-size: 16px; line-height: 28px; margin-top: 5px; }
    .case_list li { width: 50%; }
    .case_list li:nth-child(2n+1){ clear:both;}
    .case_list .box { margin: 10px; }
    .case_list ul { margin: -10px; }
    .img { display: block; }
    .img img { width: 100%; }
}

@media only screen and (max-width: 1000px) {
    .p_about .img_txt h2{ font-size:40px;}
    .about_list h3 span{ font-size:30px;}
}
@media only screen and (max-width: 750px) {
    .h_menu .head_cont { right: 0; }
    .head_cont { position: fixed; justify-content: center; width: 50%; min-width: 350px; bottom: 0; right: -100%; z-index: 202; }
    .online { display: none; }
    .online, .search { background: none; line-height: 40px; height: 40px; }
    .header { height: 70px; }
    .menu { top: 70px; }
    .mainer { padding-top: 70px; }
    .page_tit2 .text_bg { top: 20%; }
    .page_tit2 h2 { margin-bottom: 20px; }
    .page_tit2 p { line-height: 28px; }
    .about_list ul li { margin: 0 10px; width: auto; flex: 1; }
    .about_box { margin-top: 30px; display: block; }
    .video { width: 100%; }
    .about_box .text { padding: 20px; }
    .map_txt { width: 50%; }
    .map { width: 500px; top: 0;display:none; }
    .page.page_map_bg{ height: auto;}
    .full { width: 100%; bottom: 0; top: auto; }
    .full ul { display: flex; }
    .full ul li { flex: 1; margin: 0; }
    .link_list li { width: 50%; }
    .link_list .page_tit { display: block; }
    .news_box { display: block; }
    .news_box > .news { width: 100%; margin-bottom: 20px; }
    .foot_top .item { width: 100%; }
    .footer { padding-top: 30px; padding-bottom: 60px; }
    .footer .f_logo { display: flex; align-items: center; }
    .footer .f_logo ul { margin: 0; }
    .footer .f_logo a { flex: 1; }
    .foot_bottom .wrap { height: auto; display: block; }
    .f_l_list li:first-child { padding-left: 0; }
    .f_select, .f_l_list { display: inline-block; }
    .full li:hover .drop { width: 100%; }
    .pro_list li { width: 100%; margin-bottom: 15px; }
    .pro_list li:last-child{margin-bottom:0}
    .pro_list ul { margin: 0; }
    .pro_list li a { margin: 0; }
    .pro_det .top { display: block; }
    .pro_det .top .img { width: 100%; border-right: 0; }
    .pro_det .top .text { padding: 0 20px; }
    .pro_det .top h3:after { margin: 10px 0; }
    .pro_det .det { padding: 20px; }
    .det_about { padding: 30px 0; }
    .about_swiper .swiper-slide .img, .about_swiper .swiper-slide .h4 { opacity: 1; }


    .det_about2 .list li { width: 50%; }
    .det_about2 .list li:nth-child(2n+1) { clear: both; }
    .news_list li .img { width: 50%; height: auto; margin-right: 20px; }
    .news_list li .box { }
    .news_list .text { min-height: initial; }

    .contact_list ul { flex-direction: column; }
    .contact_list li { margin: 0; margin-bottom: 20px; }
    .contact_list { padding-top: 10px; }
    .contact_list .icon { width: 100px; height: auto; position: absolute; top: 50%; transform: translateY(-50%); left: 20px; margin-bottom: 0; }
    .contact_list .box:after { content: ''; display: block; clear: both; }
    .contact_list .box { text-align: left; display: flex; flex-direction: column; justify-content: center; padding-left: 150px; position: relative; min-height: 150px; }
    .contact_inputs .inputs { width: 100%; margin-bottom: 10px; }
    .contact_inputs { flex-direction: column; }

    .link_list2.link_list li{display:none}
    .link_list2.link_list li:first-child{ display:block;}
    .p_about3_text .item{ display:block; padding:20px 0; border-bottom:1px solid #ededed}
    .p_about3_text .item:first-child{ padding-top:0;}
    .p_about3_text .item:last-child{ padding-bottom:0; border-bottom:0}
    .p_about3_text{ padding:20px;}
    .p_about3_text .img{ display:block;float:left;margin-right:20px;}
    .case_list .box{padding:10px;margin:5px;}
    .case_list ul{ margin:-5px}
    .case_list .img{ height:auto;margin-bottom:10px;}
    .case_list p{ margin-bottom:0px;}
    .case_list h3{ font-size:16px; line-height:25px;height:50px;margin-bottom:10px;}
    .case_list p{ line-height:24px;height:48px;}
    .det_about .box .img{width:100%; margin:0; margin-bottom:20px; float:none;}
    .page_bg1 .swiper2{ margin-top:50px}
    .page_bg1 .page_tit_tag{ position:static;float:right}
    .page_bg1 .page_tit_tag .more{ transform:translateY(-25px)}
    .page_tit_tag ul{white-space:nowrap;overflow:hidden;margin-top:10px; overflow-x:auto;height:40px;}
    .page_tit_tag ul::-webkit-scrollbar{width:0; height:0}

    .p_about .text{width:100%;margin-top:20px;}
    .p_about_txt{ flex-direction:column}
    .p_about_txt .video{width:100%}
    .p_about_txt .text{ padding:30px 20px;}
    .p_about3{flex-direction:column}
    .p_about3 .flex1{ width:100%}
    .p_about3 .text{width:100%}
    .p_about3_list{ margin:40px 0}
    .page_bg6:after{ height:450px;}
    .p_about3 .page_tit{ margin-bottom:20px;}
    .p_about{ flex-wrap:wrap;height:auto;}
    
    
}

@media only screen and (max-width: 550px) {
    body{ font-size:14px;}
    .det_about .box ul li{ flex:1;width:auto}
    .det_about .box ul{ display:flex;}
    .qa_tit li span{ font-size:14px;}
    .qa_tit{ line-height:50px;}
    .qa_list .list{ padding:0 20px;}
    .qa_list .title{ line-height:40px;}
    .qa_list .title h3{height:auto;padding-top:10px;padding-bottom: 10px; min-height:40px;font-size:14px;}
    .qa_tit li{margin:0; flex:1;}
    .qa_tit ul{display:flex}
    .page_tit { margin-bottom: 20px; }
    .about_list ul li { margin: 0 5px; height: 100px; }
    .about_list h3 { margin-bottom: 5px; }
    .about_list ul { margin: 0 -5px; }
    .about_list h3 span { font-size: 30px; }
    .about_box .txt p, .about_box .tit h4 { height: 100%; -webkit-line-clamp: 5; }
    .about_box .txt { height: auto; }
    .map_txt { width: 100%; margin-top: 0; }
    .map { position: initial; top: auto; left: auto; width: 100%; }
    .mao_box .pos span { margin-bottom: 2px; }
    .mao_box .pos.pos3 span { bottom: auto; left: 0; top: 100%; }
    .link_list .a_logo { height: 80px; }
    .link_list .a_logo img { max-width: 80%; max-height: 80%; }
    .page_tit { display: block; }
    .page_tit_tag { position: absolute; }
    .n_date span { font-size: 20px; }
    .news_box > .news .n_date { padding-left: 10px; margin-left: 10px; }
    .footer .f_logo { display: block; }
    .page { padding: 30px 0; }
    .page_tit2 h2 { font-size: 28px; }
    .det_cur { display: block; }
    .det_cur span { width: 100%; margin-bottom: 10px; }
    .det_cur span.prev { padding-left: 20px; }
    .det_cur span.next { padding-right: 20px; }
    .main_banner h2 { font-size: 35px; }
    .main_banner h3 { font-size: 20px; }
    .main_banner .wrap2 { height: 200px; }
    .news_det .title h2 { font-size: 26px; }
    .news_det .title { padding-bottom: 30px; }
    .page_pos { margin-bottom: 30px; }
    .news_det .text { padding-top: 30px; }
    .news_list li .img { width: 100%; margin: 0; margin-bottom: 20px; display: block; }
    .img { display: block; }
    .news_list li .img a { display: block; }
    .news_list li .img img { width: 100%; }
    .news_list li .box { flex-direction: column; }
    .news_list .text { width: 100%; height: auto; }
    .news_list .text .des { height: auto; margin-bottom: 10px; }
    .page_tit2 h3 { font-size: 24px; }
    .contact_list h3 { margin-bottom: 10px; }
    .contact_btns { margin-top: 20px; }
    .page_pos2 { margin-bottom: 0; }

    .case_list li { width: 100%; margin-bottom: 15px; }
    .case_list h3 { height: auto; margin-bottom: 10px; }
    .case_list .box { padding: 10px 20px; }
    .case_list .img { height: auto; margin-bottom: 10px; }
    .case_list p { margin-bottom: 0; }
    .case_list .box { margin: 0px; }
    .case_list ul { margin: 0px; }
    .pagesize { padding: 20px 0; }
    .pro_where .item h3{float:none;}
    .pro_where .wrap2{ padding:0 10px;}
    .pro_where .item{padding:5px 0;line-height:26px;}
    .pro_where .item li a{padding:0 10px;}
    .pagesize{margin-top:0;}
    .video span{width:50px; height:50px;background-size:15px auto;}
    .page_tit h3{ font-size:30px;}
    .n_date{ float:left;display:flex; flex-direction:row-reverse;padding-right:0;margin-right:0; align-items:center;}
    .news .text{ clear:both;}
    .news .text h3{ margin-bottom:5px;}
    .news .text p{ line-height:20px;height:40px;}
    .news_box > .news .n_date{ float:left;margin-left:0;padding-left:0}
    .n_date span{ font-size:14px;margin-bottom:0}
    .n_date span:before{ content:'-'}
    .n_date:after{ display:none;}
    .foot_top{padding-bottom:0}
    .foot_top h3:after{margin:5px 0}
    .foot_top li span{ float:left; margin-bottom:10px;}
    .foot_top li{ line-height:20px;clear:both;}
    .foot_top .f_logo li{ line-height:30px;margin-bottom:0}
    .foot_top h4{ margin:5px 0}
    .footer{ line-height:26px;}
    .f_select{display:none;}
    .swiper1 img{ width:120%;max-width:initial;margin-left:-10%}
    .swiper1 .swiper-slide{ overflow:hidden;}
    .foot_top .ewms li span{margin-bottom:0; text-align:center; float:none;line-height:30px;}
    .p_about .tit{margin-bottom:15px;}
    .about_list ul{ margin:0}
    .p_about3 .text{ line-height:26px;}
    .p_about3_text h3{clear:both;padding-top:10px;}
    .p_about3_text .img{ max-width:80%}
    .p_about .img1{margin-right:10px;}
    .p_about .img_txt h4{ letter-spacing:0;}
    .p_about .img_txt p{ letter-spacing:0}
    .p_about .txt{ line-height:26px;}
    .p_about {margin-bottom:20px;}
    .d_textarea textarea{ height:150px;}
    .contact_inputs .d_textarea{ height:auto;}
    .foot_top ul{margin-top:10px;}
    .full li:hover .drop{ display:none;}
}


.search_wrap {margin:40px auto; max-width:1000px; } 
.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}
}


.table {   margin: 10px auto; }
.table td { border: 1px solid #ededed; line-height: 25px; padding: 10px 15px }
@media only screen and (max-width: 550px) {
    .table {  }
    .table td{line-height:20px;padding:5px 10px;}
}






.p_his_img{padding:300px 0;position:relative;min-width:1300px; }
.page_bg5 .wrap:before {content:'';position:absolute;top:50%;left:0;right:0; height: 0; border-bottom: 2px dashed #065eb7 }
.page_bg5 .wrap::-webkit-scrollbar{width:5px;height:5px;background:#ccc;}
.page_bg5 .wrap::-webkit-scrollbar-thumb{background:#08a9ff}
.p_his_img .item { position: absolute;width:120px;margin-top:-11px;left:30px;top:50%}
.page_bg5 .wrap{overflow-x: auto;}
.p_his_img .item:before { width: 1px; height: 114px; background: #134173; content: ''; position: absolute; left: 50%; bottom: 26px; }
.p_his_img .item:after { content: ''; display: block; width: 22px; height: 22px; border-radius: 100%; border: 3px solid #134173; background: #3acaff; margin:0 auto;}
.p_his_img .box{position:absolute;width:100%;bottom:140px;left:0}
.p_his_img .box .text{ position:absolute;top:0; left:100%;margin-left:20px;top:50px;}
.p_his_img .box .text h3{font-size:20px; font-weight:bold;color:#111;margin-bottom:15px;display:flex;align-items:center;}
.p_his_img .box .text p{ margin-left:25px; width: 180px; line-height:27px;color:#111; font-size:14px;}
.p_his_img .box .text h3:before { content: ''; display: block; width: 12px; height: 12px; background: #0063af; margin-right: 15px; }
.p_his_img .box .circle { display: flex; align-items: center; justify-content: center; color: #fff; font-size: 20px; width: 120px; height: 120px; background: url(../img/circle2.png) no-repeat center center; border-radius: 100%; box-shadow: -10px 20px 30px rgba(0,0,0,0.3) }
.p_his_img .on .box .circle { background: url(../img/circle.png) no-repeat center center; }
.p_his_img .on .box .text h3:before { background: #08a9ff }
.p_his_img .item:after { background: #00b04f }
.p_his_img .item2:after { background: #fed966 }
.p_his_img .item3:after { background: #3acaff }
.p_his_img .item4:after { background: #8d8b5b }
.p_his_img .item5:after { background: #e85c5b }
.p_his_img .item6:after { background: #41403e }
.p_his_img .item7:after { background: #a5a6a7 }
.p_his_img .item8:after { background: #4a711e }
.p_his_img .item9:after { background: #00b04f }
.p_his_img .item2 { left: 8% }
.p_his_img .item3 { left: 20% }
.p_his_img .item4 { left: 30% }
.p_his_img .item5 { left: 40% }
.p_his_img .item6 { left: 50% }
.p_his_img .item7 { left: 60% }
.p_his_img .item8 { left: 70% }
.p_his_img .item9 { left: 85% }
.p_his_img .item.top2 .box {   bottom:80px } 
.p_his_img .item.bottom .box { bottom: auto; top: 140px; }
.p_his_img .item.bottom:before { top: 26px; bottom: auto; }
.p_his_img .item.bottom2 .box { bottom: auto; top: 60px; }
.p_his_img .item.bottom2:before { top: 26px; bottom: auto; }
.p_his_img .item4 .box .text { top: -20px }

.fw_list  ul{display:flex;padding:10px 0}
.fw_list li{flex:1;    text-align: center;
    margin: 0 10px;
    background: #fff;
    padding: 30px;
    border-radius: 20px;}
.fw_list li h3{ font-size:18px; color:#111;font-weight:bold; margin-bottom:10px;}
.fw_list li p{font-size:14px;line-height:1.5;text-align:left;}

@media only screen and (max-width: 750px) { .p_his_img{margin:0;padding-left:20px;}
    .p_his_img .line { width: 1px; position: absolute; left: 0; top: 0; border-left: 1px dashed #065eb7; height:100%; }
    .p_his_img .box{display:flex;align-items:center;}
    .p_his_img .box, .p_his_img .box .text, .p_his_img .item { position: initial; top: auto; left: auto; }
    .p_his_img .box .text{flex:1;}
    .p_his_img .item { width: 100%; height: auto; margin-bottom: 10px; }
    .p_his_img .item:after{position:absolute; left:-26px; top:50%; margin-top:-8px;width:10px; height:10px;border-width:2px;}
    .p_his_img .item{position:relative;}
    .p_his_img .box .circle{width:60px; height:60px;background-size:100% auto !important;font-size:14px;}
    .p_his_img .box .text p{width:auto;margin-left:0}
    .p_his_img .item:before{ display:none;}
    .p_his_img .box .text h3 { margin-bottom: 0; display: none; }
    .fw_list ul{ flex-direction:column;padding:10px 0}
    .fw_list li{padding:10px 0}
    .link_list{ display:block !important}
    .link_list ul{margin-top: 20px;margin-left:0}
    .link_list2 ul{display: none;}
    
    
}

.flex_c{display: flex;align-items: center;}




.pro_tj_list .box{margin-left: 20px;display:block}
.pro_tj_list p{ line-height: 2;color: #fff;text-align:center;font-size:18px;margin-top:10px}
.menu .drop{width: auto;padding:0}
.menu li:hover>.drop{display:block;}
.menu .drop li.on>a{background: #b8061e;color:#fff;}
.menu .drop a{display: block;padding: 0 15px;white-space:nowrap}
.menu .drop ul{padding: 10px 0;}
.menu .drop{ transition: all 0s;}
.menu .drop li{line-height:50px}
.menu .drop .drop{top:-10px;left: 100%;transform:none;}
.span_btn{z-index: 10;}
.swiper-horizontal{position: relative;overflow: hidden;}
.pro_list_all ul{display: flex;flex-wrap: wrap;margin:-5px}
.pro_list_all li{flex:0 0 33.3%;}
.pro_list_all .box{display: block;margin: 5px;border:1px solid #f0f0f0;background:#fff}
.pro_list_all .box:hover{border-color:#b8061e;}
.pro_list_all .pos{position: relative;}
.pro_list_all .box:hover .des{ opacity:1;}
.pro_list_all .img{padding: 10px;}
.pro_list_all .des{position: absolute;transition: all .25s ease 0s;
    opacity: 0; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: justify;
    background: rgba(0,0,0, 0.3);}
    .pro_list_all .des p{display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    overflow: hidden;padding:0 20px}
    .pro_list_all .tit{background: #f9f9f9;
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 62px;
    padding: 0 10px;}
@media only screen and (max-width: 750px) {
    .pro_list_all li{flex:0 0 100%;}
    .p_about3_list li .img{height: 200px;}
    .p_about3_list li{width: 50%;}
    
}


.page_tit.center  h4:before {
    content: '';
    display: inline-block;
    width: 32px;
    height: 3px;
    background: #b8061e;
    vertical-align: middle;
    margin-right: 15px;
}
.more_btn {text-align: center;margin-top:50px}
.more_btn a{display: block;width: 150px;line-height: 35px; border-radius: 35px; border: 1px solid  #b8061e;margin:0 auto;color:#b8061e}
.more_btn a:hover{ background:#b8061e;color:#fff;}
.pro_tj_list{}
.swiper3{padding-bottom:40px}
.prev3{ left: -50px !important;color:#000}
.next3{ right: -50px !important;color:#000}
.pro_list_all{position: relative;}
.prev1{left:50px; color:#fff}
.next1{color:#fff;right:50px;}
.pro_list_all:last-child{padding-bottom:50px;}
.pro_det .det p,.pro_det .top .text{ font-size:18px;line-height:38px;}
.pro_det .det .txt *{ line-height: 38px !important;}

.det_tag .item{display: block;}

.about_swiper .text{ height: 50px;line-height:25px}

.img-list{display:flex;flex-wrap:wrap}
.img-list a{display: block;flex:0 0 25%;padding:5px;box-sizing:border-box}
.img-list .img{ height: 240px;position:relative}
.img-list span{display:block; line-height: 40px;text-align: center; font-size: 15px; font-weight:bold}
.img-list .img span{ position: absolute;
   
    left: 0;
    right: 0;
    width: 150px;
    margin: 0 auto;
    top: 50%;
    margin-top: -25px;
    background: rgba(0,0,0,0.35);
    color: #fff;
    
    border: 1px solid #fff;
   }
.img-list .img:not(:last-child){margin-right:20px;}
.img-list .img img{width: 100%; height: 100%; object-fit: cover;;}





 
.img-list2{display:flex;flex-wrap:wrap}
.img-list2 a{display: block;flex:0 0 25%;padding:5px;box-sizing:border-box}
.img-list2 .img{ height: 240px;position:relative;padding-bottom:10px}
.img-list2 span{  
    width: 100%;display: block;
    margin: 0 auto; 
    line-height: 30px; 
    color: #333;
    text-align: center; 
    font-size: 15px; font-weight:bold} 
.img-list2 .img img{width: 100%; height: 100%; object-fit: cover;;}


@media only screen and (max-width: 750px) {
    
.pro_det .det p,.pro_det .top .text{ font-size:14px;line-height:30px;}
.pro_det .det .txt *{ line-height: 30px !important;}
.pro_det .det .txt{ overflow-x: auto;}
    
}
@media only screen and (max-width: 550px) {
.img-list{flex-wrap: wrap;}
.img-list .img{flex:0 0 100%;margin-left:0;margin-bottom:20px;}

    
}

.about_box{margin-top: 0;margin-bottom: 70px;}

.about_box .txt p:before{content:'';display: inline-block;width: 8px;height: 8px;border-radius: 100%;background: #fff;margin-right:10px}

.swiper-slide img{width: 100%;}