.contact-desc {
	padding-top: 80px;
	padding-bottom: 117px;
	text-align: center;
}
.contact-desc p.desc {
	margin: 0;
	line-height: 45px;
	font-size: 16px;
	color: #888;
}
.desc-line {
	display: inline-block;
	margin-top: 35px;
	width: 28px;
	height: 3px;
	background: #d51b32;
}

.contact-sol {
	font-size: 0;
    margin-left: 15%;
    margin-right: 15%;
}
.c-sol-l,
.c-sol-r {
	display: inline-block;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.c-sol-l {
	position: relative;
	width: 60.9375%;
}
.c-sol-l-desc::after {
	content: '';
	display: inline-block;
	width: 28px;
	height: 3px;
	background: #fff;
}
.c-sol-l-desc {
	position: absolute;
	left: 50%;
	top: 41%;
	transform: translate(-50%, -41%);
	color: #e4e4e4;
	text-align: center;
}
.c-sol-l-desc h3 {
	font-size: 100px;
	font-family: gothicb;
}

.c-sol-r {
	/*border-left: 1px solid #fff;*/
	/*width: 39.0625%;*/
	width: 100%;
}
.c-sol-l img.bg {
	max-width: 100%;
	height: auto;
	max-height: 100%;
}
.c-sol-r-t {
	padding-top: 40px;
	padding-top: 2vw;
	padding-left: 6%;
	border-bottom: 1px solid #fff;
	background: #2d3236;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.c-sol-r-t-title {
	padding-bottom: 18px;
	padding-bottom: .9375vw;
	border-bottom: 1px solid #3e4246;
}
.c-sol-r-t-title h3 {
	margin: 0;
	margin-bottom: 5px;
	line-height: 45px;
	line-height: 2.35vw;
	font-size: 30px;
	color: #fff;
}
.c-sol-r-t-title p.desc {
	margin: 0;
	line-height: 16px;
	font-size: 12px;
	font-family: gothic;
	color: #fff;
	opacity: .3;
}

.c-sol-r-t-call {
	position: relative;
	height: calc(100% - .9375vw - 2.35vw - 5px - 16px - 1px);
}
.c-sol-r-t-call-in {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	/*margin-top: 35px;*/
	/*margin-top: 2vw;*/
	margin-left: 20px;
}
a.call {
	position: relative;
	display: inline-block;
	width: 54px;
	height: 54px;
	line-height: 54px;
	text-align: center;
}
.call-img {
	position: relative;
	z-index: 10;
	width: 54px;
	height: 54px;
	background: #9E4493;
	border-radius: 50%;
}
a.call img {
	position: relative;
	z-index: 10;
}
a.call::before,
a.call::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: #9E4493;
	border-radius: 50%;
	opacity: 0;
	animation: circleGo 2s linear infinite;
}
a.call::after {
	animation: circleGo 2s 1s linear infinite;
}

.call-desc {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	width: 54px;
	height: 100%;
	border-radius: 100px;
	background: #2e2e2e;
    text-align: right;
	overflow: hidden;
	transition: .55s;
}
a.call:hover .call-desc {
	width: 168px;
}
.call-desc span.desc {
    position: relative;
    top: -6px;
    padding-right: 20px;
    display: inline-block;
    font-size: 14px;
    color: #fff;
}
.call-desc::after {
	content: '';
	position: absolute;
    top: 35px;
    left: 97px;
	transform: translateX(-100px);
    width: 15px;
    height: 8px;
	background-image: url(../images/call-arrow.png);
	background-size: 15px 8px;
	transition: .45s;
}
a.call:hover .call-desc::after {
	transform: translateX(0px);
	transition: .55s;
}


@keyframes circleGo {
	0% {
		transform: scale(1);
		opacity: .5;
	}
	100% {
		transform: scale(2.2);
		opacity: 0;
	}
}
.c-sol-r-t-call p.desc {
	position: relative;
	top: 3px;
	display: inline-block;
	margin-left: 50px;
	font-size: 14px;
	color: #fff;
}
.c-sol-r-t-call p.desc::after {
	content: '';
	position: absolute;
	top: 26px;
	left: 32px;
	width: 15px;
	height: 8px;
	background-image: url(../images/call-arrow.png);
	background-size: 15px 8px;
	transition: .4s cubic-bezier(0.07, -0.12, 0, 1.63);
}
.c-sol-r-t:hover .c-sol-r-t-call p.desc::after {
	transform: translateX(-15px);
}

.c-sol-r-b {
	position: relative;
	overflow: hidden;            /* keep bg tidy at edges */
}
.c-sol-r-b-img {
	position: absolute;          /* bg does not set height */
	inset: 0;                    /* top/right/bottom/left: 0 */
	height: 100%;
	overflow: hidden;
    display: none;
}
.c-sol-r-b-img img.bg {
	width: 100%;
	height: 100%;
	object-fit: cover;           /* fill nicely without stretching */
	display: block;
}
.c-sol-r-b-desc {
	position: relative;          /* content drives section height */
	left: auto;
	top: auto;
	transform: none;
	max-width: 1200px;
	margin: 5%;     /* space from top + bottom */
	padding: 0 16px;
	text-align: center;
	z-index: 2;                  /* above background */
}
.c-sol-r-b-desc h2 {
	margin: 0;
	margin-bottom: 35px;
	line-height: 80px;
	font-size: 80px;
	font-family: gothicb;
	color: #333;
}
.c-sol-r-b-desc h4 {
	position: relative;
	margin: 0;
	margin-bottom: 110px;
	line-height: 30px;
	font-size: 30px;
	color: #fff;
}
.c-sol-r-b-desc h4::after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -32px;
	width: 28px;
	height: 3px;
	background: #fff;
}
.sol-share-one {
	position: relative;
	display: inline-block;
	border: 1px solid #706f6f;
	margin-right: 148px;
	width: 54px;
	height: 54px;
	line-height: 52px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 50%;
	text-align: center;
	vertical-align: top;
	cursor: pointer;
}
.sol-share-one:last-child {
	margin-right: 0;
}
.ss-one-qrcode {
  position: absolute;
  top: 65px;
  left: 50%;
  z-index: 10;
  transform: translateX(-50%) translateY(-20px);
  opacity: 0;
  visibility: hidden;
  transition: .35s .05s;
}
.ss-one-qrcode img{
  padding: 7px;
  background: rgba(255, 255, 255, .1);	
} 

.ss-one-qrcode .share-name{
	font-size: 12px;
    color: #dedede;
    line-height: 30px;
}

.sol-share-one:hover .ss-one-qrcode {
  transform: translateX(-50%) translateY(0px);
  opacity: 1;
  visibility: visible;
}

