*{margin: 0;padding: 0;font-family: "微软雅黑";}
li{list-style: none;}
a{text-decoration: none;}
img{border: none;}

/*首页开始*/
.header{ position: fixed; top: 0; width: 94%; padding: 10px 3%; background-color: #fff; z-index: 99999;box-shadow: 0px 1px 5px 0px #ccc ;}
.header .logo{ display: block; height: 30px;}
.header .logo img{ height: 30px;}
.banner{ width: 100%; height: 185px;}
.main_visual{height:100%;overflow:hidden;position:relative;}
.main_image{height:185px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:185px;overflow:hidden;position:absolute;
top:0;left:0}
.main_image li{float:left;width:100%;height:185px;}
.main_image li a{display:block;width:100%;height:185px}
.main_image li a img{display:block;width:100%;height:185px; margin: 0 auto;}
.flicking_con{position:absolute;top:165px;left:45%;z-index:999;height:15px;}
.flicking_con a{float:left;width:10px;height:10px;margin:0 5px;padding:0;background:#fff; border-radius: 10px; display:block;text-indent:-1000px}
.flicking_con a.on{background:#56b9eb;}

.ryzz{ width: 100%; margin: 30px auto;}
.swiper-container {width: 94%;height: 100%; padding: 0 3%;}
.swiper-slide {text-align: center; font-size: 18px;background: #fff;width: 80%;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;}
.swiper-slide:nth-child(n){width:60%;height: 331px; overflow: hidden; border: 1px solid #ccc;}
.swiper-slide img{ display: block; width: 100%;}

.column{ position:relative;width:100%; height:16px; padding-top: 16px; line-height:30px; margin:0 auto;}
.column .left{position:absolute;left:0; top: 0; padding-right: 5px; line-height:30px; background-color: #fff; font-size:1.125rem; color:#000; font-weight:bold;}
.column .left span{ line-height:30px;font-size:0.875rem; color:#666;font-weight:bold;}
.column i{ display:block; width:100%; height:1px; background-color:#ccc;}
.column a{ position:absolute; right:0; top:5px; display:block;  height:24px; line-height:24px; padding: 0 10px; background-color:#999; border-radius:15px; text-align:center; font-size:0.875rem; color:#fff;}
.probox{ width: 94%; margin: 30px auto;}
.procolumn{ width: 100%;}
.procolumn li{ float: left; width: 23.5%; height: 40px; margin-top: 15px; margin-right: 2%;}
.procolumn li:nth-child(4n){ margin-right: 0;}
.procolumn li a{ display: block;width: 100%; height: 40px; line-height: 40px; background-color: #1ba4e8; border-radius: 8px; text-align: center; font-size: 1rem; color: #fff;}
.pro{ width: 100%;}
.pro li{ float: left; width: 49%; margin-top: 30px; margin-right: 2%;}
.pro li:nth-child(2n){ margin-right: 0px;}
.pro li a{ display: block; width: 100%;}
.pro li a .pic{ width: 100%; height: 128px; border: 1px solid #d9e0da; border-bottom: none;}
.pro li a .pic img{ width: 100%; height: 128px;}
.pro li a span{ display: block; width: 94%; height: 30px; line-height: 30px; padding: 0 3%; background-color: #808080; border: 1px solid #808080; text-align: center; font-size: 1rem; color: #fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.zsjm{ width: 94%; margin: 30px auto;}
.zsjm .con{ max-height: 310px; margin-top: 15px; line-height: 24px; font-size: 0.875rem; color:#808080; overflow: hidden;}
.newsbox{ width: 94%; margin: 30px auto;}
.news{ width: 100%; margin-top:10px;}
.news li{ width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #d2d2d2;}
.news li span{ display: block; float: left;font-size: 1rem;}
.news li a{ display: block; float: left; width: 65%; margin-left:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; font-size: 1rem; color:#333;}
.news li font{ display: block; float: right; font-size: 0.875rem; color:#737373;}
.footer{ width: 100%;}
.footer .cpy{ width: 94%;padding: 10px 3%; border-top:1px solid #fff ; background-color: #1ba4e8; line-height: 24px; text-align: center;font-size: 0.875rem; color:#fff;}
.footer .footer_bot{ position: fixed; bottom: 0; width: 100%;  padding: 5px 0; background-color: #fff; box-shadow: 0px -2px 5px 0px #ccc; z-index: 99999;}
.footer .footer_bot ul{ width: 100%; margin: 0 auto;}
.footer .footer_bot ul li{ float: left; width: 25%;}
.footer .footer_bot ul li a{ display: block; width: 50px; margin: 0 auto; text-align: center; }
.footer .footer_bot ul li a img{ display: block; height: 20px;margin: 0 auto;}
.footer .footer_bot ul li a span{ display: block; margin-top: 5px; font-size: 0.875rem; color: #666;}
/*首页结束*/

/*产品详情页开始*/
.prodetail{ width: 94%; margin: 20px auto;}
.prodetail h4{font-size: 1.125rem; font-weight: normal;}
.prodetail .pic{ width: 100%; margin-top:15px;}
.prodetail .pic img{ width: 100%;}
.prodetail .detail{ display:block; width:100%; margin-top: 15px; line-height: 24px; font-size: 0.875rem; color:#666; overflow:hidden; }
.prodetail .detail img{ display:block; max-width: 100%; margin: 10px 0;}
.prodetail .detail p{ display:block; width:100%; margin-top: 15px; line-height: 24px; font-size: 0.875rem; color:#666; overflow:hidden; }
.prodetail .detail table{ display:block; max-width:100%; height:auto; border-collapse:collapse; clear:both; }
.prodetail .detail p table{ display:block; max-width:100%; height:auto; border-collapse:collapse; clear:both;}
.prodetail .detail table td{ max-width:10%; border-collapse:collapse;border:1px solid #000000; }
.prodetail .detail p table td{ max-width:10%; border-collapse:collapse;border:1px solid #000000; }

/*产品详情页结束*/

/*联系我们开始*/
.contactbox{margin: 30px 0;}
.contact{ width: 94%; margin: 0 auto;}
.contact .con{ margin-top:10px; width: 100%; line-height: 28px; font-size: 1rem; color: #4c4c4c;}
.contact .con h4{ color: #1ba4e8;}
.area{ width: 100%; margin-top: 20px;}
.message{ width: 94%; margin: 20px auto;}
.message h4{ margin-bottom: 20px; text-align: center;font-size: 1.125rem; font-weight: normal;}
.message .info{ width: 96%; height: 40px; line-height: 40px; margin-bottom: 15px; padding: 0 2%; border: 1px solid #a1a1a1; border-radius: 0; font-size: 0.875rem; outline: none;-webkit-appearance: none;}
.message textarea{ width: 96%;height: 125px; line-height: 25px; margin-bottom: 15px;padding: 2% 2%; border: 1px solid #a1a1a1;border-radius: 0;font-size: 0.875rem; outline: none; resize: none;-webkit-appearance: none;}
.message p{ line-height: 0.875rem; font-size: 0.875rem; color: #808080;}
.message .sub{ width: 100%;height: 40px; line-height: 40px; margin-top: 15px; background-color: #1ba4e8;border-radius: 0; border: none;font-size: 0.875rem; color: #fff; outline: none;-webkit-appearance:none;}
/*联系我们结束*/

/*荣誉资质开始*/
.honorbox{ width: 94%; margin: 30px auto;}
.aboutcolumn{ width: 100%;}
.aboutcolumn li{ float: left; width: 32%; height: 40px; margin-top: 15px; margin-right: 2%;}
.aboutcolumn li:nth-child(3n){ margin-right: 0;}
.aboutcolumn li a{ display: block;width: 100%; height: 40px; line-height: 40px; background-color: #1ba4e8; border-radius: 8px; text-align: center; font-size: 1rem; color: #fff;}
.honor{ width: 100%; margin-top: 10px;}
.honor li{ float: left; width: 49%; margin-top: 10px; margin-right: 2%;}
.honor li:nth-child(2n){ margin-right: 0px;}
.honor li a{ position: relative; display: block; width: 100%;}
.honor li a .pic{ width: 100%; height: 244px; border: 1px solid #d9e0da; border-bottom: none; overflow:hidden;}
.honor li a .pic img{ width: 100%; }
.honor li a span{ position: absolute; bottom: 0; display: block; width: 94%; height: 30px; line-height: 30px; padding: 0 3%; background-color: #1ba4e8; border: 1px solid #1ba4e8; text-align: center; font-size: 1rem; color: #fff;text-overflow:ellipsis;overflow:hidden;
white-space:nowrap;}
/*荣誉资质结束*/

/*新闻列表开始*/
.newscolumn{ width:60%; margin: 0 auto;}
.newscolumn li{ float: left; width: 45%; height: 40px; margin-top: 15px; margin-right: 10%;}
.newscolumn li:nth-child(2n){ margin-right: 0;}
.newscolumn li a{ display: block;width: 100%; height: 40px; line-height: 40px; background-color: #1ba4e8; border-radius: 8px; text-align: center; font-size: 1rem; color: #fff;}
/*新闻列表结束*/

/*新闻详情开始*/
.newsdetail{ width: 94%; margin: 20px auto;}
.newsdetail h4{font-size: 1.125rem; font-weight: normal;}
.newsdetail .date{ margin-top: 5px; font-size: 0.75rem; color: #808080; font-style: italic;}
.newsdetail .detail{ margin-top: 8px; line-height: 24px; font-size: 0.875rem; color:#666; }
.newsdetail .detail img{ display:block;  max-width: 100%; margin: 10px 0;}
/*新闻详情结束*/

/*单页开始*/
.single-page{ width: 94%;margin: 30px auto;}
.single-page .detail{ margin-top: 8px; line-height: 24px; font-size: 0.875rem; color:#666; }
.single-page .detail img{ width: 100%; margin: 10px 0;}
/*单页结束*/

/*资料下载开始*/
.downloads{ width: 94%;margin: 30px auto;}
.downcolumn{ width:60%; margin: 0 auto;}
.downcolumn li{ float: left; width: 45%; height: 40px; margin-top: 15px; margin-right: 10%;}
.downcolumn li:nth-child(2n){ margin-right: 0;}
.downcolumn li a{ display: block;width: 100%; height: 40px; line-height: 40px; background-color: #1ba4e8; border-radius: 8px; text-align: center; font-size: 1rem; color: #fff;}
.down{ width: 100%; margin-top:10px;}
.down li{ width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #d2d2d2;}
.down li span{ display: block; float: left;font-size: 1rem;}
.down li h4{ display: block; float: left; width: 65%; margin-left:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; font-size: 1rem; color:#333; font-weight: normal;}
.down li a{ display: block; float: right; font-size: 1rem; color:#1ba4e8;}
.down li a img{ height: 1rem; margin-right: 5px;}
/*资料下载结束*/