.clear:after { content:''; display:block; clear:both; }
.clear{ zoom:1; }


.container{ width: 1530px; margin: 0 auto; clear: both;}

.header{ width: 100%; position: absolute;z-index:999;}
.header>.container{ height: 100px; display: flex; justify-content: space-between; align-items: center;}
.header>.container>h1.logo{ margin: 0; padding: 0; height: 100px;}
.header>.container>h1.logo>a{ display: block;padding: 20px 0 ;}
.header>.container>.main{ display: flex; justify-content: flex-end; align-items: center; flex: 1;}
/* 导航菜单 */
.header>.container>.main>.nav{ display: flex; align-items: center;}
.header>.container>.main>.nav>.item{ position: relative; margin: 0 10px;}
/*.header>.container>.main>.nav>.item-hov::after,.header>.container>.main>.nav>.item:hover::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: #e60012;}*/
.header>.container>.main>.nav>.item>a{ display: block; padding: 0 20px; height: 100px; line-height: 100px; color: #FFF; text-decoration: none; font-size: 20px;}
.header>.container>.main>.nav>.item:hover>a{ color: #e60012;}

.header>.container>.main>.nav>.item>.sub{ width: 100%; position: absolute; top: 100px; left: 50%; transform: translateX(-50%); background: rgba(255, 255, 255, 0.95); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); padding: 10px 0; box-sizing: border-box; opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 100;}
.header>.container>.main>.nav>.item>.sub>.s-item{ text-align: center; line-height: 40px; font-size: 16px; white-space: nowrap;}
.header>.container>.main>.nav>.item>.sub>.s-item>a{ display: block; color: #333; text-decoration: none; transition: all 0.2s ease;}
.header>.container>.main>.nav>.item>.sub>.s-item>a:hover{ color: #e60012; }
.header>.container>.main>.nav>.item:hover>.sub{ opacity: 1; visibility: visible;}

.header>.container>.main>a.oa-login{ font-size: 16px; text-decoration: none; padding: 0 0 0 32px; margin: 0 0 0 60px; display: block; position: relative; color: #FFF; font-size: 14px;}
.header>.container>.main>a.oa-login::before{ position: absolute; content: ''; width: 32px; height: 32px; background: url('../images/icon-oa.png'); background-size: cover !important; background-position: 50% 50% !important; top: 50%; left: 0; transform: translateY(-50%);}

.mheader{width: 100%;height: 60px;background: #282828;margin: auto;position: relative; z-index: 9999;}
.mheader .menu{width: 60px;float: left;height: 60px;background: url(../images/menu.png) no-repeat center;background-size: 20px;}
.mheader .menu.on{background: url(../images/menu-on.png) no-repeat center;background-size: 20px;}
.mheader .nav{width: 80%;position: absolute;left: 0;top: 62px;z-index: 5;background: #282828;display: none;}
.mheader .nav > ul > li{width: 100%;min-height: 30px;border-bottom: 1px solid #fff;line-height: 50px;}
.mheader .nav > ul > li>a{color: #fff;font-size: 16px;padding-left: 10px;}
.mheader .nav > ul > li  .anniu{float: right;background: url(../images/jia.png) no-repeat center;width: 68px;height: 50px;}
.mheader .nav > ul > li  .anniu.on{background: url(../images/jian.png) no-repeat center;}
.mheader .nav > ul >li>ul{display: none;}
.mheader .nav > ul >li>ul>li{width: 100%;height: 50px;border-bottom: 1px solid #fff;line-height: 50px;background: #000;text-align: center;}
.mheader  .nav > ul >li>ul>li>a{color: #fff;font-size: 16px;}

.mheader .logo{float: left;text-align: center;width: 200px;padding-top: 19px;}
.mheader .logo img{width: 135px;}
.mheader .kf{float: right;width: 100px;height: 60px;text-align: center; line-height: 60px; color: #fff;font-size: 14px;}

 .mheader {display:none}
@media screen and (max-width: 768px) {
    .header {display:none}
     .mheader {display:block}
}

.intro{ width: 100%; max-width: 1920px; height: 920px; box-sizing: border-box; padding: 120px 0 0; margin: 0 auto; background: url('../images/home-about.jpg'); background-size: cover !important; background-position: 50% 50% !important;}
.intro>.main{ display: flex; justify-content: space-between; align-items: flex-start; }
.intro>.main>.play{ height: 460px; position: relative;}
.intro>.main>.play::after{ position: absolute; content: ''; left: 50%; top: 50%; width: 120px; height: 120px; background: url('../images/icon-play.png'); transform: translate(-50%, -50%);}
.intro>.main>.play::before{ position: absolute; content: ''; background: rgba(0, 0, 0, 0.3); left: 0; right: 0; top: 0; bottom: 0;}
.intro>.main>.play>img{ display: block; margin: 0;}
.intro>.main>.info{ margin: 0 0 0 60px;}
.intro>.main>.info>.name{ width: 600px; height: 130px; font-size: 24px; color: #333; line-height: 40px; position: relative;}
.intro>.main>.info>.name::after{ position: absolute; content: ''; width: 600px; height: 130px; background: url('../images/title-about.png'); background-size: cover !important; background-position: 50% 50% !important;}
.intro>.main>.info>.text{ margin: 30px 0; color: #232323; font-size: 20px; line-height: 36px;}
.intro>.main>.info>.link{ display: flex; justify-content: flex-end; align-items: center;} 
.intro>.main>.info>.link>a{ display: block; text-decoration: none; border: 1px solid #e60012; color: #e60012; width: 120px; height: 40px; line-height: 40px; border-radius: 40px; text-align: center; font-size: 14px;}

.home-total{ max-width: 1920px; height: 400px; margin: 0 auto; box-sizing: border-box; padding: 100px 0 0 0; background: url('../images/home-about.jpg'); background-size: cover !important; background-position: 50% 50% !important;}
.intro>.line{ margin: 120px auto 0; display: flex; justify-content: center; align-items: center; height: 120px; background: #FFF; box-shadow: 0 6px 12px rgba(40, 40, 40, 0.1);}
.intro>.line>.item{ flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative;}
.intro>.line>.item::after{position: absolute; content: ''; width: 2px; background: #c6c9ca; top: 15px; bottom: 15px; right: 0;}
.intro>.line>.item:last-of-type::after{ display: none;}
.intro>.line>.item>.num{ color: #6a6a6a; display: flex; justify-content: center; align-items: flex-start;}
.intro>.line>.item>.num>.text{ font-size: 30px; line-height: 40px;}
.intro>.line>.item:hover .num {color: #e60012}
.intro>.line>.item>.num>.unit{ font-size: 14px; line-height: 30px;}
.intro>.line>.item>.lab{ color: rgba(40, 40, 40, 0.5); font-size: 16px; line-height: 40px;}

.service{}
.service>.container>.hd{ height: 150px; display: flex; justify-content: space-between; align-items: flex-end;}
.service>.container>.hd>.name{ width: 600px; height: 150px; font-size: 24px; color: #333; line-height: 40px; position: relative;}
.service>.container>.hd>.name::after{ position: absolute; content: ''; width: 600px; height: 150px; background: url('../images/title-service.png'); background-size: cover !important; background-position: 50% 50% !important;}
.service>.container>.hd>.link{ position: relative; font-size: 16px; color: #999; line-height: 40px; margin-bottom: 10px;}
.service>.container>.hd>.link>a{ display: block; width: 48px; height: 48px; background: url('../images/arrow.png'); text-indent: -999rem; background-position: 50% 50% !important; background-size: cover !important;}
.service>.bd{ padding: 60px 0; display: flex;}
.service>.bd>.item{ flex: 0 0 25%; width: 25%; max-width: 25%; height: 625px; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; background-position: 50% 50% !important; background-size: cover !important;}
.service>.bd>.item:nth-child(1){ background: url('../images/serv-1.jpg');}
.service>.bd>.item:nth-child(2){ background: url('../images/serv-2.jpg');}
.service>.bd>.item:nth-child(3){ background: url('../images/serv-3.jpg');}
.service>.bd>.item:nth-child(4){ background: url('../images/serv-4.jpg');}
.service>.bd>.item::before{ position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; background: rgba(230, 0, 18, 0.7); opacity: 0; transition: opacity 0.3s ease; z-index: 1;}
.service>.bd>.item:hover::before{ opacity: 1;}
.service>.bd>.item>.wrap{ position: relative; z-index: 2;}
.service>.bd>.item>.wrap>.icon{ width: 100px; height: 100px; display: block; margin: 0 auto;}
.service>.bd>.item>.wrap>.text{ color: #FFF; text-align: center;}
.service>.bd>.item>.wrap>.text>.cn{ font-size: 24px; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.service>.bd>.item>.wrap>.text>.en{ font-size: 14px; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.service>.bd>.item>.link{ margin: 100px 0 0; position: relative; z-index: 2;}
.service>.bd>.item>.link>a{ display: block; text-decoration: none; border: 1px solid #FFF; color: #FFF; width: 120px; height: 40px; line-height: 40px; border-radius: 40px; text-align: center; font-size: 14px;}


.news{}
.news>.container>.hd{ height: 150px; display: flex; justify-content: space-between; align-items: flex-end;}
.news>.container>.hd>.name{ width: 600px; height: 150px; font-size: 24px; color: #333; line-height: 40px; position: relative;}
.news>.container>.hd>.name::after{ position: absolute; content: ''; width: 600px; height: 150px; background: url('../images/title-news.png'); background-size: cover !important; background-position: 50% 50% !important;}
.news>.container>.hd>.link{ position: relative; font-size: 16px; color: #999; line-height: 40px; margin-bottom: 10px;}
.news>.container>.hd>.link>a{ display: block; width: 48px; height: 48px; background: url('../images/arrow.png'); text-indent: -999rem; background-position: 50% 50% !important; background-size: cover !important;}
.news>.container>.bd{ padding: 60px 0;}
.news>.container>.bd>.item{ display: flex; justify-content: space-between; align-items: center; margin: 0 0 60px;}
.news>.container>.bd>.item:last-of-type{ margin-bottom: 0;}
.news>.container>.bd>.item>a.icon, .news>.container>.bd>.item>a.icon>img{ display: block; width: 290px; height: 200px; margin: 0;}
.news>.container>.bd>.item>.wrap{ flex: 1; height: 200px; padding: 0 40px;}
.news>.container>.bd>.item>.wrap>.name{ font-size: 24px; height: 48px; line-height: 48px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news>.container>.bd>.item>.wrap>.name>a{ color: #3a3634; text-decoration: none;}
.news>.container>.bd>.item>.wrap>.time{ color: rgba(40, 40, 40, 0.5); font-size: 15px; height: 30px; line-height: 30px; padding: 0 0 0 20px; position: relative;}
.news>.container>.bd>.item>.wrap>.time::after{ position: absolute; content: ''; width: 20px; height: 20px; background: url('../images/icon-time.png'); background-size: cover !important; background-position: 50% 50% !important; left: 0; top: 50%; transform: translateY(-50%);}
.news>.container>.bd>.item>.wrap>.text{ color: #444; font-size: 16px; height: 90px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.news>.container>.bd>.item>.link>a{border: 1px solid #606060; width: 180px; height: 48px; line-height: 48px; border-radius: 48px; font-size: 20px; color: #606060; text-decoration: none; display: flex; justify-content: center; align-items: center; position: relative;}
.news>.container>.bd>.item>.link>a::after{ position: relative; content: ''; width: 36px; height: 36px; background: url('../images/icon-detail.png'); text-indent: -999rem; background-position: 50% 50% !important; background-size: cover !important;}


.footer{ background: #333;}
.footer>.container{ background: #333;}
.footer>.container>.f-bd{ padding: 50px 10px 30px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: flex-start; }
.footer>.container>.f-bd>.f-bd_l{ display: flex; justify-content: flex-start; align-items: flex-start;}
.footer>.container>.f-bd>.f-bd_l>dl.item{ width: 140px; margin: 0; padding: 0;}
.footer>.container>.f-bd>.f-bd_l>dl.item>dt{ height: 40px; line-height: 40px; font-size: 16px; color: #fff;}
.footer>.container>.f-bd>.f-bd_l>dl.item>dd{ height: 28px; line-height: 28px; font-size: 14px; margin: 0; padding: 0;}
.footer>.container>.f-bd>.f-bd_l>dl.item>dd>a{ color: #999; text-decoration: none;}
.footer>.container>.f-bd>.f-bd_r{ }
.footer>.container>.f-bd>.f-bd_r>.code{ display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-end;}
.footer>.container>.f-bd>.f-bd_r>.code>.ico{ width: 100px; height: 100px; margin: 0; display: block;}
.footer>.container>.f-bd>.f-bd_r>.code>.txt{ font-size: 12px; color: #999; line-height: 20px;}
.footer>.container>.f-bd>.f-bd_r>.text{ text-align: right;}
.footer>.container>.f-bd>.f-bd_r>.text>.tit{ font-size: 18px; color: #FFF; line-height: 30px;}
.footer>.container>.f-bd>.f-bd_r>.text>.tel{ font-size: 14px; color: #FFF; line-height: 32px; display: flex; justify-content: flex-end; align-items: center;}
.footer>.container>.f-bd>.f-bd_r>.text>.tel::before{ position: relative; display: block; content: ''; width: 28px; height: 28px; background: url('../images/icon-phone.png'); background-position: 50% 50%; background-size: cover !important; }
.footer>.container>.f-bd>.f-bd_r>.text>.add{ font-size: 14px; color: #999; line-height: 20px;}

.footer>.container>.f-ft{ display: flex; justify-content: space-between; align-items: center; color: #999; line-height: 50px; height: 50px; font-size: 14px; position: relative;}
.footer>.container>.f-ft::after{ content: ''; position: absolute; height: 1px; background: #666; top: 0; left: 0; right: 0;}
.footer>.container>.f-ft>.f-ft_l{ display: flex; justify-content: flex-start; align-items: center;}
.footer>.container>.f-ft>.f-ft_r>a{ color: #999; text-decoration: none;} 
.footer>.container>.f-ft>.f-ft_r>a:hover{ text-decoration: underline;}

.s-banner{ width: 100%; max-width: 1920px; margin: 0 auto 80px; height: 530px; background: url('../images/s-banner.jpg'); background-size: cover !important; background-position: 50% 50% !important;}

.s-wrapper{ min-height: 700px;}
.s-wrapper>.bread{ height: 64px; line-height: 64px; position: relative; display: flex; justify-content: space-between; align-items: center;}
.s-wrapper>.bread::after{ position: absolute; content: ''; height: 1px; left: 0; right: 0; bottom: 0; background: #c4c4c4;}
.s-wrapper>.bread>.this{ display: flex; justify-content: flex-start; align-items: center; font-size: 20px; color: #232323;}
.s-wrapper>.bread>.this>.item{ margin: 0 6px;}
.s-wrapper>.bread>.this>.item:first-of-type{ margin: 0 6px 0 0;}
.s-wrapper>.bread>.this>.item>a{ color: #232323; text-decoration: none;}
.s-wrapper>.bread>.this>.item>a:hover{ color: #e60012;}
.s-wrapper>.bread>.tabs{ display: flex; justify-content: flex-end; align-items: center;}
.s-wrapper>.bread>.tabs>.item{ margin: 0 40px 0 0; font-size: 20px;}
.s-wrapper>.bread>.tabs>.item:last-of-type{ margin: 0;}
.s-wrapper>.bread>.tabs>.item>a{ color: #333333; text-decoration: none;}
.s-wrapper>.bread>.tabs>.item-hov>a,.s-wrapper>.bread>.tabs a:hover{ color: #e60012;}

.navtabs {background: #f3f8ff;border-bottom: 1px solid #ddd;}
.navtabs .tabs {display: flex;flex-wrap: wrap; align-items: center;}
.navtabs .tabs .item {width: 25%; float: left;height: 80px; line-height: 80px; text-decoration: none;}
.navtabs .tabs .item a{color: #000;  font-size: 24px;display: block;}
.navtabs .tabs .item a:hover,.navtabs .tabs .item.hover a{ color: #e60012;}

.page-name{ margin: 40px 0 20px 0 ;}
.page-name>.en{ font-size: 72px; line-height: 120px; font-weight: 600; color: rgba(230, 0, 18, 0.1); font-style: italic;}
.page-name>.cn{ font-size: 36px; line-height: 48px; color: rgba(23, 23, 23, 0.8);}

.page-wrap{ margin: 0;}
.page-wrap>.text{ margin: 20px 0; font-size: 20px; line-height: 36px; color: rgba(23, 23, 23, 0.9);}
.page-wrap>.full{ margin: 20px 0;}
.page-wrap>.full>img{ display: block; margin: 0;}


.logo-list{ display: flex; flex-wrap: wrap; margin: 40px 0 0;}
.logo-list>.item{ flex: 0 0 20%; max-width: 20%; margin: 0 0 20px; display: flex; justify-content: center; align-items: center;}
.logo-list>.item>img{ display: block; margin: 0;}


.about-wrap{ display: flex; justify-content: space-between; align-items: flex-start;}
.about-wrap>.about-txt{ margin: 0 140px 0 0; font-size: 20px; line-height: 36px; color: rgba(23, 23, 23, 0.9);}
.about-wrap>.about-ads{ display: block; margin: 0;}


.submit{margin-top:20px;float:right;width:110px;height:41px;background:#1c55a5;text-align:center;line-height:41px;font-size:18px;color:#ffffff;border:none;}
.complain{margin:auto;max-width: 1200px;}.complain .ain{margin:10px 0;display:inline-block;width:100%;}.complain .ain .mtr{margin:0;width:105px;height:50px;color:#000000;font-size:18px;float:left;line-height:50px;}.complain .ain span{margin:0;font-size:16px;}.complain .ain span p{margin-left:105px;color:#000000;font-size:18px;letter-spacing:-1px;}.complain .ain span i{margin:6px 6px 6px 6px;background:url(/themes/default/images/xin.png) no-repeat;width:6px;height:6px;display:inline-block;}.complain .ain span input{margin:0;}.complain .ain span .matter{margin:0;width:89%;height:50px;border:1px solid #918c88;padding:3px;}.complain .ain span #texa{margin:0;width:89%;height:70px;padding:3px;border:1px solid #918c88;}.complain .ain span .gonsi{margin:0;width:89%;height:50px;padding:3px;border:1px solid #918c88;}.complain .ain span .linkman{margin:0;float:left;width:38%;height:50px;padding:3px;border:1px solid #918c88;}.complain .ain span .email{margin:0;width:89%;height:24px;border:1px solid #918c88;}.complain .ain span .submit{margin-left:30px;float:left;height:50px;line-height:50px;font-size:18px;font-family:'微软雅黑';cursor:pointer;border-radius:3px}.complain .ain span .radio{margin:0 6px;}


.hwzz{width: 1200px;height: 550px;background: url(../images/cx.jpg) no-repeat center top;padding-top: 1px;margin:auto;background-size: cover;}
.hwzz .suos {width: 640px;height: 80px;margin-top: 220px;margin-left: 287px;border: 2px solid #e60012;background: #fff;}
.hwzz .suos .img{width: 55px;float: left;text-align: right;    padding-top: 12px;}
.hwzz .suos input{float: left;width: 421px;height: 76px;padding: 28px;color: #333;font-size: 16px;resize: none;}
.hwzz .suos button{float: left;width: 160px;height: 76px;background: #e60012;text-align: center;line-height: 76px;color: #fff;font-size: 20px;border:none;cursor: pointer;}


.content {text-align:center;}
.content img {max-width: 100%;}

.contacts{ margin: 20px 0; color: rgba(23, 23, 23, 0.9);}
.contacts>.tit{ font-size: 24px; line-height: 48px; font-weight: 600;}
.contacts>.add{ font-size: 16px; line-height: 32px;}
.contacts>.inf{ font-size: 16px; line-height: 32px; display: flex; justify-content: flex-start; align-items: center;}
.contacts>.inf>span{ margin: 0 20px 0 0;}

.news-wrap{ display: flex; justify-content: space-between; align-items: flex-start;}
.news-wrap>.news-rec{ width: 400px; margin: 100px 0 0;}
.news-wrap>.news-rec>.name{ color: #3a3634; height: 48px; line-height: 48px; font-size: 24px; position: relative;}
.news-wrap>.news-rec>.name::after{ content: ''; position: absolute; height: 1px; background: #c4c4c4; right: 0; left: 0; bottom: 0;}
.news-wrap>.news-rec>.list>.item{ padding: 20px 0; position: relative;}
.news-wrap>.news-rec>.list>.item::after{ content: ''; position: absolute; height: 1px; background: #c4c4c4; right: 0; left: 0; bottom: 0;}
.news-wrap>.news-rec>.list>.item>.date{ line-height: 30px; color: #141414; font-size: 18px;}
.news-wrap>.news-rec>.list>.item>.text{ line-height: 30px; color: #141414; font-size: 18px;}
.news-wrap>.news-rec>.list>.item>.text>a{ color: #141414; text-decoration: none;}
.news-wrap>.news-rec>.list>.item>.text>a:hover{ color: #e60012;}

.news-wrap>.news-box{ width: 970px; padding: 0 0 40px;}
.news-wrap>.news-box>.name{ font-size: 36px; line-height: 72px; color: #363636; text-align: center;}
.news-wrap>.news-box>.info{ display: flex; justify-content: center; align-items: center; height: 72px; line-height: 72px;}
.news-wrap>.news-box>.info>.time{ color: rgba(40, 40, 40, 0.5); font-size: 15px; height: 30px; line-height: 30px; padding: 0 0 0 20px; position: relative;}
.news-wrap>.news-box>.info>.time::after{ position: absolute; content: ''; width: 20px; height: 20px; background: url('../images/icon-time.png'); background-size: cover !important; background-position: 50% 50% !important; left: 0; top: 50%; transform: translateY(-50%);}
.news-wrap>.news-box>.more{ font-size: 20px; line-height: 36px; color: rgba(23, 23, 23, 0.9);}
.news-wrap>.news-box>.more p,.news-wrap>.news-box>.more div{ margin: 10px 0;}
.news-wrap>.news-box>.more img{ display: block; margin: 0 0 20px;max-width:100%;}
.news-list{ padding: 60px 0;}
.news-list>.item{ display: flex; justify-content: space-between; align-items: center; margin: 0 0 60px;}
.news-list>.item:last-of-type{ margin-bottom: 0;}
.news-list>.item>a.icon, .news-list>.item>a.icon>img{ display: block; width: 290px; height: 200px; margin: 0;}
.news-list>.item>.wrap{ flex: 1; height: 200px; padding: 0 40px;}
.news-list>.item>.wrap>.name{ font-size: 24px; height: 48px; line-height: 48px; overflow: hidden; text-overflow: ellipsis; }
.news-list>.item>.wrap>.name>a{ color: #3a3634; text-decoration: none;}
.news-list>.item>.wrap>.time{ color: rgba(40, 40, 40, 0.5); font-size: 15px; height: 30px; line-height: 30px; padding: 0 0 0 20px; position: relative;}
.news-list>.item>.wrap>.time::after{ position: absolute; content: ''; width: 20px; height: 20px; background: url('../images/icon-time.png'); background-size: cover !important; background-position: 50% 50% !important; left: 0; top: 50%; transform: translateY(-50%);}
.news-list>.item>.wrap>.text{ color: #444; font-size: 16px; height: 90px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.news-list>.item>.link>a{border: 1px solid #606060; width: 180px; height: 48px; line-height: 48px; border-radius: 48px; font-size: 20px; color: #606060; text-decoration: none; display: flex; justify-content: center; align-items: center; position: relative;}
.news-list>.item>.link>a::after{ position: relative; content: ''; width: 36px; height: 36px; background: url('../images/icon-detail.png'); text-indent: -999rem; background-position: 50% 50% !important; background-size: cover !important;}

.banner-bar{ z-index: 999;position: relative;}
.banner-bar>.container{  height: 110px;background: #000; border-radius: 100px;padding: 25px;margin:auto;    margin-top: -55px;}
.banner-bar>.container>.slogan{ width: 300px; height: 110px; display: flex; justify-content: flex-start; align-items: center; position: relative;}
.banner-bar>.container>.slogan::after{ position: absolute; content: ''; background: #ebebeb; right: 0; top: 0; bottom: 0; width: 1px;}
.banner-bar>.container>.slogan>img{ display: block; margin: 0; height: 60px;}
.banner-bar>.container>.phone{ width: 340px; height: 110px; display: flex; justify-content: center; align-items: center; position: relative; }
.banner-bar>.container>.phone::after{ position: absolute; content: ''; background: #ebebeb; right: 0; top: 0; bottom: 0; width: 1px;}

.banner-bar>.container>.phone>.box{ width: 240px; height: 64px; box-sizing: border-box; padding: 10px 0 10px 64px; color: #333; position: relative;}
.banner-bar>.container>.phone>.box::before{ position: absolute; content: ''; width: 64px; height: 64px; left: 0; top: 50%; transform: translateY(-50%); background-size: cover !important; background-position: 50% 50% !important; background: url('../images/comm-phone.png');}
.banner-bar>.container>.phone>.box>.txt{ font-size: 14px; line-height: 18px;}
.banner-bar>.container>.phone>.box>.tel{ font-size: 24px; line-height: 26px;}

.banner-bar>.container>.query{  width: 55%;float: left;margin: 0; flex: 1; height: 58px; display: flex; justify-content: center; align-items: center; border-radius: 100px;}
.banner-bar>.container>.query>.in-txt{ font-size: 24px; width: 540px; height: 64px; line-height: 62px; box-sizing: border-box; outline: 0; background: #fcfcfc; padding: 0 0 0 20px; border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.15);border-top-left-radius: 118px;border-bottom-left-radius: 118px;}
.banner-bar>.container>.query>.in-btn{ line-height: 64px; font-size: 24px; width: 200px; height: 64px; border: 0; outline: 0; background: #e60012; color: #FFF;border-top-right-radius: 100px; border-bottom-right-radius: 100px;}

.banner-bar .ul-item {float: right;width: 45%;}
.banner-bar .ul-item .li-item  {float: left;width: 33.33%;font-size: 24px;text-align:center;line-height: 62px;}
.banner-bar .ul-item .li-item  a { color: #FFF;}

.fuwu {padding-top:60px;}
.fuwu .hd {height: 65px;border-bottom:1px solid #ddd;}
.fuwu .title{float: left;font-size: 40px;}
.fuwu .more{float: right;font-size: 25px;width: 10%;line-height: 62px;text-align:right;}
.fuwu .more a {color: #e60012;}
.fuwu .ul {float: right;width: 60%;display: flex;flex-wrap: wrap; justify-content: space-between;align-items: center;}
.fuwu .ul  .li  {font-size: 24px;text-align:center;line-height: 62px;}
.fuwu .ul  .li  a { color: #333;}

.fuwu .bd {padding-top:20px;}
.fuwu .pit {float: left;}
.fuwu .pit .tit{width: 100%;height: 220px;line-height: 220px;font-size: 31px;padding:40px 0 0 40px; color: #fff;background: url('../images/20260623170947_23_111.png') center no-repeat;}
.fuwu .img {float: right;padding-top:90px;}
.fuwu .list {border:1px solid #ddd;background:#eef3fac2;padding:25px;border-radius: 20px;margin-top: -30px;display: flex;flex-wrap: wrap; justify-content: space-between;align-items: center;}
.fuwu .list .li {width: 19%;background:#fff;padding:20px;border:1px solid #ddd;border-radius: 10px;transition: all 0.4s;}
.fuwu .list .li .top {height: 63px;}
.fuwu .list .li .tt {float: left;color: #333;font-size: 23px;background: url('../images/car.jpg') left center no-repeat;padding-left:40px;}
.fuwu .list .li .mm {float: right;font-size: 14px;background: url('../images/mm.jpg') left center no-repeat;padding-left:24px;margin-top:5px;color: #333;}
.fuwu .list .li .txt {padding:10px;height: 90px;font-size: 16px;}
.fuwu .list .li .buttom {float: right;border:1px solid #e60012;border-radius: 50px;color: #e60012;font-size: 16px;padding:5px 20px;} 
.fuwu .list .li:hover{margin-top:-20px;transition: all 0.4s;}

.main-banner{ height: 820px;}
.main-banner .swiper-container{ width: 100%; height: 100%;}
.main-banner .swiper-slide{ width: 100%; height: 100%; background-size: cover !important; background-position: 50% 50% !important;}
.main-banner .pagination{ position: absolute; bottom: 20px; left: 50%; display: flex; justify-content: center; align-items: center; transform: translateX(-50%); z-index: 10;}
.main-banner .pagination .swiper-pagination-bullet{ width: 60px; height: 8px; border-radius: 8px; background: rgba(255, 255, 255, 0.45); margin: 0 5px;}
.main-banner .pagination .swiper-pagination-bullet-active{ background: #e60012;}

.product {padding-top:60px;padding-bottom:60px;}
.product .hd {height: 65px;border-bottom:1px solid #ddd;}
.product .title{float: left;font-size: 40px;width: 20%;}
.product .more{float: right;font-size: 25px;width: 10%;line-height: 62px;text-align:right;}
.product .more a {color: #e60012;}
.product .bd {    width: 1522px;margin-top:40px;background: url('../images/QQ20260527-154648.jpg') center no-repeat;height: 696px;position: relative;}
/*.product .bd::after{content:'';display:block; background: url('../images/tt.png') center no-repeat;height: 696px;    top: 0;position: absolute; width: 100%;}*/
.product .bd .li {float:left;width: 33.33%;position: relative;overflow: hidden;}
.product .bd .li .top {height: 347px;text-align:center;padding:127px;}
.product .bd .li .top .tit {color: #fff;font-size: 24px;}
.product .bd .li .bottom {opacity: 0;background: #e60012d4;;padding:20px;position: absolute;top: 100%;}
.product .bd .li .bottom .tit {color: #fff;font-size: 24px;padding-left:35px;background: url('../images/t1.png') left center no-repeat;background-size: 29px;}
.product .bd .li .bottom .txt {height: 255px;color: #fff;font-size: 20px;padding:45px 10px;padding-left:40px;line-height: 33px;}
.product .bd .li .bottom .buttom {color: #fff;font-size: 16px;padding-left:40px;padding-right:30px;background: url('../images/QQ20260527-155742.jpg') right center no-repeat;background-size: 20px;}

.product .bd .li:nth-child(1) .bottom {border-top-left-radius: 25px;}
.product .bd .li:nth-child(3) .bottom {border-top-right-radius: 25px;}
.product .bd .li:nth-child(4) .bottom {border-bottom-left-radius: 25px;}
.product .bd .li:nth-child(6) .bottom {border-bottom-right-radius: 25px;}

.product .bd .li:hover .top {opacity: 0;}
.product .bd .li:hover .bottom {opacity: 1;position: absolute;top: 0%;height: 100%;}

 
.youshi {background: #333;}
.youshi .right {float: right;width: 40%;}
.youshi .right img {max-width: 770px;margin-left:-180px;}
.youshi .left {float: left;width: 60%;margin-top:80px;}
.youshi .title{font-size: 40px;color: #fff;}
.youshi .hd {padding-top:35px;    opacity: 0;}
.youshi .hd .li {float: left;width: 158px;font-size: 24px;line-height: 62px;}
.youshi .hd .li a { color: #fff;}
.youshi .hd .li.on a { color: #e60012;}
.youshi .bd {padding:30px;background: #6a6a6a;border-radius: 25px;margin-top:35px;padding-bottom:100px;}
.youshi .bd .li {float: left;width: 25%;padding:34px;text-align:center;}
.youshi .bd .li .tit {color: #fff;font-size: 23px;padding:10px 0;}
.youshi .bd .li .txt {color: #fff;font-size: 13px;line-height: 24px;text-align:left;}


.xinwen {padding-top:60px;padding-bottom:60px;background: #f3f8ff;}
.xinwen .hd {height: 65px;border-bottom:1px solid #ddd;margin-bottom:40px;}
.xinwen .title{float: left;font-size: 40px;width: 20%;}
.xinwen .more{float: right;font-size: 25px;width: 10%;line-height: 62px;text-align:right;}
.xinwen .more a {color: #e60012;}
.xinwen .left {float: left;width: 55%;}
.xinwen .left .li {float: left;width:47%;margin-right:3%;background: #fff;border-radius: 20px;}
.xinwen .left .li img {width:100%;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.xinwen .left .li .tit {color: #666;font-size: 24px;padding:30px;min-height: 170px;}
.xinwen .left .li .time {color: #999;text-align:right;font-size: 16px;padding:20px 30px;}
.xinwen .right {float: right;width: 45%;background: #fff;border-radius: 20px;padding:30px;}
.xinwen .right .li {margin-bottom:30px;} 
.xinwen .right .li:last-child {margin-bottom:0px;} 
.xinwen .right .li .time {float: left;width: 10%;text-align: center;}
.xinwen .right .li .time .ht {color: #666;font-size: 44px;    font-weight: bold;}
.xinwen .right .li .time .dt {color: #666;font-size: 22px;}
.xinwen .right .li .tit {float: right;width: 83%;color: #555555;padding-bottom:20px;font-size: 22px;line-height: 30px;border-bottom:1px solid #ddd;}
.xinwen .right .li:hover .tit {color: #e60012;}



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

.youshi .right {width: 100%;}
.youshi .right img {max-width: 100%;margin-left:0px;}
.youshi .left {width: 100%;margin-top:30px;}
.youshi .title{font-size: 24px;}
.youshi .hd {padding-top:20px;}
.youshi .hd .li {width: 25%;font-size: 16px;line-height: 24px;}
.youshi .bd {padding:20px;border-radius: 25px;margin-top:20px;padding-bottom:0px;}
.youshi .bd .li {width: 100%;padding:10px;text-align:center;}
.youshi .bd .li .tit {font-size: 20px;padding:10px 0;}

.xinwen {padding-top:30px;padding-bottom:30px;}
.xinwen .hd {height: 40px;}
.xinwen .title {font-size: 24px;width: 50%;}
.xinwen .more {font-size: 16px; width: 50%;line-height: 22px;}
.xinwen .left {width: 100%;}
.xinwen .left .li {width:100%;margin-right:0%;margin-bottom:20px;}
.xinwen .left .li img {width:100%;}
.xinwen .left .li .tit {font-size: 20px;padding:20px;min-height: 100px;}
.xinwen .left .li .time {padding:20px;}
.xinwen .right {width: 100%;padding:20px;}
.xinwen .right .li {margin-bottom:20px;} 
.xinwen .right .li:last-child {margin-bottom:0px;} 
.xinwen .right .li .time {float: left;width: 20%;}
.xinwen .right .li .time .ht {color: #666;font-size: 22px;}
.xinwen .right .li .time .dt {color: #666;font-size: 14px;}
.xinwen .right .li .tit {width: 80%;padding-bottom:10px;font-size: 16px;line-height: 24px;}

}

/* ============================================
   响应式适配样式表
   说明：本文件包含针对平板和手机屏幕的适配规则
   通过媒体查询实现，不影响原有桌面端样式
   使用方法：在原有CSS文件之后引入本文件
   ============================================ */

/* 重置容器宽度，使其在小屏幕上更灵活 */
@media screen and (max-width: 1550px) {
    .container {
       /* width: 1500px;*/
    }
}

@media screen and (max-width: 1200px) {
    .container {
        width: 960px;
    }
}

@media screen and (max-width: 992px) {
    .container {
        width: 720px;
    }
}

@media screen and (max-width: 768px) {
    .container {
        width: 540px;
    }
}

@media screen and (max-width: 576px) {
    .container {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }
}

/* ========== 头部导航响应式 ========== */
@media screen and (max-width: 1200px) {
    .header>.container>.main>.nav>.item>a {
        padding: 0 12px;
        font-size: 16px;
    }
    
    .header>.container>.main>a.oa-login {
        margin-left: 30px;
        font-size: 12px;
    }
}

@media screen and (max-width: 992px) {
    .header>.container {
        flex-wrap: wrap;
        height: auto;
        padding: 10px 0;
    }
    
    .header>.container>h1.logo {
        width: 160px;
        height: 64px;
        margin: auto;
    }
    
    .header>.container>h1.logo>a {
        width: 160px;
        height: 64px;
    }
    
    .header>.container>.main {
        width: 100%;
        justify-content: space-between;
        margin-top: 10px;
    }
    
    /* 导航菜单改为可滚动 */
    .header>.container>.main>.nav {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        flex: 1;
        margin-right: 15px;
    }
    
    .header>.container>.main>.nav::-webkit-scrollbar {
        display: none;
    }
    
    .header>.container>.main>.nav>.item>a {
        height: 50px;
        line-height: 50px;
        white-space: nowrap;
    }
    
    .header>.container>.main>.nav>.item>.sub {
        top: 50px;
    }
}

@media screen and (max-width: 768px) {
    .header>.container>.main {
        flex-direction: column;
        align-items: stretch;
    }
    
    .header>.container>.main>.nav {
        margin-right: 0;
        margin-bottom: 10px;
    }
    
    .header>.container>.main>a.oa-login {
        margin-left: 0;
        padding-left: 28px;
        align-self: flex-end;
        margin: auto;
    }
    
    .header>.container>.main>a.oa-login::before {
        width: 24px;
        height: 24px;
    }
}

/* ========== 首页Intro区域 ========== */
@media screen and (max-width: 1200px) {

.banner-bar>.container {
    height: 110px;
    background: #000;
    border-radius: 0;
    padding: 10px;
    margin: auto;
    margin-top: -5px;
}
.banner-bar .ul-item { width: 100%;}
.banner-bar .ul-item .li-item  {font-size: 16px;line-height: 52px;}


    .intro {
        height: auto;
        padding: 30px 0 0;
    }
    
    .intro>.main {
        flex-direction: column;
        align-items: center;
    }
    
    .intro>.main>.play {
        height: 360px;
    }
    
    .intro>.main>.play>img {
        max-width: 100%;
        height: auto;
    }
    
    .intro>.main>.info {
        margin: 40px 0 0;
        text-align: center;
    }
    
    .intro>.main>.info>.name {
        width: 100%;
        max-width: stretch;
        margin: 0 auto;
    }
    
    .intro>.main>.info>.name::after {
        width: 100%;
        left: 0px;
        width: 100%;
        background-size: contain !important;
        background-repeat: no-repeat;
    }
    
    .intro>.main>.info>.link {
        justify-content: center;
    }
}



@media screen and (max-width: 992px) {
    .intro>.main>.info>.text {
        font-size: 18px;
        line-height: 30px;
    }
    
    .intro>.line {
        flex-wrap: wrap;
        height: auto;
        margin-top: 60px;
    }
    
    .intro>.line>.item {
        flex: 0 0 50%;
        padding: 20px 0;
    }
    
    .intro>.line>.item::after {
        display: none;
    }
    
    .intro>.line>.item:nth-child(2)::after {
        display: none;
    }
}

@media screen and (max-width: 576px) {
    .intro>.main>.play {
        height: 240px;
    }
    
    .intro>.main>.play::after {
        width: 80px;
        height: 80px;
        background-size: cover;
    }
    
    .intro>.main>.info>.text {
        font-size: 16px;
        line-height: 26px;
            text-align: left;
    }
    
    .intro>.line>.item {
        flex: 0 0 50%;
    }
}

/* ========== Service服务区域 ========== */
@media screen and (max-width: 1200px) {
    .service>.bd {
        flex-wrap: wrap;
    }
    
    .service>.bd>.item {
        flex: 0 0 50%;
        width: 50%;
        max-width: 50%;
        height: 500px;
    }
}

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

.fuwu {
    padding-top: 20px;
}
.fuwu .hd {
    height: 80px;
}
.fuwu .title {
    font-size: 24px;
    width: 50%;
}
.fuwu .more {
    font-size: 16px;
    width: 50%;line-height: 22px;
}
.fuwu .ul { width: 100%;padding-top: 10px;}
 
.fuwu .ul .li {
    font-size: 12px;
    line-height: 24px;
}

.fuwu .pit .tit {
    width: 100%;
    height: 74px;
    line-height: 70px;
    font-size: 20px;
    padding: 10px; 
	background-size: 100%;
}
.fuwu .list {
    padding: 10px;
    border-radius: 10px;
    margin-top: 10px;}
.fuwu .list .li {
    width: 100%;margin-top: 10px;
}
.fuwu .img {
    padding-top: 10px;
}
.fuwu .img img{
    max-width: 100%;
}

.product {
    padding-top: 40px;
}
.product .hd {
    height: 40px;
}
.product .title {
    font-size: 24px;
    width: 50%;
}
.product .more {
    font-size: 16px;
    width: 50%;line-height: 22px;
}
.product .bd {
    width: 100%;
    margin-top: 20px;
    height: auto;
}
.product .bd .li {
    width: 100%;border-bottom: 5px solid #fff;
}
.product .bd .li .top {
    display: none;
}
.product .bd .li .bottom {
    position: relative;
	opacity: 1;border-radius: 0 !important;
    
}
.product .bd .li .bottom .txt {
    height: auto;
    font-size: 14px;
    padding: 10px;
    line-height: 24px;
}
.product .bd .li .bottom .buttom {
    padding-left: 10px;
}


    .service>.container>.hd {
        flex-direction: column;
        align-items: center;
        height: auto;
        text-align: center;
    }
    
    .service>.container>.hd>.name {
        width: 100%;
        max-width: stretch;
        height: 80px;
        margin-bottom: 20px;
    }
    
    .service>.container>.hd>.name::after {
        width: 100%;
        left: 0px;
        width: 100%;
        background-size: contain !important;
        background-repeat: no-repeat;
    }
    
    .service>.bd>.item {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
        height: 400px;
    }
    
    .service>.bd>.item>.wrap>.text>.cn {
        font-size: 20px;
    }
}

/* ========== News新闻区域 ========== */
@media screen and (max-width: 992px) {
    .news>.container>.bd>.item {
        flex-direction: column;
        text-align: center;
        margin-bottom: 40px;
    }
    
    .news>.container>.bd>.item>a.icon {
        margin-bottom: 20px;
    }
    
    .news>.container>.bd>.item>.wrap {
        height: auto;
        padding: 0 20px;
    }
    
    .news>.container>.bd>.item>.wrap>.text {
        height: auto;
        margin-bottom: 20px;
    }
    
    .news>.container>.bd>.item>.link>a {
        margin: 0 auto;
    }
}

@media screen and (max-width: 768px) {
    .news>.container>.hd {
        flex-direction: column;
        align-items: center;
        height: auto;
        text-align: center;
    }
    
    .news>.container>.hd>.name {
        width: 100%;
        max-width: stretch;
        height: 80px;
        margin-bottom: 20px;
    }
    
    .news>.container>.hd>.name::after {
        width: 100%;
        left: 0px;
        width: 100%;
        background-size: contain !important;
        background-repeat: no-repeat;
    }
    
    .news>.container>.bd>.item>a.icon, 
    .news>.container>.bd>.item>a.icon>img {
        width: 100%;
        max-width: 290px;
        height: auto;
    }
    
    .news>.container>.bd>.item>.wrap>.name {
        font-size: 20px;
    }
}

/* ========== 页脚响应式 ========== */
@media screen and (max-width: 992px) {
    .footer>.container>.f-bd {
        flex-direction: column;
    }
    
    .footer>.container>.f-bd>.f-bd_l {
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 30px;
    }
    
    .footer>.container>.f-bd>.f-bd_l>dl.item {
        width: 120px;
    }
    
    .footer>.container>.f-bd>.f-bd_r {
        width: 100%;
    }
    
    .footer>.container>.f-bd>.f-bd_r>.code {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
    }
    
    .footer>.container>.f-bd>.f-bd_r>.text {
        text-align: center;
    }
    
    .footer>.container>.f-bd>.f-bd_r>.text>.tel {
        justify-content: center;
    }
}

@media screen and (max-width: 768px) {
    .footer>.container>.f-ft {
        flex-direction: column;
        height: auto;
        padding: 20px 0;
        text-align: center;
    }
    
    .footer>.container>.f-ft>.f-ft_l {
        margin-bottom: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .footer>.container>.f-bd>.f-bd_l>dl.item {
        width: 100px;
    }
}

@media screen and (max-width: 576px) {
    .footer>.container>.f-bd>.f-bd_l {
        flex-direction: ;
        align-items: center;
    }
    
    .footer>.container>.f-bd>.f-bd_l>dl.item {
        width: 33%;
        text-align: center;
        margin-bottom: 20px;
    }
    
    .footer>.container>.f-bd>.f-bd_r>.code {
        flex-direction: column;
    }
}

/* ========== 内页横幅 ========== */
@media screen and (max-width: 992px) {
    .s-banner {
        height: 400px;
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 768px) {
    .s-banner {
        height: 300px;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 576px) {
    .s-banner {
        height: 200px;
    }
}

/* ========== 面包屑导航 ========== */
@media screen and (max-width: 992px) {
    .s-wrapper>.bread {
        flex-direction: column;
        height: auto;
        padding: 15px 0;
    }
    
    .s-wrapper>.bread>.tabs {
        margin-top: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .s-wrapper>.bread>.tabs>.item {
        margin: 0 20px 0 0;
        font-size: 20px;
    }
}

@media screen and (max-width: 576px) {
    .s-wrapper>.bread>.this {
        font-size: 16px;
        display: none;
    }
    
    .s-wrapper>.bread>.tabs>.item {
        margin: 0 12px 0 0;
        font-size: 20px;
    }
}

/* ========== 页面标题 ========== */
@media screen and (max-width: 768px) {

.complain .ain span {line-height: 30px !important;}
.complain .ain .mtr {width: 95px;height: 30px;line-height: 30px;margin: 0 !important;}
.complain .ain span .matter { width: 59%; height: 30px;}
.complain .ain span #texa { width: 59%;height: 50px;}
.complain .ain span p {margin-left: 0;}
.complain .ain span .gonsi {width: 59%;height: 30px;}
.complain .ain span .linkman { width: 59%;height: 30px;}
.complain .ain span .submit { margin: 20px 0 0 0;}

.hwzz {width: 100%;height: 168px;margin-bottom: 20px;}
.hwzz .suos { width: 98%;height: 50px; margin-top: 50px;margin-left: 0;background: #fff;}
.hwzz .suos .img {width: 36px;float: left;padding-top: 10px;text-align: center;}
.hwzz .suos .img img {width: 24px;}
.hwzz .suos input {width: 204px;height: 44px;padding: 10px;font-size: 14px;}
.hwzz .suos button {width: 94px;height: 46px;line-height: 50px;font-size: 16px;}

.navtabs .tabs .item {height: 50px; line-height: 50px;}
.navtabs .tabs .item a{font-size: 16px;}

    .page-name>.en {
        font-size: 48px;
        line-height: 80px;
    }
    
    .page-name>.cn {
        font-size: 28px;
        line-height: 40px;
    }
}

@media screen and (max-width: 576px) {
    .page-name>.en {
        font-size: 32px;
        line-height: 60px;
    }
    
    .page-name>.cn {
        font-size: 22px;
    }
}

/* ========== 关于我们页面 ========== */
@media screen and (max-width: 992px) {
    .about-wrap {
        flex-direction: column;
    }
    
    .about-wrap>.about-txt {
        margin: 0 0 30px 0;
        font-size: 18px;
        line-height: 30px;
    }
    
    .about-wrap>.about-ads {
        max-width: 100%;
        height: auto;
    }
}

/* ========== 联系方式 ========== */
@media screen and (max-width: 768px) {
    .contacts>.inf {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .contacts>.inf>span {
        margin: 5px 0;
    }
}

/* ========== 新闻详情页 ========== */
@media screen and (max-width: 1200px) {
    .news-wrap {
        flex-direction: column;
    }
    
    .news-wrap>.news-rec {
        width: 100%;
        margin: 0 0 40px 0;
        order: 2;
    }
    
    .news-wrap>.news-box {
        width: 100%;
        order: 1;
    }
}

@media screen and (max-width: 768px) {
    .news-wrap>.news-box>.name {
        font-size: 28px;
        line-height: 50px;
    }
    
    .news-wrap>.news-box>.more {
        font-size: 16px;
        line-height: 28px;
    }
}

/* ========== 新闻列表 ========== */
@media screen and (max-width: 992px) {
    .news-list>.item {
        flex-direction: column;
        text-align: center;
        margin-bottom: 40px;
    }
    
    .news-list>.item>a.icon {
        margin-bottom: 20px;
    }
    
    .news-list>.item>.wrap {
        height: auto;
        padding: 0 20px;
        margin-bottom: 20px;
    }
    
    .news-list>.item>.wrap>.text {
        height: auto;
    }
}

@media screen and (max-width: 768px) {
    .news-list>.item>a.icon, 
    .news-list>.item>a.icon>img {
        width: 100%;
        max-width: 290px;
        height: auto;
    }
    
    .news-list>.item>.wrap>.name {
        font-size: 20px;
    }
    
    .news-list>.item>.link>a {
        width: 140px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }
    
    .news-list>.item>.link>a::after {
        width: 24px;
        height: 24px;
    }
}

/* ========== Logo列表 ========== */
@media screen and (max-width: 992px) {
    .logo-list>.item {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media screen and (max-width: 576px) {
    .logo-list>.item {
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
}

/* ========== 底部横幅栏 ========== */
@media screen and (max-width: 992px) {
    .banner-bar>.container { 
        height: auto;
        padding: 20px 10px;
        display: flex;flex-wrap: wrap; justify-content: space-between;align-items: center;
    }
    
    .banner-bar>.container>.slogan {
        width: 50%;
        justify-content: center;
        height: auto;
    }
    
    .banner-bar>.container>.slogan::after {
        display: none;
    }
    
    .banner-bar>.container>.phone {
        width: 50%;
        height: auto;
    }
    
    .banner-bar>.container>.phone::after {
        display: none;
    }
    
    .banner-bar>.container>.query {
        width: 100%;
        height: auto; 
    }
    
    .banner-bar>.container>.query>.in-txt {
        width: 70%;
        font-size: 18px;
    }
    
    .banner-bar>.container>.query>.in-btn {
        width: 30%;
        font-size: 18px;
    }
}

@media screen and (max-width: 576px) {
    .banner-bar>.container>.slogan>img {
        width: 180px;
        height: auto;
    }
    
    .banner-bar>.container>.phone>.box {
        width: 200px;
        padding-left: 50px;
    }
    
    .banner-bar>.container>.phone>.box::before {
        width: 40px;
        height: 40px;
        background-size: contain !important;
    }
    
    .banner-bar>.container>.phone>.box>.tel {
        font-size: 18px;
    }
    
    .banner-bar>.container>.query>.in-txt {
        font-size: 16px;
        height: 48px;
        line-height: 46px;
    }
    
    .banner-bar>.container>.query>.in-btn {
        height: 48px;
        line-height: 48px;
        font-size: 16px;
    }
}

/* ========== 主横幅轮播 ========== */
@media screen and (max-width: 1200px) {
    .main-banner {
        height: auto;
        
    }
}

@media screen and (max-width: 992px) {
    .main-banner {
        height: auto;
    }
    
    .main-banner .pagination .swiper-pagination-bullet {
        width: 40px;
        height: 6px;
    }
}

@media screen and (max-width: 768px) {
    .main-banner {
        height: auto;
        width: 100%;
    }
}

@media screen and (max-width: 576px) {
    .main-banner {
        height: auto;
    }
    
    .main-banner .pagination .swiper-pagination-bullet {
        width: 30px;
        height: 4px;
    }
}

/* ========== 通用文字响应式 ========== */
@media screen and (max-width: 768px) {
    .page-wrap>.text {
        font-size: 16px;
        line-height: 28px;
    }
    .page-wrap>.text img{
       width: 100%;
        height: auto;
    }
    
    .page-wrap>.full>img {
        max-width: 100%;
        height: auto;
    }
}

/* ========== 隐藏滚动条但保留功能 (针对移动端导航) ========== */
@media screen and (max-width: 992px) {
    .header>.container>.main>.nav {
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE/Edge */
    }
}


/* ========== 通用文字响应式 ========== */
@media screen and (max-width: 768px) {
    .s-wrapper{
        min-height: auto;
    }
    .news>.container>.bd>.item>.wrap>.name{
        white-space: normal;
    }
    .news>.container>.hd>.link{
        display: none;
    }
        
    }
}