/*初始化*/
*{margin: 0px;padding: 0px;}
body{
	overflow-x: hidden;
	background-color: #fff;
	background-image: url(../image/20210720163627.jpg);
	background-repeat: no-repeat;
	background-size:cover;
}
/*复写样式*/
.layui-carousel-ind ul { background-color: rgb(0 0 0 / 0%);}
/*--- 页面样式 ---*/
/*通用*/
.clear{clear:both !important;}
/*顶部*/
.top-title{width:100%; height:66px; z-index: 10; line-height:66px; font-size: 24px; font-weight: bolder; letter-spacing:2px; position: absolute; top:0; text-align:center;background-color:#c60813;color:#fff;}
.top-title .back{position:absolute; left:20px;top:0px;}
.top-title .back img{width:26px;}
/*顶部Two*/
.top-title-br{position: absolute; top:0;width:100%;background-color:#c60813;position:relative;}
.top-title-br .title{width:100%;height:88px; z-index:1; line-height:88px; font-size: 24px; font-weight: bolder; letter-spacing:2px; text-align:center;color:#fff;}
.top-title-br .back{position:absolute;left:0px;top:10px;z-index:2;font-size: 40px; color: #fff; -moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;padding-left:20px;width:40px;}
.top-title-br .reload{position:absolute;right:0px;top:0px;line-height:88px;z-index:2;font-size: 40px; color: #fff; -moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;padding-right:20px;width:40px;}
/*banner*/
.banner{position:relative;height: 248px !important;}
.banner .image{width: 100%;}
.banner-radius-image{position:absolute; left:0px; bottom:-1px;z-index:10;width:100%;}
/*LOGO中部*/
.logo-center{width:108px;margin: 0 auto;margin-top:20px;}
.logo-center img{width: 108px;}
/*图标导航*/
.icon-div{margin-top:20px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
.icon-nav{width:33%;float:left;}
.icon-nav .icon{width:80px;margin:0 auto;}
.icon-nav .icon .title{text-align: center; display: block;margin-top:4px;}
.icon-nav img{width:50px;height:50px;display:block;margin: 0 auto;}
/*品牌操作图片*/
.operation-image{width:80%;margin:0 auto;margin-top:10px;}
.operation-image .left{width:46%;float:left;}
.operation-image .right{width:46%;float:right;}
/*品牌描述*/
.descript-englise{text-align: center;margin-top:4px;color:#b3b3b3;font-weight:bold;font-size:14px;}
.descript-text{width:80%;margin: 0 auto;text-align: center;margin-top:40px;font-size:24px;font-weight: 900;}
.descript-text-line{height:1px;font-size:24px;width:4em;background-color:#fff;margin:0 auto;margin-top: 4px;}
.introduce-line{height:1px;font-size: 16px;width:80%;background-color:#bfbfbf;margin:10px auto;}
/*通知*/
.tips{background-color:#ebebeb;height:46px;margin-top:20px;position:relative;}
.tips>div{width:80%;line-height:46px;margin: 0 auto;}
.tips .img{width:16px;position:absolute; left:10%; top:0px;}
.tips .img img{height:16px;line-height:16px;}
.tips .notice{line-height:52px;height:16px;margin-left:30px;}
/*产品作用*/
.product-function{width: 80%;margin:20px auto;}
.product-function img{width: 100%;}
/*新闻动态*/
.news{color:#db0000;text-align: center;}
.news .title{font-size:24px;font-weight:bolder;margin-top:30px;}
.news .underline{width:96px;border-bottom:2px solid #db0000;margin:4px auto 8px auto;}
.news .englise{font-size: 20px;margin-bottom:30px;}
/*新闻内容*/
.news-body{width:80%;margin:0 auto;margin-top:30px;}
.news-body .news{color:#616161;font-weight:bold;}
.news-body .title{text-align:center;font-size: 18px; font-weight: 900;margin:30px 0px 20px 0px;}
.news-body .body{margin:20px 0px 40px 0px;}
/*新闻记录*/
.news-recode{margin-top: 20px;width:80%;margin: 0 auto;font-size:14px;margin-bottom:80px;}
.news-recode>div{margin:8px 0px;}
.news-recode .left{float:left;font-weight: bold;}
.news-recode .right{float:right;}
/*施工方案*/
.constuction{color:#fff;text-align: center;margin-top: 10px;}
.constuction .title{font-size:24px;font-weight:bolder;margin-top:30px;}
.constuction .underline{width:96px;border-bottom:2px solid #db0000;margin:4px auto 8px auto;}
.constuction .englise{font-size: 20px;margin-bottom:10px;}
/*施工图片*/
.constuction-image{width:80%;margin:0 auto;margin-top:10px;margin-bottom:80px;}
.constuction-image .left{width:46%;float:left;}
.constuction-image .left img{width:100%;}
.constuction-image .left .text{margin:4px 0px 14px 0px;font-size: 12px;}
.constuction-image .right{width:46%;float:right;}
.constuction-image .right img{width:100%;}
.constuction-image .right .text{margin:4px 0px 14px 0px;font-size: 12px;}
/*底部导航*/
.bottom-nav{position:fixed;bottom:0; background-color:#fff;/*box-shadow:1px 1px 4px 1px rgba(0,0,0,0.8);*/height:50px;width:100%;/*padding:0 10%;*/-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
.bottom-nav .nav{width:100%;text-align:center;float:left;height:30px;margin-top: 10px;}
.bottom-nav .first{border-right:1px solid #fff;box-sizing: border-box;}
.bottom-nav .nav .icon{width:100%;margin:0 auto;}
.bottom-nav .nav .title{text-align: center; display: block;font-weight:300;line-height:30px;color:#222222;}
.bottom-nav .nav img{width:20px;height:20px;display:block;margin: 0 auto;margin-top:6px;}

.loading-hide{display: none;}




/*--- 质保 ---*/
/*背景颜色*/
.bg-color-green{color:#fff;background-color:#009944 !important;}
.bg-color-red{color:#fff;background-color:#FE0000 !important;}
.bg-color-yellow{color:#fff;background-color:#f8b62c !important;}
.bg-color-blue{color:#fff;background-color:#00518D !important;}
.bg-color-blue2{color:#fff;background-color:#181d62 !important;}
.bg-color-black{color:#fff;background-color:#050608 !important;}
.bg-color-white{color:#fff;background-color:#efefef !important;}
/*颜色*/
.color-green{color:#009944 !important;}
.color-green a{color:#009944 !important;}
.color-red{color:#e60013 !important;}
.color-red a{color:#e60013 !important;}
.color-yellow{color:#f8b62c !important;}
.color-yellow a{color:#f8b62c !important;}
.color-blue{color:#181d62 !important;}
.color-blue a{color:#181d62 !important;}
.color-black{color:#000000 !important;}
.color-black a{color:#000000 !important;}
/*Banner位:image*/
.banner-image{width:450px;margin: 0 auto;margin-top:40px;margin-bottom:40px;line-height:80px;text-align: center;}
.title2{width:450px;margin: 0 auto;margin-top:40px;margin-bottom:40px;line-height:80px; font-size: 24px; font-weight: bolder; letter-spacing:2px; text-align:center;}
.banner-image img{}
/*登录页顶部*/
.login-image{height:480px;width:300px;}
/*粗体描述*/
.descript-text-bold{width:80%;margin: 0 auto;text-align: center;font-weight: bold;font-size:22px;color:#666666;margin-bottom:14px;margin-top:80px;}
/*介绍*/
.introduction{width:80%;margin:0 auto;}
.introduction div{

	padding-top: 10px;
}
.introduction .image{height:200px;width: 100%;}
.introduction p{line-height:26px;}
.introduction p+p{margin-top:10px;}
/*搜索*/
.search{width:80%;margin:0 auto;}
.search .phone-div{border: 1px solid gainsboro;float:left;width: 84%;margin-right:1%;}
.search .phone-div .title{margin:10px; color: #727272; border-right: 1px solid gainsboro; width: 4em; float:left;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
.search .phone-div .title select{border-width:0px;color:#727272;border-width: 0px; color: #484848;appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari 和 Chrome */    background-color: #fff;}
.search .phone-div .title select option{height: 20px;}
.search .phone-div .input{
	margin-top: 4px;
	margin-right: 10px;
	margin-bottom: 4px;
	margin-left: 10px;
}
.search .phone-div .input input{border-width:0px;color:#000000;margin-top: 3px;padding: 6px;width: 98%;}
.search .button{float: left;width:14%;box-sizing:border-box;background-color:#bbbbbb; color: #fff;border-radius: 6px;text-align:center; height:42px; line-height:42px;}
.search .button i{font-size: 30px;color: #fff;}


/*--- 登录页 ---*/
/*Banner位:image*/
.login-banner-image{margin: 0 auto;text-align: center;}
.login-banner-image img{max-width: 480px; width: 100%;max-height:300px;}
/*表单*/
.from-login-text{width:80%;border: 1px solid gainsboro;margin: 0 auto;margin-top:10px;height:40px;line-height:40px;text-align:center;font-size:16px;}
.from-login{width:80%;border: 1px solid gainsboro;margin: 0 auto;box-sizing: border-box; }
.from-login .icon{margin:6px;float:left;}
.from-login .icon i{font-size:32px;color: #dddddd;}
.from-login .from{float:left;font-size:16px;line-height:47px;margin-left:4px;margin-top:1px;}
.from-login .from input{border-width: 0px;}
.from-login .button{color:#fff;text-align: center;margin: 10px 0px;line-height:20px;}
.from-login .find{text-align: center;}
.from-login-button{width:80%;cursor:pointer;margin: 0 auto;height: 50px;text-align: center;line-height: 50px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}

.height-60{height:60px;}
.height-80{height:80px;}
.border-bottom-0{border-bottom-width:0px !important;}
.apply-from{margin: 0 auto;width: 80%;border: 1px solid #e1e1e1;border-radius: 2px;}
.apply-from select{padding: 2px 0px;border-width:0px;appearance:none; -moz-appearance:none; /* Firefox*/  -webkit-appearance:none; /* Safari 和 Chrome */ background-color: #fff;}
.apply-from .select-01{width:220px;}
.apply-from .select-02{width:193px;}
.apply-from .select-03{width:180px;}
.apply-from .line{border-bottom: 1px solid #e1e1e1;height:36px;line-height:36px;padding-left:14px;padding-right:14px;}
.apply-from .line .title{float:left;}
.apply-from .line .value{float:left;}
.apply-from .line .value input{border-width:0px;width: 130px;}


.list-data{ margin-bottom:2px;width:80%;margin:0 auto;}

.from-image{width: 80%;margin: 0 auto;}
.from-image .son{width:33%;float: left;}
.from-image .son>div{box-sizing: border-box;border:2px dashed #e1e1e1;text-align: center;color:#e1e1e1;font-size: 30px;font-weight: 900;}
.from-image .son .left{margin-right:10px;padding:10px;box-sizing: border-box;}
.from-image .son .left img{height: 100px;}
.from-image .son .center{margin-left:10px;margin-right:10px;padding:10px;box-sizing: border-box;}
.from-image .son .center img{height: 100px;}
.from-image .son .right{margin-left:10px;padding:10px;box-sizing: border-box;}
.from-image .son .right img{height: 100px;}


.warranty-list{width: 80%;margin:0 auto;margin-top:20px;}
.warranty-list .title{padding:10px;box-sizing: border-box;border-top-left-radius :10px;border-top-right-radius:10px;background-color: #cce8ff;}
.warranty-list .body{padding:10px;box-sizing: border-box;background-color: #fff;}
.warranty-list .bottom{padding:10px;box-sizing: border-box;border-top:1px dashed #ccc;background-color: #fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.warranty-list .float-right{float: right;}
.warranty-list .float-right button{border-radius:20px;}
.warranty-list .warranty{background-color:#1E9FFF;color:#fff; text-align:center; padding:10px;font-weight: 900;font-size: 18px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;border-radius: 10px;}
.warranty-list-none{text-align: center;line-height: 50px;height: 50px;border-radius: 10px;background-color: #fff;width: 80%;margin: 0 auto;margin-top:20px ;}
 table {
    border: 1px solid #ccc;
    width: 100%;
    margin:0;
    padding:0;

    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 auto;
  }
  table a{
    color:#900;
  }
   table a:hover{
   color:#ff00000;
  }
  table tr {
    border: 1px solid #ddd;
    padding: 0.125rem;
  }

  table th, table td {
    padding: 0.5rem;
    text-align: center;
  }

  table th {
    text-transform: uppercase;
  
    letter-spacing: 1px;
  }

  @media screen and (max-width: 767px) {

    table {
      border: 0;
    }

    table thead {
      display: none;
    }

    table tr {
      margin-bottom: 0.25rem;
      display: block;
      border-bottom: 2px solid #ddd;
    }

    table td {
      display: block;
      text-align: right;
    
      border-bottom: 1px dotted #ccc;
    }

    table td:last-child {
      border-bottom: 0;
    }

    table td:before {
      content: attr(data-label);
      float: left;
      text-transform: uppercase;
      font-weight: bold;
    }
  }
 .lfooter {
	width: 100%;
	height: 60px;
	
	position: fixed;
	bottom: 0px;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
	z-index: 99;
}
.lfooter ul li {
	width: 49%;
	height: auto;
	float: left;
	text-align: center;
	padding: 10px 0px;
}
.lfooter ul li a {
	color: #FFF;
	line-height: 12px;
	font-size: 14px;
}
.lfooter ul li a p{
	color: #FFF;
	padding-top: 3px;
}