@charset "utf-8";
@media screen and (max-width: 1200px) {
.box { width: 96%; }
#starlist { width: 100%; margin: auto }
.news_pic { width: 48% }
.news_list { width: 50% }
.about p { overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 6; }
.service ul li a { padding: 40px 0 40px 75px; }
.service ul li:nth-child(1) a { background: url(../images/icon01.png) #eee no-repeat left 20px center; background-size: 40px }
.service ul li:nth-child(2) a { background: url(../images/icon02.png) #eee no-repeat left 20px center; background-size: 40px }
.service ul li:nth-child(3) a { background: url(../images/icon03.png) #eee no-repeat left 20px center; background-size: 40px }
.service ul li:nth-child(4) a { background: url(../images/icon04.png) #eee no-repeat left 20px center; background-size: 40px }
.link_pic li img { height: 50px; }
.ft_nav section { margin: 0 0 0 10px; }
}
@media screen and (max-width: 1024px) {
.product li i { height: 130px; }
.about img { width: 48%; height: 100%; }
.news_pic { height: 240px; }
.news_pic .swiper-slide img { height: 240px !important; }
}
@media screen and (max-width: 768px) {
.logo img { width: 160px; margin-top: 5px; }
.top { padding: 5px 0 }
.tel p { font-size: 18px; }
nav { line-height: 40px; }
#starlist li { font-size: 15px; }
#starlist ul.sub, #starlist li:hover ul.sub { top: 40px }
.swiper-button-next, .swiper-button-prev { display: none }
.hot_search { width: 65%; }
.hot_search ul { height: 60px; }
.f_l, .f_r { width: 100% }
.hzwl { width: 48%; float: left; margin: inherit; }
.hyxw { width: 48%; float: right }
.hyxw ul li { line-height: 24px; }
.product li i { height: 100px; }
.service ul li a { margin: 0 5px; }
.service ul li a { padding: 40px 0 40px 60px; }
.service ul li a { background-size: 30px !important; }
.link_pic li img { height: 36px; }
.ditu { display: none }
.ft_nav section { margin: 0 0 0 30px; }
}
@media screen and (max-width: 480px) {
.tel { display: none; }
.logo img { width: 105px; margin-top: 5px; }
header { position: fixed; z-index: 99999; width: 100%; background: #fff; height: 49px; border-bottom: #efefef 1px solid; }
nav { background: rgba(0,0,0,.7); overflow: hidden; position: fixed; top: 50px; z-index: 9; }
#starlist li a:after, #starlist li:hover :after { display: none }
a#selected:hover { background: #ffff !important; }
#mnavh { display: block; top: -6px; position: absolute; right: 0; padding-top: 10px; }
#starlist { display: none }
#starlist li { width: 60%; margin: 0; background: #fff; border-bottom: #eee 10px solid; line-height: 50px; float: left; font-size: 16px; }
#starlist li a:hover, #starlist #selected, #starlist li:hover { color: #0783cb !important; background: #fff; }
#starlist li a { text-align: left; text-indent: 2em; color: #000; width: 100%; padding: 0; }
#starlist ul.sub { background: none; width: 100%; display: block; position: initial; padding: 0; opacity: 1; transition: none; }
#starlist ul.sub:before { display: none }
#starlist ul.sub li { border-bottom: none; width: 100%; overflow: hidden; line-height: 40px !important; border-top: none; height: 40px !important; background: none; font-size: 14px; }
#starlist ul.sub li:first-child { border-top: #eee 1px solid; }
#starlist ul.sub li a { display: block; padding-left: 10px; text-indent: 3em; }
#starlist ul.sub li:hover a, #starlist li:hover a { background: none; color: #000; }
#starlist ul.sub li #selected { color: #000 !important }
.menu:after { width: 26px; height: 22px; content: ""; background: url("../images/jiantou.png") no-repeat; background-size: 16px; display: block; }
.menu span { display: block; position: absolute; width: 50px; height: 50px; background: #fff; top: 0; right: 0; border-left: #eee 1px solid; }
#starlist li:last-child { padding-bottom: 100%; }
#starlist ul.sub li:last-child { padding-bottom: 0 }
.banner { margin-top: 50px; }
.hot_search_box { height: auto; padding: 20px 0; }
.hot_search ul { height: auto; }
.hot_search { line-height: 24px; width: 100%; margin-bottom: 10px }
.hot_search span { font-size: 14px; }
.hot_search ul li:after { margin-left: 0px; }
.search { float: none; margin: auto; }
.about img { width: 100%; height: auto; float: none; margin-bottom: 10px; }
.about section { height: auto }
.about p { font-size: 14px; line-height: 24px; }
.news_pic { width: 100%; margin-bottom: 10px }
.news_list { width: 100%; }
.hzwl { width: 100%; margin-bottom: 10px }
.hyxw { width: 100%; }
.hyxw ul li { line-height: 30px; }
.product ul li { width: 50%; margin-bottom: 10px; }
.product li p { font-size: 14px; }
.product li i { margin-bottom: 5px; }
.service ul li { width: 50%; margin-bottom: 10px }
.service ul li a { padding: 60px 0 20px; text-align: center; }
.service ul li:nth-child(1) a { background: url(../images/icon01.png) #eee no-repeat top 20px center; }
.service ul li:nth-child(2) a { background: url(../images/icon02.png) #eee no-repeat top 20px center; }
.service ul li:nth-child(3) a { background: url(../images/icon03.png) #eee no-repeat top 20px center; }
.service ul li:nth-child(4) a { background: url(../images/icon04.png) #eee no-repeat top 20px center; }
.link_pic li { width: 33.333% }
.link_pic li a { overflow: hidden; margin: 5px; }
.link_pic li img { height: 100%; width: 100% }
.ft_nav section { margin: 0 0 0 15px; }
.ft_nav section:last-child { margin-top: 20px }
.copyright { line-height: 24px; padding: 10px 0 }
article { padding: 0 5px }
.ar_content { font-size: 15px; }
.ar_info { font-size: 12px; }
.ar_info span { margin: 0 5px; }
.page-title { border-bottom: none;margin-bottom: 20px; }
.gd_title { overflow: auto; position: relative; }
.gd_title:after { position: absolute; content: ""; width: 110%; height: 1px; background: #e5e5e5; left: 0; bottom: 0; }
.gd_title { overflow-x: scroll; width: max-content; }
.news_box ul li i { width: 60px; height: 60px; margin-right: 10px; }
.news_box ul li p, .news_box ul li span { display: none }
.news_box ul li h2 { font-size: 15px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; white-space: normal; margin: 10px 0; }
}