@charset "utf-8";
/* CSS Document 
design www.by ip3q.com
*/
 @media (max-width: 1219px) {
.box, .banner .txt { width: 1000px }
.banner .txt h3 { font-size: 32px; margin: 0 0 20px; }
.banner .txt h4 { font-size: 20px; }
.top_tell span { display: block; }
.pro_list ul li a { width: 92% }
.pro_menu { width: 240px; }
.pro_tell p span { font-size: 18px; }
.pro_list ul li i { height: 180px; }
.pro_menu section { height: 615px; }
.pro_tell { display: none; }
.ab_text h4 { padding: 30px 0; background-position: bottom 0px left; }
.ab_text p { overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 4; }
.case .box { width: 850px; }
.ft_contact { padding: 0 50px }
.side_left { width: 240px }
#starlist li a { padding: 0 20px }
}
 @media (max-width: 999px) {
.box, .banner .txt { width: 880px }
.case .box { width: 600px; }
.top_tell { display: none; }
.pro_menu { display: none }
.pro_list { width: 100% }
.pro_list ul li i { height: 210px; }
#starlist li a { padding: 0 16px; }
.banner .txt h3 { font-size: 28px; }
.banner .txt h4 { font-size: 16px; line-height: 30px; }
.h_title { margin: 40px 0 }
.h_title h3 { font-size: 32px; }
.ad_l h3 { font-size: 28px; }
.ab_text p { font-size: 15px; line-height: 28px; }
.ab_text h4 { font-size: 22px; }
.side_left { display: none; }
.side_right { width: 100%; }
.ft_contact { padding: 0 30px; }
.banner2 h3 {font-size: 36px;}
}
 @media (max-width: 879px) {
.box, .banner .txt { width: 95% }
.case .box { width: 70%; }
.logo img { height: 40px; }
.top_info, .logo i:after, .top { display: none }
header section { margin: 0 }
.logo { margin: 5px 0 5px 0 }
header { width: 100%; background: #fff; position: fixed; top: 0; z-index: 999; padding-top: 0; height: 50px; border-bottom: #eee 1px solid; }
nav .box { width: 100%; }
#mnavh { display: block; top: 0; right: 0; position: fixed; padding-right: 20px; }
#mnavh.open:after { position: fixed; width: 40%; height: 100%; content: ""; right: 0; top: 50px; }
nav { background: none; height: auto; padding-left: 0; margin-top: 0; }
nav #starlist { width: 100%; background: rgba(0,0,0,0.7); overflow: hidden; }
#starlist { display: none }
#starlist li { width: 60%; margin: 0; background: #fff; border-bottom: #eee 10px solid; line-height: 50px; float: left; font-size: 16px; font-weight: normal; }
#starlist li a { text-align: left; text-indent: 2em; color: #000; width: 100%; padding: 0; font-size: 15px; }
#starlist li:nth-child(1) { border-top: #eee 1px solid; }
#starlist li a:hover { color: #2288fe }
#starlist li:last-child { padding-bottom: 100%; }
a#selected { background: none }
a#selected, #starlist li:hover { background: #fff }
.banner, .banner2 { margin-top: 50px; }
.h_title { margin: 24px 0; }
.h_title h3 { font-size: 26px; }
.h_title p { font-size: 15px; }
.pro_list ul li { width: 32%; }
.pro_list ul li i { height: 180px; }
.ab_text { width: 43%; margin-right: 20px; }
.ab_text p { -webkit-line-clamp: 3; }
.news-list-fl section i { width: 30%; height: 100px; }
.news-list-fr { width: 40%; }
.ft_logo { display: none }
.ft_contact { padding: 0; background: no-repeat; }
.copyright { font-size: 12px }
.banner2 h3 {font-size: 28px;   height: auto;margin-top: -20px;}  
}
 @media (max-width: 768px) {
.banner .txt h3 { font-size: 20px; }
.banner .txt h4 { font-size: 15px; line-height: 24px; }
.product { margin: 0 0 30px 0; }
.ad_l h3 { font-size: 20px;margin: 45px 0 7px 0; }
.ad { height: 160px }
.ad_l p { font-size: 15px; }
.ad_l { background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#fff, #fff); background-size: 1px 110px, 66px 1px, 66px 1px, 1px 17px, 1px 20px; background-position: 3px 30px, 3px 30px, 3px 139px, 68px 30px, 68px 119px; }
.ad_r h4 { font-size: 22px; padding: 0 0 12px 0; }
.ad_r span { margin: 0 50px; line-height: 35px; }
.about i { width: 50%; }
.ab_text { width: 44%; }
.ab_text h4 { font-size: 20px; padding: 15px 0; }
.case .box { width: 78%; }
.ad2 h3 { font-size: 24px; margin-top: 34px; }
.ad2 { height: 150px }
.ad2 p { font-size: 15px; }
.links { padding: 10px 0; font-size: 12px; }
}
 @media (max-width: 640px) {
.case .box { width: 330px; overflow: hidden; }
.Box_con .btn { width: 30px; height: 24px; z-index: 9; }
.Box_con .btnl { left: 0px; }
.Box_con .btnr { right: 0; }
.Box_con .conbox ul li:first-child { margin-left: 36px; }
.pro_list ul li { width: 48%; }
.pro_list ul li i { height: 140px; }
.pro_list ul li p { font-size: 14px; }
.banner .txt h4 { display: none; }
.banner .txt h3 { font-size: 16px; margin: 0; }
.swiper-pagination-bullet { width: 8px !important }
.swiper-container-horizontal>.swiper-pagination-bullets { bottom: 0 !important }
.h_title h3 { font-size: 20px; }
.h_title p { font-size: 14px; padding: 0 30px; line-height: 24px; }
/*.ad_r, .news-list-fl section p, .side_nav, .news_list2 li span { display: none }*/

/*这里本来有个display: none*/

.about i, .news-list-fl, .news-list-fr { width: 100%; }
.ab_text { width: auto; margin: 0; padding: 0 20px 20px; overflow: hidden; }
.ab_text p { -webkit-line-clamp: 5; }
.about { margin-bottom: 30px; }
.news-list-fl section { margin-bottom: 4px; padding-bottom: 10px; }
.news-title { font-size: 15px; margin-top: 20px; }
.news-title:before { width: 80px }
.ad2 h3 { font-size: 20px; }
.ad2 p { font-size: 14px; }
.ad2:before { background-size: 144px 3px; }
.ad2 { height: 142px; }
.news-list-fl section h4 { font-size: 16px; white-space: break-spaces; }
.news-list-fl section i { width: 38%; height: 100px; }
.news-title a { font-size: 12px }
.ft_pic { float: none; width: 100%; }
.ft_pic p { margin: 20px 10px 0; }
.news_info { font-size: 12px; }
.news_info p { margin: 0 5px }
.news_content { font-size: 15px }
/*.pro_list.tj li:nth-child(3) { width: 100%; }
.pro_list.tj li:nth-child(3) i{ height: auto; }*/
.news_list li { border: none; border-bottom: #ededed 1px solid; padding: 0 0 10px 0; margin: 10px 0; }
.news_list li i { width: 30%; height: 74px; margin-right: 10px; }
.news_list p { display: none; }
.news_list span { display: none; }
.news_list h3 { font-size: 16px; margin: 15px 0 0; }
.content_box h1 { font-size: 22px; padding: 20px; }
.news_next li { width: 100%; margin: 10px 0; }
.news_next li:nth-child(2) { float: none; text-align: left; }
.news_next { margin: 20px 0; padding: 5px; }
.weizhi { font-size: 12px; height: auto; line-height: 24px; }
.product .pro_list ul li:first-child a { margin: 0; width: auto; }
.side_right .pro_list { margin: 20px 0 0; }
.pro_list ul li a { width: auto; }
.pro_list ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
a.cpbtn {display: block;position: absolute;right: 0;bottom: 25px;width: 48%;height: 172px;line-height: 172px;text-align: center;}
.pro_list{ position:relative}
.banner2 h3 {font-size: 20px; }
 }