/* CSS Document 
*/
 @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 { }
.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 {  }
.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: 100% }
.case .box {  }
.logo img { height: 60px; margin-left: 10px;  }
.top_info, .logo i:after, .top { display: none }
header section { margin: 0 }
.logo { margin: 5px 0 5px 0 }

.banner, .banner2 { margin-top: 70px; }
.h_title { margin: 24px 0; }
.h_title h3 { font-size: 26px; }
.h_title p { font-size: 15px; }
.pro_list ul li { }
.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: 96% }
.ad2 h3 { font-size: 24px; margin-top: 34px; }
.ad2 { height: 150px }
.ad2 p { font-size: 15px; }
.links { padding: 10px 0; font-size: 12px; padding-left: 20px; }
}
 @media (max-width: 640px) {
.case .box {  }
.Box_con .btn { width: 50px; height: 50px; z-index: 9; border-radius:50% }
.Box_con .btnl { left: 0px; }
.Box_con .btnr { right: 0; }
.Box_con .conbox ul li:first-child { margin-left: 0px; }
.pro_list ul li {  }
.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 }
.about i, .news-list-fl, .news-list-fr { width: 85%; margin-left: 20px; }
.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: 90%; }
.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: 20px 20px; }
.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; }
 /*h_title*/
.h_title { text-align: center; margin: 20px 0 10px 0; }
.h_title h3 { font-size: 38px;text-align: center}
.h_title h3 img{ margin: auto; width:200px}
.h_title p { color: #666; font-size: 16px; }
.h_title .more{ display: block; float: right; width: 145px; height: 36px; margin-right: 10px;}
.news_list3 li { overflow: hidden; margin:0 20px; border-bottom: #e7e5e5 1px solid; padding: 10px; }
.news_content { line-height: 28px; font-size: 16px; text-indent: 2em; margin: 60px 20px; }
 }













/*header*/
header {position: fixed; top: 0; z-index: 999; transition: all .5s;width: 100%;   background: url("../picture/topbg.png")  top; z-index: 999;}
header.is-fixed { position: fixed; top: 0; z-index: 999; transition: all .5s; box-shadow: 0px 5px 9px 1px rgba(144, 161, 180, 0.2); -moz-box-shadow: 0px 5px 9px 1px rgba(0, 115, 80, 0.6); background:rgba(44, 100, 196, 0.9);  }
.logo { position: absolute; left: 0; }
.logo img { height: 100px; margin-top:20px;  }
.bodybg{background:url("../picture/indexbg.jpg");}
/*topnav*/
.topnav { width: 100%; margin: auto; height: 180px; position: relative; z-index:99; }
.topnav h2 { color: #fff; position: fixed; top: 0; padding-left: 10px; font-weight: normal; height: 60px; line-height: 60px; display: none; }
.topnav h2 a { color: #fff; }
nav { text-align: center; line-height: 100px; width: 1200px; margin: auto; }
#starlist li { position: relative; display: inline-block; font-size: 18px; width: 10%; }
#starlist li a { display: block; color: #fff; }
#starlist li:hover { background: rgb(0, 0, 0); }
a#selected { background: rgb(214, 26, 26); }
#starlist ul.sub li { width: 100%; font-size: 16px; background: rgb(214, 26, 26); float: left; }
#starlist ul.sub li a { padding: 0; display: none; width: 100%; }
#starlist ul.sub li a:hover { background: rgba(239, 58, 58); }
#starlist ul.sub { position: absolute; left: 0; top: 80px; z-index: 9; width: 100%; line-height: 44px; opacity: 0; transition: all .5s; }
#starlist ul.sub:before { content: ""; height: 15px; width: 15px; background: rgb(214, 26, 26); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); border-left: 0; border-bottom: 0; position: absolute; top: -8px; left: 42%; display: none; }
#starlist li:hover ul.sub { opacity: 1; top: 100px; }
#starlist li:hover ul.sub li a { display: block }
#starlist li:hover ul.sub:before { display: block }
#mnavh { display: none; width: 50px; height: 40px; text-align: center; }
.navicon { display: block; position: relative; width: 20px; height: 3px; background-color: #FFF; margin-top: 20px; float: left; margin-left: 20px; }
.navicon:before, .navicon:after { content: ''; display: block; width: 20px; height: 3px; position: absolute; background: #FFF; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.navicon:before { margin-top: -7px; }
.navicon:after { margin-top: 7px; }
.open .navicon { background: none }
.open .navicon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.open .navicon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.open .navicon:before, .open .navicon:after { content: ''; display: block; width: 20px; height: 3px; position: absolute; background: #FFF; }
.menu:after { content: ""; position: absolute; display: none; top: 14px; right: 1px; width: 0; height: 0; border-width: 4px 4px 0; border-style: solid; border-color: #fff transparent transparent; -ms-transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
/*icon-box*/
.search { height: auto; width: auto;  }
.searchform{height: 34px; width:180px;  border-radius: 1.8em;  border: 1px solid #999; background: rgb(255, 255, 255, .5); margin: 20px;}
.search-submit { background: url(../image/icon-search2.png) no-repeat left; display: block; height: 30px; width: 70px; position: absolute; top: 2px; right: 10px; cursor: pointer; border: 1px solid #999; border-radius:10px; ; outline: none; margin: 20px 10px; text-indent: 20px; }
.search input#keyboard { font-size: 14px; line-height: 20px; height: 24px; width: 145px; border-width: 0px; border-style: none; position: absolute; left: 35px; top: 25px; background: none; outline: none; }
section.icon-search.current .search { display: block }






















@media only screen and (max-width: 1200px) {
.box { width: 100% }
header { height: 71px; }
.topnav { position: fixed; top: 0; z-index: 0; background: rgba(0,0,0,.6); height: auto; }
nav #starlist { width: 100%; margin-top: 80px; }
#mnavh { display: block; top: 0; position: absolute; right: 10px; padding-top: 20px; }
#starlist { display: none }
#starlist li { width: 80%; margin: 0; background: #fff; border-bottom: #eee 10px solid; line-height: 50px; float: right; font-size: 16px; }
#starlist li a:hover, #starlist #selected, .selected > a, #starlist li:hover { color: #d61a1a; 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 }
#starlist ul.sub li #selected { color: #000 !important }
.menu:after { width: 26px; height: 22px; content: ""; background: url("../image/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 }
.logo img { height:50px; margin-top: 10px; }
.logo {/* top: -16px; */ }
.icon-box { top: 10px; }
nav { line-height: 40px; width: 100% }
#starlist li:hover ul.sub:before { display: none }
}