.letmove .c-sol-r-b-desc h2,
.letmove .c-sol-r-b-desc h4,
.letmove .sol-share-one,
.letmove a.call {
	transform: translateY(40px);
	transition: transform .8s .0s, opacity .8s .0s;
	opacity: 0;
}
.letmove .c-sol-r-b-desc h4 {
	transition: transform .8s .1s, opacity .8s .1s;
}
.letmove .sol-share-one,
.letmove a.call {
	transition: transform .8s .2s, opacity .8s .2s;
}
.move .c-sol-r-b-desc h2,
.move .c-sol-r-b-desc h4,
.move .sol-share-one,
.move a.call {
	transform: translateY(0);
	opacity: 1;
}

.contact-site {
	margin-bottom: 15px;
	border-bottom: 1px solid #e8e8e8;
	text-align: center;
}
.site-one {
	display: inline-block;
	padding-top: 160px;
	padding-bottom: 145px;
	/*padding-left: 60px;*/
	border-right: 1px solid #e8e8e8;
	width: 460px;
	width: 24%;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
}
.site-one:first-child {
	border-left: 1px solid #e8e8e8;
}
.site-one-in {
	margin: 0 auto;
	width: 74%;
}
.site-one h3 {
	position: relative;
	margin: 0;
	margin-bottom: 68px;
	font-size: 36px;
	font-family: gothicb;
	color: #494949;
}
.site-one h3::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -15px;
	width: 28px;
	height: 3px;
	background: #9E4493;
}
.site-one h4 {
	margin: 0;
	margin-bottom: 65px;
	font-size: 22px;
	color: #333;
}
.site-one p.desc {
	margin: 0;
	margin-bottom: 10px;
	font-size: 14px;
	color: #888;
}
a.href-map {
	display: inline-block;
	margin-top: 25px;
	margin-left: 3px;
	position: relative;
}
a.href-map::after {
	content: '';
	position: absolute;
	z-index: -1;
	left: 50%;
	top: 45%;
	transform: translate(-50%, -45%) scale(0);
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #494949;
	transition: .55s;
}
a.href-map:hover::after {
	transform: translate(-50%, -45%) scale(1);
}
.href-map-img {
	position: relative;
	display: inline-block;
}
img.site-arrow-h {
	position: absolute;
	left: 0;
	top: 1px;
	opacity: 0;
	transition: .45s;
}
.href-map-img:hover img.site-arrow-h {
	opacity: 1;
}

.letmove .site-one h3,
.letmove .site-one h4,
.letmove .site-one article,
.letmove a.href-map {
	transform: translateY(40px);
	transition: transform .8s .0s, opacity .8s .0s;
	opacity: 0;
}
.letmove .site-one h4 {
	transition: transform .8s .1s, opacity .8s .1s;
}
.letmove .site-one article.
.letmove a.href-map {
	transition: transform .8s .2s, opacity .8s .2s;
}
.move .site-one h3,
.move .site-one h4,
.move .site-one article,
.move a.href-map {
	transform: translateY(0);
	opacity: 1;
}

/* Wrapper → puts images side by side */
.team-wrapper {
  display: flex;
  gap: 24px;               /* space between cards */
  justify-content: center; /* center horizontally */
  flex-wrap: wrap;         /* stack on small screens */
  padding: 20px;
}

/* Each card */
.team-card {
  flex: 1 1 300px;
  max-width: 350px;
  text-align: center;
  background-color: #efefef;
}
/* Make sure call button stays under each card */
.team-card .call {
  display: inline-block;
  margin-top: 12px;
  text-align: center;
}

.team-card .call .call-img {
  width: 54px;
  height: 54px;
  background: #9E4493;
  border-radius: 50%;
  display: grid;
  place-items: center;
  box-shadow: 0 6px 14px rgba(0,0,0,0.25);
}

.team-card .call img {
  width: 24px;
  height: 24px;
}

/* Images */
/*.team-card img {
  width: 100%;
  height: 320px;                /* prevent super-tall images */
 /* object-fit: cover;            /* crop nicely */
 /* border-radius: 12px;
  display: block;
  box-shadow: 0 6px 16px rgba(0,0,0,.18);
}
*/
/* Caption (name + role) */
.caption {
  margin-top: 12px;
}
.caption h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: #333;
}
.caption p {
  margin: 4px 0 0;
  font-size: 14px;
  color:#333;
}



@media (max-width: 1600px) {

}

@media (max-width: 1400px) {
	.c-sol-r-t-title h3 {
		font-size: 22px;
	}
}

