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%;
	border: 0;
}
a {
	color:#444;
	text-decoration: none;
}
a:hover {
	color:#4199dd;
	text-decoration: none;
}
button,input,textarea {
	letter-spacing:.5px;
	outline:none;
}
html,body {
	background:#fff;
}
body {
	line-height:1.5;
	font-family:PingFang SC,helvetica neue,arial,microsoft yahei,sans-serif;
	letter-spacing:.1px;
	width:100%;
	overflow-x:hidden;
}

html {
	font-size:15px;
}

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

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

.h-top {  border-bottom: 1px solid #f1f1f1; height:2rem; line-height:2rem;  font-size: 0.9rem;        }
.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:0.5rem 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 {  margin:1rem 0;}
.header-logo-des { float: right;  margin:0 0 0 1rem;        }
.header-logo-des  dt { margin: 0 0 0.5rem; }
.header-logo-des span { background:#FE6600;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:#dd2a42; width:3rem; height:3rem; border-radius: 1rem; color:#fff; }
.header-contact  p {color:#5f6168; 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: #005ea6;  }
.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: #dd2a42; }
.offcanvas-body ul>li a  {display: inline-block;   font-size:1rem; font-weight: bold;  color: #fff;padding:1rem 2.5rem;   }
.offcanvas-body ul>li a:hover {background: #dd2a42; }
.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: #005ea6; }
.offcanvas-body ul>li>ul.dropdown-menu>li a:hover { background:#FE6600; }
.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>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; }
.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; }
 }


.bg-001c47   { background:#001c47; }
.bg-organge {  background:#4199dd;         }
.bg-f9f9f9 { background:#f9f9f9; }
.bg-009aff { color:#fff;  background:#009aff;    }
.bg-orange { color:#fc5e16; background: #fc5e16; border:#fc5e16; color:#fff;  }
.btn-grey {  background:#4199dd; color:#fff; padding:0.7rem 1rem; }
.btn-grey:hover { background:#fff;color:#4199dd; }



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


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




.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 { line-height: 1.5rem;  display: inline-block;  width:20%; border-right:0.05rem solid #ebebeb;  text-align:center;    }
.tab-choose li a {  height: 2rem;  display: inline-block; line-height:2rem;     font-size:1rem;   }
.tab-choose li i {     font-size:2rem; margin: 0 0.3rem 0 0;       }
.tab-choose  li a.active { color:#4199dd; font-weight: bold; }
.choose-box { position: relative;  } 
.choose-pic {   }
.choose-pic img { width:100%;  }
.tab-choose .choose-text {padding:0.7rem 0;  position: absolute; background:rgba(255,255,255,0.95); left:2rem; right:2rem; bottom:2rem;  padding: 2% 3%;    }
.tab-choose .choose-texttit {margin:0.7rem 0; } 
.tab-choose .choose-texttit h3 { font-weight: bold;font-size:1.4rem; margin:0 0 0.5rem; }
.tab-choose .choose-texttit p { font-size:1rem; color:#5f6168; }
.tab-choose .choose-texttit span { color:#4199dd; } 
.tab-choose .choose-textlist {}
.tab-choose .choose-textlist li { color:#5f6168;border:none; list-style: square inside; font-size:1rem; width:100%; text-align:left; margin:0;height:auto; line-height:1.6rem;}

@media  (max-width:1200px) {
.tab-choose .choose-text {  padding:2%; }	
}
@media  (max-width:993px) {
.tab-choose .choose-text { position: relative; background:#f9f9f9; left: 0; right:0; top:0; padding:0.5rem 2rem;}
.tab-choose .choose-textlist li { padding: 0; }
}
@media  (max-width:576px) {
.tab-choose li i { display: block;}
}


.gui-bg { margin:0 0 3.2rem; background:url(../img/bg-image.jpg) scroll no-repeat 50% 50%; }
.gui-left {            }
.gui-left h2 {   font-size:1.5rem;line-height: 1.5rem; margin: 0 0; font-weight: bold;      }
.gui-left h2 span {   color: #223341;  font-size: 1.2rem;    }
.gui-left h2 em {  color:#4199dd;  display: block; font-style: normal; margin:1rem 0;     }
.gui-left p  {    font-size:1rem; line-height:1.7rem;  margin: 0 3rem 0 0; color: #444;  }
.gui-left ul {   margin:1rem 0;       }
.gui-left li { display: inline-block; }
.gui-left li a{ font-size:1rem;  padding:0.6rem 1.3rem; display: inline-block;  text-align:center; background:#f9f9f9; color:  #444;   }
.gui-left li.active a,.gui-left li:hover a {background:#e94f4f; color:#fff;  }
.gui-right {  overflow: hidden;  display: block; background:url(../../theme-new/image/video.jpg) scroll no-repeat; height:100%; position:relative;   }
.gui-right img {width:100%;   }
.gui-right img:hover {  transform: scale(1.1); transition:1s;  }
.gui-data {  background:#fff;z-index:10; position: absolute; bottom:-2.5rem;  box-shadow: 0 3px 10px rgb(0 0 0 / 15%);  width:75%; padding:1rem 0;     }
.gui-databox {  text-align:center;  border-right:1px solid #ebebeb;    }
.gui-databox h4 {  color:#4199dd;  font-weight: bold; font-size:2.5rem;}
.gui-databox h4 i { font-style: normal; }
.gui-databox h4 span{ background:#223341;color:#fff;font-weight: normal; width:1.2rem; height:1.2rem; line-height:1.2rem; font-size:0.8rem; border-radius:0.6rem; }
.gui-databox p  {   font-size:0.9rem;  }

.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;  }

@media  (max-width:993px) {
.gui-bg  { background: none; margin:0; }	
.gui-left { text-align:center; }
.gui-left h2 {   font-size:1.5rem;line-height:1.5rem; margin:0.6rem 0 0;       }
.gui-left p  { margin: 0;   font-size:1rem; line-height: 1.6rem;     }
.gui-left li a{ font-size:1rem;  padding:0.3rem 0.6rem;  }
.gui-data {  position: relative;top:0; width:100%;  }
.gui-databox h4 { font-size:1.4rem;   }

.gui-databox h4 span  { width:1rem; height:1rem; line-height:1rem; font-size:0.7rem;background:#fff;color:#223341; }
.gui-databox p  { color:#5f6168;  font-size:1rem;  }
.gui-right {  display: none;     }

}



/* 首页介绍tab */

.about-bg{ background:url(https://www.sakobpq.com/images/abobj.jpg) scroll no-repeat 0 0; }
.about-main { margin:20rem 0 0; box-shadow: 0 3px 10px rgb(0 0 0 / 15%); background:#fff; padding:3rem 2rem; }
.about-tab {    text-align:center; margin:0 0 2rem;    }
.about-tab li { display: inline-block; }
.about-tab li a { display: inline-block; font-size:1rem; text-align:center; background:#f9f9f9; padding: 0.5rem; margin:0 0.3rem 0.6rem; border-radius: 0.2rem; }
.about-tab li a.active,.about-tab li a:hover {  background:#fc5e16;color:#fff;}

/* 联系banner */
.zbanner-bg {  background:url(https://www.sakobpq.com/images/hfbj.jpg) scroll repeat 0 0;    }
.zbanner-info {  color:#fff; }
.zbanner-info  dt  {  font-size:1.2rem; font-weight: normal;} 
.zbanner-info  dd {  font-size:1.2rem; }
.zbanner-info  dd span{  font-size:1.4rem; font-weight: bold; margin:0 1rem 0 0;}
.zbanner-contact { color:#fff;  }
.zbanner-contact dt {font-size:1rem;  line-height:2rem; }
.zbanner-contact dd {font-size:1.5rem;   margin:0 1rem;  line-height:2rem; 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 1rem; }
.zbanner-info  dd span {font-size:1.5rem;  }
.zbanner-info  dd i { margin:0 0.3rem 0 0; }
}





.zbox   {  background:#fff;  padding:1rem; margin: 0 0 1rem; box-shadow: 0 0.1rem 0.3rem rgb(0 0 0 / 15%)  }
.zbox  h3  {  font-size:1.1rem; line-height:1.8rem;  font-weight: bold;       }
.zbox  p   {   font-size:1rem; line-height:1.6rem; color:#5f6168;        }
.zbox  i   { font-size: 3rem; float:right; color:#001c47;  border:0.15rem 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: 5.4rem 0; background:url(../img/subbanner.jpg); }
.banner {  }
.banner h1,.banner h2 {  font-size:1.5rem; font-weight: bold;  color:#fff; margin:0 0 0.6rem;} 
.banner p { font-size:0.9rem; color:#fff; }
.banner p a { color:#fff; }

@media (max-width: 767px){          
.banner {  padding: 2.6rem 0 ; }
}



/* tab案例样式1 */
.case-tab {  background:#fff;       }
.case-tab li{ display: block; border-bottom: 0.05rem solid #ebebeb;width:100%;}
.case-tab li a {display: block; font-size:1rem; padding:1rem 1.3rem;  }
.case-tab li a i { margin: 0 1.3rem 0 0; }
.case-tab li a.active { background:#fc5e16; color:#fff;  } 

@media  (max-width:576px) {
.case-tab {  background:#fff;  padding: 0.3rem;      }
.case-tab li{ display: inline-block;  line-height: 1.3rem; width:25%; border:none;}
.case-tab li a { padding:0; text-align: center; font-size:1rem;line-height:2rem; margin: 0 0.2rem 0.3rem; border-radius: 0.6rem; background:#f9f9f9;  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 {  overflow: hidden;  line-height: 2.6rem;  height:3rem;}
.case-tabbox  dt a { color:#5f6168;  font-weight: normal;     }
.case-tabbox  dd  {     }

/*  tab案例样式2  */

.cases-tab { }
.cases-tab li {    text-align: center;   display: inline-block;  }
.cases-tab li a   { border-radius: 0.2rem;  font-size:1rem; padding:0.6rem 1rem;  color:#001c47;  background:#f9f9f9; margin: 0 0.2rem;  }
.cases-tab li a.active,.case-tab li a:hover { background:#4199dd;   color:#fff;  border:none;  } 

.cases-tab li i  { margin: 0 0.3rem 0 0; }

.cases-box { margin:0 0 1.5rem;    position: relative;    }
.cases-thumbnail {   overflow: hidden;       }
.cases-thumbnail img { width:100%;   transition: .3s;}
.cases-box:hover .cases-thumbnail img { transform:scale(1.1); }
.cases-text { position: absolute;  top:0; left:0;  z-index: 2;  padding:3.3rem 2rem; display: none; }
.cases-text h3  { font-size:1.1rem;   color:#fff;  font-weight: bold;    }
.cases-text h3 a { color:#fff; }
.cases-text h3 a:hover { color:#24a88e; }
.cases-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.3rem;    }
.cases-icon {position: absolute; right:2rem; bottom:2rem; color:#fff; display: none; }
.cases-box:hover .cases-text { display: block;   }
.cases-layer{ background:#24a88e; display: block;  } 
.cases-box:hover .cases-layer { opacity:0.7;background:#4199dd;width:100%; height:100%;display: block;position: absolute; bottom:0; left:0;    } 
.cases-box:hover .cases-icon { display:block;  }

@media screen and (max-width:992px) {
.cases-text { display: block;  bottom:2rem; left:1.3rem;top:auto; padding:0; }
.cases-text p { display: none; }	
.cases-layer { position: absolute;opacity:0.6;background:#001c47; top:0;left:0; width:100%;height: 100%; }
}

/*  流程简单样式  */


.step  {overflow:hidden;  background:#009aff; position: relative; margin: 0 0 1.3rem; border-radius: 0.3rem;padding:2rem 2.3rem;text-align: center; }
.step i { position: absolute; top:-0.3rem; left:-0.3rem; width:2.3rem; height:2rem;color:#fff; background:#ff7e00; border-radius: 50%; text-align: center; font-size:1.2rem; }
.step span { color:#fff; font-size:1.1rem; }
.stepbox {      }
.stepbox dt {  border-radius: 0.3rem; overflow:hidden;    }
.stepbox dt img{ width:100%;    }
.stepbox dt img:hover{ transform: scale(1.1);    }
.stepbox dd{  text-align: center; font-size: 1rem; line-height:2.8rem;   }



/*  流程细节版本  */

.steptext { margin:0 0 1rem;      }
.steptext dt {   font-size:1.0rem; line-height: 2rem;  }
.steptext dd {  color:#666;  font-size:0.9rem;  line-height:1.3rem;  }
.steptext dd img { border-radius: 0.3rem; margin:0 0 0.3rem;    }




/*  优势    */
.feature-img {           } 
.featurebox { margin: 0 0 1rem; }
.feature-iconl { float: left;}
.feature-iconr { float: right; }
.feature-iconl,.feature-iconr  { margin: 0.6rem; background: #001c47; color: #fff; border-radius: 50%; padding: 1rem; }
.feature-iconl i,.feature-iconr i { font-size: 3rem;  }
.feature-iconl:hover  ,.feature-iconr:hover   {   background:#fc5e16;  color:#fff;  transform:rotateY(180deg);       }
.feature-text { padding: 0.6rem 0;}
.feature-text h3 { font-size: 1rem; line-height: 1.6rem; font-weight: bold;   }
.feature-text p {  font-size: 1rem; line-height: 1.4rem;  color: #5f6168;    }



/* 404 */

.p404 {  background:#f9f9f9; padding: 3rem;   }
.p404 h2 { font-size: 5rem;  line-height: 6rem; margin:0 0 1rem; color:#444;}
.p404 h5 { font-size: 1.5rem;  }
.p404  p  { font-size: 0.9rem;  padding:1.5rem 0; }
a.btn-404   {  background:#4199dd; color: #fff;   padding:0.7rem 2rem;  display: inline-block; margin: 0 1rem; border-radius: 0.2rem 0.2rem 0.2rem 0;  }
a.btn-404:hover  {  background: #FFF; color: #4199dd;  }


/*     费用         */
.pricebox {  margin:0 0 1.3rem;  }
.pricebox i  { text-align: center; width:3.7rem; height:3.7rem; font-size:1.9rem;padding:0.9rem; background:#001c47; border-radius:50%; color:#fff; margin:0 0 0.5rem; }
.pricebox  h3 { font-size:1.1rem;  line-height:2.1rem; color:#212529; }
.pricebox h5 {  font-size:1.1rem; font-weight: bold;  line-height:2rem; color:#fc5e16;}
.pricebox p {  font-size:0.9rem;  line-height: 1.3rem; color:#5f6168;}

.b-box { margin: 0 0 1.3rem;box-shadow: 0 0.2rem 0.3rem rgb(0 0 0 / 15%); text-align: center; background:#fff; }

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



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

.carousel-control-next-icon, .carousel-control-prev-icon {  width:4rem; height:4rem; }




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

.pbox {vertical-align:middle; text-align: center; background:url(https://www.sakobpq.com/images/flo-jt.png)scroll no-repeat 100% 40%; margin: 0.5rem; }
.pbox span {  display:block;width:6.5rem; height:6.5rem; border-radius: 50%; margin:0 auto 0.6rem; }
.pbox  i  { padding:2rem;  display: block;  font-size:2.6rem;  font-weight: bold;  color:#fff;    }
.pbox  p   {   font-size:1rem; line-height:1.6rem;         }
.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;}

@media screen and (max-width:992px) {
.pbox span { background:rgba(255,255,255,0.3); display:block;width:6.5rem; height:6.5rem; border-radius: 50%; margin:0 auto 0.6rem; }

}

.choose-tab {   margin: 1.3rem 0;    }
.choose-tab ul { margin: 0 0 1.3rem; }
.choose-tab li {  display: inline-block;   margin: 0.7rem;      }
.choose-tab li a {  border:0.07rem solid #ebebeb;  white-space: nowrap; padding: 0.7rem 0.7rem; border-radius: 0.7rem; font-size:1.15rem;  color:#001c47;}
.choose-tab li a.active {  background:#fc5e16; color:#fff;border:0.07rem solid #fc5e16;             }


.port-box   {   background:#f9f9f9;  box-shadow: 0 0.2rem 0.7rem rgb(0 0 0 / 15%); margin:0 0 1.3rem;          }
.port-box dt {  padding: 0.7rem 0.7rem 1.2rem   }
.port-box dt h4 {  font-size:1.2rem; line-height: 2.2rem; color:#001c47;  }
.port-box dt p  { font-size:0.9rem; line-height: 1.3rem; color:#5f6168;  height:2.8rem; overflow:hidden; font-weight: normal; }
.port-box dd { position: relative;              }
.port-box dd span{ text-align: center;   padding:0.7rem 0.7rem;  font-size:0.9rem;    position: absolute; right: 0.7rem; top:0.7rem; background:#fc5e16;  color:#fff;      }

.case-li {}
.case-li li  { display: inline-block;margin: 0 0.7rem; border-bottom:0.07rem solid transparent;}
.case-li li.active a,.case-li li a:hover { border-bottom:solid 0.14rem #fc5e16; padding: 0.7rem 0; color:#fc5e16;  font-weight: bold; }
.case-li li a:hover  { border:none; }
.case-li li a { color:#001c47; font-size:1.2rem; }
.case-box { text-align: center; margin: 0 0 1.3rem;}
.case-box dt { line-height: 2rem;  font-size:1.15rem; }


.profile-title  {  text-align: center;  margin:0 0 1rem;       }
.profile-title h1  {  font-size:1.5rem; line-height:2.2rem; font-weight:bold;           }

.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:0.07rem dashed #f2f2f2;      }
.tem-filter dl { position: relative; padding: 1rem 0 0 3.5rem; border-bottom:0.07rem dashed #ebebeb;}
.tem-filter dt { display: block; font-weight: normal; color:#666; position: absolute; left:0; top:1.3rem;  }
.tem-filter  dd { display: inline-block; padding: 0px 0.5rem 0.5rem;  font-size: 0.9rem; }
.tem-filter  dd a { color:#5f6168; padding:0.2rem 0.7rem; font-size: 0.9rem;}
.tem-filter  dd a.active,.tem-filter  dd a:hover {font-size:0.9rem;  background:#fc5e16;color:#fff;  border-radius: 0.2rem; }

.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 0.7rem; padding: 0 0.7rem;    }
.tab-pane li a {background:#f9f9f9;  padding: 0.7rem; display: inline-block; border-radius: 0.7rem; 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: 0.7rem; margin:0 0 1.3rem; background:#fff; box-shadow:0 0.14rem 0.28rem rgb(3 27 78 / 10%);    }
.tem-box-thumb {    }
.tem-box-info {   padding: 0.7rem 0.7rem 1.3rem;  }
.tem-box-info h5{  font-size:1.0rem; line-height: 2rem; overflow:hidden;height: 2rem; font-weight: bold; margin:0 0 0.5rem;  }
.tem-box-info h5 a  {color:#001c47;}
.tem-box-info li {  font-size:0.9rem; line-height: 1.3rem;  display: inline-block; margin:0 0.7rem 0 0; color:#5f6168;}
.tem-box-info li i  { color:#666; }

.tem-block { background:#fff;padding: 2rem; border-radius: 0.7rem;  }
.tem-content { margin: 1.3rem 0;  }
.tem-info {  border:0.07rem solid #f9f9f9; margin:0.7rem 0; color:#666; } 
.tem-info-td { border-top:0.07rem solid #f9f9f9; padding: 0.7rem;  }

.tem-title { margin:0 0 1.3rem;  }
.tem-title h1 { font-size:1.8rem; font-weight: bold;  line-height:2rem;   }



.tem-profile {  box-shadow: 0 2rem 3.5rem 0 rgb(51 51 51 / 8%); padding: 1.3rem; border:0.07rem solid #ebebeb; }
.tem-profile-title  {           }
.tem-profile-title  h1 {  font-size:1.8rem; line-height: 2rem; font-weight: bold;         }
.tem-profile-price { margin:1.3rem 0; text-align: right; }
.tem-profile-price h3 { color:#F14D5D;  font-size: 2rem; }
.tem-profile-price small { color:#666;  font-size: 1rem; }
.tem-profile-info {} 
.tem-profile-info li {  padding: 0.7rem 0;  border-bottom:0.07rem solid #ebebeb; position: relative; }
.tem-profile-info li i { margin:0 0.7rem 0 0; }
.tem-profile-info li span  { position: absolute; right:0; top:0.7rem; color:#666;}
.tem-profile-info  {}

.tem-profile-btn {  margin:2rem;text-align:center; } 

.tem-profile-service {      }
.tem-profile-service h3  { font-size:1.15rem; line-height: 2rem;  font-weight: bold; margin:0 0 0.7rem;}
.tem-profile-service li {  height:2rem; line-height: 2rem; font-size: 1rem;  color:#666;   }


/*  新闻列表      */

.news-box { background: #f9f9f9; 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;  height: 3.7rem;overflow: hidden;  line-height: 1.5rem;    }
.news-box-info h3 a{   font-size:1rem;             }
.news-box-info p {background: #fff; font-size: 0.8rem;  height: 3rem; line-height: 1.3rem; overflow: hidden; color:#808080;  padding: 0.3rem;               }
.news-box-meta { position: relative; font-size: 0.75rem; height: 1.5rem; padding: 0.5rem 0 0; color: #808080;                                   }
.news-box-meta .meta-left {   position: absolute; left: 0;    }
.news-box-meta .meta-right {   position: absolute; right: 0;      }


.zlist {         }
.zlist dl { border-bottom:0.05rem solid #ccc; padding:0.6rem 0;}
.zlist dt {         }
.zlist dt a { font-size:0.9rem;line-height:2rem; height:2rem; overflow: hidden;color:#001c47;      }
.zlist dd { font-size:0.9rem;color:#5f6168; line-height: 1.7rem;  text-indent:2em; height:3rem; overflow: hidden; }  
.pages {  margin:1.3rem  auto;  text-align: center;      }
.pages a { display: inline-block;  border-radius: 0.2rem; padding:0.2rem 0.7rem;  border:0.07rem solid #ebebeb; background:#fff; color:#666;  font-size:1.05rem;     }
.pages b { color:#fff;   border-radius: 0.2rem;   border:0.07rem solid #001c47;   background:#001c47;  padding:0.3rem 0.7rem;    }
.pages a:hover  {  border:0.07rem solid #001c47;  }

.crumb { padding: 1.3rem 0; }

/* 荣誉  */

.honor-box {   border:0.07rem solid #ebebeb;  margin:0 0 1.3rem;        }
.honor-box dt {     padding:0.7rem;          }
.honor-box dd { width:100%; overflow:hidden; background:#f9f9f9;  text-align: center;  font-size:1rem; line-height: 2.5rem;  height:2.5rem;  }


/* 特色 */
.fea-box  {  text-align: center;padding: 2rem;     }
.fea-box i { font-size:3rem;     }
.fea-box h4 { margin: 1rem 0 0.5rem; font-size: 1.1rem; color: #fc5e16;  font-weight: bold;     }
.fea-box p {  font-size: 0.85rem;  color: #5f6168;    }
.fea-box:hover {  box-shadow: 0 0.1rem 0.3rem rgb(0 0 0 / 15%); background: #fff;    } 

/* 相册  */

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

/* 服务  */

.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;    }
.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: #5f6168; height: 2.4rem; overflow:   }
.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%);   }

/* 服务列表2 */

.service-box {  position: relative; border: 0.1rem solid #eee; padding: 0 1rem 1.5rem;  background: #f9f9f9;  margin:4rem 0 0; }
.service-pic {  position: relative;  overflow: hidden; top:-1.5rem; }
.service-pic img {width: 100%;transition: .3s;}
.service-info { z-index: 2;   }
.service-icon { position: relative; text-align: center; width: 5rem;  height: 5rem; border-radius: 50%; margin: -4rem auto 0;  background: #fff; z-index: 2;  color: #005ea6; }
.service-icon i { font-size: 5rem; }
.service-block { text-align: center; }
.service-block h3 { font-size: 1.1rem; margin: 1rem 0; }
.service-block p { text-align: left; font-size: 0.85rem; line-height: 1.2rem; color: #666; }
.service-box:hover .service-pic img {transform:scale(1.1); opacity:0.7;}
.service-box:hover .service-icon { background:#005ea6; color: #fff; }
.service-box:hover {box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);}


/*    用户评价  */
.guest-box { background: #fff;  position: relative; padding:3rem 2rem 0.5rem; border-radius: 0.3rem;           }
.guest-box i {    font-size: 3rem; color: #005ea6;  position:absolute; left:2rem;top:-1rem; z-index: 3;  }
.guest-box span {  position: absolute;right: 2rem; top:0.5rem; background: #dd2a42; color: #fff;  border-radius: 0.2rem; padding: 0.2rem 0.6rem; text-align: center;  }
.guest-text { color: #808080; 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: #808080;          }
.guest-logo { float: right; width:6rem; border:0.05rem solid #eee;}



/*  发展 */

.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.7rem; border: 0.05rem solid #ebebeb; }
/* 套餐 */


.meal-table { border:0.07rem solid #ebebeb;  }
.meal-table tr td { padding:1.3rem 2rem; }
.meal-table tbody  td:hover{ background:#f9f9f9;  }

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

.meal-thead-left  {   font-weight: bold;  text-align: right;  color:#5f6168; vertical-align: top;  font-size: 1.8rem; }
.meal-thead-right  {   min-width: 280px; width: 280px; border-left:0.07rem solid #ebebeb;  text-align: center;  padding:1.3rem;   }
.meal-name {  font-size:1.15rem;    }
.meal-price{  font-size:36px;  font-family:"Arial,self"; color:#fc5e16;  position: relative; margin:1.3rem 0;  }
.meal-price span  {   font-weight: bold;   font-size:1.15rem;  color:#001c47;  top:0.7rem;  }
.meal-price small {  font-size:1rem; color:#001c47;  font-weight: normal;    }
.meal-user {   }
.btn-meal { background:#001c47; color:#fff; padding:0.7rem 1.3rem;  }
.btn-meal:hover { background:#fc5e16; color:#fff; }
.meal-hover { background:#94a6c4; }

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

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




.info-box   {  position: absolute; top:1.3rem; right:0.7rem;   }
.info-box::before {justify-content:center; width:1.2rem; height:1.2rem; text-align: center;  border-radius:50%; display: flex; background:#001c47; align-items:center; content:'?'; font-size:1.15rem; color:#fff; }
.info-box::after {visibility:hidden; opacity:0; width:20rem; box-shadow:0 0.14rem 0.28rem 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: 0.7rem; padding: 0.7rem 1.2rem }
.info-box:hover::after{  visibility: visible; opacity:1; }


/*    优势     */

.advinfo {  margin:0 0 1rem;  }
.advinfo h3 { font-size:1.2rem; line-height:2rem;  font-weight: bold;}
.advinfo h5 { font-size:1.5rem; line-height:2.5rem;margin: 0.5rem 0; font-weight: bold; color:#4199dd;}
.advinfo p  { font-size:1rem; line-height:1.5rem;      }


.advbox {  box-shadow: 0 2rem 2rem rgb(24 27 34 / 10%);  background:#fff; border-radius: 0.4rem;  margin: 0 0 1.3rem;  padding: 1.2rem 0.6rem;       }
.advbox:hover { margin:-0.3rem 0 0;    transition:0.5s;    background: #4199dd; }
.advbox:hover h3,.advbox:hover dd { color: #fff; }
.advbox dt {  margin:0 0 0.3rem; }
.advbox dt h3{ font-size:1.1rem; line-height:1.6rem; font-weight: bold; color: #4199dd; }
.advbox dt img {  max-width: 4rem; margin: 0 1rem 3rem; float: left; }
.advbox dd { font-size:0.9rem;   }




/*  费用  */
.cost-box {  text-align: center; padding: 2rem 1.5rem;  border:0.1rem solid #ebebeb;  margin:0 0 1.3rem;  }
.cost-box:hover {  background:#4199dd; }
.cost-box-logo {  font-size:5rem;    }
.cost-box-header {  margin:1rem 0; }
.cost-box-header h3 {  font-size:1.2rem; line-height: 40px; color:#001c47; }
.cost-box-header h5 {  font-size:1.6rem; color:#fc5e16; font-family:'Arial'; line-height: 3rem; font-weight: bold;}
.cost-box-info {  text-align: left; margin:0 1rem 2rem;  }
.cost-box-info li { line-height: 2rem; color:#666; font-size:1rem; }
.cost-box-btn { background: #001c47; color:#fff; margin:0 0.3rem;  }


.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: 0.7rem;  padding: 2rem 1.3rem 1.3rem; margin: 2.8rem 0 0;                          } 
.page-culture-box  h3   {   font-size: 1.1rem;  margin: 0 0 0.7rem;  font-weight: bold;                  }
.page-culture-box  h4   {   font-family:Arial,Impact,Georgia; font-size: 1.1rem;margin: 0 0 0.7rem; font-weight: bold;   color:#4199dd;              }
.page-culture-box  p   {     font-size:1rem; color:#5f6168;            }
.page-culture-box  span   { font-family:Arial,Impact,Georgia;  position: absolute;   right: 2rem;  top:-2rem;  font-size:3rem; font-weight: bold;  color:#4199dd;              }
.page-culture-bg { background:url(../image/culture_bg.png) scroll no-repeat 50% -30%; }
.page-culture-box:hover { background:#4199dd;box-shadow: 0 0.14rem 0.28rem rgb(3 27 78 / 10%); }
.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;  padding:2rem 1rem;  margin: 0 0 2rem;    background:#fff;  }
.contactbox span { font-size:0.85rem; }
.contactbox  h3 {  line-height: 2rem; font-size:1.2rem; font-weight: bold;margin:0 0 0.5rem;     }
.contactbox  p {   line-height: 3rem;  font-size:0.95rem; color:#a9a9a9;   }
.contactbox  h5 { text-decoration:underline; font-size:1rem; }

.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;}


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

/*     数据       */
.page-total {  background:#4199dd url(../img/wave.svg) no-repeat 14% 54%;          }
.page-total-box {  text-align: center;  margin: 0.5rem 0;          }
.page-total-box h3  {    color:#fff;   font-family:Arial,Impact,Georgia;   font-size:2rem;                      }
.page-total-box span  {     width:2rem; height:0.1rem; background:#001c47;  margin: 0.6rem auto; display: block;         }
.page-total-box h5  {  font-size:1rem;    color:#fff  ;          }

/*    team    */
.page-team-box  { border:0.07rem solid #ebebeb;   display: block; width:100%; height:100%; background:#fff;       }
.page-team-zheng {   display: block;  	transform-style: preserve-3d;transition: all .7s ease-out;      }
.page-team-img {           } 
.page-team-info  {   text-align: center; padding: 1.3rem 0;          }
.page-team-info  h3 {  font-size:1.2rem; line-height: 2rem;           }
.page-team-info  p  {   font-size:0.9rem; line-height: 1.3rem; color:#5f6168; margin: 0 0 0.7rem;       }
.page-team-info  span { background:#4199dd; height:0.14rem; display: block; width:2rem; margin: 0 auto;}
.page-team-fan  {   display: none; background:#fff; padding: 1.3rem 0 0; transform: rotateY(180deg);	transform-style: preserve-3d;transition: all .7s ease-out;            }
.page-team-info2{  border-left:0.2rem solid #4199dd;  padding:0.7rem 1.3rem;                              }
.page-team-info2 h3 {  font-size:1.2rem;  line-height: 2rem;  }
.page-team-info2 p {  font-size:0.9rem;  line-height: 1.3rem;color:#001c47; }
.page-team-intro  {  padding: 2rem;   font-size:1rem;color: #666;                   }
.page-team-box:hover {  box-shadow: 0 0.14rem 0.28rem 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 { border-radius: 0.7rem;   display: block; width:100%; height:100%; border:0.07rem solid #ebebeb;  padding: 2.5rem 1.3rem 1rem;    }
.page-contact-box span { height:0.14rem; width:3.5rem; background:#4199dd; display: block; }
.page-contact-box h3 {margin:1.1rem 0; font-size:1.15rem; color:#001c47; }
.page-contact-box p { font-size:1rem; line-height: 2rem; color:#666;}
.page-contact-box p i { width:1.2rem;height:1.2rem;text-align: center; font-size:1.15rem; }
.page-contact-box:hover  {box-shadow: 0 0.14rem 0.28rem rgb(3 27 78 / 10%);}
.page-contact-box:hover span { width:13.5rem; }


/* 内容文章页面  */
.news-block {    background:#fff; border-radius: 0.7rem;       }
.news-title {  border-bottom:0.07rem solid #ccc;   padding: 1rem 0 1rem; margin: 0 0 0.7rem;       }
.news-title h1 { margin:0.7rem 0 1.3rem; font-size:1.5rem; line-height:2rem; text-align: center;  font-weight: bold;     }
.news-title p { color:#5f6168; font-size:0.9rem; line-height: 1.3rem; padding: 0 2rem; }
.news-content { font-size:1.1rem;  min-height: 300px;  padding:0 1rem 2rem;       }
.news-content p {   line-height:2rem; margin: 0 0 0.7rem;           }
.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:0.07rem solid #ebebeb; padding:0.7rem 1rem;    }
.news-p { line-height: 2rem;      }
.news-p a { font-size:1.05rem; }


.news-sider-block { background:#f9f9f9;  padding: 1.3rem; border-radius: 0.7rem; margin:0 0 1.3rem;  }
.news-sider-title {     }
.news-sider-title h3 {  font-size:1.1rem; font-weight: bold; margin:0 0 0.5rem;    }
.news-slist{          }
.news-slist li {overflow:hidden;    line-height: 2rem;  height:2rem;  list-style:square inside none; font-size:1.05rem      }

.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 {  }




.accordion-button:not(.collapsed) { background:#4199dd; 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:1rem 0;   }
.project-title h1 { font-size:1.5rem; font-weight: bold; height:2.2rem; line-height:2.2rem;    }
.project-intro {       }
.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:1rem; 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-pic {  border: 0.05rem solid #ebebeb;margin: 1rem 0 0;   }




.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:#4199dd; padding:12px 20px; font-size:17px;color:#fff;  }
.project-sider-cat dt a {  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:#f8f8f8; }
.project-sider-cat dd:hover a,.project-sider-cat dd:hover i { }


/*  服务流程  */
.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: #005ea6; 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: #808080 ; position: absolute; bottom: -1.5rem; left: 0; right: 0; }
.proce:hover { background:  #005ea6; color: #fff;      }
.proce:hover i,.proce:hover h6 { color: #fff;box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); }

.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: #666;  }
.procepic { text-align: center; margin: 1rem 0; }
.procepic i {  color: #005ea6;  font-weight: bold;  font-size: 4rem;   }


/* 公司简介*/
.intro-right{  margin: 1rem 0;   }
.intro-right h4 {  color:#005ea6; font-size: 1.3rem; }
.intro-right h2 { font-weight: bold;  color:#1f1f1f; font-size: 1.2rem; margin:0.8rem 0;  }
.intro-right p { color: #808080 ; font-size: 1rem; margin: 0.5rem 0; line-height:1.6rem; }
.intro-advlist {}
.intro-advlist li { color:#808080  ; padding: 0.2rem 0; }
.intro-advlist li i { color:#005ea6 ; }
a.intro-btn { font-weight: bold; background: #e8e8e8;   padding: 1rem 4rem; display: inline-block; text-align: center; border-radius:0.4rem;  font-size: 0.9rem;  }
a.intro-btn:hover { background:#005ea6; 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:#005ea6;  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:#005ea6; 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;}

/* 案例  */

.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;  }






/*  套餐  */

.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.3rem; background:#005ea6; color:#fff; padding:0.4rem; border-radius:0.2rem; }
.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: #333;    }
.pack-info dd span { color: #000 font-size:0.9rem;   }
.pack-info dt { line-height:2rem;  color:#a9a9a9;  font-weight:normal;   font-size:0.95rem; }
.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) ; }



/*   网站底部      */

footer { background:#262626; padding:3rem 0 0 ;  color:rgba(255,255,255,0.6); margin:3rem 0 0;position: relative;  }

.f-cta { margin:-7rem 0 2rem;   padding:2rem;  background:#4199dd;   }
.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: rgb(255,255,255,0.6); }
.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 #ebebeb; }
.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: rgb(255,255,255,0.6);  }

.f-bar { padding: 1rem 0; text-align: center; background: #000; border-color: rgb(255,255,255,0.15); }



@media (max-width:993px) {

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

}

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