body,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd {
	margin:0;
	padding:0;
}
div,ul,h1,h2,h3,h4,h5,h6 {
	box-sizing:border-box;
}
ul,ol,li {
	list-style:none;
	padding: 0; 
	margin: 0;
}
img {
	max-width:100%;
}
a {
	color:#000;
	text-decoration: none;
}
a:hover {
	color:#000
	text-decoration: none;
}
button,input,textarea {
	letter-spacing:.5px;
	outline:none;
}

body {
	line-height:1.5;
	font-family:"Microsoft YaHei",Arial,sans-serif;
	letter-spacing:.1px;
	width:100%;
	overflow-x:hidden;
	background: #f9f9f9;
	color: #333;
}
html {
	font-size:15px;
}

@media only screen and (max-width:575px) {
   html {font-size:14px!important;}
}
@media  (min-width:576px)  and (max-width:991px){
   html {font-size:15px!important;}
}

@media  (min-width:992px) and (max-width:1199px){ 
   html {font-size:15px!important;}
}
@media  (min-width:1200px) {
   html {font-size:16px!important;}
}

header { background: #fff; }

.h-top {  background: #000; height:2rem; line-height:2rem; color: #fff; font-size: 0.9rem;        }
.h-top a {color:#fff;}
.h-top-area { position: relative;    }
.h-top-select { box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 13%); z-index: 10; background: #fff; position: absolute; left:0rem; top: 2.5rem;padding: 1rem;   width: 100%;     }
.h-top-select .area-box   {          }
.h-top-select .area-box a { color:#000 ; }
.h-top-link { text-align: right; }
.h-middle { padding: 1rem 0; }

.navbar-toggler { color: rgba(0, 0, 0); }
.navbar-toggler-icon {  font-size: 2.5rem;  font-weight: bold; }
.h-middle-inner { display: flex; flex-wrap: wrap;align-items: center;  position: relative; justify-content: space-between; }

.header-logo {  }
.header-logo-des { float: right;  margin: 1rem 0;         }
.header-logo-des  dt { margin: 0 0 0.5rem; }
.header-logo-des span { background:#e70014;color: #fff;border-radius: 0.3rem; padding:0.2rem  0.5rem; margin:0 0.5rem 0 0; font-size:0.8rem;}
.header-searchin {  display:inline-block; width: 4rem; text-align: center;             }
.header-searchin i { font-size: 2rem; }
.header-icon { width: 3rem; visibility: hidden; display: none;}
.header-searchicon { display: none; font-size: 1.6rem; }
.header-search { min-width: 30rem;    }
.header-search-form { border: 0.05rem solid #eee; border-radius: 0.5rem; display:flex; }
.header-select { position: relative;          }
.header-select-inner { height: 3rem; border-radius:0.3rem 0 0 0.3rem; cursor: pointer; padding: 0 1.5rem 0 1rem; font-size:1rem; border: 0.05rem solid #eee;  }
.header-select-inner  selected {  background:#f5f5f5;  }
.header-searchbox {  position: relative; width:100%; }
.header-searchbox-input {  width: 100%; padding:0 5rem 0 1rem; height: 100%; border: 0.05rem solid #eee; border-radius:0  0.3rem 0.3rem  0;       }
.header-searchbox-button { position: absolute; top: 0; right: 0; border-radius:0  0.3rem 0.3rem  0; background:#f93961; color: #fff;    height: 100%;   border: none; padding: 0 1.5rem;}

.header-contact { width:12rem; display: inline-block;}
.header-contact span i { font-size:2rem;line-height:3rem;   }
.header-contact span {margin:0 0.6rem 0 0; float: left; display: inline-block; text-align: center; background:#e70014;width:3rem; height:3rem; border-radius: 1rem; color:#fff; }
.header-contact  p {color:#a9a9a9; font-size:0.9rem; line-height:1.5rem;}
.header-contact h5 { font-weight: bold; font-size:1.2rem; }

.mr-auto { margin-right: auto; padding: 0;}
.h-bottom { background: #000  }
.h-bottom-inner { position: relative; display: flex; align-items: center;justify-content:space-between;        }
.offcanvas-body {    }
.offcanvas-body ul>li { position: relative;   }
.offcanvas-body ul>li.active { background: #e70014; }
.offcanvas-body ul>li a  {display: inline-block;   font-size:0.9rem; font-weight: bold;  color: #fff;padding: 0.7rem 2rem;   }
.offcanvas-body ul>li a:hover {background: #e70014;  }
.offcanvas-body ul>li:hover ul.dropdown-menu{ display: block; }
.offcanvas-body ul>li>ul.dropdown-menu {transition:.3s;top: 2.7rem; border-top-left-radius:0;border-top-right-radius: 0; padding: 0;      }
.offcanvas-body ul>li>ul.dropdown-menu>li a {   padding: 0 1rem; display:block; font-weight: normal; font-size: 0.9rem;line-height: 2.5rem;  background: #000 }
.offcanvas-body ul>li>ul.dropdown-menu>li a:hover { background:#e70014; }
.offcanvas-body ul>li.nav-block { position:static;    }
.h-bottom-brand  { position: absolute; left: 0; width: 100%; background: #fff; top:100% ; z-index: 30; display: none;}
.offcanvas-body ul>li.nav-brand a:hover .h-bottom-brand   { display: block; }

@media  (max-width:992px) {
.header-searchicon { display:inline-block; }	
.header-icon { visibility: visible; }
.offcanvas-body ul>li {border-bottom:0.05rem solid #eee;  } 
.offcanvas-body ul>li::after { position: absolute; right: 0; } 
.offcanvas-body ul>li a { position: relative; line-height:2.5rem;font-size: 0.9rem;	color:#151515; padding: 0;font-weight: normal; }
.offcanvas-body ul>li a:hover { color:#000 background:none; }
.offcanvas-body ul>li>ul.dropdown-menu  {  border: none; background: #f5f5f5; padding: 0.3rem;}
.offcanvas-body ul>li>ul.dropdown-menu>li  { display: inline-block; width:auto; font-size: 0.8rem; border:none;}
.offcanvas-body ul>li>ul.dropdown-menu>li a { padding:0 0.5rem; border:none; line-height: 1.7rem; background:initial; }
.h-bottom-category { width: 100%; }
.h-bottom-category-body { width:100%; }
.h-bottom-category-body ul>li:hover>dl { opacity:1;display: block; }
.h-bottom-category-body ul>li>dl  { position: relative;left: 0; background: #f5f5f5;opacity: 1;width: 100%;display: none; }
.h-bottom-category-body ul>li>dl dt { display: none; }
.h-bottom-category-body ul>li>dl dd { display: block;width: 100%;border-bottom: 0.05rem solid #eee; }
.h-bottom-category-body ul>li>dl dd a { margin: 0 0.5rem; }
.h-bottom-category-body ul>li.h-bottom-subcat a::after {content: "\f196";}
.h-bottom-category-body ul>li.h-bottom-subcat dl>dd a:hover { background: #f5f5f5; }
.header-contact  { display: none; }
.header-icon { display: inline-block; }
}

@media  ( max-width: 575px)    {                     
.header-logo-des { display: none; }
.offcanvas-body ul>li.active { background:none;   }
.offcanvas-body ul>li

 }


/*  公共样式    */
.center-title {   text-align: center; margin:0 0 1.5rem;     }
.center-title h2,.center-title h1 {  font-size: 1.4rem; margin: 0 0 0.5rem; font-weight: bold;} 
.center-title p {  font-size: 1rem; color:#a9a9a9;}

.title-line {  position: relative;  margin:0 0 1rem;    }
.title-line h3 { font-weight: bold; font-size: 1rem; height: 2.5rem;line-height: 2.5rem;  display: block;    }
.title-line h3::before {  position: absolute; width: 2.5rem; height: 0.1rem; background: #000 content: ''; left: 0; bottom:0; }


.cat-title {  height: 1.7rem; overflow:hidden; }
.cat-title h3 { float:left;  font-size:1.2rem; color:#223341; font-weight: bold;  line-height:1.8rem;   }
.cat-title h4 { float:left;font-size:1.2rem;  color:#223341; font-weight: bold;  line-height:1.8rem; }
.cat-title span { float:right; font-size:0.9rem; line-height:1.7rem; }
.cat-title span  a {color:#5f6168; }

.crumb { padding: 1rem 0; color: #a9a9a9; font-size: 0.9rem;    }
.crumb a { color: #a9a9a9;     }
.crumb a:hover { color: #000 }
.bg-f9f9f9 { background:#f9f9f9;  }
.bg-fff { background: #fff; }
.bg-green { background:url(../img/footer-5-1.jpg) scroll no-repeat 0 30%; }
.bg-flower {background:url(/theme/img/qlty1.png) scroll no-repeat 10% 0; }
.box { background: #fff; border-radius: 0.3rem; padding: 1rem 2rem;  }

@media  ( max-width: 575px) {                     
.box    {  padding: 1rem;                     }
}

/*  服务    */


.serv-box  {margin: 1rem 0.5rem; color: #fff;  background:#000;padding: 4rem 1rem;text-align: center; position: relative; transition: all .5s; }
.serv-box:hover{ background:#283b6a; transform: translateY(-1rem);  }
.serv-box::after { width:calc(100% - 2rem);height:calc(100% - 2rem); position: absolute; top: 1rem; left: 1rem; content:'';border: 0.05rem solid #fff;  }
.serv-bg{ width: 100%; height: 100%; background-position: center; background-size: cover; position: absolute; left: 0;top: 0;opacity: .3; }      
.serv-icon { padding: 0.5rem 0 1.5rem;     }
.serv-icon i {font-size: 3.5rem;     }
.serv-text {    }
.serv-text h3 {  font-size: 1.2rem; font-weight: bold;     }
.serv-text span {  width: 2rem; height: 0.15rem; display: block; margin:1rem auto; background: #fff;   }
.serv-text p { font-size: 0.8rem;     }

@media  (max-width:576px) {
.serv-box {  margin: 0 0 1.5rem; padding: 2rem 1rem;    }

}

/*   服务类型     */
.se-box {     margin:0 0 1.3rem;    }
.se-img { position: relative;    }
.se-layer  { display: none; background: rgba(0,0,0,0.3); width: 100%;height: 100%;position: absolute; top: 0; left: 0; }
.se-info { background: #fff; padding:1rem 2rem;   }
.se-icon {  float: left; margin: 0.3rem;   }
.se-icon i  {  font-size: 3rem;    }
.se-text {     }
.se-text h4 {  font-size:1rem; font-weight: bold; line-height: 1.6rem;   }
.se-text p {  font-size: 0.9rem; line-height:1.2rem; color: #a9a9a9; height: 2.3rem; overflow:hidden;    }
.se-box:hover .se-layer { z-index: 5;  display: block;  transition: .3s; }
.se-box:hover  {box-shadow: 0 0.1rem 0.3rem rgb(0 0 0 / 15%);   }

@media (max-width:576px) {
.se-info  {padding: 1rem;  }
}

/* 服务 */
.service-box {  background: #fff; border-radius: 0.2rem; text-align: center; overflow:hidden;  }          
.service-box:hover { box-shadow: 0 0.1rem 0.3rem rgb(0 0 0 / 15%); }
.service-box-pic { position: relative;   width: 100%;                   }
.service-box-pic span {  position: absolute; width: 100%; height:100%; left: 0;top: 0; background:rgba(250,250,250,0); z-index:2;}        
.service-box-pic:hover span { background:rgba(0,0,0,0.1); }
.service-box-info {  padding: 1rem 1rem 2rem;      }
.service-box-info h3 { font-size: 1rem; font-weight: bold;                  }
.service-box-info p { font-size: 0.85rem; color: #a9a9a9;    padding: 0.8rem;               }
a.service-btn { color:#fff; background:  #000;border: 0.1rem solid  #000;font-size: 0.9rem;   display:inline-block;  height: 2rem; line-height: 2rem;  width: 6rem;            }
a.service-btn:hover {   border: 0.1rem solid  #000;background: #fff;  color: #000; }
.service-title {  text-align: center; padding: 1rem 0;    }
.service-title h1 { font-size: 1.5rem;  font-weight: bold;     }
.service-proce {   text-align: center;margin: 0 0 1rem; }
.service-proce span {  border:0.2rem solid #eee; background: #f9f9f9;  line-height:4.6rem;   width: 5rem; height: 5rem; border-radius: 50%; display:inline-block; color: #000}
.service-proce span i {  font-size: 2rem;          }
.service-proce h4 { padding: 0.5rem 0;  font-size: 1rem;        }
.service-proce:hover span { background:#000;color: #fff; }

.service-feature   { position: relative;          }
.service-feature::before {  top: 50%; left:0; width: 100%; height: 0.1rem; }
.service-feature::after {  top: 0; left: 50%; width: 0.1rem; height:100% ;      }
.service-feature::before,.service-feature::after    {content: ''; background: #eee; position: absolute;        }
.service-feabox  {     text-align: center; padding: 1rem 0;           }
.service-feabox dt {      }
.service-feabox dt img { width: 10rem; height: 10rem; overflow: hidden;  display:inline-block;  border-radius: 50%;     }
.service-feabox dd {   padding: 0.5rem 0;   }
.service-price {  overflow-x:auto;                    }
.service-price  table { width: 100%; border: 0.1rem solid #eee; text-align: center;  font-size: 0.9rem;   }
.service-price  thead { background: #f9f9f9; }
.service-price th {   padding: 0.4rem 0.6rem;   } 
.service-price td { border-top: 0.05rem solid #eee;  padding: 0.4rem 0.6rem;  margin-left: -0.05rem;   border-left: 0.05rem solid #eee;  }


.service-note {  font-size: 0.8rem; color: #a9a9a9; padding: 0.5rem 0;    }
.service-note li {  line-height: 1rem;       }

.service-info {                  }
.service-info dt  {   text-align: center; margin: 1rem 0; font-size: 0.8rem; color: #a9a9a9; font-weight: normal;                       }
.service-info dd  {   height: 2.5rem;  line-height: 2.5rem;   font-size: 1.1rem;                   }
.service-info dd i {    color:#000   font-size: 1.5rem;  line-height: 2.5rem;                   }

.service-range {    text-align: center; border-radius: 0.2rem; overflow:hidden; position: relative;  margin: 0 0 1rem; }
.service-range img {  width: 100%;    }
.service-range p {     position: absolute; height:2rem; line-height:2rem; text-align: center;background:rgb(249,249,249,0.7); font-size:0.9rem;  z-index: 1;  width: 100%; bottom: 0; left: 0; display: block;   }


.service-tip {                  }
.service-tip li {   line-height: 1.5rem;  font-size: 1rem; padding: 0.5rem 0;             }
.service-tip li i {  color: #000   font-size:1.3rem ;              }

.service-qa {                 }
.service-qa dl {    padding: 0.5rem 0;  border-bottom: 0.05rem dashed #eee;            }
.service-qa dt {   color: #000  font-size:1.1rem ;  font-weight: normal;  line-height: 2rem;             }
.service-qa dt i {   font-size:1.3rem ;               }
.service-qa dd {    font-size:0.9rem ;    line-height: 2rem;            }
.service-qa dd i{   font-size:1.3rem ;              }

.service-com {            }
.service-com li { display: flex;  border-bottom: 0.05rem solid #eee;       }
.service-com li .service-comicon{ text-align: center;  width: 5rem;          }
.service-com li .service-comicon i {    font-size:3rem;  color:#000      }
.service-com li .service-cominfo{   text-align: left; width:calc(100% - 5rem);          }
.service-com li .service-cominfo dl { padding: 0.8rem 0;font-size: 0.85rem; }
.service-com li .service-cominfo dt { color: #a9a9a9;     }
.service-com li .service-cominfo dd {   text-indent: 2em;    }
/*  服务内容  */
.suit-box { text-align: center; background: #fff; border-radius: 0.2rem; padding: 2rem 2.5rem;     }
.suit-box:hover {box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);}
.suit-border { border:0.1rem solid  #eee; margin: 0 0 1.3rem; }
.suit-head { text-align: center; margin: 0 0 0.5rem; }
.suit-head  h4 { font-size: 1.2rem; line-height:2.5rem;  color: #000 font-weight: bold;   }
.suit-head p { color: #a9a9a9 ; font-size: 0.9rem; line-height: 2rem;  }
.suit-head i { font-size:3rem; }
.suit-price { font-size: 0.9rem;margin:0 0 1rem; border-top:0.08rem solid #eee; border-bottom:0.08rem solid #eee; padding:0.5rem 0;}
.suit-price del { font-size: 0.8rem; color: #a9a9a9 ; text-decoration: line-through; }
.suit-price i {  font-size: 1rem;  font-style: normal;}
.suit-price p {  }
.suit-info { text-align: left; border-top: 0.08rem solid #eee; padding: 1rem 0; }
.suit-info dd { color:#a9a9a9 ;height: 2rem; line-height: 2rem; font-size: 0.9rem; }
.suit-info dd:hover { color:#1f1f1f; margin:0 0 0 2px; }
.suit-info dd i {        }
.suit-intro { margin:1rem 0 ;  color: #a9a9a9 ; font-size: 0.9rem; line-height:1.5rem;}
a.suit-btn {   padding: 0.5rem 2.5rem; display: inline-block; text-align: center; border-radius:0.4rem;  font-size: 0.9rem; background: #e8e8e8; }
a.suit-btn:hover { background: #000 color: #fff; }

/*  套餐  */

.pack-box { position: relative;  padding:3rem 2rem;  border-radius: 0.5rem;   background-color: #Fff;   overflow: hidden;  margin: 0 0 1.5rem;       }
.pack-icon { position: absolute;  right: -1.3rem; top: -1.3rem; width: 5rem; height: 5rem; border-radius: 50%; background: #000 color:#fff; text-align: center; padding: 1.5rem 1.5rem 0 0; }
.pack-icon i { font-size:1.8rem;  }
.pack-name {  padding: 0 0 0.5rem;       }
.pack-name h3 { font-size: 1.2rem;   font-weight: bold;     }
.pack-name p { font-size: 0.9rem; color: #a9a9a9; }
.pack-price {  font-size: 1.8rem; color: #e70014; font-weight: bold; padding: 0 0 1rem;    }
.pack-price span  { font-size: 0.9rem; font-weight: normal;     }
.pack-info {   border-top: 0.1rem solid #eee; padding: 1rem 0; border-bottom: 0.1rem solid #eee;     }
.pack-info li { color: #a9a9a9; padding:0 1rem;font-size:0.9rem;line-height: 1.8rem; height:1.8rem; overflow: hidden; }
.pack-info li i { color:#000 font-size: 1.1rem; line-height:1.8rem; margin: 0 0.5rem 0 0; }
.pack-info dd {  line-height: 2rem; height: 2rem; overflow: hidden;  display: flex; justify-content: space-between;    }
.pack-info dd h6 { font-size:1rem; font-weight: normal; line-height: 2rem; color: #a9a9a9; }
.pack-info dd span { color: #000 font-size:0.9rem;   }
.pack-btn { text-align:center;  }
.pack-btn a { font-weight: bold; background: #f9f9f9;   padding: 0.5rem; margin:1.5rem 0 0; display: block;}
.pack-btn a:hover {background:  #000color:#fff;         }

.pack-box.active { background-color: #000 color: #fff; }
.pack-box.active .pack-icon{ background:#fff;  }
.pack-box.active .pack-icon i { color:#000 }
.pack-box.active .pack-name p{ color: #fff; }
.pack-box.active .pack-price { color: #fff; }
.pack-box.active .pack-info { color: #fff; }
.pack-box.active .pack-info li { color: #fff; }
.pack-box.active .pack-info li i { color: #fff; }
.pack-box.active .pack-info dd h6 { color: #fff; }
.pack-box.active .pack-info dd span { color: #fff; }
.pack-box.active .pack-btn a:hover { background: #f9f9f9; color:rgba(118,167,19,1) ; }


/*  服务流程    */
.proce { display: block; overflow:hidden; background: #fff; border-radius: 1rem; text-align: center; padding:1.3rem 0 2rem;  position: relative; margin: 0 0 1.3rem; transition:all .3s ease; }
.proce i { display: block; font-size: 2.8rem; color: #000;line-height: 3rem; }
.proce h4 { display: block;font-size: 1rem;line-height:2.5rem;  }
.proce h6{font-weight: bold; font-size: 3rem; opacity: 0.1; color: #a9a9a9 ; position: absolute; bottom: -1.5rem; left: 0; right: 0; }
.proce:hover { background:  #000;color: #fff;      }
.proce:hover i,.proce:hover h6 { color: #fff;}

.procetext { margin: 0 0 1rem; padding: 2rem;   }
.procetext h4 { font-size: 1.1rem; line-height: 2rem; font-weight: bold;   }
.procetext p { font-size:0.9rem; line-height: 1.5rem; color: #a9a9a9;  }
.procepic { text-align: center; margin: 1rem 0; }
.procepic i {  color: #000  font-weight: bold;  font-size: 4rem;   }

/* 公司简介*/
.intro-right{  margin: 1rem 0;   }
.intro-right h4 {  color:#000 font-size: 1.3rem; }
.intro-right h2 { font-weight: bold;  color:#1f1f1f; font-size: 1.2rem; margin:0.8rem 0;  }
.intro-right p { color: #a9a9a9 ; font-size: 1rem; margin: 0.5rem 0; line-height:1.6rem; }
.intro-advlist {}
.intro-advlist li { color:#a9a9a9  ; padding: 0.2rem 0; }
.intro-advlist li i { color:#000 ; }
a.intro-btn { font-weight: bold; background: #000; color: #fff;  padding: 1rem 4rem; display: inline-block; text-align: center; border-radius:0.4rem;  font-size: 0.9rem;  }
a.intro-btn:hover { background:#e70014;color: #fff;  }

.intro-left { position: relative; max-width: 560px; padding: 0  0 30rem;   }
.intro-pic1 {z-index: 1;right:0; top: 0; position: absolute;  }
.intro-pic1 img { border-radius: 0.5rem; width:26rem; }
.intro-pic1::after { left:-15%; top:10%; }
.intro-pic1::before { left:-30%; top:0;   }
.intro-pic1::after,.intro-pic1::before { width: 0.2rem; height: 10rem; content: '';background:#000;position: absolute; }
.intro-pic2 { width: 45%; z-index:1;  position: absolute; left: 0; bottom: 0; border-right: 0.5rem solid #fff; border-top:  0.5rem solid #fff; }
.intro-pic2 img {  border-radius: 0.5rem; }
.intro-year { background:#000;border-radius: 0.5rem;  position:absolute; right: 0; bottom:0; display: block; width:55%; padding: 2rem 0; text-align: center; line-height: 4rem; color:#fff;}

.total-box {margin:1rem 0 0; padding:0 0 1rem; text-align: center; border: 0.1rem solid #eee; background: #fff; }
.total-box:hover { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);  margin: 0 0 1rem; transition: all ease-in-out 0.5s; border-bottom: 0.2rem solid #e70014; }
.total-box i { color:#e70014 ;  font-size:5rem; display: block;}
.total-box h3 { font-size:2rem;font-weight: bold;}
.total-box h3 span { font-size: 0.9rem; line-height: 3rem; color: #1f1f1f; }
.total-box h3::after { content: ''; display: block; font-size: 0.2rem;  }
.total-box p { color: #a9a9a9; font-size: 1rem;  }

/*  联系我们 */
.contact-box { background:#fff; padding:2rem 3rem 1rem; display:flex; border-bottom:0.1rem solid #E9ECEF;  }
.contact-icon { margin-right:1rem;  }
.contact-icon i { font-size:3rem; color:#00a0e8; }
.contact-info { margin:1rem 0; }
.contact-info dt {  font-size:1rem; font-weight:normal; }
.contact-info dd { font-size:0.8rem; color:#8B959D;}


.ma-box {  text-align:center; }
.ma-box dd {  }
.ma-box dd img { max-width:5rem; height:auto; }
.ma-box dt { font-weight:normal; font-size:0.95rem; line-height:3rem; color:#a9a9a9;}

/*    contact    */

.contact-box { border-radius: 0.3rem;   display: block; width:100%; height:100%; border:0.07rem solid #ebebeb;  padding: 2.5rem 1.3rem 1rem; background:#fff;   }
.contact-box span { height:0.14rem; width:3.5rem; background:#000;display: block; }
.contact-box h3 {margin:1.1rem 0; font-size:1.05rem; color:#a9a9a9; }
.contact-box p { font-size:1rem; line-height: 2rem; }
.contact-box p i { width:1.2rem;height:1.2rem;text-align: center; font-size:1.15rem; }
.contact-box:hover  {box-shadow: 0 0.14rem 0.28rem rgb(3 27 78 / 10%);}
.contact-box:hover span { width:13.5rem; }



/*       价格      */

.meal-table { border:0.05rem solid #eee; background: #fff;  }
.meal-table tr td { padding:1.3rem 2rem; }
.meal-table tbody  td:hover{ background:#e8e8e8;  }

.meal-table thead th  {  padding:2rem; }
.meal-table thead th:first-child { border-top-left-radius:0.3rem; }
.meal-table thead th:first-child { border-top-left-radius:0.3rem; }

.meal-thead-left  {   font-weight: bold;  text-align: right;   vertical-align: top;  font-size:1.2rem; }
.meal-thead-right  {   min-width:20rem; width: 20rem; border-left:0.05rem solid #eee;  text-align: center;  padding:1.3rem;   }
.meal-name {  font-size:1rem;    }
.meal-price{  font-size:2.5rem;  font-family:"Arial,self";   position: relative; margin:1.3rem 0; color: #000 }
.meal-price span  {   font-weight: bold;   font-size:1rem;    top:0.6rem;  }
.meal-price small {  font-size:0.9rem;   font-weight: normal;    }
.meal-user {   }
.btn-meal { background:#e8e8e8; padding:0.6rem 1.3rem;  }
.btn-meal:hover { background:#e70014;color:#fff; }
.meal-hover { background:#94a6c4; }

.meal-tbody-left  {   font-weight: bold; text-align: right;         }
.meal-tbody-right { border-left:0.05rem solid #eee;   min-width: 20rem; width: 20rem;  position: relative;       }

.meal-li  {   align-items:center;justify-content:center;  text-align: center; margin:2rem 0 3rem;  }
.meal-li li { display: inline-block; margin:0 2rem 0 0.6rem; }
.meal-li li i { color:#000 }


/*   文化      */

.culture-box {  position:relative;  background:#fff; border-radius:0.3rem;  padding:2rem 1.3rem 1.3rem ; margin: 3rem 0 0;box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);}           
.culture-box  h3   {   font-size:1.2rem; margin: 0 0 0.6rem;font-weight: bold;                  }
.culture-box  h4   {   font-family:Arial,Impact,Georgia; font-size:1rem;margin: 0 0 0.6rem; font-weight: bold;  color: #000              }
.culture-box  p   {     font-size:14px;  color: #a9a9a9;}
.culture-box  span   { font-family:Arial,Impact,Georgia;  position: absolute;   right: 2rem; top:-2.8rem;font-weight: bold;  font-size: 4rem; color: #000  }
.culture-bg { background:url(../img/culture_bg.png) scroll no-repeat 50% -30%; }
.culture-box:hover { background: #000box-shadow: 0 2px 4px rgb(3 27 78 / 10%); }
.culture-box:hover h3,.culture-box:hover h4,.culture-box:hover  p  { color:#fff;     } 
.culture-box:hover span { color:#fff; top:0; }
.culture-text   {                   }
.culture-text h3{    font-size: 1rem; line-height: 2rem;  font-weight: bold; }
.culture-text p {  font-size: 0.9rem; line-height: 2rem;                      }

@media (max-width:769px) {
.culture-bg  { background-image:none; }
}

/*  相册   */  

.album-box {   position: relative;   margin:0 0 4rem; }
.album-box p {            }
.album-box h4 { bottom:-1.5rem; left:2rem; right:2rem; position: absolute; text-align: center;     z-index: 3; background:#fff; padding:1rem 2rem; display: block; font-size:0.9rem;box-shadow: 0 2px 4px rgb(3 27 78 / 10%); font-weight: bold;  }

/*    大事件   */

.event-tab {                            }
.event-tab ul  {  border-bottom:0.15rem solid #eee;                    }
.event-tab li   { margin: 0 0.5rem 0 0;                            }
.event-tab li a { padding:0.6rem 1rem; background: #e8e8e8; text-align: center;            }
.event-tab li a.active,.event-tab li a:hover { background: #000 color: #fff;  font-weight: bold;                   }
.event-box { background: #fff; margin: 0 0 1.5rem; padding:1rem; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);  }
.event-box h3  { font-size: 1rem; font-weight: bold;  line-height: 2rem;                }
.event-box p{ color: #a9a9a9 ; font-size: 0.85rem; line-height: 1.2rem;      }

@media  ( max-width: 575px)    {                     
.event-tab ul {   border:none;                        }
.event-tab li   { margin: 0.8rem 0.5rem;                            }
.event-tab li a { padding: 0.5rem;   }
}


/* 搜索页    */
.search-tip {   margin: 0 0 1rem; text-align: center;     }
.search-tip h1 {  font-size:1.4rem;  line-height: 3rem;  font-weight:bold;      }
.search-tip p {   font-size:0.9rem;  line-height: 1.6rem;      }  
.search-tip p strong { color:#e70014; }
.search-form{   margin: 0 15%;            }
.search-form form{  position: relative;            }
.search-form input{  border:0.1rem solid #eee; height:2.3rem; line-height:2.3rem; border-radius:0.1rem; font-size:1.1rem;      }
.search-form button {  position: absolute; right:0; top:0; height:2.3rem; border:none; border-radius:0 0.2rem 0.2rem 0; padding: 0 0.6rem; background:#e70014;padding: 0 1rem; color: #fff; font-weight: bold; }

.search-box {  background: #fff; border-radius: 0.2rem; margin:0 0 1.3rem; padding:0.6rem 1rem;          }
.search-box:hover { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); }
.search-box h3 { line-height: 1.1rem; height: 3rem; overflow: hidden;     }
.search-box h3 a { font-size: 0.95rem; font-weight: bold;}
.search-box p { font-size: 0.85rem;color:#a9a9a9; line-height: 1.2rem; margin: 0.5rem 0; height: 5rem; width:100%;overflow: hidden; text-overflow:ellipsis;   }
.search-box ul { justify-content:space-between; display: flex; border-top: 0.05rem solid #eee;  }
.search-box ul li { color: #a9a9a9;  display: inline-block; font-size: 0.8rem;  line-height:2rem;      }
.search-box ul li:first-child,.search-box ul li a { color: #000 }
/*       合作品牌         */
.logo-box {                }
.logo-box dd {                }
.logo-box:hover dd    {   box-shadow:0 3px 5px rgb(0 0 0 / 15%) }
.logo-box dd img {  border: 0.05rem solid #eee;              }
.logo-box dt {  text-align: center; padding:0.5rem 0 1rem;              }
@media  ( max-width: 575px)    {                     
.logo-box dt {   font-weight: normal;     }
}

/*  新闻        */

.news-box { background: #fff; padding:1rem; border-radius: 0.3rem; margin: 0 0 1.5rem;         }
.news-box:hover {box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);  }
.news-box-thumb { overflow: hidden;                   }
.news-box-thumb img {  width: 100%;transition: .3s;               }
.news-box:hover .news-box-thumb img { transform:scale(1.1); }
.news-box-info {                    }
.news-box-info h3 {  padding: 0.5rem 0;    font-size:1rem; font-weight: bold;    }
.news-box-info h3 a{  height: 2.6rem;overflow: hidden;  line-height: 1.3rem;                }
.news-box-info p {background: #f9f9f9; font-size: 0.8rem;  height: 3.1rem; line-height: 1.3rem; overflow: hidden; color:#a9a9a9;  padding: 0.3rem;               }
.news-box-meta { position: relative; font-size: 0.75rem; height: 1.5rem; padding: 0.5rem 0 0; color: #a9a9a9;                                   }
.news-box-meta .meta-left {   position: absolute; left: 0;    }
.news-box-meta .meta-right {   position: absolute; right: 0;      }



.news-header  { text-align: center; border-bottom: 0.1rem solid #eee;padding: 0.6rem 0;  margin: 0 0 1.3rem; }
.news-header  h1 { font-size: 1.5rem; font-weight: bold; line-height: 2.2rem;margin: 0 0 1rem; }
.news-header  p { color: #a9a9a9; line-height: 1.3rem; font-size: 0.9rem; }
.news-header  i { margin: 0 0 0 0.6rem; }

@media ( max-width:575px)  {

}
.news-content { font-size: 1rem; min-height:20rem; }
.news-content  p{ max-width:100%; word-wrap:break-word; line-height: 2rem; margin: 0.3rem 0; }
.news-content h2 {font-size:1.15rem;line-height:2.2rem; font-weight: bold;}
.news-content h3 {font-size:1.1rem;line-height:2rem; font-weight: bold;}
.news-content h4 {font-size:1.05rem;line-height:2rem;font-weight: bold;}
.news-content h5 {font-size:1rem;line-height:1.8rem;font-weight: bold;}
.news-content h6 {font-size:0.95rem;line-height:1.7rem;font-weight: bold;}

.news-content ul {margin-bottom:1rem;margin-left:1rem;}
.news-content ul li {list-style:circle;margin-bottom:0.3rem;}
.news-content ol {list-style-type:decimal;margin:0 0 1rem 2rem;padding:0;}
.news-content ol li {list-style-type:decimal;}
.news-content .img-zoom {overflow:visible;}
.news-content img {height:auto!important;transition:none;margin:0.5rem auto; max-width: 100%!important;  }
.news-content ul { margin:0.5rem 1rem;         }
.news-content li {  list-style:disc; line-height: 1.5rem;            }
.news-content blockquote { border-left: rgba(118,167,19,1) 0.2rem solid ;    position: relative;  padding: 1.5rem; background: #f9f9f9; margin: 1rem 0; }
.news-content blockquote::after {  font-family:"bootstrap-icons";  content: "\F6B0";  font-size: 2rem;position: absolute; right:1rem; bottom: 0.5rem; color: #e8e8e8;        }


.news-end  { position:relative;  text-align: center; color:#a9a9a9; font-size: 0.9rem; margin: 3rem 0; }
.news-end::before {  content: '-'  }
.news-end::after { content: '-' } 

.news-tags {padding:1.3rem 0;border-top:0.05rem solid  #eee;  }
.news-tags h4{  font-size:1rem; font-weight: bold;  line-height:1.3rem;   height:1.3rem;  margin: 0 0 1.3rem;         }
.news-tags ul { overflow: hidden;   }
.news-tags li { display: inline-block; }
.news-tags li a {  display: block;   background: #f9f9f9;   white-space: nowrap; font-size:0.9rem;padding:0.3rem 0.6rem; border-radius:0.3rem;   margin: 0 0 0.6rem ; }
.news-tags li a:hover {  background:#000color:#fff;}
.news-prenext { border:0.05rem solid #eee;}
.news-prenext li {  font-weight: bold;  padding:2%; display: inline-block; width:49%;font-size:0.9rem; vertical-align:top; line-height:1.4rem; }
.news-prenext li a { font-size:0.9rem;  font-weight: normal; }
.news-prenext li:nth-child(2) { text-align:right;  }



/*  案例       */

.cases-tab { }
.cases-tab li {    text-align: center;   margin: 0.3rem 0.6rem 0.6rem; display: inline-block;  }
.cases-tab li a   {  font-size:1rem; padding:0.5rem 1rem;  color:#001c47;  background:#fff; border-radius: 0.4rem; background:#e8e8e8;  }
.cases-tab li a.active,.cases-tab li a:hover { background:#000;color:#fff;  border:none;   } 
.cases-tab li i  { margin: 0 5px 0 0; }
.case-box { margin:0 0 1.5rem;    position: relative;    }
.case-box:hover {box-shadow: 0 .125rem .25rem #000;  }
.case-thumbnail {   overflow: hidden;       }
.case-thumbnail img { width:100%;   transition: .3s;}
.case-box:hover .case-thumbnail img { transform:scale(1.1); }
.case-text { position: absolute;  top:0; left:0;  z-index: 2;  padding:3rem 2rem; display: none; }
.case-text h3  { font-size:1.1rem;   color:#fff;  font-weight: bold;    }
.case-text h3 a { color:#fff; }
.case-text h3 a:hover { color:#24a88e; }
.case-text p  {  font-size:1rem;  color:#fff;   border:0.05rem solid #fff; padding: 0.3rem 0.6rem;  border-radius: 0.2rem; margin: 0 0 0.5rem;    }
.case-icon {position: absolute; right:30px; bottom:30px; color:#fff; display: none; }
.case-box:hover .case-text { display: block;   }
.case-layer{ background:#e70014; display: block;  } 
.case-box:hover .case-layer { opacity:0.6;background:#000;width:100%; height:100%;display: block;position: absolute; bottom:0; left:0;    } 
.case-box:hover .case-icon { display:block;  }

.case-li  {  margin: 0 0 1.3rem;                       }
.case-li li {display:inline-block;  margin: 0 1rem 0 0; line-height: 2rem;        }
.case-li li a {  font-size: 1.1rem;                      }
.case-li li.active a { color: #000 font-weight: bold;   border-bottom: 0.1rem solid #000  padding: 0.3rem 0;                  }
.case-li li a:hover {                       }


@media screen and (max-width:992px) {
.case-text { display: block;  bottom:30px; left:20px;top:auto; padding:0; }
.case-text p { display: none; }	
.case-layer { position: absolute;opacity:0.6;background:#001c47; top:0;left:0; width:100%;height: 100%; }
}
@media  ( max-width: 575px)    {                     
.cases-tab li a { padding:0.3rem 0.2rem; }
 }



.case-title {  margin: 0.5rem 0;           }
.case-title h1 { font-size: 1.5rem; line-height: 2.2rem; font-weight: bold;            }
.case-slide {               }
.case-slide li { display: inline-block; width:25%; padding: 0.5%;  }
.case-slide li a {border: 0.1rem solid #eee; display: block; padding: 0.3rem;  }
.case-slide li a.active {  border: 0.1rem solid #e70014;            }

.case-intro {                        }
.case-intro h3 {line-height: 2rem;  font-size: 1rem;  font-weight: bold;  color: #a9a9a9;                }
.case-intro p {  font-size:0.9rem; line-height: 1.5rem; text-indent:2em;                   }
.case-info {  position: relative;   }
.case-info::before{  content:''; width:100%; height:0.05rem; background:#eee; position: absolute; top:50%; left:0;   }
.case-info::after{ content:''; width:0.05rem; height:100%; background:#eee; position: absolute; top:0; left:50%;   }
.case-inbox {   text-align: center; padding:1rem 1rem 1rem 0;     }
.case-inbox dd {  color: #a9a9a9;     }
.case-inbox dt {  line-height:2rem;      }
@media screen and (max-width:992px) {
.case-info   {text-align: left; margin: 0 0 1rem; }
.case-info::before { position: relative;}
.case-info::after { position: relative; }
.case-inbox   { text-align: left; padding: 0; }	
}

/*   商品列表   */

.pro-li { background: #fff; }
.pro-li li { display: inline-block; text-align: center; width: 25%; padding: 0.5rem 0;}
.pro-li li.active {  background: #e70014;     }
.pro-li li a {  font-size: 1rem;                    }
.pro-li li.active a {  color: #fff;  font-weight: bold;   }

.pro-box { background: #fff;  margin: 0 0 1.5rem;  padding: 1rem;      }
.pro-box:hover { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);   }
.pro-box-thumb {  overflow: hidden; position: relative; }
.pro-box-thumb img{ width:100%;   transition: .3s;  }
.pro-box-thumb span { position: absolute; right:0; top:0; z-index: 2; background:#e70014; width: 2rem; height: 2rem; line-height: 2rem; color: #fff; display: block; text-align: center; opacity: 0.8; }

.pro-box:hover .pro-box-thumb img { transform:scale(1.1); }
.pro-box-info { background: #f9f9f9; padding:0.5rem;   }
.pro-box-info h3 { font-size:1rem;  font-weight: bold; line-height: 2rem;  }
.pro-box-info h3 a {     }
.pro-box-info p { color: #a9a9a9; font-size: 0.8rem; }

/*  商品    */
.pro-title  {     margin: 1rem 0 0.5rem;        }
.pro-title h1  { font-size: 1.4rem; line-height: 2rem;  font-weight: bold;           }
.pro-slide { padding:1rem 0;                  }
.pro-slide li {    width: 21%;margin:0 2%;               }
.pro-slide li a { border: 0.1rem solid #e8e8e8; border-radius: 0.1rem; display: inline-block;                 }
.pro-slide li a.active {  border: 0.1rem solid #e70014;                }


.pro-price {  line-height: 3.5rem;  color: #a9a9a9;      }
.pro-price  span {  color:#e70014;  font-weight: bold; font-size: 2rem;     }
.pro-data {  border-top: 0.1rem solid #eee;  border-bottom: 0.1rem solid #eee; padding:0.5rem 0;    }
.pro-data li { line-height:2rem; width:49%;  display: inline-block; font-size: 0.9rem; color: #a9a9a9;       }
.pro-data li span{ color: #333;         }

.pro-consult  {  margin: 2rem 0;       }
.pro-btn { color: #fff;  background: #000  font-size:1rem;  border-radius: 0.4rem; padding: 0.5rem 1.5rem; margin:0 0.5rem; }
.pro-promise { color: #a9a9a9; line-height: 2rem;  font-size: 0.9rem;      }
.pro-promise i { color: #000 }

.pro-tab {  border-bottom: 0.2rem solid #eee;  margin: 1rem 0;  padding:0.5rem 0 0.4rem;              }
.pro-tab li {   display: inline-block;               }
.pro-tab li a{   background: #f9f9f9; padding: 0.5rem 0.7rem; margin: 0 0.5rem 0 0;                 }
.pro-tab li.active a,.pro-tab li a:hover{  background: #000  color: #fff;                }

.pro-tit {  margin:1rem 0; border-bottom: 0.1rem solid #eee;      }
.pro-tit h3 { font-size: 1rem; font-weight: bold; line-height: 2rem;        }


.pro-des { font-size: 0.95rem; line-height: 1.6rem;      }

.pro-parameter  { overflow-x: auto;  }
.pro-parameter  table { width: 100%; border: 0.1rem solid #eee; text-align: center;  font-size: 0.9rem;   }
.pro-parameter  thead { background: #f9f9f9; }
.pro-parameter th {   padding: 0.4rem 0.6rem;   } 
.pro-parameter td { border-top: 0.05rem solid #eee;  padding: 0.4rem 0.6rem;  margin-left: -0.05rem;   border-left: 0.05rem solid #eee;  }


.pro-adv { background: #f9f9f9; border-radius:0.3rem;padding:2rem 1rem; text-align: center;  margin:0 auto 1rem;  }
.pro-adv span { width:4rem; height:4rem;  background:#e70014; display: inline-block;  border-radius: 50%;  line-height: 4rem;  }
.pro-adv span i{ color:#fff; font-size: 2.5rem;           }
.pro-adv h4 {  padding: 1rem 0; font-size:1rem; font-weight: bold;        }
.pro-adv p {  font-size: 0.85rem; color: #a9a9a9; line-height: 1.2rem; height: 3.6rem; overflow: hidden; }

.pro-qa { box-shadow: 0 0.1rem 0.3rem rgb(0 0 0 / 15%);  }



/*    客户评论   */
.guest-box { background: #fff;  position: relative; padding:3rem 2rem 0.5rem; border-radius: 0.3rem;           }
.guest-box i {    font-size: 3rem; color: #000  position:absolute; left:2rem;top:-1rem; z-index: 3;  }
.guest-box span {  position: absolute;right: 2rem; top:0.5rem; background:#e70014; color: #fff;  border-radius: 0.2rem; padding: 0.2rem 0.6rem; text-align: center;  }
.guest-text { font-size: 1rem;margin: 0 0 2rem; line-height: 1.5rem; height:4.5rem; overflow: hidden;}
.guest-info {              }
.guest-info h4 { font-size:0.85rem; margin: 0 0 0.5rem;           }
.guest-info h6 {  font-size:.9rem; font-weight: normal;   color: #a9a9a9;          }
.guest-logo { float: right; width:6rem; border:0.05rem solid #eee;}

.owl-guest { position: relative; }
.owl-guest .owl-nav {      }
.owl-guest .owl-nav button { background: #fff; position: absolute;top:0;bottom: 0; align-items: center; opacity:0.5; }
.owl-guest .owl-nav span { font-size: 3rem; }
.owl-guest .owl-nav .owl-prev {  left:0; }
.owl-guest .owl-nav .owl-next { right:0;  } 
.owl-guest .owl-dots .owl-dot span { background:#a9a9a9 !important; }
.owl-guest .owl-dots .owl-dot.active span { background:rgba(118,167,19,1) !important; }

/*服务特色*/
.ser-box {     margin:0 0 1.3rem;    }
.ser-img { position: relative;    }
.ser-layer  { display: none; background: rgba(0,0,0,0.3); width: 100%;height: 100%;position: absolute; top: 0; left: 0; }
.ser-info { background: #fff; padding:1rem 2rem 1.5rem;   }
.ser-icon {  float: left; margin: 0.5rem;   }
.ser-icon i  {  font-size: 3rem; color:#000   }
.ser-text {     }
.ser-text h4 {  font-size: 1.1rem; font-weight: bold; line-height: 2rem;   }
.ser-text p {  font-size: 0.8rem; line-height: 1.2rem; color:#a9a9a9; height: 2.4rem; overflow:hidden;   }
.ser-box:hover .ser-layer { z-index: 5;  display: block;  transition: .3s; }
.ser-box:hover  {box-shadow: 0 0.1rem 0.3rem rgb(0 0 0 / 15%);   }

/*  侧边栏       */
.w-nopadding { padding: 0!important; border-radius: 0.2rem; overflow: hidden; }
.w-box {  background: #fff; border-radius: 0.3rem; padding: 1rem;      }
.w-title {  position: relative;margin: 0 0 1rem;border-bottom:0.1rem solid #eee;   padding: 0 0 0.4rem; }   
.w-title h3  { font-size:1.05rem; font-weight: bold;  }
.w-title span { position: absolute; right:0; top:0; font-size:0.9rem; }
.w-title span a { color:#a9a9a9; }

.w-tags { font-size:0.9rem; }
.w-tags a {border-radius:0.2rem; margin:0 0.3rem 0.6rem 0 ; display: inline-block; background:#f9f9f9; padding:0.3rem 0.6rem; color: #a9a9a9; }
.w-tags a:hover { background:#e70014;color: #fff;  }

.w-search {   padding:0.5rem 0;  }
.w-search form {  display: flex; }
.w-search input {  border: 0.1rem solid #eee; width: 100%; padding: 0.2rem 0.3rem;border-radius:0.3rem 0 0 0.3rem;    }
.w-search button { font-weight: bold; width: 3rem; line-height: 3rem; height:3rem; color: #fff; text-align: center; background:#e70014; border-radius: 0 0.3rem 0.3rem 0; transition: all .3s ease-in-out;  flex-shrink: 0;  border:none;}

.w-total {                                     }
.w-total li {   padding: 0 0  0.3rem;  }
.w-total li a { justify-content:space-between;  display:flex;  align-items: center;  font-size:0.95rem; }
.w-total li a span { background:#f9f9f9; border-radius: 0.2rem;min-width:1.5rem;  display: inline-flex;    align-items: center; padding: 0.1rem 0.3rem; }
.w-total li a:hover  span {  background:#000;color: #fff;  }

.w-iconnews {                           }
.w-iconnews li   {  height: 2rem; line-height: 2rem; overflow: hidden;                         }  
.w-iconnews li a  { position: relative;   font-size:0.9rem;     }
.w-iconnews li a:hover i  {  color: #000   }
.w-iconnews li a i {  font-size:1.3rem; color:#e8e8e8; width: 3rem;  font-style: normal; font-weight: bold; margin: 0 0.5rem 0 0 ; }

.w-pro {  position: relative; padding: 0.5rem 0;      }
.w-pro-thumb { width:6rem; position: relative; overflow: hidden; }
.w-pro-thumb img { border-radius: 0.2rem; width: 100%; transition: .3s;}
.w-pro-thumb img:hover {transform:scale(1.1);}

.w-pro-info { width:calc(100% - 7rem);  position:absolute; left: 7rem; top:0.5rem;   }
.w-pro-info h4 {  font-size: 0.85rem; font-weight: bold;width:100%; overflow: hidden; height: 1.4rem;   }
.w-pro-info h4 a   {         line-height: 1.4rem;   }
.w-pro-info p  { font-size: 0.8rem; color: #a9a9a9; height: 2.4rem; line-height: 1.2rem; overflow: hidden; }

.w-csad  {  position: relative;          }
.w-caad-pic {           }
.w-csad-info{  position: absolute; left: 0;bottom: 0; width: 100%; z-index: 1; }
.w-csad-info::after { background-color: #000 content: ""; width: 100%; height: 10rem; right: 0;bottom: 0; z-index: -1;clip-path: polygon(0 40.8%,100% 0,100% 100%,0 100%); display: block; }
.w-csad-info dl { position: absolute; bottom: 0; z-index: 5; width: 100%; padding: 1rem 3rem; color: #fff;  }
.w-csad-info dd { font-size: 0.9rem; text-align: center;  }
.w-csad-info dt { font-size: 1.3rem;  }

.w-cate {   background: #fff;    }
.w-cate li {     border-bottom: 0.05rem solid #eee; }
.w-cate li a { padding:1rem 1.5rem; display: block; position: relative;  font-size:0.9rem; font-weight: 600; }
.w-cate li a::after  {content: "\F285"; font-family: "bootstrap-icons"; position: absolute; width: 1.3rem ;height:1.3rem;  line-height:1.3rem; text-align: center; right: 2rem; top: 1.2rem;  font-size:0.8rem;  }
.w-cate li.active a,.w-cate li a:hover{   background: #000 color: #fff;     }
.w-cate li.active a::after,.w-cate li a:hover::after { background: #fff; color: #333;  border-radius: 50%; }
/* 特点  */
.pt-box { margin: 0 0 1.5rem;    }
.pt-box span { padding: 0.5rem; display: inline-block; border-radius: 50%;   background:#000;color: #fff;  width: 5rem; height: 5rem; text-align: center; margin: 0 1.5rem 0 0;vertical-align: top;  }
.pt-box span i { font-size: 3rem;line-height: 4rem; }
.pt-box dl { display: inline-block; width: calc(100% - 7rem); }
.pt-box dt   {   font-size: 1rem; line-height:1.8rem;         }
.pt-box dd  {    font-size: 0.9rem;   color: #a9a9a9;   line-height: 1.5rem;   } 


/*   特点 */
.adv-box { margin:0 0 1rem; }
.adv-box h3 { font-size:1.1rem; font-weight: bold; line-height: 1.8rem;  }
.adv-box p {  font-size:0.9rem; color: #a9a9a9; text-indent: 2em; line-height: 1.4rem;  }
.adv-pic {  border-radius: 50%; border: 0.3rem solid #000 width: 80%; }
/*  分页     */
.pages  {   font-size:1rem; text-align: center; margin: 0 auto;   }
.pages  a    { margin:0.3rem 0; display: inline-block;  border-radius: 0.1rem;    text-align: center; padding:0.5rem  0.8rem;  background:#fff; border:0.05rem solid #eee; }
.pages  a:hover    { background:#000;color:#fff;     }
.pages  b    {  border-radius: 0.1rem;  padding: 0.6rem 1rem ; background:#000;color:#fff;    }
@media (max-width:576px) {
.pages  {  font-size: 14px; }
.pages a { padding: 5px 10px;  }
.pages b { padding: 5px 10px;  }
}


/* city */
.city-box { background: #fff; padding: 1rem 1.5rem; border-radius:0.3rem; margin: 0 0 1.3rem;        }
.city-box dt { font-size: 1.1rem;  line-height:1.6rem; }
.city-box dd { font-size: 1rem; line-height: 1.6rem;  border-bottom:0.05rem dashed #eee; padding: 0.5rem 0;}
.city-box dd strong {  color: #000 }
.city-box dd a { word-break:keep-all;white-space:nowrap; margin:0 0.5rem 0 0; font-size: 0.95rem;}
.city-box dd a.hotcity {  color: #FE6600;      }
/*  sitemap     */
.sitemap   {  padding:2rem; background: #fff; }
.sitemap dl {   border-bottom: 0.05rem dashed #eee; padding: 0 0 1rem; }
.sitemap  dt {  line-height: 2.5rem; font-size: 1rem;   }
.sitemap  dd {  margin: 0 0 0 1rem; line-height: 2rem;    }
.sitemap  dd a {   margin: 0 0.5rem 0 0;  font-size: 0.9rem;  }
@media  (max-width:576px )   {
.sitemap { padding:1rem;}
.sitemap  dd { margin: 0; }
}
/* 404 */
.box-404 {   background: #fff;padding: 3rem;   z-index: 1;  position: relative; }
.box-404 h2 { font-size: 5rem; color:#e70014;line-height: 6rem; margin:1.5rem 0;}
.box-404 h5 { font-size: 1.5rem;  }
.box-404 p  { font-size: 0.9rem; color: #a9a9a9; padding:1.5rem 0; }
a.btn-404   {  background: #e8e8e8;border-radius: 1.5rem; padding:0.7rem 2rem;  display: inline-block; margin: 0 1rem;  }
a.btn-404:hover  {  background: #000 color: #fff;  }

/* tags*/
.tags-box { background:#fff; padding:1rem;display: block; margin:0 0 0.6rem; border-radius:0.2rem;}
.tags-box:hover { background: #000;color:#fff;}
.tags-box:hover p,.tags-box:hover i{ color:#fff;}

.tags-box h3{ font-weight: bold; font-size: 0.9rem; margin: 0 0 0.6rem; height:1.3rem; line-height:1.3rem; overflow: hidden;  }
.tags-box h3 i { color:#000 }
.tags-box p {font-size:0.85rem; color:#a9a9a9;}
.tags-letter { margin: 0.6rem 0 ; border-bottom:0.05rem solid #eee; padding: 0 0 1.3rem; font-size:1.2rem;  }
.tags-letter a { font-family:Arial,Impact,Georgia; display: inline-block; margin: 0 0.6rem 0.3rem 0;   padding:0 0.6rem; text-transform: uppercase; }
.tags-letter a:hover {  font-weight: bold; }
.tags-letter span {  font-size: 1rem;  }
@media (max-width:576px) {
.tags-letter span { display: block; text-align: center; line-height: 1.3rem; }
}
.tags-block {display:block; margin-bottom:1.3rem; background:#fff; border-radius:0.3rem; padding:1.3rem; }
.tags-alphabet { font-size:2rem; font-family:Arial,Impact,Georgia; font-weight: bold;    }
.tags-info{font-size:0.9rem; padding:0.3rem 0.6rem; }
.tags-info a { background: #f9f9f9; padding:0.3rem 0.6rem; margin: 0 0.3rem 0.6rem; display: inline-block; border-radius: 0.15rem; color:#a9a9a9;     }
.tags-info a:hover {background:#000;color: #fff; }
.tags-info a i {color:#000   }
.tags-info a:hover i {color: #fff;}

.tag-thumb {      }
.tag-info {  padding: 1rem 0;    }
.tag-info h1 { font-size: 1.5rem;  line-height: 2rem; font-weight: bold; margin: 0 0 0.5rem;    }
.tag-info p { color: #a9a9a9; font-size: 0.85rem; line-height: 1.4rem;    }

.tab-choose {            }
.tab-choose li {margin:0.5rem 1rem; line-height: 2.5rem;  display: inline-block;   text-align:center;     }
.tab-choose li a {   background:#fff; padding:0.8rem 1rem; font-size:1rem; border-radius: 0.2rem;}
.tab-choose  li a.active,.tab-choose  li a:hover { background:#000;  color:#fff; font-weight: bold; }
.choose-box {  background:#fff;  } 
.choose-pic {   }
.choose-pic img { width:100%;  }
.choose-info  {  padding:2rem; }
.choose-info h3 { font-size:1.2rem; line-height:2rem; font-weight:bold; margin:0 0 0.5rem;  }
.choose-info p { font-size:0.9rem; line-height:1.5rem; color:#808080;margin:0 0 1rem; }
.choose-info a.chooose-btn {  background: #E5912F;   padding: 1rem 2rem; display: inline-block; text-align: center; border-radius:0.2rem;  font-size: 0.9rem; color:#fff;  }
.choose-info a.chooose-btn:hover { background:#0e3d60; }

@media  (max-width:576px) {
.tab-choose li i { display: block;}
}




/*   网站底部      */

footer { background-color:#262626;padding:3rem 0 0 ;  color:#fff; margin:3rem 0 0;position: relative;  }

.f-cta { margin:-6rem 0 2rem;   padding:1rem;  background: #e70014 scroll no-repeat 0 0;   }
.f-advbox { position: relative; color: #fff; }
.f-advbox span { display: block;  width: 4rem; height: 4rem; border-radius: 50%; text-align: center;}
.f-advbox span i { font-size: 2rem; line-height:4rem; }
.f-advbox ul  { position: absolute; top:0px; left: 4rem; padding: 0.6rem 0;  }
.f-advbox li { height: 1.3rem; line-height:1.3rem; font-size: 1rem; }
.f-menu {          }
.f-menu dt {          }
.f-menu dd { font-size: 0.9rem;  line-height: 2.5rem;         }
.f-menu dd a { color: #fff; }
.f-title {       }
.f-title h3 {  font-size: 1.2rem; color: #fff; line-height: 3rem;      }
.f-contact {        }
.f-contact  li {  line-height: 2rem;  }
.f-border-right { border-right: 0.1rem solid #eee; }
.f-intro {   }
.f-intro p { line-height:1.5rem;font-size:1rem; }
.f-wechat  {  text-align: left;           }
.f-wechat img {  margin:0 0 0.6rem; }
.f-wechat h5  {   font-size:0.9rem;          }

.f-list { }
.f-list ul { margin: 0; padding: 0;  }
.f-list li {line-height:1.6rem;font-size:0.95rem;  }
.f-list li a { color: #fff;  }

.f-bar { padding:30px 0 20px 0; text-align: center; background-color:#000;  }
.f-bar  a { color:#fff; }


@media (max-width:993px) {

.f-contact-icon { margin:0 0.6rem 0 1.3rem;     }
.f-contactbox {  border:none; margin:1rem; }

}