@media (max-width: 1200px) {
	.c-sol-l,
	.c-sol-r {
		width: 100%;
	}
	.c-sol-r {
		border-top: 1px solid #fff;
		border-left: 0;
	}

	.c-sol-r-t {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.c-sol-r-t-call-in {
	    position: relative;
	    top: 0;
	    transform: translateY(0);
	    margin-left: 20px;
	}
	.c-sol-r-t-title {
		padding-bottom: 15px;
		margin-bottom: 30px;
	}
	.c-sol-r-t-title h3 {
		line-height: 30px;
	}

	.c-sol-l img.bg {
	    width: 100%;
	}

	.site-one {
	    display: inline-block;
	    padding-top: 110px;
	    padding-bottom: 100px;
	}
}

@media (max-width: 992px) {
	.site-one {
	    padding-top: 90px;
	    padding-bottom: 105px;
		border-top: 1px solid #e8e8e8;
		border-left: 1px solid #e8e8e8;
		width: 80%;
	}
	.call-desc {
		display: none;
	}
	.contact-site {
		margin-bottom: 0;
	}
}

@media (min-width: 768px) {

}

@media (max-width: 768px) {
	.c-sol-r-b-img {
		height: auto;
	}
	.c-sol-r-b-img img.bg {
        display: none;
		position: relative;
		left: auto;
		transform: translateX(0);
		width: auto;
		max-width: 100%;
		min-width: 100%;
		height: auto;
	}

	.contact-desc {
	    padding: 56px 15px;
	    text-align: left;
	}
	.contact-desc p.desc {
	    margin: 0;
	    line-height: 30px;
	    font-size: 14px;
	}
	.desc-line {
	    margin-top: 16px;
	    width: 20px;
	    height: 2px;
	}

	.c-sol-l-desc h3 {
		font-size: 10vw;
	}
	.c-sol-r-b-desc {
	    top: 30%;
	}
	.c-sol-r-b-desc h2 {
		margin-bottom: 25px;
		margin-bottom: 0.333333rem;
		line-height: 90px;
		line-height: 1.2rem;
		font-size: 90px;
		font-size: 1.2rem;
	}
	.c-sol-r-b-desc h4 {
		margin-bottom: 200px;
		margin-bottom: 2.666667rem;
	    line-height: 42px;
	    font-size: 24px;
	}
	
	.c-sol-r-t-title h3 {
	    font-size: 20px;
	}
	.sol-share-one {
		margin-right: 30px;
		margin-right: 0.4rem;
		margin-left: 30px;
		margin-left: 0.4rem;
	}
	a.call {
		margin-left: 30px;
		margin-left: 0.4rem;
	}
	a.href-map {
		margin-top: 10px;
	}

	.contact-site {
		margin-bottom: 10px;
	}
	.site-one {
		padding-top: 36px;
		padding-bottom: 36px;
		border: 0px;
		border-bottom: 1px dashed #888;
		width: 100%;
	}
	.site-one-in {
	    margin: 0 auto;
	    width: calc(100% - 30px);
	}
	.site-one h3 {
	    margin-bottom: 30px;
	    font-size: 70px;
	    font-size: 0.933333rem;
	}
	.site-one h4 {
	    margin-bottom: 24px;
	    font-size: 16px;
	}
	.site-one p.desc {
	    margin-bottom: 4px;
	}

	@keyframes circleGo {
		0% {
			transform: scale(1);
			opacity: .5;
		}
		100% {
			transform: scale(1.8);
			opacity: 0;
		}
	}
}

@media (max-width: 544px) {
	.c-sol-r-b-desc h4 {
		margin-bottom: 200px;
		margin-bottom: 2.666667rem;
		line-height: 50px;
		line-height: 0.666667rem;
		font-size: 50px;
		font-size: 0.666667rem;
	}
}
@charset "UTF-8";
/*@font-face {
	font-family: 'geoslab703_md_btmedium';
	src: url('../fonts/geo703m-webfont.eot');
	src: url('../fonts/geo703m-webfont.eot') format('embedded-opentype'),  url('../fonts/geo703m-webfont.woff2') format('woff2'),  url('../fonts/geo703m-webfont.woff') format('woff'),  url('../fonts/geo703m-webfont.ttf') format('truetype'),  url('../fonts/geo703m-webfont.svg#geoslab703_md_btmedium') format('svg');
	font-weight: normal;
	font-style: normal;
} */

/* 设置默认字体 */ 
body, button, input, select, textarea {
	/*font-family: "Microsoft YaHei", "simsun", "Arail"; */
  font-family: "Montserrat", sans-serif;
	font-size: 15px;
	outline: none;
	color: #777;
	position: relative;
   background-color:#f6f6f6
}
ul, ol {
	padding: 0;
	margin-bottom: 0px;
}
li {
	list-style: none;
}
.fl {
	float: left
}
.fr {
	float: right
}
/*公共样式开始-------------*/
    /*头部*/

.menu {
	width: 100%;
	overflow: hidden;
	height: 80px;
}
.menu ul {
	position: relative;
	float: left;
	left: 50%;
}
.menu ul li {
	position: relative;
	float: left;
	left: -50%;
	margin: 0 9px;
	font-size: 15px;
	color: #666666;
	overflow: hidden;
	margin-top: 30px;
	cursor: pointer;
}
.menu ul li div {
	padding-bottom: 10px;
}
.menu ul li a, .menu ul li a:hover {
	color: #666666;
}
.menu ul li i {
	width: 100%;
	height: 1px;
	display: block;
	-webkit-transform: translateX(-110%);
	-moz-transform: translateX(-110%);
	-o-transform: translateX(-110%);
	transform: translateX(-110%);
	background: #9e4493;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.menu ul li:hover i, .menu ul li.cur i {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
 @media (min-width: 768px) {
.menu {
	height: 120px;
}
.menu ul li {
	margin: 0 20px;
	margin-top: 45px;
}
}
@media (min-width:992px) {
.menu {
	height: 140px;
}
.menu ul li {
	margin: 0 20px;
	margin-top: 60px;
}
}
 @media (max-width:992px) {
.menu ul li div {
	padding-bottom: 2px;
}
.menu {
	height: auto;
	padding-top: 35px;
	padding-bottom: 35px;
}
.menu ul li {
	margin: 0 17px;
}
}
 @media (max-width:544px) {
.menu {
	padding-top: 25px;
	padding-bottom: 25px;
}
.menu ul li {
	margin: 0 7px;
	font-size: 12px;
}
}
.gf-logo{
  background-color:#f6f6f6;
  height:0;
}
.gf-logo h1 {
	width: 146px;
	height: 110px;
	position: sticky;
	top: 0;
	left: 4%;
	z-index: 1000;
    margin-top:0;
    margin-bottom:0;
      bottom:2%;
}
.gf-logo h1 a {
	display: block;
	-moz-background-size: auto 50px;
	-o-background-size: auto 50px;
	background-size: auto 50px;
	height: 125px;
	width: 180px;
    position: fixed;
}
.gf-logo h1 a:focus {
	outline: none;
}

/*------------------------------- 侧边栏end -------------------------------------*/


.gf-pnav {
    background:#f6f6f6; 
    display: flex;
    justify-content: center;
    align-items: center; 
	position: fixed;
	height: 110px;
	width:100%;
	top: 0;
	right: 0;
	z-index: 999;
  border-bottom:1px solid #6a2974;
   box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}
.gf-header {
  position: sticky;  
  top: 0;            
  z-index: 999;     
  background: #f6f6f6;
  display: flex;
  justify-content: space-between; 
  align-items: center;
  padding: 0;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1); 
}
.gf-pnav a.neirong-on {
    color:#6a2974; 
    font-weight: bold;
  border-bottom: 1px solid #6a2974;
}

.gf-pnav a {
	color: #9e4493;
	z-index: 2;
	font-size: 14px;
	margin-top: 10px;
	margin-left: 20px;
	overflow: hidden;
	display: inline-block;
    white-space: nowrap;
  font-weight: bold;
}
}
.gf-pnav a:focus {
	outline: none;
}
.gf-pnav a i {
	width: 100%;
	height: 2px;
	margin-top: 10px;
	display: block;
	-webkit-transform: translateX(-110%);
	-moz-transform: translateX(-110%);
	-o-transform: translateX(-110%);
	transform: translateX(-110%);
	background: #9e4493;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.gf-pnav a.neirong-on i {
   background-color: #6a2974;
  display: block;
  width: 100%;
  height: 2px;
}
.gf-pnav a:hover i {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
.gf-header .focus-text {
	position: absolute;
	left: 4%;
	z-index: 2;
	color: #fff;
}
.gf-state {
	border-bottom: 1px solid #dedede;
}
.neirong {
	display: none;
}
/*手机菜单样式开始-----------*/
.buttonset {
	position: absolute;
	right: 7%;
	z-index: 1000;
	transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	-o-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	-moz-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -moz-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -moz-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -o-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	-webkit-tap-highlight-color: transparent;
}
.nav-moblie {
	width: 30px;
	height: 35px;
	position: relative;
	cursor: pointer;
	display: table;
	-o-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-moz-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
.nav-moblie a {
	background-color: #6a2974;
	display: block;
	height: 4px;
	position: relative;
	width: 100%;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-o-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
  margin-top: 15px;
}
.nav-moblie a:after, .nav-moblie a:before {
	background-color: #6a2974;
	display: block;
	height: 4px;
	left: 0;
	position: absolute;
	width: 100%;
	-moz-border-radius: 2px;
	border-radius: 2px;
	content: '';
	-o-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
.nav-moblie a:after {
	top: 8px;
	width: 100%;
}
.nav-moblie a:before {
	left: auto;
	right: 0;
	top: -8px;
	width: 100%;
}
.nav-moblie a:focus {
	outline: none;
}
.buttonset.on {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.buttonset.on .nav-moblie a:after, .buttonset.on .nav-moblie a:before {
	width: 100%;
	transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	-o-transition: -o-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	-moz-transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -moz-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -moz-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -o-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	top: 0;
}
.buttonset.on .nav-moblie a:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.buttonset.on .nav-moblie a {
	background: rgba(0, 0, 0, 0);
}
.buttonset.on .nav-moblie a:after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.neirong {
	display: block;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 1000; /*left: -163px;*/
	overflow-y: auto;
	left: 0;
	touch-action: pan-y;
	-webkit-user-select: none;
	-webkit-user-drag: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.neirong .neirong-bd {
	padding-bottom: 20px;
	padding-top: 110px;
	padding-left: 17px;
	padding-right: 17px;
	visibility: hidden;
}
.neirong a {
	display: block;
    height: 47px;
    color: #9e4493;
    font-size: 14px;
    border-bottom: 1px solid #6a2974;
	-moz-transition: all .35s ease-out;
	-o-transition: all .35s ease-out;
	transition: all .35s ease-out;
}
.neirong a.neirong-on {
  color: #6a2974; 
  font-weight: bold; 
}

.neirong a:hover {
	background: #f6f6f6;
   color: #7b398e;
}
.content {
	left: 0;
	position: relative;
}
.content.content-on {
	left: 120px;
}
.neirong.neirong-on {
	left: 0;
}
.body-on {
	position: relative;
	overflow: hidden;
}
.html-on {
	overflow: hidden;
}
.neirong-close {
	display: none;
	width: 30px;
	height: 24px;
	background: url(../images/nav_close.png) no-repeat 7px center;
	position: absolute;
	top: 20px;
	right: 4%;
	visibility: hidden;
}
.neirong.neirong-hide {
	background-color: #f6f6f6;
	height: 0;
	-moz-transition: background 0.35s linear, height 0.25s ease-in 200ms;
	-o-transition: background 0.35s linear, height 0.25s ease-in 200ms;
	transition: background 0.35s linear, height 0.25s ease-in 200ms;
}
.neirong.neirong-show {
	background-color: #f6f6f6;
	height: 100%;
}
.neirong.neirong-show .neirong-bd, .neirong.neirong-show .neirong-close {
	visibility: visible;
}
.neirong.neirong-hide a {
	opacity: 0;
	-webkit-transform: scale(1.1) translateY(-24px);
	-moz-transform: scale(1.1) translateY(-24px);
	-o-transform: scale(1.1) translateY(-24px);
	transform: scale(1.1) translateY(-24px);
}
.neirong.neirong-show a {
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	transform: none;
}
.neirong a:nth-of-type(2) {
	-moz-transition-delay: 300ms, 300ms;
	-o-transition-delay: 300ms, 300ms;
	transition-delay: 300ms, 300ms;
}
.neirong a:nth-of-type(3) {
	-moz-transition-delay: 350ms, 350ms;
	-o-transition-delay: 350ms, 350ms;
	transition-delay: 350ms, 350ms;
}
.neirong a:nth-of-type(4) {
	-moz-transition-delay: 400ms, 400ms;
	-o-transition-delay: 400ms, 400ms;
	transition-delay: 400ms, 400ms;
}
.neirong a:nth-of-type(5) {
	-moz-transition-delay: 450ms, 450ms;
	-o-transition-delay: 450ms, 450ms;
	transition-delay: 450ms, 450ms;
}
.neirong a:nth-of-type(6) {
	-moz-transition-delay: 500ms, 500ms;
	-o-transition-delay: 500ms, 500ms;
	transition-delay: 500ms, 500ms;
}
.neirong a:nth-of-type(7) {
	-moz-transition-delay: 550ms, 550ms;
	-o-transition-delay: 550ms, 550ms;
	transition-delay: 550ms, 550ms;
}
.neirong a:nth-of-type(8) {
	-moz-transition-delay: 600ms, 600ms;
	-o-transition-delay: 600ms, 600ms;
	transition-delay: 600ms, 600ms;
}
.neirong a:nth-of-type(9) {
	-moz-transition-delay: 650ms, 650ms;
	-o-transition-delay: 650ms, 650ms;
	transition-delay: 650ms, 650ms;
}
.neirong a:nth-of-type(10) {
	-moz-transition-delay: 700ms, 700ms;
	-o-transition-delay: 700ms, 700ms;
	transition-delay: 700ms, 700ms;
}
.neirong a:nth-of-type(11) {
	-moz-transition-delay: 750ms, 750ms;
	-o-transition-delay: 750ms, 750ms;
	transition-delay: 750ms, 750ms;
}
/*手机版头部*/
.buttonset .show {
	background-color: rgba(0,0,0,.8);
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.buttonset-black .buttonpush {
	background: url("../images/button_black.png") no-repeat center;
}
.buttonset-black .buttonpush.show {
	background: rgba(0,0,0,.8) url("../images/buttonset.png") no-repeat center;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.ctrl-more {
	border: 1px solid #ccc;
	margin: 0 auto;
	width: 46px;
	height: 46px;
	line-height: 50px;
	font-size: 0;
	text-align: center;
	background: #fff;
	border-radius: 50%;
	cursor: pointer;
	transition: .45s;
}
.ctrl-more:hover {
	background: #e00012;
  
	border: 1px solid #e00012;
}
.ctrl-more i {
	display: inline-block;
	margin-right: 2px;
	margin-left: 2px;
	width: 4px;
	height: 4px;
	background: #e0e0e0;
	border-radius: 50%;
	transition: .45s;
}
.ctrl-more:hover i {
	background: #fff;
}
/*footer {
  background:
    radial-gradient(1000px 600px at 0% 0%, #303361 0%, #394384 40%, transparent 80%),
    radial-gradient(800px 500px at 25% 10%, #4a4c89 0%, transparent 70%),
    radial-gradient(700px 450px at 40% 20%, #9ef7b3 0%, transparent 65%),
    radial-gradient(600px 400px at 60% 30%, #6ee7b7 0%, transparent 60%),
    radial-gradient(700px 400px at 70% 40%, #c084fc 0%, transparent 70%),
    radial-gradient(500px 350px at 50% 70%, #9333ea 0%, transparent 75%),
    radial-gradient(400px 300px at 30% 75%, #7e22ce 0%, transparent 80%),
    #0f1028;
} */

footer {
   background: #6a2974;
 /* background: radial-gradient(circle at 20% 20%, rgba(255,255,255,0.1) 0%, transparent 0%), linear-gradient(135deg, #2a71b0, #6b1e80);

radial-gradient(circle at 20% 20%, rgba(255,255,255,0.08) 0%, transparent 70%), linear-gradient( 135deg, #2a71b0 0%, #4e4fa4 20%, #6b1e80 100% )
  
  background: radial-gradient(circle at 0% 0%, rgba(255,255,255,0.08) 0%, transparent 75%), linear-gradient( to top right, #2a71b0 1%, #5a4aa8 20%, #6b1e80 100% );
  
  background: radial-gradient(circle at 0% 0%, rgba(255,255,255,0.08) 0%, transparent 75%), linear-gradient( to top right, #2a71b0 1%, #5a4aa8 20%, #6b1e80 80% , #6a2974 100%);
}
 */
}
.footer-in {
	margin: 0 auto;
	width: 1400px;
}
.footer-l {
	display: inline-block;
	padding-top: 85px;
	vertical-align: top;
    color:#fff
}
.footer-l ul li {
	float: left;
	margin-right: 80px;
}
.footer-l ul li:last-child {
	margin-right: 0px;
}
.footer-l dl {
	margin: 0;/*height: 57px;*/
}
.footer-l dt {
	margin-bottom: 25px;
}
.footer-l dt a {
	padding-bottom: 4px;
	font-size: 14px;
	color: #c1c1c1;
}
.footer-l dd {
}
.footer-l dd a {
	line-height: 32px;
	font-size: 14px;
	color: #7a7a7a;
	transition: .3s;
}
.footer-l dd a:hover {
	color: #c1c1c1;
}
.footer-r {
	display: inline-block;
	float: right;
	margin-top: 73px;
	vertical-align: top;
}
.f-share {
	font-size: 0;
	text-align: right;
}
.f-share-one {
	position: relative;
	display: inline-block;
	border: 1px solid #838383;
	margin-right: 40px;
	width: 44px;
	height: 44px;
	line-height: 42px;
	text-align: center;
	vertical-align: top;
	border-radius: 50%;
	cursor: pointer;
	transition: .5s;
}
.f-share:hover .f-share-one {
	opacity: .2;
}
.f-share .f-share-one:hover {
	opacity: 1;
}
.f-share-one:last-child {
	margin-right: 0;
}
.fs-one-qrcode {
	position: absolute;
	bottom: 65px;
	left: 50%;
	z-index: 10;
	transform: translateX(-50%) translateY(20px);
	padding: 7px;
	background: rgba(255, 255, 255, .1);
	opacity: 0;
	visibility: hidden;
	transition: .35s .05s;
}
.f-share-one:hover .fs-one-qrcode {
	transform: translateX(-50%) translateY(0px);
	opacity: 1;
	visibility: visible;
}

.f-belongs-one {
	line-height: 32px;
	font-size: 12px;
	color: #f8f8f8;
    text-align:center
}
.copyright {
	position: relative;
}
/* Line at the footer
.copyright::before {
	content: ' ';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 1px;
	background: #c2b2bf;
} */
.copyright-l {
	display: inline-block;
	width: calc(100% - 360px);
	font-size: 0;
}
.copyright-r, .copyright-l, .copyright-l h2, .copyright-l > ul, .copyright-l > ul > li {
	display: inline-block;
	vertical-align: top;
}
.copyright-l > ul {
	width: calc(100% - 70px);
}
.copyright-l h2 {
	position: relative;
	top: 0px;
	margin: 0;
	margin-right: 10px;
	/*line-height: 21px;*/
	line-height: 16px;
	font-size: 12px;
	color: #515151;
}
.copyright-l > ul > li {
	margin-right: 55px;
	font-size: 12px;
}
.copyright-l > ul > li a {
	color: #515151;
	transition: .3s;
}
.copyright-l > ul > li a:hover {
	color: #c1c1c1;
}
.copyright-r {
	float:none;
	font-size: 11px;
	color: #f8f8f8;
  text-align:center;
}

.about-desc h2 {
	position: relative;
	margin-top: 8%;
	margin-bottom: 78px;
	line-height: 42px;
	font-size: 28px;
	color: #333;
}
.about-desc h2::after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -38px;
	width: 28px;
	height: 3px;
	background: #9E4493;
}
.about-desc h2 {
  margin: 50px 0;
color:#333}
.about-desc p.desc {
	line-height: 35px;
	font-size: 16px;
}
.about-desc.letmove h2, .about-desc.letmove p.desc {
	transform: translateY(40px);
	transition: transform .8s .0s, opacity .8s .0s;
	opacity: 0;
}
.about-desc.letmove p.desc {
	transform: translateY(50px);
	transition: transform .8s .1s, opacity .8s .1s;
}
.about-desc.move h2, .about-desc.move p.desc {
	transform: translateY(0);
	opacity: 1;
  
}
/*fixed头部样式*/
.navbar-fixed {
	position: fixed;
	top: -70px;
	opacity: 0;
 filter: alpha(opacity:0);
	background: #fff;
	/*background: transparent;*/
	height: 70px;
	width: 100%;
	z-index: 999;
	-moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, .3), 0 0 6px 2px rgba(0, 0, 0, .15);
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, .3), 0 0 6px 2px rgba(0, 0, 0, .15);
	-moz-transition: all .5s .1s ease;
	-o-transition: all .5s .1s ease;
	transition: all .5s .1s ease;
}
.logo {
	padding: 11.5px 0;
}
.right_menu a {
	display: inline-block;
	padding-top: 24px;
	margin-left: 40px;
	font-size: 15px;
	color: #666666;
	overflow: hidden;
}
.right_menu a:focus, .logo a:focus {
	outline: none;
}
.right_menu i {
	width: 100%;
	height: 1px;
	margin-top: 10px;
	display: block;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	background: #e00013;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.right_menu a:hover i {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
.navbar-fixed.show {
	opacity: 1;
	top: 0px;
}
.navbar-fixed .buttonset {
	top: 10px;
}
.navbar-fixed .nav-moblie a, .navbar-fixed .nav-moblie a:before, .navbar-fixed .nav-moblie a:after {
	background-color: #666666;
}
@media(max-width:768px) {
.navbar-fixed {
	height: 50px;
	top: -50px;
}
.logo img {
	width: 120px;
	height: 40px;
}
.logo {
	padding: 5px 0;
}
}
/*banner图样式*/
.banner {
	position: relative;
	width: 100%;
	overflow: hidden;
  height:85vh;
}
.banner picture img {
	-webkit-animation: banner_inside 20s ease 1 forwards;
	-moz-animation: banner_inside 20s ease 1 forwards;
	-o-animation: banner_inside 20s ease 1 forwards;
	animation: banner_inside 20s ease 1 forwards;
}
@-webkit-keyframes banner_inside {
 from {
 -webkit-transform: scale(1.23);
 transform: scale(1.23);
}
to {
	-webkit-transform: scale(1);
	transform: scale(1);
}
}
@-moz-keyframes banner_inside {
 from {
 -moz-transform: scale(1.23);
 transform: scale(1.23);
}
to {
	-moz-transform: scale(1);
	transform: scale(1);
}
}
@-o-keyframes banner_inside {
 from {
 -o-transform: scale(1.23);
 transform: scale(1.23);
}
to {
	-o-transform: scale(1);
	transform: scale(1);
}
}
@keyframes banner_inside {
 from {
 -webkit-transform: scale(1.23);
 -moz-transform: scale(1.23);
 -o-transform: scale(1.23);
 transform: scale(1.23);
}
to {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
}
.banner_txt {
	text-align: center;
	position: absolute;
	top: 55%;
	z-index: 9;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
}
.banner_txt1 {
	font-size: 24px;
	width: 100%;
	font-weight: bold;
	text-align: center;
	left: 0;
	color: #f6f6f6;
	-webkit-animation: fadeInUp4 1.4s .4s ease both;
	-o-animation: fadeInUp4 1.4s .4s ease both;
	animation: fadeInUp4 1.4s .4s ease both;
	-moz-animation: fadeInUp4 1.4s .4s ease both;
}
.banner_txt2 {
	width: 90%;
	margin: 0 auto;
	font-size: 20px;
	line-height: 24px;
	color: #ffffff;
	margin-top: 15px;
	-webkit-animation: fadeInUp5 1.4s .8s ease both;
	-o-animation: fadeInUp5 1.4s .8s ease both;
	animation: fadeInUp5 1.4s .8s ease both;
	-moz-animation: fadeInUp5 1.4s .8s ease both;
}
/*.btn-circle*/
.btn-circle {
	position: relative;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
/*.btn-circle:active {
    transform: translateY(1px);
}*/
.btn-circle-hover, .btn-circle-click {
	position: absolute;
	z-index: -2;
	display: block;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	width: 0;
	height: 0;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #6a2974; 

}
.btn-circle-hover {
	opacity: 0;
}
.btn-circle-click {
	/*background: #99000c;*/
	background: #9e4493;
}
/*product*/
.product{
margin:45px auto;
}
.product_txt {
  /*margin-top: 100px;
	margin-bottom: 65px; */
	text-align: center;
	color: #333;
}
.product_txt1 {
	font-size: 36px;
	font-weight: bold;
}
.product_txt2 {
	font-size: 30px;
}
.case_list {
	margin-top: 0;
      overflow: hidden;
}
.more_button {
	position: relative;
	overflow: hidden;
	z-index: 1;
	width: 48px;
	height: 48px;
	border: 1px solid #d1d1d1;
	-moz-border-radius: 100%;
	border-radius: 100%;
	color: #e0e0e0;
	text-align: center;
	line-height: 48px;
	display: block;
	margin: 0 auto;
	font-size: 12px;
	-o-transition: all 1.7s ease;
	-moz-transition: all 1.7s ease;
	transition: all 1.7s ease;
	-webkit-mask-image: radial-gradient(white, black);
	mask-image: radial-gradient(white, black);
}
.more_button:focus {
	outline: none;
}
.more_button:hover {
	background:#9E4493;
	color: #fff;
	border: 1px solid #9E4493;
}
.more_button i {
	display: block;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	width: 100%;
	height: 100%;
	background: -moz-radial-gradient(#9E4493, #b65ba8, #9E4493, #b65ba8, #9E4493, #b65ba8, #9E4493, #b65ba8, #9E4493);
    background: -o-radial-gradient(#9E4493, #b65ba8, #9E4493, #b65ba8, #9E4493, #b65ba8, #9E4493, #b65ba8, #9E4493);
    background: radial-gradient(#9E4493, #b65ba8, #9E4493, #b65ba8, #9E4493, #b65ba8, #9E4493, #b65ba8, #9E4493);

	opacity: 0;
	-o-transition: 1.2s, opacity 1.8s;
	-moz-transition: 1.2s, opacity 1.8s;
	transition: 1.2s, opacity 1.8s;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.more_button:hover i {
	-webkit-transform: scale(10);
	-moz-transform: scale(10);
	-o-transform: scale(10);
	transform: scale(10);
	opacity: 1;
	-o-transition: 3s, opacity .3s;
	-moz-transition: 3s, opacity .3s;
	transition: 3s, opacity .3s;
}
.dot2 span, .dot1 span {
	position: absolute;
	color: #d1d1d1;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%)translateY(-50%);
	-moz-transform: translateX(-50%)translateY(-50%);
	-o-transform: translateX(-50%)translateY(-50%);
	transform: translateX(-50%)translateY(-50%);
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
/*dot1*/
.dot1 span {
	color: #d1d1d1;
}
.dot1 span:nth-child(1) {
	-o-transition: all 0.4s .5s ease, color .3s;
	-moz-transition: all 0.4s .5s ease, color .3s;
	transition: all 0.4s .5s ease, color .3s;
	left: 30%;
}
.dot1 span:nth-child(2) {
	-o-transition: all 0.4s .4s ease, color .3s;
	-moz-transition: all 0.4s .4s ease, color .3s;
	transition: all 0.4s .4s ease, color .3s;
	left: 50%;
}
.dot1 span:nth-child(3) {
	-o-transition: all 0.4s .3s ease, color .3s;
	-moz-transition: all 0.4s .3s ease, color .3s;
	transition: all 0.4s .3s ease, color .3s;
	left: 70%;
}
.more_button:hover .dot1 span:nth-child(1) {
	left: 120%;
	-o-transition: all 0.4s .2s ease, color .3s;
	-moz-transition: all 0.4s .2s ease, color .3s;
	transition: all 0.4s .2s ease, color .3s;
	color: #fff;
}
.more_button:hover .dot1 span:nth-child(2) {
	left: 120%;
	-o-transition: all 0.4s .1s ease, color .3s;
	-moz-transition: all 0.4s .1s ease, color .3s;
	transition: all 0.4s .1s ease, color .3s;
	color: #fff;
}
.more_button:hover .dot1 span:nth-child(3) {
	left: 120%;
	-o-transition: all 0.4s 0s ease, color .3s;
	-moz-transition: all 0.4s 0s ease, color .3s;
	transition: all 0.4s 0s ease, color .3s;
	color: #fff;
}
/*dot2*/
.dot2 span:nth-child(1) {
	left: -20%;
	-o-transition: all 0.4s .2s ease, color .3s;
	-moz-transition: all 0.4s .2s ease, color .3s;
	transition: all 0.4s .2s ease, color .3s;
	color: #d1d1d1
}
.dot2 span:nth-child(2) {
	left: -20%;
	-o-transition: all 0.4s .1s ease, color .3s;
	-moz-transition: all 0.4s .1s ease, color .3s;
	transition: all 0.4s .1s ease, color .3s;
	color: #d1d1d1
}
.dot2 span:nth-child(3) {
	left: -20%;
	-o-transition: all 0.4s 0s ease, color .3s;
	-moz-transition: all 0.4s 0s ease, color .3s;
	transition: all 0.4s 0s ease, color .3s;
	color: #d1d1d1
}
.more_button:hover .dot2 span:nth-child(1) {
	left: 30%;
	-o-transition: all 0.4s .5s ease, color .3s;
	-moz-transition: all 0.4s .5s ease, color .3s;
	transition: all 0.4s .5s ease, color .3s;
	color: #fff;
}
.more_button:hover .dot2 span:nth-child(2) {
	left: 50%;
	-o-transition: all 0.4s .4s ease, color .3s;
	-moz-transition: all 0.4s .4s ease, color .3s;
	transition: all 0.4s .4s ease, color .3s;
	color: #fff;
}
.more_button:hover .dot2 span:nth-child(3) {
	left: 70%;
	-o-transition: all 0.4s .3s ease, color .3s;
	-moz-transition: all 0.4s .3s ease, color .3s;
	transition: all 0.4s .3s ease, color .3s;
	color: #fff;
}
 @media (max-width: 1200px) {
.banner {
	position: relative;
	height: 80vh;
    width: 100vw;
}
.banner img.img-responsive {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	min-width: 100%;
	max-width: none;
	height: 100%;
	animation: none;
}
.copyright {
	text-align: center;
}
.copyright-l {
	display: none;
}
.copyright-r {
	float: none;
}
.footer-r {
	float: none;
	width: 100%;
}
.f-share {
	text-align: center;
}
.f-belongs-one {
	line-height: 26px;
	text-align: center;
   } 
}

/*手机菜单样式结束*/
@media (max-width: 767px) {
.gf-pnav {
	display: none;
}
.gf-logo h1, .gf-logo h1 a {
	line-height: 40px;
	-moz-background-size: auto 40px;
	-o-background-size: auto 40px;
	background-size: auto 40px;
left:%4;
}
}
 @media(min-width:768px) {
.buttonset {
	display: none;
}
}
@media(min-width:992px) {
.buttonset {
	display: none;
}
.gf-pnav a {
	margin-left: 40px;
}
.m-totop,  .f-footer {
	display: none;
}
i.f-arrow {
	display: none;
}
}
 @media (max-width: 992px) {
.m-totop {
	line-height: 52px;
	font-size: 16px;
	color: #606060;
	text-align: center;
	background: #000;
}
.footer-l {
	padding-top: 40px;
	width: 100%;
    color:#fff;
}
.footer-l ul li {
	margin-right: 0;
	/*margin-bottom: 8px;*/
	margin-bottom: 0;
	width: 100%;
}
.footer-l dt {
	padding-bottom: 12px;
	border-bottom: 1px solid #373737;
	margin-bottom: 8px;
	line-height: normal;
	font-weight: normal;
}
i.f-arrow {
	display: inline-block;
	float: right;
	position: relative;
	top: 15px;
	height: 11px;
	/*margin-top: 6px;*/
	margin-right: 4px;
	vertical-align: top;
}
i.f-arrow img {
	width: 6px;
	vertical-align: top;
}
.footer-l dl,  .footer-l dt,  .footer-l dd {
	line-height: 1;
}
.footer-l dt a {
	display: inline-block;
	position: relative;
	top: 10px;
	margin-left: 3px;
	font-size: 17px;
	color: #6a6a6a;
	vertical-align: top;
}
.footer-l dd a {
	position: relative;
	top: -5px;
	line-height: 28px;
}
.footer-sub-menu {
	display: none;
	padding-left: 15px;
}
.footer-r {
	margin-top: 20px;
}
.f-belongs {
	padding-top: 20px;
	margin-top: 26px;
}
}
 @media (min-width: 768px) {
span.br-pc {
	display: block;
}
span.br-m {
	display: inline;
}
}
 @media (max-width: 1200px) {
.QQ_s {
	display: none
}
}
 @media (max-width: 768px) {
/*.banner> img{height:300px;width:auto;}*/  
.container {
	padding-right: 15px;
	padding-left: 15px;
}
span.br-pc {
	display: inline;
}
span.br-m {
	display: block;
}
.banner {
	position: relative;
	height: 70vh;
}
.banner img.img-responsive {
	position: relative;
	left: 0;
	transform: translateX(0%);
	min-width: 0;
	width: 100%;
	max-width: none;
	animation: none;
    height: 40vh;
}
.f-share {
	display: none;
}
.f-belongs-one {
	line-height: 28px;
	text-align: center;
}
.f-belongs {
	padding-top: 12px;
	border-top: 0;
	margin-top: 0;
}
.f-belongs-one {
	font-size: 12px;
}
.product_txt {
	margin-top: 90px;
	margin-top: 1.2rem;
	margin-bottom: 55px;
	margin-bottom: 0.733333rem;
	text-align: center;
}
.product_txt1 {
	margin-bottom: 30px;
	margin-bottom: 0.4rem;
	line-height: 80px;
	line-height: 1.066667rem;
	font-size: 56px;
	font-size: 22px;
}
.product_txt2 {
	line-height: 42px;
	font-size: 24px;
}
.footer-l {
	padding-top: 40px;
}
.footer-r {
	margin-top: 27px;
}
.copyright .container {
	height: 16px;
}
.copyright-r {
	width: 100%;
	text-align: left;
  padding: 0 5%;
}
.copyright-r span.cip-r {
	float: right;
}
}
@media (min-width: 768px) {
.banner_txt {
	top: 55%
}
.banner_txt1 {
	font-size: 36px;
}
.banner_txt2 {
	font-size: 16px;
	width: 600px;
	margin-top: 20px;
	line-height: 30px;
}
}
@media (min-width:992px) {
.banner_txt {
	top: 57%
}
.banner_txt1 {
	font-size: 40px;
}
.banner_txt2 {
	width: 800px;
}
}
@media (min-width:1110px) {
.banner_txt {
	top: 55%
}
}
@media (min-width:1200px) {
.banner_txt1 {
	font-size: 45px;
}
.banner_txt2 {
	width: 800px;
	margin-top: 25px;
	line-height: 30px;
}
}
@media (min-width:1440px) {
.banner_txt {
	top: 55%
}
.banner_txt1 {
	font-size: 36px;
    padding-left: 4%;
    padding-right: 4%;
}
.banner_txt2 {
	margin-top: 35px;
	line-height: 35px;
}
}
@media (min-width:1770px) {
.banner_txt {
	top: 50%
}
}
@media (min-width: 768px) {
.fix-nav-btm {
	display: none;
}
}
 @media (max-width: 768px) {
html, body {
/*height:100%;*/
     /*overflow: auto;*/
     /*overflow-x: hidden;*/
     /*margin: 0;*/
     /*transform: translate3d(0, 0, 0);*/
     /*-webkit-overflow-scrolling : touch;*/
}
footer {
	padding-bottom: 50px;
}
.aside-nav {
	display: none;
}
.fix-nav-btm-all {
}
.content,  .fix-nav-btm {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
	height: 110px;
    overflow-x: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-overflow-scrolling : touch;
  background: #f6f6f6;

box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.fix-nav-btm {
	top: 95%;
	bottom: 0;
	z-index: 999;
	font-size: 0;
	text-align: center;
  height: 55px;
  border-top:1px solid #6a2974;
}
   .content {
     border-bottom:1px solid #6a2974;
   }
.fnb-one {
	display: inline-block;
	margin: 9px 5% 0;
	vertical-align: top;
}
.fnb-one-img {
	margin-bottom: 3px;
}
.fnb-one-img img {
	width: 28px;
}
.fnb-one-desc {
	font-size: 12px;
}
.fnb-one-desc img {
	position: relative;
	top: 0px;
	margin-left: 4px;
	width: 4px;
}
.prevnext-m {
	display: none;
}
.banner_txt {
	padding-right: 15px;
	padding-left: 15px;
}
.banner_txt1,  .banner_txt2 {
	width: 100%;
	text-align: center;
}
.banner_txt1 {
	line-height: 80px;
	line-height: 1.066667rem;
	font-size: 22px;
}
.banner_txt2 {
	margin-top: 28px;
	margin-top: 0.373333rem;
	line-height: 42px;
	color: #f6f6f6;
}
.product {
	margin-bottom: 0;
}
.prevnext-m {
	display: table;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px dashed #888;
	margin-top: 80px;
	width: 100%;
}
a.prev-m,  a.next-m {
	display: inline-block;
	float: left;
}
a.next-m {
	float: right;
}
a.prev-m i,  a.next-m i {
	display: inline-block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background: #e4e4e4;
	border-radius: 50%;
}
a.prev-m img,  a.next-m img {
	width: 8px;
}
a.prev-m span,  a.next-m span {
	display: inline-block;
	margin: 0 6px;
	position: relative;
	top: 4px;
	font-size: 14px;
	color: #515151;
}
.about-desc {
	padding: 0% 3%;
	text-align: left;
}
.about-desc h2 {
	margin-bottom: 50px;
	line-height: 28px;
	font-size: 18px;
}
.about-desc h2::after {
	left: 0;
	transform: translateX(0);
	bottom: -18px;
	width: 20px;
	height: 2px;
}
.about-desc p.desc {
	line-height: 30px;
}
}
 @media (max-width: 544px) {
.banner {
	height: 40vh;
	margin-top: 110px;
}
.banner_txt {
	top: 50%;
}
.banner_txt2 {
	line-height: 50px;
	line-height: 0.666667rem;
	font-size: 30px;
	font-size: 12px;
	color: #f6f6f6;
}
.product_txt2 {
	line-height: 50px;
	line-height: 0.666667rem;
	font-size: 30px;
	font-size: 16px;
}
}
@font-face {
	font-family: gothicb;
	src: url('../fonts/gothicb.ttf')
}
.link{
  color:#f6f6f6;
}
.product{
  margin:5% }
.link:hover,
.link a:hover {
  color: #c2b2bf;
  transition: all 0.3s ease;
}

.link:hover img,
.link a:hover img {
  filter: brightness(0) saturate(100%) invert(87%) sepia(9%) saturate(97%) hue-rotate(203deg) brightness(93%) contrast(90%);
  transition: all 0.3s ease;
}
/* === Team-style layout for demand-logo list === */
/* Layout equal height */
.demand-row-equal {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.card-equal {
  padding: 2%;
  border-radius: 12px;
  height: 100%;
  padding-bottom: 5%;
}

.transparent-bg {
  background: transparent !important;
  box-shadow: none !important;
}

/* Team Grid Section */
.team-grid-section {
  text-align: center;
}

.team-title {
  font-size: 32px;
  margin-bottom: 24px;
  font-weight: 700;
  color: #777;
}

.team-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  border-radius: 16px;
}

.team-member {
  text-align: center;
  transition: all 0.3s ease;
  background: transparent;
}

.team-member:hover {
  transform: translateY(-6px);
}

/* Circular photo background */
.team-photo {
  width: 160px;
  height: 160px;
  margin: 0 auto 16px;
  border-radius: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}

.team-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20%;
}

.team-member h3 {
  font-size: 18px;
  margin: 8px 0 4px;
  font-weight: 600;
  color: #333;
}

.team-member p {
  font-size: 14px;
  color: #666;
  margin: 0;
}

/* Contact form */
.demand_form .form-control,
.demand_form textarea {
  background: #f8f8f8;
  border: 1px solid #ddd;
  padding: 12px;
  width: 100%;
  margin-bottom: 12px;
}

.demand_form input[type="submit"] {
  border: #6a1b9a;
  color: #777;
  cursor: pointer;
  transition: 0.3s;
  width: 100%;
}

.demand_form input[type="submit"]:hover {
 color:#f6f6f6
}

/* Responsive */
@media (max-width: 992px) {
  .team-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .team-grid {
    grid-template-columns: 1fr;
  }
  .team-photo {
    width: 120px;
    height: 120px;
  }
}
@media (max-width: 992px) {
  .footer-logo {
    display: none;
  }
}
  .banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.39);
  z-index: 1;
}