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:#001c47;
	text-decoration: none;
}
a:hover {
	color:#fc5e16;
	text-decoration: none;
}
button,input,textarea {
	letter-spacing:.5px;
	outline:none;
}
html,body {
	background:#fff;
}
body {
	font-size:14px;
	line-height:1.5;
	font-family:"Microsoft YaHei",Arial,sans-serif;
	letter-spacing:.1px;
	width:100%;
	overflow-x:hidden;
}
  
.header-main { position:relative; }
.header-logo {  }
.header-nav {  }
.header-icon { position: absolute; right:10px; top:15px; }

.header-contact { width:200px; }
.header-contact span i { font-size:26px;line-height:40px;   }
.header-contact span {margin:0 10px 0 0; float: left; display: inline-block; text-align: center; background:#fc5e16; width:40px; height:40px; border-radius: 20px; color:#fff; }
.header-contact  p {color:#5f6168; font-size:12px; line-height:20px;}
.header-contact h5 { font-weight: bold; font-size:18px; }



@media  (max-width:576px) {
.header-contact {display: none;}
}

.navbar-toggler-icon       {   font-size:20px; line-height: 1.5em;   }
.collapse li{  position: relative;  display:inline-block; padding:30px 15px;  }
.collapse li a { font-size:18px;  }
.collapse li>ul { border:none; border-top:3px solid  #fc5e16; border-top-left-radius: 0; border-top-right-radius: 0; min-width:140px; width:100%;  }
.collapse li>ul>li { padding: 5px 10px; border-bottom:1px dashed #ebebeb; }
.collapse li>ul>li a{ font-size:16px; }
.collapse li>ul>li a:hover { color:#fc5e16;  background:none;          }
.collapse li a:hover .collapse li>ul { display:block;  }
.dropdown-menu {  top:93px!important; margin:0;  padding:0 0 10px; }

@media  (max-width:992px) {
.collapse { background:#f9f9f9;    }
.collapse li {  padding:5px 20px;   }
.collapse li a { font-size:16px;  }
.collapse li>ul {  border:none; }
.collapse li>ul>li { border:none; width:auto; padding:0; }
.collapse li>ul>li a{ font-size:14px; }
.dropdown-menu { padding: 0; }
.navbar-nav{ margin:10px 0; }
.header-nav { width:100%; }
.header-contact { position: absolute; right:100px; top:15px;  }
}


.bg-001c47   { background:#001c47; }
.bg-organge {  background:#fc5e16;         }
.bg-f9f9f9 { background:#f9f9f9; }
.bg-009aff { color:#fff;  background:#009aff;    }
.bg-orange { color:#fc5e16; background: #fc5e16; border:#fc5e16; color:#fff;  }
.btn-orange {  background:#fc5e16; color:#fff; padding:10px 15px; }
.btn-orange:hover { background:#fff;color:#fc5e16; }

.center-title {    text-align:center;        }
.center-title h3{   font-size:24px;line-height: 24px;   font-weight: bold;     }
.center-title p {   color:#5f6168 ; font-size:18px; line-height: 30px; margin:10px 0;   }

@media  (max-width:992px) {

.center-title h3{  font-size:20px; }

}


.cat-title {  height: 40px; overflow:hidden; }
.cat-title h3 { float:left;  font-size:24px; color:#223341; font-weight: bold;  line-height: 35px;   }
.cat-title h4 { float:left;font-size:22px;  color:#223341; font-weight: bold;  line-height: 32px; }
.cat-title span { float:right; font-size:14px; line-height: 35px; }
.cat-title span  a {color:#5f6168; }

@media  (max-width:992px) {

.cat-title h3 {  font-size:24px;  line-height: 35px;   }
.cat-title h4 {  font-size:20px;  line-height: 30px; }
}



.slide-layer  { background:#001c47; opacity: 0.6; position: absolute; left:50%; top:0; height:100%;width:300px; margin-left:-600px; }
.slide-layer  {  }
.slide-layer  {  }



.tab-choose {            }
.tab-choose li { height:40px;      width:20%;   border-right:1px solid #ebebeb;  text-align:center;    }
.tab-choose li a {   height: 40px;  display: inline-block;    line-height: 40px;     font-size:18px;   }
.tab-choose li i {     font-size:30px;        }
.tab-choose  li a.active { color:#fc5e16; }
.choose-box { position: relative;  } 
.choose-pic {   }
.choose-pic img { width:100%;  }
.tab-choose .choose-text {padding:10px 0;  position: absolute; background:rgba(255,255,255,0.95); left:40px; right:40px; bottom:40px; height:30%; padding: 3%;    }
.tab-choose .choose-texttit {margin:10px 0; } 
.tab-choose .choose-texttit h3 { font-weight: bold;font-size:24px; margin:0 0 10px; }
.tab-choose .choose-texttit p { font-size:16px; color:#5f6168; }
.tab-choose .choose-texttit span { color:#fc5e16; } 
.tab-choose .choose-textlist {}
.tab-choose .choose-textlist li { color:#5f6168;border:none; list-style: square inside; font-size:16px; width:100%; text-align:left; margin:0;height:auto; line-height:35px;}

@media  (max-width:1200px) {
.tab-choose .choose-text {  padding:2%; }	
}
@media  (max-width:993px) {
.tab-choose .choose-text { position: relative; background:#fff; left: 0; right:0; top:0;}
.tab-choose .choose-textlist li { padding: 0; line-height: 25px; }
.tab-choose .choose-texttit h3  { font-size: 18px; }
.tab-choose li a { font-size:16px; }
}

@media  (max-width:576px) {
.tab-choose li a { font-size:14px; }
.tab-choose li i { display: block; font-size:24px; }
.choose-textlist li { font-size:13px; margin:0 0 10px; }
.tab-choose .choose-textlist li { font-size: 14px; }
}

/*  套餐 */

.coupon-outbox {border:10px solid #f9f9f9;padding: 15px; background:#fff;  }
.coupon-box { background:#f9f9f9;  padding:30px 20px 30px; position: relative; z-index: 1;}
.coupon-box h3 { font-size: 18px; font-weight: bold; line-height: 40px; }
.coupon-box ul { border-top: 2px solid #ebebeb; padding: 10px 5px; }
.coupon-box li { height: 30px; line-height: 30px; font-size: 15px; }
.coupon-box li span { float: right; color: #5f6168; }
.coupon-box dl {margin:0 0 10px;padding: 10px 5px; border-bottom: 2px solid #ebebeb;  }
.coupon-box dt { font-size: 14px; line-height: 25px; }
.coupon-box dd { font-size: 13px; color: #5f6168; line-height: 25px;}
.coupon-box p {text-align: right; line-height: 30px; font-weight: bold; }
.coupon-box p.scj { color: #5f6168; text-decoration:line-through;   }
.coupon-box p.tcj { color: #fc5e16;    }
.coupon-bg { position: absolute;  left: 0; top: 0; z-index: -1; visibility: hidden; opacity: 0; width: 100%; height: 100%;  transition: .7s ease-in-out;   overflow: hidden;        } 
.coupon-bg::before {  position: absolute; content: ''; left: 0; top: 0;  background: #000; opacity: 0.7; width: 100%; height: 100%;  transition: .7s ease-in-out;    }

.coupon-box:hover .coupon-bg {  opacity:0.9;visibility:visible; }
.coupon-box:hover,.coupon-box:hover p,.coupon-box:hover dd,.coupon-box:hover li span { color: #fff; }


.gui-bg { margin:0 0 50px; background:url(../../theme/image/guide.jpg) scroll no-repeat 0 0; }
.gui-left {            }
.gui-left h2,.gui-left h1 {   font-size:30px;line-height: 30px; margin:30px 0 0; font-weight: bold;      }
.gui-left h2 span,.gui-left h1 span  {   display: block;      }
.gui-left h2 em,.gui-left h1 em {  color:#fc5e16;  display: block; font-style: normal; margin:20px 0;     }
.gui-left p  {    font-size:18px; line-height: 30px;     }
.gui-left ul {   margin:30px 0;       }
.gui-left li { display: inline-block; }
.gui-left li a{ font-size:16px;  padding:10px 20px; display: inline-block;  text-align:center; background:#f9f9f9;  }
.gui-left li.active a,.gui-left li:hover a {  background:#fc5e16; color:#fff;  }
.gui-right { background: url(../../theme/image/video.jpg) scroll no-repeat 0 0; height: 100%; position: relative;  }
.gui-right span {color: #fff; background:#fc5e16; position: absolute; top: 40%; left:40%; width: 60px; height: 60px; border-radius: 50%;  text-align: center; transform:translate(-50%,-50%);}
.gui-right span i { line-height: 60px; height: 60px; font-size: 24px; }
.gui-right  span:hover{ background:#fff; color: #fc5e16;  }

.gui-data {  background:#fff;z-index:10; position: absolute; top:-80px;  box-shadow: 0 3px 10px rgb(0 0 0 / 15%);  width:75%; padding:20px 0 30px;     }
.gui-databox {  text-align:center;  border-right:1px solid #ebebeb;    }
.gui-databox h4 {  color:#fc5e16;  font-weight: bold; font-size:48px;}
.gui-databox h4 i { font-style: normal; }
.gui-databox h4 span{ background:#223341;color:#fff;font-weight: normal; width:18px; height:18px; line-height: 18px; font-size:12px; border-radius: 9px; }
.gui-databox p  { color:#5f6168;  font-size:14px;  }

@media  (max-width:993px) {
.gui-bg  { background: none; margin:0; }	
.gui-left { text-align:center; }
.gui-left h2,.gui-left h1 {   font-size:24px;line-height: 24px; margin:10px 0 0;       }
.gui-left p  {    font-size:14px; line-height: 20px;     }
.gui-left li a{ font-size:14px;  padding:5px 10px;  }
.gui-data {  position: relative;top:0; width:100%;  }
.gui-databox h4 { font-size:22px;   }

.gui-databox h4 span  { width:14px; height:15px; line-height: 14px; font-size:10px;background:#fff;color:#223341; }
.gui-databox p  { color:#5f6168;  font-size:14px;  }
}

@media  (max-width:576px) {
.gui-databox h4 i  { font-size: 17px; }
}
@media  (max-width:768px) {
.gui-right { display: none; }
}
/* 首页介绍tab */

.about-bg{ background:url(../../theme/image/shops_bg.jpg) scroll no-repeat 0 0; }
.about-main { margin:300px 0 0; box-shadow: 0 3px 10px rgb(0 0 0 / 15%); background:#fff; padding:50px 30px; }
.about-tab {    text-align:center; margin:0 0 30px;    }
.about-tab li { display: inline-block; }
.about-tab li a { display: inline-block; font-size:16px; text-align:center; background:#f9f9f9; padding: 10px 20px; margin:0 5px 10px; }
.about-tab li a.active,.about-tab li a:hover {  background:#fc5e16;color:#fff;}

/* 联系banner */
.zbanner-bg {  background:url(../../theme/image/hfbj.jpg) scroll repeat 0 0;    }
.zbanner-info {  color:#fff; }
.zbanner-info  dt  {  font-size:20px; font-weight: normal;} 
.zbanner-info  dd {  font-size:24px; }
.zbanner-info  dd span{  font-size:30px; font-weight: bold; margin:0 20px 0 0;}
.zbanner-contact { color:#fff;  }
.zbanner-contact dt {font-size:16px; color:rgba(255,255,255,0.6); line-height:30px; margin:0 0 10px; }
.zbanner-contact dd {font-size:24px;   margin:0 15px;  line-height:30px; display: inline-block; }
.zbanner-contact dd a { color:#fff; }
.zbanner-contact dd a:hover { color:#fc5e16; }
@media  (max-width:993px) {
.zbanner-info  { margin:0 0 20px; }
.zbanner-info  dd span {font-size:24px;  }
.zbanner-info  dd i { margin:0 5px 0 0; }
}





.zbox   {  background:#fff;  padding:20px; margin: 0 0 20px; box-shadow: 0 3px 10px rgb(0 0 0 / 15%)  }
.zbox  h3  {  font-size:18px; line-height: 30px;  font-weight: bold;       }
.zbox  p   {   font-size:14px; line-height: 24px; color:#5f6168;        }
.zbox  i   {  float:right; color:#001c47;  border:2px solid #001c47; border-radius: 50%;}

.sbox { background:#fafafa; border-bottom:2px solid #018ae5; text-align: center;  margin: 0 0 20px; }
.sbox img {  }
.sbox h3 { font-size:20px; font-weight: bold; padding: 5px 0; }
.sbox h6 {  font-size:14px; line-height: 24px; color:#5f6168; padding: 5px 0 ;   }


.ubox-bg { background-size: cover; background-color:#001c47; background-image:url(http://v.bootstrapmb.com/2022/2/tamxg11966/assets/img/footer-cta-bg.png); color:#fff;     }
.ubox  {  text-align: center;              }
.ubox h3  {  font-size:24px; line-height: 40px; font-weight: bold;            }
.ubox p {   font-size:14px; line-height: 20px;         }
.sbox img {  }
.sbox h3 { font-size:20px; font-weight: bold; padding: 5px 0; }

.fbox {  padding: 10px 0; }
.btn-fbox  { background:#001c47; color:#fff; border:none; }
.btn-fbox:hover { background:#fff; color:#fc5e16; }


.banner-bg { padding: 80px 0; background:url(../../theme/image/shops_bg.jpg) scroll no-repeat 0 -50px;}
.banner {  }
.banner h1,.banner h2 {  font-size:30px; font-weight: bold;  color:#fff; margin:0 0 10px;} 
.banner p { font-size:13px; color:#fff; }
.banner p a { color:#fff; }

@media (max-width: 767px){          
.banner {  padding: 30px 0 ; }
.banner h1,.banner h2 {  font-size:24px; } 
}



/* tab案例样式1 */
/* tab妗堜緥鏍峰紡1 */
.case-tab {  background:#fff;       }
.case-tab li{ display: block; border-bottom: 1px solid #f9f9f9;width:100%;}
.case-tab li a {display: block; font-size:16px; padding:15px 20px;  }
.case-tab li a i { margin: 0 20px 0 0; }
.case-tab li a.active { background:#009aff; color:#fff;  } 

@media  (max-width:576px) {
.case-tab {  background:#fff;  padding: 5px;      }
.case-tab li{ display: inline-block; width:23%; margin: 5px 1%; border:none;}
.case-tab li a { text-align: center; font-size:13px;line-height: 30px; padding: 0; margin: 0 0 5px; border-radius: 10px; background:#f9f9f9; padding:100px 0 ; z-index:1; display: block; }
.case-tab li a i { display: none; }
.case-tab li a.active {   } 
}

.case-tabbox    {   text-align: center;  }
.case-tabbox  dt {   line-height:  40px;  height:40px;}
.case-tabbox  dt a { color:#666;  font-weight: normal;     }
.case-tabbox  dd  {     }

/*  tab妗堜緥鏍峰紡2  */

.cases-tab { }
.cases-tab li {    text-align: center;   margin: 0 5px 5px; border-radius: 3px;display: inline-block;  }
.cases-tab li a   {  font-size:16px; padding:5px 10px; border-radius: 3px; color:#001c47;  background:#fff;   }
.cases-tab li a.active,.case-tab li a:hover { background:#fc5e16;   color:#fff;  border:none;  border-radius: 3px;  } 

.cases-tab li i  { margin: 0 5px 0 0; }

.case-box { margin:0 0 30px;    position: relative;    }
.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:50px 30px; display: none; }
.case-text h3  { font-size:22px;   color:#fff;  font-weight: bold;    }
.case-text h3 a { color:#fff; }
.case-text h3 a:hover { color:#24a88e; }
.case-text p  {  font-size:14px;  color:#fff;   border:1px solid #fff; padding: 0px 10px;  border-radius: 3px; margin: 0 0 5px;    }
.case-icon {position: absolute; right:30px; bottom:30px; color:#fff; display: none; }
.case-box:hover .case-text { display: block;   }
.case-layer{ background:#24a88e; display: block;  } 
.case-box:hover .case-layer { opacity:0.6;background:#001c47;width:100%; height:100%;display: block;position: absolute; bottom:0; left:0;    } 
.case-box:hover .case-icon { display:block;  }

@media screen and (max-width:992px) {
.case-text { display: block;  bottom:30px; left:20px;top:auto; padding:0; }
.case-text p { display: none; }	
}


/*  流程简单样式  */

.step  {overflow:hidden;  background:#009aff; position: relative; margin: 0 0 20px; border-radius: 5px;padding:30px 35px;text-align: center; }
.step i { position: absolute; top:-5px; left:-5px; width:35px; height:30px;color:#fff; background:#ff7e00; border-radius: 50%; text-align: center; font-size:18px; }
.step span { color:#fff; font-size:16px; }
.stepbox {      }
.stepbox dt {  border-radius: 5px; overflow:hidden;    }
.stepbox dt img{ width:100%;    }
.stepbox dt img:hover{ transform: scale(1.1);    }
.stepbox dd{  text-align: center; font-size: 14px; line-height: 40px;   }


/*   流程图文样式   */

.process-box { padding: 20px;  background: #fff; box-shadow: 0 3px 5px rgb(0 0 0 / 15%); position: relative; margin: 0 0 20px; }

.process-text { padding: 20px 0 10px;    }

.process-text h3 { font-size: 18px; font-weight: bold; line-height: 30px;margin:0 0 5px;}

.process-text h3 span { opacity:0.3; color:#5f6168;  }
.process-text p { font-size: 14px; line-height: 25px; color:#5f6168;}




/* 客户评价 */

.clientbox { margin:20px 0;  border: 1px solid  #ebebeb; background: #f9f9f9; padding: 20px;   }
.client-user {   position: relative; margin: 0 0 10px;    } 
.client-user img {    width: 60px; border-radius: 50%; height: 60px;    } 
.client-user dl  {   position: absolute;    left: 80px; top: 10px;     }
.client-user dt  {       }
.client-user dd  {       }   
.client-quotes {  font-style: italic; font-size: 15px;  }
.client-quotes:before ,.client-quotes:after  { content: '"'; font-size: 20px; color: #5f6168; }




/*  流程细节版本  */

.steptext { margin:0 0 15px;      }
.steptext dt {   font-size:16px; line-height: 30px;  }
.steptext dd {  color:#5f6168;  font-size:12px;  line-height: 20px;  }
.steptext dd img { border-radius: 5px; margin:0 0 5px;    }




/*  优势    */
.feature-img {           } 
.featurebox { margin: 0 0 40px; }
.feature-iconl { float: left;}
.feature-iconr { float: right; }
.feature-iconl,.feature-iconr  { margin: 10px; background: #001c47; color: #fff; border-radius: 50%; padding: 20px; }
.feature-iconl i,.feature-iconr i { font-size: 60px;  }
.feature-iconl:hover  ,.feature-iconr:hover   {   background:#fc5e16;  color:#fff;  transform:rotateY(180deg);       }
.feature-text { padding: 10px 0;}
.feature-text h3 { font-size: 18px; line-height: 35px; font-weight: bold;   }
.feature-text p {  font-size: 15px; line-height: 25px;  color: #5f6168;    }







/*     费用         */
.pricebox {  margin:0 0 20px;  }
.pricebox i  { text-align: center; width:50px; height:50px; font-size:26px;padding:12px; background:#001c47; border-radius:50%; color:#fff; margin:0 0 10px; }
.pricebox  h3 { font-size:16px;  line-height: 30px; color:#212529; }
.pricebox h5 {  font-size:18px; font-weight: bold;  line-height:30px; color:#fc5e16;}
.pricebox p {  font-size:13px;  line-height: 20px; color:#5f6168;}

.b-box { margin: 0 0 20px;box-shadow: 0 3px 5px rgb(0 0 0 / 15%); text-align: center; background:#fff; }

.faqbox { box-shadow: 0 3px 20px rgb(69 69 69 / 20%); padding: 30px; border-radius: 5px; }
.faqlist {  }
.faqlist dl {  border-bottom: 1px dashed #ebebeb; padding: 15px 0;  }
.faqlist dt { line-height: 30px;  font-size:16px;margin:0 0 5px;  }
.faqlist dd { line-height: 30px;  font-size:15px;color:#5f6168; }
.faqlist dt i,.faqlist dd i { font-size:20px; line-height: 30px; }



.accordion-body { color:#5f6168; }

.carousel-control-next-icon, .carousel-control-prev-icon { background:#001c47; }




.pbox-bg {background-size: cover; background-image:url(../../theme/img/c4_bg.jpg); color:#fff; }

.pbox {vertical-align:middle; text-align: center; background:url(../../theme/img/flo-jt.png)scroll no-repeat 100% 40%; }
.pbox span {  display:block;width:100px; height:100px; border-radius: 50px; margin:0 auto 10px; }
.pbox  i  { padding:30px;  display: block;  font-size:40px;  font-weight: bold;  color:#fff;    }
.pbox  p   {   font-size:16px; line-height: 24px;         }
.pbox:hover span { background:rgba(255,255,255,0.3);  transform: scale(1.1); transition:1s;  }
.pbox:hover i {color:#223341; transition:.5s; }

.pbox:hover  p {color:#223341; font-weight: bold;}
.choose-tab {   margin: 20px 0;    }
.choose-tab ul { margin: 0 0 20px; }
.choose-tab li {  display: inline-block;   margin: 10px;      }
.choose-tab li a {  border:1px solid #ebebeb;  white-space: nowrap; padding: 5px 10px; border-radius: 5px; font-size:16px;  color:#001c47;}
.choose-tab li a.active {  background:#fc5e16; color:#fff;border:1px solid #fc5e16;             }


.port-box   {   background:#f9f9f9;  box-shadow: 0 3px 5px rgb(0 0 0 / 15%); margin:20px 0;          }
.port-box dt {  padding: 5px 10px 15px;   }
.port-box dt h4 {  font-size:18px; line-height: 35px; color:#001c47;  }
.port-box dt p  { font-size:12px; line-height: 20px; color:#5f6168;  height:40px; overflow:hidden; font-weight: normal; }
.port-box dd { position: relative;              }
.port-box dd span{ text-align: center;   padding:5px 10px;  font-size:13px;    position: absolute; right: 5px; top:5px; background:#fc5e16;  color:#fff;      }

.case-li {}
.case-li li  { display: inline-block;margin: 0 10px; padding:10px 0; }
.case-li li.active a,.case-li li a:hover { border-bottom:solid 2px #fc5e16;  color:#fc5e16;  font-weight: bold; }
.case-li li a:hover  { border:none; }
.case-li li a { color:#001c47; font-size:18px; padding: 10px 0;border-bottom:1px solid transparent;}
.case-box { text-align: center; margin: 0 0 30px;}
.case-box dt { line-height: 30px;  font-size:16px; }


.profile-datablock {  position: relative;    }
.profile-datablock::before{  content:''; width:480px; height:1px; background:#ebebeb; position: absolute; top:55%; left:-30px;   }
.profile-datablock::after{ content:''; width:1px; height:240px; background:#ebebeb; position: absolute; top:0; left:40%;   }
.profile-databox {  padding:30px 30px 30px 0;   }
.profile-databox  dd {  color:#5f6168; font-size:14px; }
.profile-databox  dt  {  color:#001c47; font-size:15px;  font-weight: bold;   }
.profile-intro {        }
.profile-intro h3 {  font-size:20px; line-height: 35px; font-weight: bold; }
.profile-intro  p {  font-size:14px; line-height: 25px; color:#5f6168;     }

@media screen and (max-width:992px) {
.profile-datablock   { margin:30px 0 0; }
.profile-datablock::before { position: relative;}
.profile-datablock::after { position: relative; }
.profile-databox  { padding: 5px; }	
}



.tem-filter {  border-bottom:1px dashed #f2f2f2;      }
.tem-filter dl { position: relative; padding: 20px 0 0 50px; border-bottom:1px dashed #ebebeb;}
.tem-filter dt { display: block; font-weight: normal; color:#5f6168; position: absolute; left:0; top:20px;  }
.tem-filter  dd { display: inline-block; padding: 0px 10px 20px;  }
.tem-filter  dd a { color:#5f6168; padding:3px 5px;}
.tem-filter  dd a.active,.tem-filter  dd a:hover {font-size:14px;  background:#fc5e16;color:#fff; padding:2px 3px; border-radius: 3px; }

.mobile-filter  {  display: none;      }
.mobile-filter li { width:25%; }
.tab-pane ul { display: flex; flex-wrap:wrap; }
.tab-pane li {flex:0 0 auto; width:25%;  text-align: center; margin:0 0 10px; padding: 0 5px;    }
.tab-pane li a {background:#f9f9f9;  padding: 5px; display: inline-block; border-radius: 5px; width:100%; color:#001c47; }
.tab-pane li a.active,.tab-pane li a:hover { background:#fc5e16;color:#fff;  }

.nav-pills .nav-link.active, .nav-pills .show>.nav-link   {  background:#fc5e16;   }


@media (max-width:576px) {
.mobile-filter  {display: block;   }
.tem-filter { display: none; }
}

.tem-box {  overflow:hidden; border-radius: 5px; margin:0 0 20px; background:#fff; box-shadow:0 2px 4px rgb(3 27 78 / 10%);    }
.tem-box-thumb {    }
.tem-box-info {   padding: 10px 10px 20px;  }
.tem-box-info h5{  font-size:16px; line-height: 30px; overflow:hidden;height: 30px; font-weight: bold; margin:0 0 10px;  }
.tem-box-info h5 a  {color:#001c47;}
.tem-box-info li {  font-size:13px; line-height: 20px;  display: inline-block; margin:0 10px 0 0; color:#5f6168;}
.tem-box-info li i  { color:#5f6168; }

.tem-block { background:#fff;padding: 30px; border-radius: 5px;  }
.tem-content { margin: 20px 0;  }
.tem-info {  border:1px solid #f9f9f9; margin:10px 0; color:#5f6168; } 
.tem-info-td { border-top:1px solid #f9f9f9; padding: 5px;  }

.tem-title { margin:0 0 20px;  }
.tem-title h1 { font-size:24px; font-weight: bold;  line-height:30px;   }


.tem-profile {  box-shadow: 0 30px 50px 0 rgb(51 51 51 / 8%); padding: 20px; border:1px solid #ebebeb; }
.tem-profile-title  {           }
.tem-profile-title  h1 {  font-size:24px; line-height: 30px; font-weight: bold;         }
.tem-profile-price { margin:20px 0; text-align: right; }
.tem-profile-price h3 { color:#F14D5D;  font-size: 30px; }
.tem-profile-price small { color:#5f6168;  font-size: 14px; }
.tem-profile-info {} 
.tem-profile-info li {  padding: 10px 0;  border-bottom:1px solid #ebebeb; position: relative; }
.tem-profile-info li i { margin:0 10px 0 0; }
.tem-profile-info li span  { position: absolute; right:0; top:10px; color:#5f6168;}
.tem-profile-info  {}

.tem-profile-btn {  margin:30px;text-align:center; } 

.tem-profile-service {      }
.tem-profile-service h3  { font-size:16px; line-height: 30px;  font-weight: bold; margin:0 0 10px;}
.tem-profile-service li {  height:30px; line-height: 30px; font-size: 14px;  color:#5f6168;   }


.news-box {  margin: 0 0 20px;      }
.news-box-thumb {       }
.news-box-info {         }
.news-box-info h5  { font-size:16px;  line-height: 25px; height: 50px; overflow:hidden;  font-weight: bold;     }
.news-box-info p { font-size:15px; line-height:25px; height: 50px;   overflow:hidden;  color:#5f6168;    }


.zlist {         }
.zlist dl { border-bottom:1px solid #ccc; padding:10px 0;}
.zlist dt {         }
.zlist dt a { font-size:16px;line-height: 30px; height:30px; overflow: hidden;color:#001c47;      }
.zlist dd { font-size:15px;color:#5f6168; line-height: 25px;  text-indent:2em; height:50px; overflow: hidden; }  

.pages {  margin:20px  auto;  text-align: center;      }
.pages a { display: inline-block;   padding:3px 10px;  border:1px solid #ebebeb; background:#fff; color:#5f6168;  font-size:16px;     }
.pages b { color:#fff;    border:1px solid #001c47;   background:#001c47;  padding:6px 10px;    }
.pages a:hover  {  border:1px solid #001c47;  }

.crumb { padding: 20px 0; }


/* 荣誉  */

.honor-box {   border:1px solid #ebebeb;  margin:0 0 20px;        }
.honor-box dt {     padding:10px;          }
.honor-box dd { width:100%; overflow:hidden; background:#f9f9f9;  text-align: center;  font-size:16px; line-height: 50px;  height:50px;  }


/* 相册  */

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

/* 服务  */

.ser-box {   background:#f9f9f9;  border-radius: 5px; margin:0 0 20px;     }
.ser-box img {        }
.ser-box dl { padding: 15px; }
.ser-box dt {  font-size:18px; line-height: 50px;      }
.ser-box dd  {  color:#5f6168;      }
.ser-box:hover {box-shadow: 0 2px 4px rgb(3 27 78 / 10%); }

/*  发展 */

.timeline   {  position: relative; padding:20px 0;   }
.timeline:after { content:''; background:#ebebeb; width:2px; height:100%; position: absolute; left:50%; top:0; transform: translateX(-50%);}
.line-dot { width:20px; height:20px; position: absolute; left:50%; top:0; border:1px solid #fc5e16; border-radius: 50%; transform: translateX(-50%); z-index: 1;  }
.line-dot:before {position: absolute; width:14px; height: 14px; top:2px; left:2px;content: '';background:#fc5e16;border-radius: 50%; } 
.line-story {  margin:0 40px 30px;    }
.line-story h4 {  font-size:18px; font-weight: bold; line-height: 30px;    }
.line-story span { display:block; color:#fc5e16; font-size:16px;  line-height: 20px;  margin:0;   }
.line-story p {  font-size:15px; line-height: 25px; color:#5f6168;   }
.right-story { margin-right:50px; text-align: right; }
.line-pic { position: relative; max-width: 330px; padding: 10px; border:1px dashed #86a0b6; border-radius: 50%; background:#fff; margin:0 auto; z-index: 1; }
.line-pic img { border-radius: 50%; }
.line-picsharp { position: absolute; bottom:-40px;left:55px;        }
.line-icon {line-height: 20px; position: absolute; background:#001c47; width:20px; height:20px; text-align: center; border-radius: 50%; left:-10px; top:-10px; z-index:10;    }
.line-icon i {  color:#fff;      }
.line-pos {  position: relative;      }

@media (max-width:992px) {
.line-dot  { display: none; }
.timeline:after  { background:#ebebeb; left:0;}
.right-story { text-align: left; }
.line-pic { margin:0 auto 30px; }
.line-icon { left:2px; }
.line-story h4  { font-size:16px;     } 
.line-story span  {  font-size:14px;  }
.line-story p {font-size:13px;  }
}




/* 伙伴 */

.logobox { text-align: center; margin: 0 0 20px; }
.logobox  img { border:1px solid  #ebebeb; }
.logobox:hover  img {box-shadow:0 3px 5px rgb(0 0 0 / 15%)}

/* 套餐 */

.meal-table { border:1px solid #ebebeb;  }
.meal-table tr td { padding:20px; }
.meal-table tbody  td:hover{ background:#f9f9f9;  }

.meal-table thead th  {  padding:20px; }
.meal-table thead th:first-child { border-top-left-radius: 5px; }
.meal-table thead th:first-child { border-top-left-radius: 5px; }

.meal-thead-left {   font-weight: bold;  text-align: right;  color:#5f6168; vertical-align: top;  font-size: 24px; }
.meal-tbody-left {color: #5f6168; min-width: 100px; width: 100px; font-weight: bold;} 
.meal-thead-right,.meal-tbody-right  {   min-width: 190px; width: 190px; border-left:1px solid #ebebeb;  text-align: center;  padding:20px;   }
.meal-name {  font-size:18px;    }
.meal-price{  font-size:28px;  font-family:"Arial,self"; color:#fc5e16;  position: relative; margin:5px 0 10px;  }
.meal-price span  { display: block;  font-weight: normal;   font-size:16px;  color:#001c47;  }
.meal-price small {  font-size:14px; color:#001c47;  font-weight: normal;    }
.meal-oriprice { font-weight: normal; margin: 0 0 20px; color: #5f6168;  }
.meal-oriprice span { text-decoration:line-through;   }
.meal-user {   }
.btn-meal { background:#001c47; color:#fff; padding:10px 20px;  }
.btn-meal:hover { background:#fc5e16; color:#fff; }
.meal-hover { background:#94a6c4; }

..border-left  {   font-weight: bold; text-align: right;         }
..border-left { border-left:1px solid #ebebeb;   min-width: 280px; width: 280px;  position: relative;       }

.meal-li  {   align-items:center;justify-content:center;  text-align: center; margin:30px 0 50px;  }
.meal-li li { display: inline-block; margin:0 30px 0 10px; }
.meal-li li i { color:#fc5e16; }


.info-box   {  position: absolute; top:20px; right:10px;   }
.info-box::before {justify-content:center; width:18px; height:18px; text-align: center;  border-radius:50%; display: flex; background:#001c47; align-items:center; content:'?'; font-size:16px; color:#fff; }
.info-box::after {visibility:hidden; opacity:0; width:300px; box-shadow:0 2px 4px rgb(3 27 78 / 10%); background:#fff; content:attr(data-text);  position: absolute;  top:50%; right:26px; transform:translateY(-50%);  z-index:3; border-radius: 5px; padding: 10px 15px; }
.info-box:hover::after{  visibility: visible; opacity:1; }


.store-banner { background:url(../../theme/image/shops_bg.jpg) scroll no-repeat 0 -50px; height:400px; position: relative; }
.store-tip { padding:20px 30px; top:100px; left: 150px; background:rgb(255,255,255,0.9); width:400px; height:300px; border-radius: 10px; position: absolute;}
.store-tip h3 { font-size: 24px; line-height: 50px;  }
.store-tip ul {  }
.store-tip li {color:#5f6168;list-style: disc inside none; line-height:40px; font-size: 17px; height: 30px; }

.store-list {  border-top: 2px solid #ebebeb; border-bottom: 2px solid #ebebeb;  }
.store-list h4 {  font-size: 17px; padding: 15px 0;  border-bottom: 2px solid #ebebeb;    }
.store-info  { border-top: 1px dashed #ebebeb; padding: 10px 0; }
.store-info h3  {  font-size: 18px; line-height: 30px;    }
.store-info p  {color: #5f6168;  font-size: 14px;  line-height: 25px;  }


.booking { box-shadow: 0 3px 10px rgb(0 0 0 / 15%);  padding: 30px;    }
.booking h3{  text-align: center; margin: 20px 0; font-size: 22px;   }
.form-group { margin: 10px 0; }



.store-bgwhite {  background: #fff;  }

.store-infobox { padding: 30px; }

.store-infobox  h3 { font-weight: bold; font-size: 24px; line-height: 50px;   }
.store-infobox  p { font-size: 16px; line-height: 30px; }




/*   */
.fabric-img  { width: 70%; box-shadow: 0 3px 5px rgb(0 0 0 / 15%); margin: 20px;  padding:20px; text-align: center; border-radius: 50%;    }
.fabric-img img { width:100%; border-radius: 50%;        }
.fabric-intro {  margin:0 30px;  } 
.fabric-intro h3 { font-size: 20px;  line-height: 40px;   font-weight: bold;  } 
.fabric-intro p {   font-size: 16px;  line-height: 30px;   } 



/*    优势     */

.advinfo {  color:#fff;  margin:20px 0 ;  }
.advinfo h3 { font-size:32px; line-height: 60px;  font-weight: bold;}
.advinfo h5 {font-weight: bold; color: #fc5e16; font-size:24px; line-height: 50px;  }
.advinfo p  { font-size:15px; line-height: 25px;      }

@media screen and (max-width:992px) {
.advinfo h3 { font-size:26px; line-height: 50px;  font-weight: bold;}
.advinfo h5 { font-size:22px; line-height: 40px;  }
}

.advbox { color:#fff;  box-shadow: 0 30px 30px rgb(24 27 34 / 10%);  background:#fc5e16; border-radius: 5px;  margin: 0 0 20px;  padding: 30px 20px;       }
.advbox:hover { margin:-5px 0 0;    transition:0.5s; }
.advbox dt {  margin:0 0 10px; }
.advbox dt h3{ font-size:20px; line-height: 30px; }
.advbox dt img {  max-width: 60px; margin: 0 20px 50px; float: left; }
.advbox dd {    }


/* 门店 */

.shopbox {text-align: center;   }
.shop-img  { z-index: 0;position: relative; }
.shop-info { z-index: 3;position: relative; background: #fff; margin:-30px 10% 30px; padding: 20px; box-shadow: 0 3px 5px rgb(0 0 0 / 15%) }
.shop-info dt { font-size: 18px;  font-weight: bold; margin:0 0 5px;}
.shop-info dd { color: #5f6168; line-height: 30px; font-size:15px;}
.shop-info:hover  { margin:-30px 0 30px; transition:.5s all ease; background:#fc5e16; color:#fff;}
.shop-info:hover dd { color: #fff; }


/*  费用  */
.cost-box {  text-align: center; padding: 30px 20px; border-radius: 5px;  border:1px solid #ebebeb;  margin:0 0 20px;  }
.cost-box:hover {  background:#001c47; }
.cost-box-logo {  font-size:80px;    }
.cost-box-header {  margin:20px 0; }
.cost-box-header h3 {  font-size:18px; line-height: 40px; color:#001c47; }
.cost-box-header h5 {  font-size:24px; color:#001c47; font-family:'Arial'; line-height: 50px; font-weight: bold;}
.cost-box-info {  text-align: left; margin:30px;  }
.cost-box-info li { line-height: 30px; color:#001c47; font-size:15px; }
.cost-box-btn { background: #001c47; color:#fff; margin:0 5px;  }


.cost-box:hover .cost-logo i { color:#fff; }
.cost-box:hover .cost-box-header h3  {  color:#fff;      }
.cost-box:hover .cost-box-header h5  {  color:#fc5e16;     }
.cost-box:hover .cost-box-info li     {color:#ccddf6; }
.cost-box:hover .cost-box-btn  { background:#fc5e16; color:#fff;       }


/*    文化       */
.page-culture {}
.page-culture-box {  position:relative;  background:#fff; border-radius: 5px;  padding: 30px 20px 20px; margin: 40px 0 0;                          } 
.page-culture-box  h3   {   font-size: 20px;  margin: 0 0 10px;  font-weight: bold;                  }
.page-culture-box  h4   {   font-family:Arial,Impact,Georgia; font-size: 20px;margin: 0 0 10px; font-weight: bold;   color:#001c47;              }
.page-culture-box  p   {     font-size:14px; color:#5f6168;            }
.page-culture-box  span   { font-family:Arial,Impact,Georgia;  position: absolute;   right: 30px;  top:-40px;  font-size:60px; font-weight: bold;  color:#fc5e16;              }
.page-culture-bg { background:url(../../theme/img/culture_bg.png) scroll no-repeat 50% 40%; }
.page-culture-box:hover { background:#001c47;box-shadow: 0 2px 4px rgb(3 27 78 / 10%);transition:1s; }
.page-culture-box:hover h3,.page-culture-box:hover h4,.page-culture-box:hover  p  { color:#fff;     } 
.page-culture-box:hover span { color:#fff; top:0; }

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



/*   联系方式    */
.contactbox  {  text-align: center; box-shadow:0 3px 10px rgb(0 0 0 / 15%); padding: 40px;  margin: 0 0 30px;     }
.contactbox span {  margin:0 auto;  width:100px; height:100px; border-radius: 50px;   display: block; background:#f9f9f9;     }
.contactbox:hover span{ transform: scale(1.1); transition:1s; background:#fc5e16;}
.contactbox:hover span i::before { color:#fff; }
.contactbox  i { font-size:15px;  line-height: 100px;        }
.contactbox  i:before  {  font-size:40px; color:#001c47;}
.contactbox  h3 {  line-height: 40px; font-size:18px; font-weight: bold;  margin: 10px 0 0;    }
.contactbox  p {   line-height: 30px;  font-size:16px; color:#5f6168;   }



/*    简介   */
.page-intro  {         }
.page-intro-img  {  text-align:center;            }
.page-intro-content {                     }
.page-intro-content  p {  font-size:16px; line-height: 30px;    text-indent: 2em; color:#5f6168;             }

/*     数据       */
.page-total {  background:#001c47 url(../../theme/img/footer-cta-bg.png);          }
.page-total-box {  text-align: center;            }
.page-total-box h3  {    color:#fff;   font-family:Arial,Impact,Georgia;   font-size:48px;                      }
.page-total-box span  {     width:30px; height:2px; background:#f9f9f9;  margin: 10px auto; display: block;         }
.page-total-box h5  {  font-size:16px;    color:#fff  ;          }

/*    team    */
.page-team-box  { border:1px solid #ebebeb; border-radius: 5px;   display: block; width:100%; height:100%; background:#fff;  margin: 0 0 20px;         }
.page-team-zheng {   display: block;  	transform-style: preserve-3d;transition: all .7s ease-out          }
.page-team-img {           } 
.page-team-info  {   text-align: center; padding: 20px 0;          }
.page-team-info  h3 {  font-size:18px; line-height: 30px;           }
.page-team-info  p  {   font-size:13px; line-height: 20px; color:#5f6168; margin: 0 0 10px;       }
.page-team-info  span { background:#001c47; height:2px; display: block; width:30px; margin: 0 auto;}
.page-team-fan  {   display: none; background:#fff; padding: 20px 0 0; transform: rotateY(180deg);	transform-style: preserve-3d;transition: all .7s ease-out            }
.page-team-info2{  border-left:3px solid #001c47;  padding:5px 20px;                              }
.page-team-info2 h3 {  font-size:18px;  line-height: 30px;  }
.page-team-info2 p {  font-size:13px;  line-height: 20px;color:#001c47; }
.page-team-intro  {  padding: 30px;   font-size:15px;                    }
.page-team-box:hover {  box-shadow: 0 2px 4px rgb(3 27 78 / 10%); }
.page-team-box:hover .page-team-zheng  { display: none; transform: rotateY(-180deg); }
.page-team-box:hover .page-team-fan  { display: block; transform: rotateY(0);}


/*    contact    */

.page-contact-box {min-height:400px; margin:0 0 20px; border-radius: 5px;   display: block;border:2px solid #ebebeb;  padding: 50px 20px 30px;    }
.page-contact-box span { height:2px; width:50px; background:#fc5e16; display: block; }
.page-contact-box h3 {margin:20px 0; font-size:20px; color:#001c47; }
.page-contact-box p { font-size:16px; line-height: 30px; color:#5f6168; margin:0 0 10px;}
.page-contact-box p i {  border-radius: 15px; width:30px; height:30px; text-align: center; font-size:16px;  line-height: 30px; background:#f9f9f9;}
.page-contact-box p a {color:#5f6168;}
.page-contact-box p a:hover { color:#fc5e16;   }
.page-contact-box:hover  {box-shadow: 0 2px 4px rgb(3 27 78 / 10%);}
.page-contact-box:hover span { width:150px;transition:1s;  }


/* 内容文章页面  */
.news-block {    background:#fff; border-radius: 5px; margin:0 0 20px;      }
.news-title {  border-bottom:1px solid #ccc;   padding: 30px 0 10px; margin: 0 0 10px;   text-align: center;     }
.news-title h1 { margin:10px 0 20px; font-size:30px; line-height: 36px; text-align: center;  font-weight: bold;      }
.news-title p { color:#5f6168; font-size:12px; line-height: 20px; padding: 0 30px; }
.news-content { font-size:16px;  min-height: 300px;  padding:0 30px 30px;       }
.news-content p {   line-height:30px; margin: 0 0 10px;           }
.news-end {    position: relative; text-align: center;color:#5f6168;  display: none;  font-size:14px;  }
.news-end::before {   content:"-";      }
.news-end::after {   content:"-";                }
.news-npbox {   border-top:1px solid #ebebeb; padding:10px 30px 20px;    }
.news-other {  margin:20px 0 0;                 }
.news-other h3 { font-size:16px;  line-height:40px;   font-weight:bolder;              }
.news-other ul { width:100%;  list-style-position: inside;    list-style-type: square;                }
.news-other li { line-height:25px; height:25px;  font-size:15px;  width:50%; display:inline-block; overflow:hidden;             }


.news-p { line-height: 40px;      }
.news-p a { font-size:16px; }


.news-sider-block { background:#fff;  padding: 20px; border-radius: 5px; margin:0 0 20px;  }
.news-sider-title {     }
.news-sider-title h3 {  font-size:18px; font-weight: bold; margin:0 0 10px;    }
.news-snewslist{          }
.news-snewslist li {overflow:hidden;    line-height: 30px;  height:30px;  list-style:square inside none; font-size:15px;      }
.news-sprolist {}
.news-sprolist dl {  border:1px solid #ebebeb; margin:0 0 20px; }
.news-sprolist dt {font-weight: normal;  text-align: center; line-height: 35px; background:#f9f9f9; overflow:hidden; height:35px;}
.news-sprolist dd {  }


@media (max-width:769px) {
.news-title h1 { font-size:20px; line-height: 30px; }
.news-title { margin:10px 0; }

.news-end {margin: 30px 0 20px; display: block; }

.news-other li  {width:100%;}
}


.accordion-button:not(.collapsed) { background:#fc5e16; color:#fff; }
.accordion-button:not(.collapsed)::after { color:#fff; }



/*  project  */
.project-block { font-size:16px; background:#fff; padding:10px 20px 20px; margin:0 0 20px;  }
.project-slide {  text-align: center; margin:20px 0; }
.project-title {  margin:20px 0;   }
.project-title h1 { font-size:28px; font-weight: bold; height:50px; line-height: 50px;    }
.project-contact { border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; padding:10px 20px; }
.project-contact i { font-size:18px; width:40px; height:40px; background:#f9f9f9; line-height: 40px; color:#fc5e16; border-radius: 20px; text-align: center; }
.project-contact span { font-size:20px;  }
.project-contact em { color:#5f6168;  font-style: normal;  }
.project-cattitle { border-bottom:2px solid #ebebeb; margin:0 0 10px;  }
.project-cattitle  span { font-weight: bold; color:#5f6168; font-size:18px; height:30px; line-height: 40px; }

.project-detail {   line-height: 25px; margin: 0 0 10px; min-height:100px;    }

.project-dotlist {   min-height:100px;        }
.project-dotlist li{  list-style: circle inside;  line-height: 30px;      }
.project-numlist {   min-height:100px;      }
.project-numlist li {   list-style: decimal inside; line-height: 30px;        }
.project-table { font-size:15px;      }





.project-table .border-left { border-left: 1px solid #ebebeb; }

.project-color {  margin:30px 0;  font-size:15px;}
.color-box { text-align:center; margin:10px  0 20px; }
.color-box dt { margin:0 auto 10px; width:80px; height:80px; border-radius: 40px; display: block;}
.color-box dd {  }


@media (max-width:769px) {
.project-title { text-align:center;font-size:24px;  }
.project-block { font-size:15px; }
.project-title h1  { font-size:24px; line-height: 30px; }
.project-cattitle  span {  font-size:16px;  }

}



.project-sider-cat {  margin:0 0 20px;  }
.project-sider-cat dt { position: relative; display: block;  background:#223341; padding:12px 20px; font-size:17px;  }
.project-sider-cat dt a {  color:#fff;  }
.project-sider-cat dt:hover {  background:#fc5e16;  }
.project-sider-cat dt:hover i {color:#fff;}
.project-sider-cat dt i {  color:#5f6168; position: absolute;right:20px;top:17px; }
.project-sider-cat dd {display: block; font-size:15px;  background:#fff; padding:12px 20px; border-bottom:1px solid #ebebeb;  }
.project-sider-cat dd a {  color:#5f6168;  }
.project-sider-cat dd i { margin:0 5px 0 0;  color:#5f6168; }
.project-sider-cat dd:hover {background:#5f6168; }
.project-sider-cat dd:hover a,.project-sider-cat dd:hover i {color:#fff; }

/*   网站底部      */

footer { background:#001c47; padding:50px 0 ;  color:#fff; margin:50px 0 0;position: relative;  }
footer a:link { color:#fff ; }

.f-cta { margin:-100px 0 50px;   padding:30px;  background:#fc5e16 url(../../theme/img/footer-cta-bg.png) scroll repeat 50% 50%;       }

.f-advantage {margin:-100px 0 50px; padding:20px; background:#fc5e16;}
.f-advbox { position: relative;  }
.f-advbox span { display: block;  width: 60px; height: 60px; border-radius: 50%; text-align: center;}
.f-advbox span i { font-size: 30px; line-height: 60px; }
.f-advbox ul  { position: absolute; top:0px; left: 60px; padding: 10px 0;  }
.f-advbox li { height: 20px; line-height:20px; font-size: 16px; }




.fmain {    }
.f-intro { color:#ccddf6;  }
.f-intro p { line-height: 25px;font-size:15px; }
.f-list { text-align: center; }
.f-list ul { margin: 0; padding: 0;  }
.f-list li {line-height: 25px;font-size:15px;  }
.f-list li a { color:#ccddf6;  text-decoration: none; }

.f-intro h3,.f-total h3,.f-list h3 {  color:#fff;  font-size:16px; font-weight: bold; line-height: 30px; position: relative;  }
.f-address   { margin:0 0 0 50px;   }
.f-address  h3 {  color:#fff;  font-size:16px;   line-height:30px;  font-weight: bold;     }
.f-address  p {    color:#ccddf6;   font-size:15px;   line-height:25px;    }


.f-wechat  {  text-align: center;           }
.f-wechat img { width:100px; height:100px; margin:0 0 10px; }
.f-wechat h5  {   font-size:14px;          }

.f-contactblock {  border:1px solid #143568; margin:30px 0; padding:15px 0;      }
.f-contactbox {border-right:1px solid #143568;  margin:30px 20px;     }
.f-contact-icon {  float: left;  margin: 0 10px 0 30px;     }
.f-contact-icon i {  color:#ccddf6;       }
.f-contact-info {       }
.f-contact-info h5{  color:#ccddf6;  font-size:14px;    }
.f-contact-info p {  color:#fff;   }
.f-copyright {  text-align: center;  color:#ccddf6;            }



.f-ma { text-align:right;     }
.f-slogan {  padding: 10px 0;               }
.f-slogan h3   { font-size:20px;                 }
.f-slogan p { font-size:15px;                }
.fbar {  background:#0e6aba; margin: 50px 0 0;  padding: 20px 0; color:#fff;  }

@media (max-width:993px) {

.f-contact-icon { margin:0 10px 0 20px;     }
.f-contactbox {  border:none; margin:15px; }

}

@media (max-width:576px) {
.f-address { margin: 0; }
.f-contact-icon { display: none; }
.f-contactbox { text-align:center; }
#email,#qq  { display: none; }
}


.fix-bar {text-align:center;position:fixed;z-index:10;display:block;bottom:7rem;right:1rem;transition:all .2s; font-size:1.5rem;}
.fix-bar dd {background:#fc5e16;padding:0.5rem 0.8rem;margin: 0.2rem 0; position: relative;}
.fix-tel { font-weight: bold; position: absolute; right:3.15rem; padding: 0.5rem;  font-size: 1.2rem; background: #001c47; color:#fff; top:-1rem;}
.fix-qrcode { width:8rem;  position: absolute; right:3.15rem; padding:1rem;  background: #001c47;top:-0.5rem;  }

.fix-qrcode,.fix-tel { display: none;  }

.fix-bar dd:hover .fix-tel {display: block;}
.fix-bar dd:hover .fix-qrcode {  display: block;}
.fix-bar dt {background:#fc5e16;padding:0.3rem 0.5rem;}
.fix-bar dt span { font-weight:bold;display:block;font-size:0.5rem;font-weight:normal;margin:-0.5rem 0 0;}
.fix-bar a {}
.fix-bar a:hover i,.fix-bar a:hover span {color:#fff;}

.fix-catgory {   position:fixed;   z-index:8; display:block;bottom:7rem; left:1rem; background: #f8f8f8;   text-align: center;       }
.fix-catgory dt  { padding: 0.5rem 0; }
.fix-catgory dd  {    padding:0 0.5rem 0.5rem;  }
.fix-catgory dd a { padding:0.5rem; }
.fix-catgory dd a.active { background:#ffed00; }
.fix-catgory dd a:hover { background:#ffed00; }
@media (max-width:1199px) {
.fix-bar { display: none; }
.fix-catgory{ display: none; }
}
.m-contact { display: none; }
@media (max-width:1199px) {
.m-contact {  position:fixed; z-index: 18000000;  left: 0; right: 0; text-align: center; width: 100%; align-items: center; height: 3rem;display: block;bottom:0; background: rgb(255,255,255,0.9)         }
.m-contact li { display: inline-block; width: 50%; padding:1rem 0;}
.m-contact li a { background: #fc5e16; width: 70%; display: inline-block; color: #fff; }
}

/* pop */
.popup {  display: flex; position: fixed; z-index: 999; top: 0; bottom: 0;left: 0; right: 0; overflow: hidden;transition: all 300ms ease-in-out;width: auto !important; height: auto !important; opacity: 1 !important; }

.popup-overlay { display: block; background-color: rgba(0, 0, 0, 0.56); position: fixed;  top: 0; bottom: 0;left: 0; right: 0;     }
.popup-box { max-width: 918px;  position: relative; margin:auto; background: #fff;}
.popup-header {  }
.popup-main { padding: 2rem; }
.popup-main h3 { font-size: 2rem; line-height: 3rem; }
.popup-main p { color: #9c9c9c; font-size: 1rem; line-height: 2rem;}
.popup-main form {    }
.popup-main form .form-control { background: #f8f8f8;  border: none; border-radius: 0;}
.popup-close { position: absolute; top:0.5rem; right:0.5rem; color: #333; }
.popup-close i { font-size: 1.3rem;  transition: all 0.2s ease-in-out; }
.popup-close:hover i { transform: rotate(180deg); color: #3cab0c ; }
.popup-btn { background: #f8f8f8; border: none; padding: 0.5rem 1rem; color: #212529;                }