@charset "utf-8";
/* CSS Document */
@font-face {
font-family:Avenir;
src:url(https://infaith-portal.oss-cn-shanghai.aliyuncs.com/font/Avenir/Avenir.eot);
src:local("\263A"), url(https://infaith-portal.oss-cn-shanghai.aliyuncs.com/font/Avenir/Avenir.eot#iefix) format("embedded-opentype"), url(https://infaith-portal.oss-cn-shanghai.aliyuncs.com/font/Avenir/Avenir.woff) format("woff"), url(https://infaith-portal.oss-cn-shanghai.aliyuncs.com/font/Avenir/Avenir.ttf) format("truetype"), url(https://infaith-portal.oss-cn-shanghai.aliyuncs.com/font/Avenir/Avenir.svg#webfontOTINA1xY) format("svg");
font-weight:400;
font-style:normal
}
@font-face {
font-family:AvenirB;
src:url(https://infaith-portal.oss-cn-shanghai.aliyuncs.com/font/Avenir-Black/Avenir-Black.eot);
src:local("\263A"), url(https://infaith-portal.oss-cn-shanghai.aliyuncs.com/font/Avenir-Black/Avenir-Black.eot#iefix) format("embedded-opentype"), url(https://infaith-portal.oss-cn-shanghai.aliyuncs.com/font/Avenir-Black/Avenir-Black.woff) format("woff"), url(https://infaith-portal.oss-cn-shanghai.aliyuncs.com/font/Avenir-Black/Avenir-Black.ttf) format("truetype"), url(https://infaith-portal.oss-cn-shanghai.aliyuncs.com/font/Avenir-Black/Avenir-Black.svg#webfontOTINA1xY) format("svg");
font-weight:400;
font-style:normal
}
@font-face {
font-family:OPPOSans-R;
src:url(https://infaith-portal.oss-cn-shanghai.aliyuncs.com/upload/2021322/1616384889146OPPOSans-R.eot);
src:local("\263A"), url(https://infaith-portal.oss-cn-shanghai.aliyuncs.com/upload/2021322/1616384889146OPPOSans-R.eot#iefix) format("embedded-opentype"), url(https://infaith-portal.oss-cn-shanghai.aliyuncs.com/upload/2021322/1616384962104OPPOSans-R.woff) format("woff"), url(https://infaith-portal.oss-cn-shanghai.aliyuncs.com/upload/2021322/1616384947240OPPOSans-R.ttf) format("truetype"), url(https://infaith-portal.oss-cn-shanghai.aliyuncs.com/upload/2021322/1616384910986OPPOSans-R.svg#webfontOTINA1xY) format("svg");
font-weight:400;
font-style:normal
}
@font-face {
font-family:PingFang-Bold;
src:url(https://infaith-portal.oss-cn-shanghai.aliyuncs.com/font/PingFangSCBold/PingFangSCBold.eot);
src:local("\263A"), url(https://infaith-portal.oss-cn-shanghai.aliyuncs.com/font/PingFangSCBold/PingFangSCBold.eot#iefix) format("embedded-opentype"), url(https://infaith-portal.oss-cn-shanghai.aliyuncs.com/font/PingFangSCBold/PingFangSCBold.woff) format("woff"), url(https://infaith-portal.oss-cn-shanghai.aliyuncs.com/font/PingFangSCBold/PingFangSCBold.ttf) format("truetype"), url(https://infaith-portal.oss-cn-shanghai.aliyuncs.com/font/PingFangSCBold/PingFangSCBold.svg#webfontOTINA1xY) format("svg");
font-weight:400;
font-style:normal
}

/*通用 - reset*/
*{margin: 0;padding: 0;  font-family: OPPOSans-R;box-sizing:border-box;}
a { text-decoration:none}
li { list-style:none}
.clear { clear:both}
h1,h2,h3,h4,h5{ font-weight:normal}
/*通用 - 导航*/
.nav {height: 80px;width: 100vw; background:rgba(0, 0, 0, 0.4);position: fixed;z-index: 100;}
.nav .nav-warp { width:90%; max-width:1280px; margin: 0 auto } 
.logo { float:left; padding:10px 0; position:relative; z-index:9}
.logo img { display:block;height:60px;}
.lang { float:right; margin:30px 30px 0 .5rem}
.nav-links { float:right; justify-content: space-evenly;align-items: center;}
.nav-links li {  display:block; float:left; margin:10px 20px 10px 0 ;}
.nav-links li a.toplink { display:block; font-size:18px; color:#FFF; line-height:40px; padding:0 20px;position: relative;}
.nav-links li a.toplink::after {content: "";display: block;height: 4px;width: 0%;background-color: #fff;position: absolute; left:10px;transition: all ease-in-out 250ms; }
.nav-links li a.toplink:hover::after,.nav-links li.on a.toplink::after{ width:calc((100% - 20px) /1)}
.hamburger div {width: 30px;height:1px;background: #fff;margin: 8px;transition: all 0.3s ease;}
.hamburger {display: none;}
body.openw { overflow:hidden}

.nav_menu-item {
  display: block;
  position: relative;
}
.nav_menu-item:hover {
}
.nav_menu-item:hover .nav_submenu {
  display: block;
}
.nav_submenu {
  text-transform: none;
  display: none;
  position: absolute;
  width: 120px;
	top:42px;
	color:#333;
	font-size:14px;
  background: rgba(255, 255, 255, 0.8);
	padding-bottom:10px;
}
.nav_submenu .nav_submenu-item{
	width:100%;
	line-height:40px;
	font-size:15px;
	margin:0;
}
.nav_submenu.nav_submenuen .nav_submenu-item{

}
.nav_submenu .nav_submenu-item a{ display:block; text-align:center;
	color:#111;
}
.nav_submenu .nav_submenu-item::after {content: "";display: block;height: 2px;width: 0%;background-color: #ad814d;position: absolute; left:10px;transition: all ease-in-out 250ms; }

.nav_submenu .nav_submenu-item:hover a{
	color:#ad814d;
}
.nav_submenu .nav_submenu-item:hover::after{ width:calc((100% - 20px) )} 
@media screen and (max-width: 1200px) {
.nav-links.nav-linksen li { margin-right:8px;}
.nav-links li a.toplink.toplinken{font-size:13px;  padding:0 6px; }
}

@media screen and (max-width: 966px) {
.nav { height:60px;position: fixed;z-index: 3;}
.nav .nav-warp { width:100%; }
.logo { padding:10px 0 10px 20px;}
.logo img { height:40px;}

.lang { position: absolute;cursor: pointer;right: 15%;top: 0;z-index: 2;margin:30px 10px 0 .5rem}
.hamburger {display:block;position: absolute;cursor: pointer;right: 10px;top: 40%;transform: translate(-5%, -50%);z-index: 2;transition: all 0.7s ease;}
.nav-links {position: fixed;background: #131418;height: 100vh;width: 100%; padding:80px 0 0;flex-direction: column;clip-path: circle(50px at 90% -20%);-webkit-clip-path: circle(50px at 90% -10%);transition: all 1s ease-out;pointer-events: none;}
.nav-links.open {clip-path: circle(2000px at 90% -10%);-webkit-clip-path: circle(2000px at 90% -10%);pointer-events: all;}
.nav-links li { width:100%;opacity: 0; margin:0}
.nav-links li a.toplink { display:block; font-size:18px; color:#fff; line-height:76px; padding:0 20px;position: relative;}
.nav-links li.xgxa a.toplink { color:#ad814d}
.nav-links li a.toplink::after {content: "";display: block;height: 4px;width: 0%;background-color: #ad814d;position: absolute; left:10px;transition: all ease-in-out 250ms; }
.nav-links li a.toplink:hover::after,.nav-links li.on a.toplink::after{ width:calc((100% - 20px) /1)}

.nav-links li:nth-child(1) {transition: all 0.5s ease 0.2s;}
.nav-links li:nth-child(2) {transition: all 0.5s ease 0.4s;}
.nav-links li:nth-child(3) {transition: all 0.5s ease 0.6s;}
.nav-links li:nth-child(4) {transition: all 0.5s ease 0.7s;}
.nav-links li:nth-child(5) {transition: all 0.5s ease 0.8s;}
.nav-links li:nth-child(6) {transition: all 0.5s ease 0.9s;}
.nav-links li:nth-child(7) {transition: all 0.5s ease 1s;}
li.fade {opacity: 1;}
.nav-links li a { display:block; font-size:18px; color:#FFF; padding:0; text-align:center;}
.nav-links li a::after { display:none}
.hamburger.toggle div {background: #FFF;}


.nav_menu-item {
  display: none;
  position: relative;
}
.nav_menu-item:hover {
}
.nav_menu-item:hover .nav_submenu {
  display: none;
}
.nav_submenu {
  text-transform: none;
  display: none;
  position: absolute;
  width: 100%;
  padding-left:10px;
  padding-right:10px;
	top:79px;
	color:#333;
	font-size:14px;
  background: rgba(255, 255, 255, 0.8);
	padding-bottom:10px;
}
.nav_submenu-item{
	width:100%;
	line-height:40px;
	font-size:15px;
	margin-right:0;
}
.nav_submenu-item a{
	margin-left:20px;
	color:#111;
}
.nav_submenu-item::after {content: "";display: block;height: 2px;width: 0%;background-color: #ad814d;position: absolute; left:10px;transition: all ease-in-out 250ms; }

.nav_submenu-item:hover a{
	color:#ad814d;
}
.nav_submenu-item:hover::after{ width:140px} 


}
/*Animating Hamburger Icon on Click*/
.toggle .line1 {transform: rotate(-45deg) translate(-8px, 8px);}
.toggle .line2 {transition: all 0.7s ease;width:0;}
.toggle .line3 {transform: rotate(45deg) translate(-4px, -4px);}




.swiper-banner {width: 100%;}
.swiper-slide { }
.swiper-slide .swiper-slide-img { position:relative; left:0; top:0}
.swiper-slide .swiper-slide-img img{ width:100%; }

.swiper-slide .swiper-slide-img img.img-pc { display: none}
.swiper-slide .swiper-slide-img img.img-m { display: block}

.banner-index-text { width:100%;position: absolute;
  top: 50%;
  left: 40px; width:calc((100% - 80px) ); color:#fff;transform:translateY(-50%);-webkit-transform:translateY(-50%);font-family:'AvenirB'; color:#FFF; }
.banner-index-text h2 {position:relative;opacity:0;left:40px;font-size:24px;line-height:52px; font-weight:bold;transition:all .4s ease; }
.banner-index-text p{position:relative;opacity:0;left:20px;font-size:14px;line-height:24px;transition:all .4s ease }
.swiper-slide.swiper-slide-active .banner-index-text h2 {left:0;transition-delay:0.6s;opacity:1}
.swiper-slide.swiper-slide-active .banner-index-text p {left:0;transition-delay:0.8s;opacity:1 }
.swiper-pagination-bullet {width: 80px;height: 4px;display: inline-block;background: #ffffff; border-radius: inherit}
.swiper-pagination-bullet-active { background:#c9ccd7}
@media screen and (min-width: 768px) {
.swiper-slide .swiper-slide-img img.img-m { display:none}
.swiper-slide .swiper-slide-img img.img-pc { display: block}
}
@media (min-width:1280px) {
.swiper-banner { }
.banner-index-text { top:50%}
.banner-index-text h2 {font-size:36px; line-height:52px; margin-bottom:10px}
.banner-index-text p { font-size:18px; line-height:32px}
}
@media (min-width:1440px) {

}

.hui {background:#ededed}
.bai{ background:#fff}
.bai,.hui{padding:50px 0; overflow:hidden}
.warp { width:90%; max-width:1280px; margin:0 auto}
.banner {  position:relative}
.banner .banner-img { position:relative; left:0; top:0}
.banner .banner-img img{ display:block; width:100%; }
.banner .banner-img img.img-pc { display:none}
.banner-text { position:absolute;top: 50%;
  left: 0;  width:calc((100% - 80px)) ; margin:0 auto; color: #FFF;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.banner-text .banner-text-en {font-family: Avenir;font-size: 24px;line-height: 56px;}
.banner-text .banner-text-cn { font-family: PingFang-Bold;font-size: 18px; line-height: ;}
.sub-nav-box { width:100%; position:absolute; left:0; bottom:0; z-index:2}
.sub-nav { float:right}
.sub-nav  ul { display:flex;justify-content: flex-end;}
.sub-nav  ul li a { display:block; height:36px; background: #F1F1F1;font-size: 14px;color: #373737; text-align:center; line-height:36px; padding:0 10px}
.sub-nav  ul li.on a {background: #ad814d;color: #FFF; }
@media screen and (min-width: 768px) {
.banner .banner-img img.img-pc { display: block}
.banner .banner-img img.img-m { display:none}
}
@media (min-width:1280px) {    
.bai,.hui{padding:80px 0}
.banner-text .banner-text-en {font-size: 32px; margin-bottom:10px; font-weight:bold}
.banner-text .banner-text-cn {font-size: 26px;}
.sub-nav  ul li a {  height:48px;font-size: 16px;line-height:48px; padding:0 30px;}

}
@media (min-width:1440px) {

}

.title {height:24px; padding-left:20px; color:#4f4f4f;position:relative}
.title span {position: absolute;
  top: -4px; }
.title span a { display:inline-block; font-size:14px; color:#ad814d; margin-left:20px; padding:0 20px; line-height:28px; border:solid 1px #ad814d; border-radius:16px;transition: all ease-in-out 250ms;}
.title span a:hover { background:#ad814d; color:#FFF}
.title .title-cn{  font-family: OPPOSans-R;font-size: 24px;line-height: 24px;font-weight: bold;}
.title .biankuang{position: absolute;z-index: 1;}
.title .biankuang_1{height: 0px;top: 0px;left:0px;border-left: 4px solid #a37a4a;}
.title .biankuang_2{height: 100%;top: 0px;left:0px;border-left: 4px solid #a37a4a;}
.title.spbq:hover .biankuang_2{ visibility:hidden}
.title-with-lines {display: flex;align-items: center;gap: 20px;width: 100%;max-width:400px;margin:0px auto;}
.title-with-lines::before,.title-with-lines::after {content: '';flex: 1;height: 2px;background: #a37a4a; }
.title-with-lines.title-with-icon::before,.title-with-lines.title-with-icon::after { content: "\e69d";flex: 1;height: auto;font-family: 'iconfont';background:none; font-size:50px; color:#cacaca }
.title-with-lines.title-with-icon::before { text-align:right;}

 
.title-with-lines span {font-size:24px;color: #4f4f4f; font-weight:bold;white-space: nowrap;}
.title-with-lines.title-with-icon span { font-size:22px;}
@media screen and (min-width: 768px) {.

}
@media (min-width:1280px) {
.title {height:30px;}
.title .title-cn {font-size: 26px; line-height: 30px;}
.title-with-lines {max-width:600px; padding-top:50px; }
.title-with-lines span {font-size: 28px; color:}
.title-with-lines.title-with-icon span { font-size:24px;}
}
@media (min-width:1440px) {

}
.index-service-box { margin-top:25px; position:relative}
.index-service-left {width:100%;position:relative  }
.index-service-right {width:100% ;position:relative}
.index-service-pic { border-radius:20px; overflow:hidden; position:relative}
.index-service-pic img { display:block; width:100%;}
.index-service-titlew { display:table; width:80%; height:100%; position:absolute; top:0; z-index:2}
.index-service-title {vertical-align:middle; display:table-cell; font-family:AvenirB;font-size:18px; color:#FFF; font-weight:bold }
.index-service-boxa .index-service-titlew,.index-service-boxb .index-service-titlew { left:0; padding-left:20px }
.index-service-textw {display:table; width:100%;height: auto; background:#FFF;border-radius:20px;  padding:30px;margin-top: 25px;}
.index-service-textw.index-service-textw-bggrey { background:#ededed}
.index-service-text { vertical-align:middle; display:table-cell;}
.index-service-text h3 { font-size:16px; color:#a37a4a; font-weight:bold; margin-bottom:10px}
.index-service-text p { font-size:14px; color:#4f4f4f; line-height:24px}
.index-service-text.index-service-text-about p { font-weight:bold}
.index-service-text.index-service-text-about p span { display:block;  font-weight: normal; margin-top:10px}
.index-service-boxa .index-service-textw { right:0; }
.index-service-boxb .index-service-textw { left:0; }
@media screen and (min-width: 768px) {
.index-service-box { display:flex}
.index-service-textw { height:100%; margin:0}
}
@media (min-width:1280px) {
.index-service-box { display: block; margin-top:50px}
.index-service-left { float:left; width:50%; }
.index-service-right { float:right; width:50%;}
.index-service-title{ font-size:28.5px}
.index-service-text p{ font-size:18px;  }
.index-service-text h3 { font-size:26px;}
.index-service-text p { font-size:16px; line-height:32px}
.index-service-text.index-service-text-about p { font-size:16px; line-height:32px; font-weight:bold}
.index-service-textw {display:table; width:120%; height:200px;padding:30px ; margin-top: 0rem;position:absolute;top:0;transform:translateY(45%);-webkit-transform:translateY(45%); z-index:9 }
.index-service-boxa .index-service-titlew { right:20%; text-align:right; padding-right:100px }
.index-service-boxb .index-service-titlew { left:20%; padding-left:100px}
}
@media (min-width:1440px) {

}

 .swiper-case {
      width: 100%;
      height: 50vh; margin-top:25px
    }
.swiper-case .swiper-slide { border-radius:20px; overflow:hidden;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms; position:relative
	 
    }
	
.index-service-titlew { display:table; width:80%; height:100%; position:absolute; top:0; z-index:2}
.index-service-title {vertical-align:middle; display:table-cell; font-family:AvenirB;color:#FFF; font-weight:bold }

	
.swiper-case .swiper-slide-active,.swiper-case .swiper-slide-duplicate-active{ border-radius:20px; overflow:hidden;}
.swiper-case .case-text{display:table;  position:absolute; right:0; top:0; color:#FFF; width:100%; height:100%; padding:0 30px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;  }
.swiper-case .case-text div {vertical-align:middle; display:table-cell; font-size: 18px;line-height:28px; text-align: }
.swiper-case .text-bg {display:table;  width:100%; height:100%; padding:30px; position:absolute; left:-100%; top:0; background:rgba(0, 0, 0, 0.8);transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.swiper-case .text-bg span {vertical-align:middle; display:table-cell;font-size:14px; color:#fff; line-height:22px; text-align:justify}
.swiper-case .swiper-slide.swiper-slide-active:hover .case-text { right:-100%}
.swiper-case .swiper-slide.swiper-slide-active:hover .text-bg { left:0 }
.swiper-button-next, .swiper-button-prev { color:#c9ccd7; opacity: .2;}
.swiper-button-next:hover, .swiper-button-prev:hover {opacity: 1; }
.swiper-button-next::after, .swiper-button-prev::after { font-size:32px;}
@media screen and (min-width: 768px) {
.swiper-case { height:30vh}
.swiper-case .swiper-slide { transform: scale(0.72); }
.swiper-case .swiper-slide-active,.swiper-case .swiper-slide-duplicate-active {transform: scale(1); }
}
@media (min-width:1280px) {
.swiper-case { height:50vh}
.swiper-case .case-text div { font-size: 18px; }
.swiper-case .case-bg span {font-size:14px}
.swiper-button-next::after, .swiper-button-prev::after { font-size:42px;}
}
@media (min-width:1440px) {

}
.index-monograph { padding:30px 0 50px }
.da-thumbs li {float: left;position: relative;box-shadow: 0 1px 3px rgba(0,0,0,0.1); width:calc((100% - 20px) /2) ; margin:20px 20px 0px 0}
.da-thumbs li:nth-child(2n)  {margin-right:0;}
.da-thumbs li a,.da-thumbs li a img { width:100%;display: block;position: relative; }
.da-thumbs li a {overflow: hidden;}
.da-thumbs li a div {position: absolute;background: #333;background: rgba(75,75,75,0.7);width: 100%;height: 100%;}
.da-thumbs li a div span {display: block;position:absolute;top:50%;left:50%; width:80%; height:80px;margin-left:-40%; margin-top:-40px;font-size:28px;color: rgba(255,255,255); line-height:80px; text-align:center; background:#ad814d;border-radius: 40px; }
@media screen and (min-width: 768px) {
.index-monograph { padding:30px 0 80px }
.da-thumbs li { width:calc((100% - 150px) /4) ; margin:50px 50px 0px 0}
.da-thumbs li:nth-child(2n)  {margin-right:50px;}
.da-thumbs li:nth-child(4n)  {margin-right:0;}
.da-thumbs li a div span {  width:60%;height:46px;margin-left:-30%; margin-top:-23px; font-size:18px;line-height:46px;border-radius: 23px;  }
}

.index-news { }
.index-news .index-news-left {padding:30px; background: linear-gradient(90deg, rgba(139, 128, 111, 0.4), rgba(232, 233, 204, 0.4),rgba(139, 128, 111, 0.4),rgba(179, 174, 154, 0.4),rgba(141, 140, 136, 0.4));}
.index-news .index-news-type {font-size:16px; font-weight:bold }
.index-news .index-news-title a{ display:block;font-size:18px; color:#4f4f4f;margin:25px 0  }
.index-news .index-news-pic { border-radius: 20px; overflow:hidden }
.index-news .index-news-pic img{ display:block;width:100%; }
.index-news .index-news-list { margin-top:25px }
.index-news .index-news-list ul li a{ display:block; padding:10px 0; }
.index-news .index-news-list ul li h2{ font-size:16px; color:#4f4f4f; line-height:28px; font-weight:bold; margin-bottom:10px; position:relative}
.index-news .index-news-list ul li h2::after {content: "";display: block;height: 1px;width: 60px;background-color: #44403f;position: absolute; left:0px;transition: all ease-in-out 250ms; }
.index-news .index-news-list ul li p{  font-size:14px; color:#4f4f4f; line-height:24px;}
.index-news .index-news-list ul li a:hover h2::after { width:100%}
.index-news .index-news-list .index-news-more a,.lanren .more a,.index-monograph-more  a{ display:block; border:solid 1px #a0adbb; font-size:14px; color:#a37a4a; text-align:center; line-height:32px; width:100px; margin-top:25px;}
.index-monograph-more  a{ margin:50px auto 0 }

.index-news .index-news-list .index-news-more a:hover,.lanren .more a:hover,.index-monograph-more  a:hover { background:#a37a4a; color:#fff}

@media screen and (min-width: 768px) {
.index-news .index-news-left { float:left; width:500px; }
.index-news .index-news-right { float:right; width:calc((100% - 560px))  }
.index-news .index-news-list ul li:nth-child(3)  { display:none}
}
@media (min-width:1280px) {
.index-news .index-news-list { margin-top:0}
.index-news .index-news-type {font-size:18px }
.index-news .index-news-title a { font-size:23.5px}
.index-news .index-news-list ul li { margin-top:20px}
.index-news .index-news-list ul li:nth-child(3)  { display: block}
.index-news .index-news-list ul li h2{ font-size:18px; line-height:50px;}
.index-news .index-news-list ul li p{  font-size:16px;  }
.index-news .index-news-list .index-news-more a,.lanren .more a {font-size:14px;  }
}
@media (min-width:1440px) {

}
.service-client { margin-top:.25rem;}
.spbqq{float: left;position: relative;overflow: hidden; cursor:pointer; width:calc((100% - 20px) /2) ; margin:20px 20px 0px 0; box-shadow: 0 1px 3px rgba(0,0,0,0.1);}
.sph li.spbqq:nth-child(2n)  {margin-right:0;}
.spbqq .zst {  text-align:center;  position: relative }
.spbqq .zst img { display:block; width:100%; max-width:120px; margin:0 auto;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.biankuang{width: 1px;height: 1px;position: absolute;z-index: 99; }
.biankuang_11{height: 0px;top: 0px;left:0px;border-left: 1px solid #b52027;}
.biankuang_22 {width: 0px;bottom:0px;left: 0px;border-top: 1px solid #b52027;}
.biankuang_33{height: 0px;bottom:0px;right:0px;border-right: 1px solid #b52027;}
.biankuang_44{width:0px;top:0px;right:0px;border-bottom: 1px solid #b52027;}

.sph li:hover  .zst img { -webkit-transform:scale(1.12);-moz-transform:scale(1.12);    -ms-transform:scale(1.12);-o-transform:scale(1.12);transform:scale(1.12);}
@media(min-width:768px) {
.spbqq {width:calc((100% - 150px) /6) ;}
.sph li.spbqq:nth-child(2n)  {margin-right:30px;}
.sph li.spbqq:nth-child(6n)  {margin-right:0;}
}
@media (min-width:1280px) {

}
@media (min-width:1440px) {

}

.footer { background:#dfdfdf; font-size:14px; color:#4f4f4f; line-height:28px;padding:30px 0 10px}
.footer .footer-logo { }
.footer .footer-logo img { height:40px;}
.footer .footer-title,.footer .footer-erweima dl dt { font-weight:bold; margin-bottom:10px}

.footer .footer-coop{ width:80%; margin:25px auto}
.footer .footer-coop p { text-align:center }
.footer .footer-erweimaa,.footer .footer-erweimab{ float:left; width:33.33%;text-align:center}
.footer .footer-erweimab {width:66.66%}
.footer .footer-erweimab dl dd { float:left; width:45%; margin-left:5%}
.footer .footer-erweimaa dl dd .pic,.footer .footer-erweimab dl dd .pic { margin:0 auto }
.footer .footer-erweimaa dl dd .pic img,.footer .footer-erweimab dl dd .pic img { display:block; width:80px;margin:0 auto}
.copyright {background:#dfdfdf;  font-size:12px; color:#545454; text-align:center; padding-bottom:20px;}
@media screen and (min-width: 768px) {
.footer { padding:30px 0 10px}
.footer .footer-logo { float:left; width:200px; }
.footer .footer-logo img { height:52px;}
.footer .footer-coop { float:left; width:32%; margin:0 }
.footer .footer-coop p { margin-top:20px; text-align:left }
.footer .footer-erweima{float:right;width:calc((68% - 200px) ) }
.footer .footer-erweimaa dl dd .pic img,.footer .footer-erweimab dl dd .pic img {width:66px  }
}
@media (min-width:1280px) {
.footer {font-size:14px; line-height:28px; padding:50px 0 20px}
.footer .footer-logo { width:20%}
.footer .footer-coop { width:40%; margin:0 }
.footer .footer-coop p { margin-top:40px;}
.footer .footer-logo img { height:60px;}
.footer .footer-title,.footer .footer-erweima dl dt { font-size:16px}
.footer .footer-erweima{width:400px;}
.footer .footer-erweimaa,.footer .footer-erweimab { width:50%}
.footer .footer-erweimaa dl dd .pic img,.footer .footer-erweimab dl dd .pic img {width:80px  }
}
@media (min-width:1440px) {

}
.research_top,.serve_top { font-size:14px; line-height:24px; padding:30px; background:#e6e6e6;border-radius:20px; margin:25px 0}
@media screen and (min-width: 768px) {
}
@media (min-width:1280px) {
.research_top,.serve_top { font-size:16px; line-height:32px; margin:50px 0}
}
@media (min-width:1440px) {

}

.serve-marke-svmscmodel .serve-marke-svmscmodel-title { width:160px; height:42px; margin:25px auto; font-size:18px; color:#FFF; text-align:center; line-height:42px; font-weight: bold;  background:#d1a571; border-radius:20px;}
.serve-marke-svmscmodel .serve-marke-svmscmodell { font-size:48px; position:relative; margin:0 auto}

.serve-marke-svmscmodel .serve-marke-svmscmodell .serve-marke-svmscmodell-a,.serve-marke-svmscmodel .serve-marke-svmscmodell .serve-marke-svmscmodell-c
{ float:left; font-size:18px; color:#fff; text-align: center; line-height:30px; font-weight:bold; width:80px; height:80px;padding:10px; border-radius:40px; background:#a37a4a; margin:0 auto; position:relative; z-index:9 }
.serve-marke-svmscmodel .serve-marke-svmscmodell .serve-marke-svmscmodell-b{ float:left; width:calc((100% - 80px) ); height:60px; margin:10px -40px 0 -40px; font-size:50px; color:#a37a4a;text-align:center; font-weight:bold; line-height:60px; background:#e6e6e6; border-top: solid 2px #a37a4a;  border-bottom: solid 2px #a37a4a; position:relative; z-index:8}
.serve-marke-svmscmodel .serve-marke-svmscmodell .serve-marke-svmscmodell-c{ line-height:60px }
@media screen and (min-width: 768px) {
.serve-marke-svmscmodel .serve-marke-svmscmodell { float:left; width:calc((100% - 320px) /2) ; padding-left:0%; }
.serve-marke-svmscmodel .serve-marke-svmscmodell .serve-marke-svmscmodell-a,.serve-marke-svmscmodel .serve-marke-svmscmodell .serve-marke-svmscmodell-c { float:none;}
.serve-marke-svmscmodel .serve-marke-svmscmodell .serve-marke-svmscmodell-b { float:none;width:80px;height:240px;  margin:-40px auto -40px auto; border:none;border-left: solid 2px #a37a4a;  border-right: solid 2px #a37a4a; }
}
@media (min-width:1280px) {
.serve-marke-svmscmodel .serve-marke-svmscmodel-title { width:180px; height:52px; line-height:52px;border-radius:26px;margin:40px auto;}
.serve-marke-svmscmodel .serve-marke-svmscmodell .serve-marke-svmscmodell-a,.serve-marke-svmscmodel .serve-marke-svmscmodell .serve-marke-svmscmodell-c {font-size:18px; line-height:25px;width:100px; height:100px;  padding:25px 15px; border-radius:66px;  }
.serve-marke-svmscmodel .serve-marke-svmscmodell .serve-marke-svmscmodell-b  {font-size:43px;height:200px;  line-height:200px;margin:-20px auto -20px auto; }
.serve-marke-svmscmodel .serve-marke-svmscmodell .serve-marke-svmscmodell-c{ line-height:50px }

}
@media (min-width:1440px) {

}
.serve-marke-svmscmodel .serve-marke-svmscmodelm {display:table;width:320px; height:320px; background:#f4f4f4; border:solid 2px #b4b4b4; border-radius:160px;font-size:16px; color:#545454; text-align:center; line-height:28px; margin:25px auto}
.serve-marke-svmscmodelm .serve-marke-svmscmodelm-box {vertical-align:middle; display:table-cell;  }
.serve-marke-svmscmodel .serve-marke-svmscmodelm h4 { font-size:22px; color:#a97f50; font-weight:bold; margin-bottom:15px}
@media screen and (min-width: 768px) {
.serve-marke-svmscmodel .serve-marke-svmscmodelm {  float:left;margin:0;}
.serve-marke-svmscmodel .serve-marke-svmscmodelm h4 { }
}
@media (min-width:1280px) {
.serve-marke-svmscmodel .serve-marke-svmscmodelm {font-size:16px;  line-height:32px;  }
.serve-marke-svmscmodel .serve-marke-svmscmodelm h4 { font-size:18px; }

}
@media (min-width:1440px) {

}
.serve-marke-svmscmodel .serve-marke-svmscmodelr { font-size:14px; color:#545454; text-align:center; line-height:28px; font-weight:bold;}
.serve-marke-svmscmodel .serve-marke-svmscmodelr ul li { float:left; width:calc((100% - 20px) /3) ; height:56px; border:solid 1px #c0c0c0; border-radius:14px; margin:20px 10px 0 0;}
.serve-marke-svmscmodel .serve-marke-svmscmodelr ul li:nth-child(3n)  {margin-right:0 }
.serve-marke-svmscmodel .serve-marke-svmscmodelr ul li span{ display:block; background:#d9d9d9;border-radius:28px;  }
@media screen and (min-width: 768px) {
.serve-marke-svmscmodel .serve-marke-svmscmodelr  {float:right; width:calc((100% - 320px) /2) ; }
.serve-marke-svmscmodel .serve-marke-svmscmodelr ul { margin-top:40px}
.serve-marke-svmscmodel .serve-marke-svmscmodelr ul li,.serve-marke-svmscmodel .serve-marke-svmscmodelr ul li:nth-child(3n) { float:none;width:80%; margin:0; margin:auto;margin:20px auto}
}
@media (min-width:1280px) {
.serve-marke-svmscmodel .serve-marke-svmscmodelr { font-size:18px; line-height:36px}
.serve-marke-svmscmodel .serve-marke-svmscmodelr ul li,.serve-marke-svmscmodel .serve-marke-svmscmodelr ul li:nth-child(3n) { float:none;width:200px;height:72px;border-radius:36px;   margin:0; margin:auto;margin:40px auto}

}
@media (min-width:1440px) {

}
.serve-marke-svmsclist { }
.serve-marke-svmsclist .serve-marke-svmsclist-box{ float:left; width:calc((100% - 10px) /2) ;margin-top:25px; margin-right:10px; margin-bottom:25px }
.serve-marke-svmsclist .serve-marke-svmsclist-box:nth-child(2n) { margin-right:0}
.serve-marke-svmsclist .serve-marke-svmsclist-title{ font-size:16px; color:#FFF; text-align:center; line-height:24px; font-weight:bold; padding:5px 0; border-radius:29px; background:#785143; }
.serve-marke-svmsclist .serve-marke-svmsclist-box ul { padding:25px 0 0 25px}
.serve-marke-svmsclist .serve-marke-svmsclist-box ul li{ font-size:14px; line-height:24px; list-style:outside disc; padding:5px 0}
.serve-marke-svmsclist .serve-marke-svmsclist-box.serve-marke-svmsclist-boxa img{ width:100%; max-width:420px; margin:20px auto 0}
@media screen and (min-width: 768px) {
.serve-marke-svmsclist .serve-marke-svmsclist-box { float:left; width:23%; margin-right:2%; padding:0 0}
.serve-marke-svmsclist .serve-marke-svmsclist-box:nth-child(2n) { margin-right:2%}
.serve-marke-svmsclist .serve-marke-svmsclist-box.serve-marke-svmsclist-boxa {float:right; width:25%; margin-right:0 }
}
@media (min-width:1280px) {
.serve-marke-svmsclist .serve-marke-svmsclist-box { margin-bottom:40px}
.serve-marke-svmsclist .serve-marke-svmsclist-title{ font-size:14px; line-height:18px;}
.serve-marke-svmsclist .serve-marke-svmsclist-box ul li{ font-size:14px; line-height:20px; margin:0 24px }

}
@media (min-width:1440px) {

}
.serve-marke-list { width:100%; margin:0 auto }
.serve-marke-list ul { padding:20px 0 40px }
.serve-marke-list ul li { display:block; float:left; width:calc((100% - 10px) /2) ; margin:10px 10px 0 0; font-size:14px; text-align:center; line-height:28px; border:solid 1px #a37a4a; border-radius:14px; cursor:pointer}
.serve-marke-list ul li:nth-child(2n)  {margin-right:0 }
.serve-marke-list ul li:hover { color:#FFF; background:#a37a4a }
@media screen and (min-width: 768px) {
.serve-marke-list ul { padding:40px 0 20px }
.serve-marke-list ul li { width:calc((100% - 30px) /4) ;line-height:36px;border-radius:18px; }
.serve-marke-list ul li:nth-child(2n)  {margin-right:10px }
.serve-marke-list ul li:nth-child(4n)  {margin-right:0 }
}
@media (min-width:1280px) {
.serve-marke-list { width:80%; }
.serve-marke-list ul li { font-size:16px; }
}
@media (min-width:1440px) {

}
.serve-market-ima { padding:25px 0 0}
.serve-market-ima-pic { margin:25px 0}
.serve-market-ima-pic img { display:block; width:80%; margin:0 auto}
.serve-market-ima-text {  width:90% ; margin:0 auto}
.serve-market-ima-text .serve-market-ima-text-box { margin:25px 0; padding:20px 20px 20px 40px; background:#eee}
.serve-market-ima-text .serve-market-ima-title{ font-size:16px; color:#a97f50; line-height:32px; font-weight:bold; margin-left:-20px}
.serve-market-ima-text ul li { font-size:14px; line-height:24px; list-style: outside disc}
@media screen and (min-width: 768px) {
.serve-market-ima-pic { float:left;margin:0; width:240px; margin-top:120px}
.serve-market-ima-pic img { display:block; width:240px; margin:0 auto }
.serve-market-ima-text {  width:calc((100% - 240px) /2) }
.serve-market-ima-text .serve-market-ima-text-box { height:200px;}
.serve-market-ima-text.serve-market-ima-texta { float:left;  }
.serve-market-ima-text.serve-market-ima-textb {float:right;}
}
@media (min-width:1280px) {
.serve-market-ima-pic { width:360px;margin-top:100px}
.serve-market-ima-pic img { width:360px}
.serve-market-ima-text{width:calc((100% - 360px) /2) }
.serve-market-ima-text .serve-market-ima-text-box { height:240px;}
.serve-market-ima-text .serve-market-ima-title{ font-size:18px;  line-height:36px; }
.serve-market-ima-text ul li{font-size:16px; line-height:32px; }
}
@media (min-width:1440px) {

}
.serve-digital { margin:.5rem auto 0}
.serve-digital img { display:block; width:100%; max-width:1400px}

serve-international{ width:80%; margin:0 auto}
.serve-international-l { display:none}
.serve-international .serve-international-pic img{ display:block;width:80%; margin:0 auto }
.serve-international-listbox{}
.serve-international-listbox dl{}
.serve-international-listbox .serve-international-list-title{ font-size:16px; color:#a37a4a; margin:40px 0 5px}
.serve-international-listbox dl dd{ font-size:14px; color:#737373; line-height:28px;display:block; cursor:pointer}
.serve-international-listbox.serve-international-listboxa{}
.serve-international-listbox.serve-international-listboxa dl dd{float:left; width:50% ;}

.serve-international-listbox.serve-international-listboxb{}
.serve-international-listbox.serve-international-listboxb ul li:nth-child(1) { float:left; width:33.33%}
.serve-international-listbox.serve-international-listboxb ul li:nth-child(2) { float:right;width:66.66%}
.serve-international-listbox.serve-international-listboxb .serve-international-list-titlea{ width:50% ;text-align:right}
.serve-international-listbox.serve-international-listboxb ul li:nth-child(1)  dl dd{ width:100%}
.serve-international-listbox.serve-international-listboxb ul li:nth-child(2)  dl dd{ float:left; width:50%; }

.serve-international-listbox.serve-international-listboxc ul li { float:left; width:50%}

@media screen and (min-width: 768px) {
.serve-international-pic { display:none}
.serve-international-l { display: block;float:left; width:320px; }
.serve-international-l img { width:100%}
.serve-international-r { float:left; width: calc((100% - 360px)); margin-left:40px}
.serve-international-listbox .serve-international-list-title { font-size:14px;  margin-top:10px}
.serve-international-listbox dl dd {font-size:12px; line-height:22px;}
.serve-international-listbox.serve-international-listboxa { width:80%}
.serve-international-listbox.serve-international-listboxb ul li:nth-child(1) { float:left; width:25%}
.serve-international-listbox.serve-international-listboxb ul li:nth-child(2) { float:left;width:50%}

.serve-international-listbox.serve-international-listboxc ul li { float:left; width:25%}
}
@media (min-width:1280px) {
.serve-international-l { width:460px }
.serve-international-r { width:calc((80% - 500px)) ;  }
.serve-international-listbox .serve-international-list-title { font-size:16px;}
.serve-international-listbox dl dd {font-size:14px; line-height:24px;}
.serve-international-listbox.serve-international-listboxa { width:72%}
 }
@media (min-width:1440px) {
.serve-international-l { width:400px; margin-left:10%; }
.serve-international-r { width:calc((80% - 460px)) ;  }
}
@media (min-width:1680px) {

}

.insight-research-box { width:100% ; }
.insight-research-box-blank { float:left; width:100%; height:0rem;}
.insight-research-box.box-one ul li { display:block; position:relative }
.insight-research-box.box-one ul li a {display:block;}
.insight-research-box.box-one ul li a .one-pic{  }
.insight-research-box.box-one ul li a .one-pic img{ display:block; width:100% }
.insight-research-box.box-one ul li a .one-text { position:absolute; top:0; left:0; width:100%; padding:30px; color:#FFF}
.insight-research-box.box-one ul li a .one-text h2{font-size: 18px; margin-top:20px; position:relative;} 
.insight-research-box.box-one ul li a .one-text h2::after {content: "";display: block;height: 4px; margin-top:10px;width: 0%;background-color: rgba(255, 255, 255, 0.5);;position: absolute; left:0px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.insight-research-box.box-one ul li a:hover .one-text h2::after{ width: 100%}
.insight-research-box.box-one ul li a .one-text span,.insight-research-box ul li a .insight-research-text span{ display:block;font-size: 14px; }

.spbqqq{ padding:0px;position: relative;overflow: hidden; cursor:pointer; /*box-shadow: 0 1px 3px rgba(0,0,0,0.1);*/}
.biankuang{width: 2px;height: 2px;position: absolute;z-index: 99; }
.biankuang_111{height: 0px;top: 0px;left:0px;border-left: 2px solid #ad814d;}
.biankuang_222 {width: 0px;bottom:0px;left: 0px;border-top: 2px solid #ad814d;}
.biankuang_333{height: 0px;bottom:0px;right:0px;border-right: 2px solid #ad814d;}
.biankuang_444{width:0px;top:0px;right:0px;border-bottom: 2px solid #ad814d;}

.insight-research-box ul li { display:block; float:left ;background:#FFF}
.insight-research-box ul li a {display:block; }
.insight-research-box ul li a .insight-research-pic{ position:relative}
.insight-research-box ul li a .insight-research-pic img{ display:block; width:100% }
.insight-research-box ul li a .insight-research-text {padding:0  0rem; color:#4f4f4f;  }

.insight-research-box ul li a .insight-research-text.cellw{ display:table;}
.insight-research-box ul li a .insight-research-text #cell {display:table-cell;vertical-align:middle;padding: 0 30px;}

.insight-research-box ul li a .insight-research-text h2{font-size: 14px; margin-top:10px; position:relative;}
.insight-research-box ul li a .insight-research-text h2::after {content: "";display: block;height: 2px; margin-top:10px;width: 0%;background-color: rgba(228, 228, 228);position: absolute; left:0px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.insight-research-box ul li a:hover .insight-research-text h2::after{ width: 100%}
.insight-research-box.box-two ul li { width:100% }
.insight-research-box.box-two ul li a { display:flex}
.insight-research-box.box-two ul li a .two-pic,.insight-research-box.box-two ul li a .two-text{flex:1 }
.insight-research-box ul li a .insight-research-pic::after{content: "";display: block;position: absolute;transform: translate(0,-50%);border-width: 12px;border-style: solid;}
.insight-research-box.box-two ul li:nth-child(1)  a .insight-research-pic::after,.insight-research-box.box-four ul li a .insight-research-pic::after {top: 50%;right:0px;border-color: transparent #fff transparent transparent ; }
.insight-research-box.box-two ul li:nth-child(2)  a .insight-research-pic::after {top: 50%;left:0px;border-color: transparent transparent transparent #fff; }

.insighttetail-list ul { margin-top:25px}
.insighttetail-list ul li { display:block; padding:15px 0; margin:0px 0; border-bottom:solid 1px #dedede }
.insighttetail-list ul li a { display:block; color:#4f4f4f }
.insighttetail-list ul li a h2{ font-size:14px; line-height:32px; }
.insighttetail-list ul li a h2 .date{ float:right; font-size:14px;   }
.insighttetail-list ul li a:hover h2 { color:#ad814d }
.insighttetail-list ul li a:hover h2 .date{ color:#4f4f4f }
@media screen and (min-width: 768px) {
.insight-research-box { float:left;width:calc((100% - 80px) /2) ; margin:50px 0 30px }
.insight-research-box-blank { float:left; width:80px; height:10px}
.insighttetail-list ul { margin-top:0px}
.investors-list ul { margin-top:30px}
}
@media (min-width:1280px) {
.insight-research-box.box-one ul li a .one-text h2{font-size: 18px; }
.insight-research-box ul li a .insight-research-text span,.insight-research-box ul li a .insight-research-text span{ display:block;font-size: 14px; }
.insight-research-box ul li a .insight-research-text h2{font-size:14px; line-height:24px }
.insight-research-box ul li a .insight-research-pic::after { border-width: 30px;}

.insighttetail-list ul li a h2{ font-size:16px; line-height:36px;   }
.insighttetail-list ul li a h2 .date{font-size:14px;   }

}
@media (min-width:1440px) {

}

	.hidden{ display: none;}
	.lanren{height: auto;margin:0 auto;overflow: hidden;text-align: left;background:#fff;}
	.lanren ul.list{overflow: hidden;}
	
.lanren .more{overflow: hidden;}
.lanren .more a{margin:40px auto 0;}


 

.advantage{ }
.advantage { background:url(/Content/img/bg-about-advantage.png) center center no-repeat #ededed; background-size: cover}
.advantage ul li { display:block; margin-top:25px }
.advantage ul li .pic{ float:left;background: linear-gradient(90deg, #a6a6a6, #ffffff); border-radius:50%; width:80px; height:80px; line-height:80px; text-align:center}
.advantage ul li .pic i{ font-size:44px; color:#a37a4a}
.advantage ul li .text{ float:left; width:60%;margin:0px 0 0px 20px; padding: 0 0 20px 0; border-bottom:solid 1px #d9d9d9; color:#4f4f4f}
.advantage ul li .text h3{ font-size:18px; font-weight:bold; margin-bottom:10px }
.advantage ul li .text p{ font-size:14px; line-height:24px }
@media screen and (min-width: 768px) {
.advantage ul li .text { width:80%; max-width:800px;  }
}
@media (min-width:1280px) {
.advantage ul li { margin-top:50px}
.advantage ul li .pic { width:100px; height:100px; line-height:100px; }
.advantage ul li .pic i{ font-size:60px; color:#a37a4a}
.advantage ul li .text {margin:10px 0 0px 40px;}
}
@media (min-width:1440px) {

}
.principles { background:url(/Content/img/bg-about-principles.png) center center no-repeat #ededed; background-size: cover}
.principles ul li {display:block; margin-top:25px;padding:30px;  border-radius:10px; background: linear-gradient(90deg, #a6a6a6, #ffffff); }
.principles ul li .principles-l h2{font-family: PingFang-Bold;font-size: 18px;color: #a37a4a;line-height: 36px;}
.principles ul li .principles-r{font-family: OPPOSans-R;font-size: 14px;color: #4f4f4f; line-height:24px;}
@media screen and (min-width: 768px) {
.principles ul{ display:flex}
.principles ul li {width:calc((100% - 40px) /3) ; margin:25px 20px 0 0; }
.principles ul li:nth-child(3n)  {margin-right:0 }
}
@media (min-width:1280px) {
.principles ul li { margin-top:50px}

}
@media (min-width:1440px) {

}

.joinus-com { width:100%; position:relative; margin:25px 0 0 0; overflow:hidden}
.joinus-com a { display:block}
.joinus-com a img {  display:block; width:100%;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.joinus-com a span { display:block; position:absolute; left:0; bottom:0; padding:0 20px; height:36px;background-color: rgba(0,0,0,0.75);font-size: 18px; color:#FFF; text-align:center; line-height:36px;}
.joinus-com a:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);    -ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2); }
@media screen and (min-width: 768px) {
.joinus-com { width:calc((100% - 20px) /2) ; margin-top:50px}
.joinus-com.joinus-a { float:left}
.joinus-com.joinus-b { float: right}
}
@media (min-width:1280px) {
.joinus-com a span {height:46px; font-size: 22px;line-height:46px; }
}
@media (min-width:1440px) {

}
.contact { background:url(/Content/img/bg-about-contact.png) center center no-repeat #ededed; background-size: cover}

.contact ul li{ width:100%;margin:25px 0 0 0;padding:30px; background:#FFF;  border-radius:10px; cursor:pointer}
.contact ul li .pic{ position:relative; margin-bottom:20px; overflow:hidden}
.contact ul li .pic img{ display:block; width:100%; transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.contact ul li .pic span{ display:block; width:100%;background:rgba(173, 129, 77, 0.4); position:absolute; left:0; top:0; z-index:9; font-size:22px; color:#fff; font-weight:bold; padding:15px 30px;  }
/*.contact ul li .pic span::after {content: "";display: block;height: 2px;width: 30px;background-color: #ad814d;position: absolute; left:20px;transition: all ease-in-out 250ms; }*/
.contact ul li .text{ font-size:14px; line-height:24px }
.contact ul li:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);    -ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2); }

@media screen and (min-width: 768px) {
.contact ul{ display:flex}
.contact ul li{ width:calc((100% - 40px) /3) ; padding:15px;margin:25px 20px 0 0;}
.contact ul li:nth-child(3n)  {margin-right:0;}
.contact ul li .pic span { font-size:18px; padding:10px 20px}
}
@media (min-width:1280px) {
.contact ul li { margin-top:50px}
.contact ul li .pic span { font-size:24px}
.contact ul li .text{ font-size:16px; line-height:32px }
}
@media (min-width:1440px) {

}
body.open {overflow:hidden}
.hidden{display:none}
.mskelayBox {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 9999;max-width: 100%;background: rgba(0,0,0,0.75);z-index: 9999;display: none;_display:none!important}
.mske_htmlw { height: 440px;width: 340px;margin-top: -220px;margin-left: -170px;position: fixed;left: 50%;top: 50%; background:#efefef; }
.mske_html .pic-big {display:block; width:128px; float:left  }
.mske_html .pic-big img{ display:block; width:100% }
.mske_html .hidden-text{float: left; width:100%;} 
.mske_html .hidden-text h2,.mske_html  .pic-big-minfo h2 {font-family: OPPOSans-R;font-size: 18px;color: #222;overflow: hidden;font-weight: 400;text-overflow: ellipsis;white-space: nowrap;margin-bottom:10px}
.mske_html .hidden-text p,.mske_html  .pic-big-minfo p {font-family: OPPOSans-R;font-size: 14px;color: #626262;font-weight: 300;line-height: 24px;}
.mske_html .hidden-text .info{ font-family: OPPOSans-R;font-size: 14px;color: #626262;line-height: 24px;font-weight: 400;overflow: hidden; margin-top:25px; /*height:150px;*/overflow-y: scroll; padding:0 20px}
.mske_html .hidden-text .info p { line-height: 24px;}
.mskeClaose {position: absolute;top: 10px;right: 10px;cursor: pointer; font-size:36px; color:#626262}

.mske_html  .pic-big-minfo{ display:block; float:right; width:calc((100% - 150px) ) ; margin-top:74px }
.mske_html  .pic-big-minfo h2 { width:auto }
.mske_html .hidden-text .hidden-text-pc { display:none}
@media screen and (min-width: 768px) {
.mske_htmlw { height: 320px;width: 640px;margin-top: -279px;margin-left: -320px;}
.mske_html .hidden-text .pc { display: block}
.mske_html .hidden-text h2{font-size: 24px;}
.mske_html .hidden-text .info{ font-size: 14px;line-height: 28px; height:auto;overflow-y: auto; }

}
@media (min-width:1280px) {
.mske_htmlw { height: 320px;width: 900px;margin-top: -160px;margin-left: -450px;}
.mske_html .pic-big{width: 320px;height: 320px;}
.mske_html .hidden-text{ width:calc((100% - 360px) ) ; height: 320px; padding-left: 30px;padding-top: 30px;} 
.mske_html .hidden-text .pc { display: block}
.mske_html .hidden-text .info {/* height:140px;*/padding:0}
.mske_html  .pic-big-minfo{ display:none }
.mske_html .hidden-text .hidden-text-pc { display: block}
}
@media (min-width:1440px) {

}

.msKeimgBox ul { margin-top:25px; padding:0 0px;}
.msKeimgBox ul li{float: left;width:50%; height:160px; margin:0px 0px 0px 0;cursor: pointer; color:#4f4f4f;  }
 
.msKeimgBox ul li .pic {   width:80px; float:left; position:relative}
.msKeimgBox ul li .pic img { display:block; width:100% ;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;   }

.msKeimgBox ul li .pic .block {
  width: 14px;
  height: 14px;
  background: #ad814d;
  position: absolute;
  right: -7px;
  bottom: -7px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
}
.msKeimgBox ul li .text { padding:0px 0px; width:calc((100% - 100px) ) ; float: right; margin-top:72px;}
.msKeimgBox ul li .text h2 {font-family: OPPOSans-R;font-size: 16px;color: #4f4f4f; line-height:1.2;font-weight: 400;margin-bottom: 5px;}
.msKeimgBox ul li .text p { font-family: OPPOSans-R;font-size: 12px;color: #545454; line-height:1.5;font-weight: ;}
.msKeimgBox ul li:hover {background:#EEEEEE }
/*.msKeimgBox ul li:hover .pic img {-webkit-transform:scale(1.2);-moz-transform:scale(1.2);    -ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2); }*/
.msKeimgBox ul li:hover .pic .block { right:0; bottom:0 }
@media screen and (min-width: 768px) {
.msKeimgBox ul { margin-top:50px;}
.msKeimgBox ul li {width:33.33% ;  height:220px;  } 
.msKeimgBox ul li .pic {width:130px;}
.msKeimgBox ul li .text { width:calc((100% - 150px) ) ; }
  .msKeimgBox ul li .text { margin-top:134px;}
  .msKeimgBox ul li .text h2{ font-size:18px;}
  .msKeimgBox ul li .text p { font-size:14px;}
.msKeimgBox ul li .pic .block {
  width: 20px;
  height: 20px;}
}
@media (min-width:1280px) {
.msKeimgBox ul { padding:0 50px;}
.msKeimgBox ul li {width:25% ; } 
}
@media (min-width:1440px) {

}

@font-face {
  font-family: "iconfont"; /* Project id 5038461 */
  src: url('http://at.alicdn.com/t/c/font_5038461_5y4985b0kd3.woff2?t=1760698157703') format('woff2'),
       url('http://at.alicdn.com/t/c/font_5038461_5y4985b0kd3.woff?t=1760698157703') format('woff'),
       url('http://at.alicdn.com/t/c/font_5038461_5y4985b0kd3.ttf?t=1760698157703') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-hengxian:before {
  content: "\e69d";
}

.icon-huizhitiaowen:before {
  content: "\e825";
}

.icon-guanbi:before {
  content: "\e60f";
}

.icon-qushi:before {
  content: "\e608";
}

.icon-yonghu:before {
  content: "\e616";
}

.icon-manage-circuit-full:before {
  content: "\e863";
}