@charset='utf-8';
/* 品牌展示 */
.page-box{ width: 90%; height: auto; overflow: hidden; padding: 5% 0; margin: 0 auto; }
.page-box .page-lft{ width: 100%; height: auto; display: none;}

.page-box .page-rht { width: 100%; height: auto; overflow: hidden; }
.page-box .page-rht .page-rht-tit{ width: 100%; height: auto; position: relative; padding-top: 27px; border-bottom: solid 1px #ccc;}
.page-box .page-rht .page-rht-tit h2{ display: block; width: 100%; height: auto; font-size: 22px; color: #333; }
.page-box .page-rht .page-rht-tit .link{ width: 100%; height: 50px; line-height: 50px; margin: 0 auto; text-align: left; font-size: 13px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden;}
.page-box .page-rht .page-rht-tit .link img{ margin: 0 6px; vertical-align: top;}
.page-box .page-rht .page-rht-tit .link span{ color: #666; }

.brand-list{ width: 100%; height: auto; overflow: hidden; padding: 30px 0;}
.brand-list ul li{ display: block; width: 50%; height: auto; border:solid 1px #eee; box-sizing: border-box; float: left; position: relative; }
.brand-list ul li img{ width: 100%; }
.brand-list ul li:hover .line1{ display: block; width: 1px; height: 100%; left: 0; bottom: 0; background: #60bdde; position: absolute; animation: lineone 0.2s linear 0s alternate forwards; opacity: 0;}
.brand-list ul li:hover .line2{ display: block; width: 100%; height: 1px; left: 0; top: 0; background: #60bdde; position: absolute; position: absolute; animation: linetwo 0.2s linear 0.4s alternate forwards; opacity: 0;}
.brand-list ul li:hover .line3{ display: block; width: 1px; height: 100%; right: 0; top: 0; background: #60bdde; position: absolute; animation: lineone 0.2s linear 0.6s alternate forwards; opacity: 0;}
.brand-list ul li:hover .line4{ display: block; width: 100%; height: 1px; right: 0; bottom: 0; background: #60bdde; position: absolute; animation: linetwo 0.2s linear 0.8s alternate forwards; opacity: 0;}

/* 产品展示 */
.product-text{ display: block; width: 100%; height:  auto; padding: 30px 0; overflow: hidden; }
.product-text dt{ display: block; width: 100%; height: auto;}
.product-text dt img{ max-width: 100%; display: block; margin: 0 auto;}
.product-text dd{ display: block; width: 100%; height: auto;}
.product-text dd h2{ display: block; width: 100%; height: auto; font-size: 20px; padding-bottom: 15px; }
.product-text dd ul li{ display: block; width: 100%; height: 31px; line-height: 31px; }
.product-text dd .text{ display: block; width: 100%; height: auto; padding-top: 20px; line-height: 30px;}
.product-text dd .product-a{ width: 100%; height: 34px; margin-top: 15px; }
.product-text dd .product-a a{ display: block; width: 128px; height: 34px; color: #fff !important; background: #fe5d02; text-align: center; line-height: 34px; float: left; margin-right: 15px; }
.product-text dd .product-a a:first-child{ background: #333; }

.product-title{ width: 100%; height: 40px; line-height: 40px; color: #333; padding-top: 20px; border-top: solid 1px #ccc; font-size: 18px;}
.product-txt{ width: 100%; height: auto; overflow: hidden; padding-bottom: 30px; line-height: 30px; }
.product-txt img{ max-width: 100%; display: block; margin: 0 auto; }

/* 检测支持 */
.find-list{ width: 100%; height: auto; overflow: hidden; padding: 30px 0; }
.find-list ul li{ display: block; width: 100%; height: 70px; line-height: 70px; box-sizing: border-box; padding: 0 0 0 20px; background: #f5f5f5; margin-bottom: 15px; }
.find-list ul li span{ float: right; }

/* 关于我们 */
.about-box{ width: 100%; height: auto; overflow: hidden; padding: 30px 0; line-height: 30px;}
.about-box img{ max-width: 100%; display: block; margin: 0 auto; }

/* 新闻中心 */
.news-list{ width: 100%; height: auto; overflow: hidden; padding-top: 30px;}
.news-list dl{ display: block; width: 100%; height: auto; background: #f5f5f5; margin-bottom: 20px; }
.news-list dl dt{ display: block; width: 100%; height: auto; }
.news-list dl dt img{ width: 100%; height: auto; }
.news-list dl dd{ display: block; width: 100%;}
.news-list dl dd a span{ display: block; width: 100%; height: auto; padding-top:20px; color: #999;}
.news-list dl dd a h1{ display: block; width: 100%; height: auto; font-size: 18px; padding: 7px 0 15px 0; }
.news-list dl dd a p{ display: block; width: 90%; height: auto; line-height: 24px; }

.pagination{ width:100%; height: 30px; display: block; text-align: center; overflow: hidden;clear:both; padding-bottom: 60px;}
.pagination li{ width: 30px; height: 30px; background: #f5f5f5; display: inline-block; margin-right: 2px; text-align: center; line-height: 30px;}
.pagination li.active{ background:#60bdde; color: #fff;  }
.pagination li:hover{ background: #60bdde; color: #fff;}
.pagination li:hover a{ color: #fff; display: block; width: 100%; height: 30px; }
.pagination li:hover a:hover{ color: #fff !important; }

.about-title-en{ width: 100%; height: auto; font-size: 26px; padding-top: 40px; color: #333; text-transform: uppercase; box-sizing: border-box; }
.about-title{ width: 100%; height: auto; padding: 7px 0; font-size: #333; font-size: 14px; box-sizing: border-box; }

.news-txt{ width: 1200px; height: auto; box-sizing: border-box; padding-top: 40px; padding-bottom: 60px; line-height: 25px; border-bottom: solid 1px #ccc;}
.news-txt img{ max-width: 100%; display: block; }

.news-next{ width: 100%; height: 36px; line-height: 36px; padding-top: 20px;}
.news-next a{ border-radius: 13px; padding: 0 15px; border:solid 1px #ccc; float: right;}
.news-next a:first-child{ float: left; }

.process-list{ width: 100%; height: auto; display: block; margin-bottom: 25px; }
.process-list dt{ display: block; width: 100%; height: auto; font-size: 18px; color: #444; }
.process-list dd{ display: block; width: 100%; height: auto; line-height: 30px; }
.process-box{ padding-top: 40px; }

/* 联系我们 */
.contact-tit{ width: 100%; height: auto; padding:40px 0 20px 0; font-size: 18px; color: #333; }
.contact-tit span{ font-size: 14px; }
.contact-list{ width: 100%; height: auto; line-height: 32px; color: #333; display: block;}
.contact-list li{ width: 100%; height: 32px; }
.contact-code{ width: 100%; height: auto; overflow: hidden; }
.contact-code li{ display: block; width: 160px; height: 192px; line-height: 32px; float: left; text-align: center; margin-right: 30px; }
.contact-code li img{ width: 162px; height: 162px; }
.map{ width: 100%; height: 330px; display: none;}

.contactnav{ margin-top: 15px; display: block; width: 128px; height: 34px; }
.contact-txt{ width: 1200px; height: auto; box-sizing: border-box; padding-top: 0; padding-bottom: 60px; }

/* 免费申请样本 */
.sample-box{ width: 896px; min-height: 600px; overflow: hidden; padding-top: 30px;}
.sample-box ul{ display: block; width: 896px; min-height: 56px; }
.sample-box ul li{ display: block; width: 440px; height: 40px; background: #f5f5f5; margin: 4px; float: left; }
.sample-box ul li .layui-form-select dl{ left: 0 !important; top: 40px !important; border: none !important; background: #fff !important; min-width: 90% !important; width: 100% !important; }
.sample-box ul li .layui-form-select dl dd.layui-this{background-color:#60bdde;}
.sample-box ul li .oddinput{ display: block; width: 100%; height: 40px; background: #f5f5f5; line-height:40px; border: none; float: left; border-radius: 5px; text-indent: 1em; margin-right: 30px; }
.sample-box ul li .oddinput:focus, .oddinput+.layui-form-select .layui-input{ background: rgba(255,0,0,0.1) }

.sample-box ul li .layui-select-title{ width: 100%; height: 40px; background: #f5f5f5; line-height: 40px; border: none; box-sizing: border-box; position: relative;}
.sample-box ul li .layui-input-inline{ width: 100%; height: 40px; float: left; margin-right: 30px; }
.sample-box .layui-input, .layui-textarea{ padding-left: 0 !important; text-indent: 1em; height: 40px !important; background: #f5f5f5!important; border: none !important;}

.sample-dl{ width: 888px; height: 40px; margin:4px; overflow: hidden; background: #f5f5f5;}
.sample-dl dt{ float: left; height: 40px; line-height: 40px; text-indent: 1em;}
.sample-dl dd{ float: left; height: 40px; }

.uniformodd{ display: block; width: 198px; height: 40px; margin: 20px auto; background: #60bdde; border-radius: 20px; border:none; color: #fff; cursor: pointer; }

.layui-input-block{ margin-left: 0 !important; }
.layui-form-checkbox{ margin-bottom: 7px; margin-top: 7px;}
.layui-form-checked span, .layui-form-checked:hover span{ background-color: #60bdde !important; }
.layui-form-checked i, .layui-form-checked:hover i{ color: #60bdde !important; }
.layui-form-checked, .layui-form-checked:hover{ border-color: #60bdde !important; }
.layui-form-radio>i:hover, .layui-form-radioed>i{ color: #60bdde !important; }