@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0px; padding:0px; }
fieldset, img { border:none; }
img{border:none;}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
li{ list-style:none;}
input { padding-top:0px; padding-bottom:0px;}
input::-moz-focus-inner { border:none; padding:0px; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:13px; margin:0px; }.about .about-left img
body { background:#ffff;}
.clearfix:after { content:"."; display:block; height:0px; visibility:hidden; clear:both; }
.clearfix {zoom:1; }
.clearit {clear:both; height:0px; font-size:0px; overflow:hidden; width:100%; }
a {text-decoration:none;}
.hidden{visibility:hidden;}
.show{display:block;}
.logo{ float:left; margin-top: 12px;margin-right: 196px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
header{width:1200px; height: 80px; margin: 0 auto}
header .right{float:right; height: 80px; line-height: 80px; font-size: 12px; margin-left: 36px;}
header .right a{ color: #b2b2b2; }
header .right .tel{border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6; padding: 0 12px; margin: 0 12px; color: #1952b8; font-size: 14px; font-weight: bold; color:#1952b8; font-family:'arial' ;}
header .right .serch{ width:14px; height: 14px; display: block; background: url(../images/search.png) no-repeat; float: right; margin-top: 34px; cursor:pointer}
.nav{}
.nav li{float:left; height: 80px; line-height: 80px;height:44px;display:inline;position:relative;z-index:99999999; /*text-indent:15px;*/}
.nav li a{display:block;color:#777; padding: 0 18px;font-size: 14px;border-top: 3px solid #fff;}
.nav li.hs a,.nav li.on a{color:#1952b8; border-top: 3px solid #1952b8;}.nav li.on ul li a{border-top:none;color:#777}
.nav li.hs ul a{color:#999; border-top:none;}
.nav li ul{position:absolute;display:none;z-index:999;left:-66px; top:80px;width:200px;font-size:12px;
background:#fff; border-top: 1px solid #f0f0f0;}
.nav li ul li{background:none;text-indent:0;border-bottom: 1px solid #f0f0f0;
	height:48px;width:200px;line-height:48px;font-size:14px;margin:0;color:#777;
}
.nav li ul li a{display:block;padding-left:0;text-decoration:none;text-align:center;background:none; padding: 0}
.nav li ul li:hover a{ background: #e5e5e5; display:inline-block; width:200px; height:48px;padding-left:0;text-decoration:none;text-align:center;color: #1952b8;padding: 0}
.wap-nav .swiper-slide{ display:block; width:20%}
.index_banner{position:relative;margin:0 auto; text-align: center}
.index_banner ul{overflow:hidden; height:600px;}
.index_banner li{position:absolute;top:0;left:0;overflow:hidden;width:100%;}
.index_banner li p{text-align: center}
.index_banner li a{display:block;margin:0 auto; text-align:center;}
.index_banner cite{position:absolute;top:90%;left:50%;z-index:999;display:block;margin-left:-72px;width:160px;height:15px;_display:none;}
.index_banner cite span{float:left;display:block;margin:0 4px;width:45px;height:11px;background:#e5e5e5;text-indent:-999em;opacity:.8;cursor:pointer;}
.index_banner cite span:hover{background-color:#f5f5f5;}
.index_banner cite span.cur{background-color:#1d8bd8;cursor:default;}
.product-bj{padding:88px 0 78px 0; background: #f8f8f8}
.product-bj .product{width:1200px; margin: 0 auto}
.product-bj .product b,.quality .tit,.news .tit{font-size:30px; color: #1952b8; text-align: center; display: block; margin-bottom: 8px}
.product-bj .product .bt,.quality .bt,.news .bt{ font-size:15px;  text-align: center;color: #666666}
.product-bj .product .eng,.quality .eng,.news .eng{text-align: center;font-size:12px; color: #cccccc; display: block; margin-bottom: 8px}
.banner1 .swiper-wrapper{ margin: 3% 0 2% 0;}
.banner img{ float:left; width: 100%; height: auto}
.banner .swiper-slide{width:100%}
.banner1{ background:#f8f8f8;  margin: 3% 0 2% 0; }
.swiper-container .banner1 {width: 100%;height:auto;}
.banner1 .swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */ display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; width: 380px; width: auto; margin-right: 30px; margin-right: auto}
.banner1 .swiper-slide ul,.product-details a  ul,.product-details .ul a  ul{  height:auto; padding: 5% 5%; float: left;  background: url(../images/jiantou.png) no-repeat right 24px center #fff; width:90%}.banner1 .swiper-slide:hover,.product-details .ul a:hover{-moz-box-shadow:1px 4px 15px #cacfd9; -webkit-box-shadow:1px 4px 15px #cacfd9; box-shadow:1px 4px 15px #cacfd9;}
.banner1 .swiper-slide:hover ul,.product-details .ul a:hover ul{background: url(../images/jiantou.png) no-repeat left 342px center #1952b8; transition:all  0.6s }.banner1 .swiper-slide:hover ul h3,.product-details a:hover ul h3{color: #fff}.banner1 .swiper-slide:hover ul p,.product-details a:hover ul p{color: #d1d9e6}
.banner1 .swiper-slide ul h3,.product-details ul h3{ font-size:16px; text-align: left; font-weight: 500; color: #333333;
     display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; 
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; 
}
.banner1 .swiper-slide ul p,.product-details ul p{font-size:12px; height: 2rem; line-height: 2rem; text-align: left;color: #999999; margin-top:8px;
  white-space: nowrap; /* 防止文本换行 */
  overflow: hidden; /* 隐藏溢出的文本 */
  text-overflow: ellipsis; /* 显示省略号 */
 }
 .banner1  .swiper-slide{ width:30%;float:left; overflow:hidden; display:block}
.banner1 .swiper-slide .pic img,.product-details a .pic img{ float:left; display: block;width: 100%;}.swiper-slide .pic,.product-details a .pic{ float:left; display: block;width: 100%;}
.banner1 .swiper-pagination { text-align: center; width: 160px; position:relative; margin: 2% auto 0 auto;}
.swiper-pagination-clickable .swiper-pagination-bullet{margin: 0 6px;}.banner1 .swiper-pagination-clickable .swiper-pagination-bullet:visited { border: none}
.banner1 .swiper-slide .pic img,.product-details  .pic img,.news ul img{  cursor: pointer;  transition: all 0.6s; }  
.banner1 .swiper-slide .pic span,.product-details .pic span{width: 100%; height: auto; overflow: hidden; display: block}
.banner1 .swiper-slide .pic:hover img,.product-details .pic:hover img,.news ul:hover img{  transform: scale(1.1);  } 
#banner2 .swiper-slide{ width:380px;}.news ul img{width:100%; height: auto}
.news ul .pic{ width:380px; overflow:hidden;display:block; width:100%}
.product .more a,.news .more a,.about .about-right .more{padding: 14px 108px; background: #fff; border: 1px solid #e6e6e6; color: #777777; font-size: 12px;}
.product .more a:hover,.about .about-right .more:hover,.news .more a:hover{ background: #1952b8; color: #fff;}
.product .more,.news .more{text-align:center; margin-top: 4%}
.quality{padding:88px 0 78px 0; width: 1400px; margin: 0 auto}
.quality ul{ background:#fff;  margin: 3% 0 2% 0; }
.quality ul li{ width:50%; float: left; background: #f1f1f1; display:block}
.quality ul li img{ float:left; width:100%;}.quality ul li span{float:left;width:40%; display: block; padding:  5%; }.quality ul li b{ font-weight:500; font-size: 18px; color: #333333; display: block}
.quality ul li i{ font-size:14px; color: #999999; font-style: normal; margin: 8px 0 12px 0; display: block}
.quality ul li p{ font-size:14px; color: #666666; margin-top:1rem;  line-height: 1.4rem;  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* 显示3行，可以根据需要调整 */
  overflow: hidden;
  text-overflow: ellipsis;}
.quality ul li:hover{background:#1952b8; transition: 0.6s}.quality ul li:hover b,.quality ul li:hover i{ color: #fff}
.quality ul li:hover p{color: #d1d9e6}
.quality ul li img{  cursor: pointer;  transition: all 0.6s; }  
.quality ul li ul{width: 50%;  float: left; overflow: hidden; display: block; margin: 0}
.quality ul li:hover img{  transform: scale(1.1);  } 
.about{width:1920px; margin: 0 auto;overflow:hidden; background: #f1f1f1}
.about .about-left{width:50%; float: left}
.about .about-right{width:26%; float: left; background: url(../images/about-bj.jpg) no-repeat; padding: 4% 20% 6% 4%}
.about .about-right b{font-size:30px; color: #1952b8; text-align: left; display: block; margin-bottom: 8px}
.about .about-right span{font-size:15px;  text-align: left;color: #666666; display: block; margin: 12px 0}
.about .about-right i{text-align: left;font-size:12px; color: #cccccc; display: block; margin-bottom: 24px; font-style: normal}
.about .about-right p{ font-size:14px; line-height: 26px; color: #666666}
.about .about-right .more{ display: inline-block; margin-top: 8%}
.news{padding:88px 0 78px 0; width: 1200px; margin: 0 auto}
.news ul {border-top:1px solid #e6e6e6; padding-top: 6%}
.news ul:hover {border-top:1px solid #1952b8; transition: 0.6s }
.news ul:hover i{color: #1952b8;}
.news ul span{ font-size:16px; color: #666666}.news ul span i{ font-size:38px; color: #666666; font-style: normal; margin-right: 12px}
.news ul .ti{ display:inline-block; color: #333333;width:100%; margin: 4% 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news ul p{ font-size:12px; color: #999; line-height: 24px; display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4; 
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;}
.news ul img{ margin-top:6%;}
footer{ width: 100%; background: #00295f; padding: 50px 0; overflow: hidden}
footer .foot{width:1200px; margin:0 auto; border-bottom: 1px solid #12386a; padding-bottom: 48px;overflow: hidden} 
footer .foot ul .li_left,footer .foot ul .li_right,footer .foot ul .foot-pro,footer .foot ul .foot-new,footer .foot ul .foot-news{ float:left; padding: 0 34px; width: 60px; border-right: 1px solid #12386a}
footer .foot ul .li_left{padding-left: 0;}footer .foot ul .li_right{ border:none}
footer .foot ul li p{ color:#fff; font-size: 14px;}
footer .foot ul li a{ color:#7f94af; font-size: 12px; line-height: 30px; display: block; float: left}
footer .foot ul li a:hover,.footer .copy a:hover{ color: #e6e6e6} 
footer .foot ul li span{width:10px; height: 1px; background: #405f87; display: block; margin:16px 0}
footer .foot .foot-right{ float:right}footer .foot .foot-right .wei{ float:right}
.foot-tel{ float:left; margin-right: 108px;}.foot-tel p{ font-size:12px; color: #fff}.foot-tel .tel{ font-size:24px; font-family: "arial"; color: #fff}.foot-tel a{ width:175px; height: 34px; line-height: 34px; text-align: center; font-size:12px; display: block; background: #0f64d7; color: #fff; margin-top: 12px;}.foot-tel .red{width:30px; height: 2px; background: #ff0d00; display: block; margin: 15px 0 20px 0}.foot-tel article{ font-size:12px; color: #fff}
.footer{width:1200px; margin: 0 auto}.footer .link a{ color: #fff; border-right: 1px solid #4d6a8f;padding:0 8px; margin-bottom: 6px; display: inline-block}
.footer .link{ font-size:12px; color: #fff; width: 700px;margin-top:60px; float: left; display:flex}
.footer .link span{width:10%;float:left}.footer .link ul{width:90%;}
.footer .link ul li{float:left}
.footer  .link a{ font-size:12px;  float:left; color:#7f94af}.footer  .link  table{width:90%;}
.footer  .link a:hover{ color:#fff}
.footer .copy{ float:right; text-align: right; font-size: 12px; color: #7f94af; line-height: 24px; margin-top: 38px}
.footer .copy a{font-size:12px; color: #7f94af}
/*about us*/
.about-banner{ height: 306px; background: url(../images/about_banner.jpg) no-repeat center top;}
.solution-banner{ height: 306px; background: url(../images/solution_banner.jpg) no-repeat center top;}
.navs{width:1200px; margin: 0 auto; height: 68px; line-height: 68px;}
.navs .cenav{ font-size:14px; color: #666666; background: url(../images/navs.jpg) no-repeat left center; padding-left: 12px; float: left}.navs  .cenav a{color: #666666; margin: 0 14px}
.navs ul{ float:right}.navs ul a{ font-size:14px; color: #333333; padding:0 18px;margin:0 6px; height: 68px; line-height: 68px; display: block; float: left; text-align: center}
.navs ul .on{ background: #1952b8; color: #fff}
#banner2{ margin-top:3%}
.about-details-bj{background:#f8f8f8; padding:6% 0; display: block; overflow: hidden}
.about-details{width:1200px; margin: 0 auto}
.about-details .tit{ text-align: center; display: block; font-size: 30px; font-weight: 500; color: #333}
.about-details .ms{ font-size:12px; color: #999; font-style: normal; display: block;text-align: center; margin-bottom: 4%}
.about-details .about-details-left{ width:550px; float: left}
.about-details .img{ float:right}
.about-details-left b{ font-size:30px; font-weight: 500; color:#1952b8; display: block; padding-top: 3%}
.about-details-left i{font-size:14px; color: #999; font-style: normal; display: block;text-align: left; margin: 4% 0}
.about-details-left p{ font-size:14px; color: #666; line-height: 26px;}
.about-details1{ background:#1952b8; width: 100%; padding: 42px 0; overflow: hidden}
.about-details1 ul,.about-details2{ width:1200px; margin: 0 auto}
.about-details1 ul li{text-align:center; width: 24.9%; float: left; border-right:1px dotted #6295f2; padding:36px  0}
.about-details1 ul li span{ font-size:24px; color: #fff; margin-bottom: 20px; display: block}
.about-details1 ul li p{ font-size:14px; color: #fff; opacity: 0.9;}
.about-details2{margin:72px auto 96px auto; overflow: hidden}
.about-details2 .bt{ font-size:36px; text-align: center; display: block}
.about-details2 .ms{ font-size:14px; color: #333; text-align: center; margin: 32px 0; line-height: 26px}
.about-details2 ul{ width:100%; margin-top: 14px; overflow: hidden}
.about-details2 ul li{ width:50%; float: left;background: url(../images/about_02.jpg) no-repeat; width: 600px; height: 279px;}
.about-details2 ul li b{ font-size:28px; text-align: center; display: block; color:#fff; margin-top: 56px; margin-bottom: 12px;}
.about-details2 ul li .ms1{ font-size:14px; color: #ececec; text-align: center; line-height: 26px; margin-bottom: 24px;}
.about-details2 ul li a{ padding: 8px 42px; text-align:center; line-height: 35px; font-size: 14px; color: #fff; border: 1px solid #fff}
.about-details2 ul li a:hover{ background:#fff; color: #000}
.about-details2 ul .li1{  background: url(../images/about_03.jpg) no-repeat;}
/*contact us*/
.contact-banner{ height: 306px; background: url(../images/contact_banner.jpg) no-repeat center top;}
.contact1-bj{ background:#f8f8f8; padding: 82px 0 100px 0; overflow: hidden}
.contact1,.contact2,.product-details{ width:1200px; margin: 0 auto}
.contact1 .bt,.contact2 .bt{ font-size:36px; color: #666666; font-weight: bold; text-align: center; display: block; margin-bottom: 18px}
.contact1 .ms,.contact2 .ms{ font-size:16px; color:#666; text-align: center}
.contact1 ul{ margin-top: 48px;}
.contact1 ul li{width:392px; height: 234px; float: left}
.contact1 ul .li1{ background:url(../images/contact_01.jpg) no-repeat; margin-right: 11px;}
.contact1 ul .li2{ background:url(../images/contact_02.jpg) no-repeat; margin-right: 11px;}
.contact1 ul .li3{ background:url(../images/contact_03.jpg) no-repeat;}
.contact1 ul li b{ font-size:24px; text-align: center; display: block; color: #fff; margin-top: 48px;}
.contact1 ul li .ms{font-size:14px; text-align: center;color: #fff; margin: 14px 0 30px 0}
.contact1 ul li p{ text-align: center;}.contact1 ul li a{ color:#fff}
.contact1 ul li .more{ padding: 10px 36px; border:1px solid #d4d4d4; background:rgb(255,255,255,0.0); color: #d5d5d5; font-size: 14px;}
.contact1 ul li:hover .more{background:rgb(255,255,255,0.2); color: #fff; transition: 0.2s}
.contact2{margin-top:88px;}
.contact2 .form input{ margin-top: 48px; border:1px solid #d8d8d8; border-radius: 6px; width: 358px; height: 48px;line-height: 48px; padding-left: 18px; font-size: 14px; color: #666; background: #f8f8f8;}
.contact2 .form input:hover{background: #fff}
.form-name,.form-tel,.form-email{margin:0 8px;}
.contact2 .form{width:1200px;}
.form-control{border:1px solid #d8d8d8; margin:24px 8px;border-radius: 6px; width:1156px;padding-left: 18px; font-size: 14px; color: #666; background: #f8f8f8; font-family: 'Microsoft YaHei';line-height: 48px; height: 200px;}
.submit{width:1176px;background: #f77402; text-align: center; color: #fff;margin:0 8px; border: none; height: 48px; line-height: 48px;border-radius: 6px; font-size: 14px; cursor:pointer}
.product-details-bj,.news-details-bj{ background:#f8f8f8; padding: 80px 0 90px 0}
.product-details b,.news-details b,.news-details h1{ font-size:30px; color: #333; font-weight: 500; display: block; text-align: center}.news-details h1 a{ font-weight:bold; color:#333}
.news-details h1:hover a{ color:#ff0000}
.product-details .eng,.news-details .eng{ font-size: 14px; color: #999;text-align: center; display: block;}
.product-details .ul,.news-details .ul{ width:100%; margin-top: 36px}
.product-details .ul a{width:380px; float: left; margin:20px 10px;}.product-details ul img{ float:left}
.product-details .ul a ul{ }#topcontrol{ z-index: 999}
/*分页*/
.ep-pages{padding:10px 12px;clear:both;text-align:center; margin-top: 24px;
font-size:14px;vertical-align:top} 
.ep-pages a, .ep-pages span, .ep-pages b{display:inline-block;height:30px;line-height:30px;padding:0 11px;margin:5px 1px 0 0;background:#fff;border:1px solid #e5e5e5;overflow:hidden;vertical-align:top} 
.ep-pages a:hover{background:#1952b8;border:1px solid #1952b8;text-decoration:none} 
.ep-pages a, .ep-pages a:visited{color:#252525} 
.ep-pages a:hover, .ep-pages a:active, .ep-pages b{color:#ffffff} 
.ep-pages .current, .ep-pages b{background:#1952b8;border:1px solid #1952b8;color:#fff} 
.ep-pages a.current, .ep-pages a.current:visited{color:#ffffff} 
.ep-pages a.current:hover, .ep-pages a.current:active{color:#ffffff} 
.ep-pages-ctrl{font-family:"\5B8B\4F53", sans-serif;font-weight:bold;font-size:16px} 
.ep-pages-e5e5e5{color:#e5e5e5} 
.ep-pages-all{font-size:12px;vertical-align:top} 
.product-banner{ height: 306px; background: url(../images/product_banner.jpg) no-repeat center top;}
.news-banner{ height: 306px; background: url(../images/news_banner.jpg) no-repeat center top;}
.news-details{width:1152px; margin: 0 auto; overflow:hidden}
.news-details .ul1{border-top: 1px solid #e6e6e6; margin-top: 36px; overflow: hidden}
.news-details .ul1 a{padding: 24px; overflow: hidden; display: block; margin: 14px ; border-bottom: 1px solid #e6e6e6}
.news-details .ul1 a:hover{ background: #fff; box-shadow:1px 4px 15px #cacfd9; transition: 0.6s}
.news-details img{ float:left; margin-right: 45px;}
.news-details .time{ padding: 54px 45px 0 0px; display: block; float: left}
.news-details .time span{ font-size:30px; color: #333; display: block}
.news-details .time i{font-size:14px; color: #999; font-style: normal}
.news-details h3{ font-size:16px; color: #333; font-weight:500; margin: 28px 0 12px 0}
.news-details p{ font-size:14px; color: #999; line-height: 26px;}
.contect-bj{ background:#f8f8f8; padding:42px 0 84px 0 ; overflow: hidden}
.contect{ width: 1200px; margin:0 auto;}.contect1 {width:750px;background:#fff; padding: 40px 40px 0 40px;}
.contect .contect-left{ float: left  }
.contect .contect-left .contect1 h1{ font-size:30px; color: #333333}
.contect .contect-left .contect1 .riqi{ font-size:14px; color: #666; margin: 24px 0}
.contect .contect-left .contect1 .newstext{border-top:1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding: 24px 0; line-height: 26px; font-size: 14px; color: #666}.contect .contect-left .contect1 .newstext img{ max-width:760px}
.contect .contect-left .contect1 .tag{font-size:14px; color: #666; padding:4% 0}
.contect .contect-left .contect1 .tag p{ margin-bottom:4%}
.contect .contect-left .contect1 .tag a{ color:#999;}.contect-left .contect1 .tag a:hover{ color:#333}
.next{width:830px; margin-top: 26px; float: left}
.next li{ height: 78px; line-height: 78px; width: 398px; float: left; background: #e6e6e6; }
.next li span{ width: 78px; height: 78px; display: block;  font-size: 14px; color: #666666;text-align: center; line-height: 78px; float: left}
.next li a{background:#fff; float: left;width: 316px; display: inline-block; font-size: 14px; color: #666666;padding: 0 0 0 4px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.perv{ margin-right: 0}.last{margin-right:32px;}
.next li:hover a{background:#1952b8; color: #fff; transition: 0.4s}.next li:hover span{background:#1952b8; color: #fff; transition: 0.4s}
.contect-read,.contect-tag{width:284px; float: right; background: #fff;padding: 28px; margin-bottom: 32px;}.contect-read b,.contect-tag b{ font-size:18px;}
.contect-read ul,.contect-tag ul{margin-top:20px;}.contect-read ul li{ line-height: 26px; margin-bottom: 16px}.contect-read ul li p{font-size:14px; color: #999}.contect-read ul li:hover a{ color: #111}
.contect-read ul li a{ font-size:14px; color: #666666}
.contect-tag ul a{ padding: 8px 14px; font-size: 14px; background: #f8f8f8; color: #333; margin: 0 6px 6px 0; display: inline-block  }.contect-tag ul a:hover{background: #1952b8; color: #fff; transition: 0.2s}
.pro-details-bj{ background:#f8f8f8; padding: 64px 0 84px 0; overflow: hidden}
.pro-details{width:1200px; margin:0 auto}
.pro-details .pro-pic{ float:left; margin-right: 5%;width:45%;}
.pro-details .pro-left{ float:left; width:50%}
.tag { line-height:2em;}
.pro-details .pro-left span{ font-size:22px; color: #666; margin: 12px 0; display: inline-block}
.pro-details .pro-left h1{ font-size:36px; color: #333; display: block; background: url(../images/pro-bt.jpg) no-repeat left bottom; margin:0px 0 24px 0; padding-bottom: 18px;}.pro-details .pro-left b { color: #333}   
.pro-details .pro-left p{ font-size:14px; color: #666666; line-height:30px;}
.pro-details .pro-left ul{ margin-top: 24px;}
.pro-details .pro-left ul .order{   padding:2% 4%; display: block;  background: url(../images/pro_icon.png) no-repeat left 16px center #facd00; font-size:18px; color: #333; font-weight: bold; padding-left:8%; float: left; margin-right: 2%;}
.pro-details .pro-left ul .order:hover{ background: url(../images/pro_icon.png) no-repeat left 16px center #fabc00; transition: 0.8s}
.pro-details .pro-left ul .tel{ padding:2% 4%; display: block;  background: url(../images/pro_icon1.png) no-repeat left 16px center #1952b8; color: #fff;  float: left; padding-left: 8%;font-weight: bold;  }
.pro-details .pro-left ul .tel:hover{background: url(../images/pro_icon1.png) no-repeat left 16px center #00a1e9; transition: 0.8s}
.pronav{height:75px; line-height: 72px; border-bottom: 1px solid #e6e6e6; margin-bottom: 24px;}
.pronav ul,.pronext,.other{ width:1200px; margin: 0 auto}
.pronav ul a{ font-size:18px; color: #333;height:72px; font-weight: bold; padding: 0 4px; margin-right: 48px;  display: block; float: left}
.pronav ul a:hover,.pronav ul .on{border-bottom:4px solid #1952b8; color: #1952b8; transition: 0.2s}
.pronext b{ font-size:36px; color: #666666; margin: 42px 0; display: block}
.pronext .pro-li{ padding-bottom:8%; border-bottom: 1px solid #e6e6e6; font-size: 14px ; color: #666; line-height: 26px;}
.other-pro{width:100%; background: #f8f8f8;padding: 64px 0; overflow: hidden}
.other-pro b,.footer b{ font-size:18px; margin-left: 20px;}.other-pro ul{margin-top:36px;}
.other-pro ul a{width:260px; float: left; margin: 0 20px;}.other-pro ul a img{ float:left}
.other-pro ul h3{ font-size:14px;width:260px; font-weight: 500;  float:left;text-align: center; color: #333333; background: #fff; height: 46px; line-height: 46px;}
.other-pro ul a:hover h3{ background: #1952b8; color: #fff;transition:0.4s;}
.pro-foot{ background:url(../images/pro_details.jpg) no-repeat top center; height: 300px; color: #fff; text-align: center;}
.pro-foot span{ font-size:18px; display: block; padding-top: 72px; margin-bottom: 12px;}
.pro-foot b{ font-size:30px;}
.pro-foot a{width:166px; height: 44px; line-height: 44px; color: #fff; font-size: 14px; text-align: center; display: block; border: 2px solid #fff; margin:24px auto}
.pro-foot a:hover{ background: #ff9900; border:2px solid #ff9900; transition: 0.2s }

.wapnav,.wap-nav,.nr-banner,.wap-solution,.m-foot{ display:none}
.hot-news{width:1200px; margin:36px auto; overflow: hidden}.hot-news b a{color:#FF0004}
.hot-news ul{margin-top:24px;}.hot-news b{ margin-left: 0}
.hot-news ul li{ float:left; width: 550px; margin: 0 30px 0 0px; line-height: 36px; padding-left: 20px; background: url(../images/news-li.png) no-repeat left center;}
.hot-news ul li:hover a{text-decoration:underline; color: #333}
.hot-news ul li a{ font-size:14px; color: #666}.hot-news ul li span{ color:#999; float: right; font-size: 14px;}
.about-newstext{ fobt-size:14px; color: #666; line-height: 26px;}
.about .about-left img{ cursor: pointer;  }
/*媒体查询*/
@media screen and (max-width: 1920px) {
	.about{width:100%;}.about .about-right{width:42%; padding:2% 4%}
	.about .about-left img{width:100%; height: auto}.about .about-right i{ margin-bottom: 2%}.about .about-right .more{margin-top:5%}
}
@media screen and (min-width: 1920px) {
 
}
@media screen and (max-width: 1400px) {
	.quality,.quality ul li img{ width:100%;}.quality ul li{width:50%}.quality ul li ul{width:50%; height: auto}
	.quality ul li span{width:42%; padding:4% 4%}
}
@media screen and (max-width: 768px) {.nr-banner{ display:block; width: 100%;}
	.product-bj{ padding:2% 0 4% 0}.product-bj .product,.news,footer .foot,.footer{width:95%; margin: 0 2.5%;}.navs{width:94%; margin: 0 2.5%;}.banner1 .swiper-slide{width:100%}.navs{ border-top:1px solid #e6e6e6}footer{ margin-bottom: 59px;}
	.swiper-slide .pic img,.banner1 .swiper-slide .pic span, .product-details a .pic span,.news ul img{width:100%; height:auto}
	.about .about-left{width:100%;}.about .about-left img{ float:left}.about .about-right{ padding:4%}
	.about .about-right{width:92%;}.quality{ overflow: hidden; padding: 4% 0}.quality ul li{width:100%}
	.quality ul li span{padding:5.7% 4%}.news{ padding: 2% 0 6% 0}footer{padding:6% 0}footer .foot ul,footer .foot .foot-right{ float: left}footer .foot .foot-right{margin-top:6%}.footer .link{width:100%; margin-top:6%}.footer .copy{margin-top:4%}
	header,footer .foot ul .clear,.solution-banner{ display: none}
	.about .about-right{ padding:10% 4%}
	.footer .copy{ float:left; text-align: left}
	.product-bj{padding:4% 0 14% 0}.news{padding:2% 0 14% 0}
	.wapnav{ display:block; width: 96%; padding: 2%; overflow:hidden  }
	.waplogo{width:36%; float: left; margin: 0 auto}.wap{}.waplogo img,.nr-banner img,.pronext img,.product-details ul img,.newstext img{width:100%; height: auto}
	.wap-nav{height:50px; line-height: 50px; text-align: center; border-top: 3px solid #1952b8}
	.wap-nav a{ font-size:15px; color: #333}.wap-nav a.on{ font-size:15px; color: #1952b8}.product-bj .product b, .quality .tit, .news .tit{ font-size: 24px;}
	.product .more, .news .more{ margin-top: 6%}.wap-nav{ display:block}
	.banner1 .swiper-slide{  width: 100%; width: auto; margin-right: 0px; margin-right: auto}
	.wapnav .tel{width:50%; margin-top: 3%; float: right;}
	
	.navs .cenav{width:100%;}.navs ul{width:100%; float: left; border-top: 1px solid #e6e6e6}
	.about-details-bj,.contact1-bj{ background: #f8f8f8;}.about-details,.contact1, .contact2, .product-details,.news-details,.contect,.pro-details,.pronav,.pronav ul, .pronext, .other{width:96%; margin:  0 2%}.about-details .about-details-left{width:100%; margin-bottom: 4%}.about-details img{width:80%;margin: 0 10%}.about-details .ms{ margin-bottom:2%}.contact1-bj,.product-details-bj, .news-details-bj{padding:8% 0}.contect-bj,.pro-details-bj{padding:4% 0}.pro-details .pro-pic
	.about-details1{width:100%; padding: 4% 0}.about-details1 ul li{width:49.5%; float: left}.about-details1 ul, .about-details2{width:100%; margin: 8% auto}.about-details2 ul li{width:80%; margin: 0 10%;}.contact1 .bt, .contact2 .bt{ font-size:30px;}
	.contact1 ul li{width:60%; margin: 2% 20%; margin-right: 0}.contact1 ul .li1{ background: url(../images/contact_01.jpg) no-repeat; background-size: 100% auto;}.contact1 ul .li2{ background: url(../images/contact_02.jpg) no-repeat; background-size: 100% auto;}
	.contact1 ul .li3{ background: url(../images/contact_03.jpg) no-repeat; background-size: 100% auto;}
  .contact1 ul{margin-top:2%}.next,#banner2 .swiper-slide{ width:96%}
	.contact2 .form,.contact2 .form input,.form-control,.submit{ width:100%;}.contact2 .form input{  margin: 4% 0 0 0; width: 95% }
	.form-control{  margin: 4% 0 0 0; width:95%;}.submit{ margin:4% 0 0 0}.contact2 .form,.contect .contect-left{ width:100%;}
	.news-details .time{ display:contents; margin: 2% 0}.contect1{padding:4%}.contect1{width:92%}.next li{margin:0 0 2% 0}
	.contect-read, .contect-tag{width:44%;margin-right: 2%; float: left; padding: 2%}.pronext b{ font-size:24px; margin: 4% 0}.pronext li{padding-bottom: 6%}
  .product-banner,.news-banner,.contact-banner,.about-banner{ display:none}.product-details .ul a{ width:96%; margin:2%}
	.hot-news{width:96%; padding: 0 2%;}.hot-news ul li{width:96%; margin-bottom: 0%}
	.m-foot{width:100%; height: 60px; position: fixed; bottom:-1px; z-index: 999; display: block}
	.m-foot .home{ width:20%; background: #fff; height: 60px; display: block; border-top:1px solid #e6e6e6; background: url(../images/home.png) no-repeat center center #fff; background-size: 42% auto; float: left}
	.m-foot .consult{ width:30%; background: #1952b8; height: 60px; display: block;float: left; color: #fff; text-align: center; line-height: 60px; font-size: 16px; background-size: 52% auto; }
	.m-foot .tel{ background: url(../images/tel.png) no-repeat left 10% center #de182f; background-size:16% auto; width: 35%; height: 60px; line-height: 59px; display: block;float: left; padding-left: 15%; color: #fff; font-size: 20px;}
}
@media screen and (max-width: 480px) {
	footer .foot .foot-right .wei{ float: left; margin-top: 4%}.quality ul li ul{width:100%; height: auto}.quality ul li span{ width:92% ; padding: 6% 4%}.quality ul li .li-right{ float: left}
	footer .foot ul .foot-news{ float: left; margin-top: 8%; padding-left: 0}footer .clear{ clear:both; display:block}footer .foot ul .clear{display:block}
	footer .foot ul .li_right{margin-top: 8%; }#banner2{ margin-top:8%}.banner1 .swiper-slide{width:100%}.banner1 .swiper-wrapper{ margin: 3% 0 2% 1%}#banner2 .swiper-wrapper{ margin: 3% 0 2% 2%}.about-details1 ul li{width:100%}
	.about-details2{width:96%;margin: 6% 2%;}.about-details2 ul li{width:100%; margin: 0}.about-details2 ul li .ms1{width:80%; margin: 0 10%;}.about-details-left b,.about-details-left i{text-align:center;}.contact1 ul li{width:100%; margin: 0 0 4% 0}.contact1 ul .li1{ margin-right: 0}.contact1 ul{margin-top:6%}.next{margin-top:4%}.contect-read, .contect-tag{margin-bottom:4%}
	.contect .contect-left .contect1 h1{ font-size:24px;}.contect-read, .contect-tag{width:92%; padding: 4%;}
	.news-details .time{padding:4% 6% 0 0px}.news-details h3{margin:2% 0 2% 0}.news-details .ul1 a{ padding: 2%}
	.news-details img{width:100%; height: auto; margin-bottom: 2%}.news-details .time{ display:contents; margin: 2% 0}
	.pro-details .pro-pic,.pro-details .pro-left{width:100%; height: auto}.pro-details .pro-left ul .order{margin-bottom: 4%}.pronav ul a{ margin-right: 4%}.other-pro{padding:6% 0}.other-pro ul a img,.other-pro ul h3{width:100%; height: auto}.other-pro ul a{width:92%; margin:2% 4%}
  .other-pro ul{margin-top:4%}.footer .link span{width:16%}
}
@media screen and (max-width: 360px) {
 footer .foot ul .li_left, footer .foot ul .li_right, footer .foot ul .foot-pro, footer .foot ul .foot-new, footer .foot ul .foot-news{ padding:0 30px}footer .foot ul .li_left{padding-left:0 }
}