@charset "utf-8";
html, body {
	margin: 0;
	font-size: 16px;
	background-color: white;
}
body{font-family:STxinwei,Microsoft YaHei,黑体,arial,helvetica,sans-serif;font-size:1rem;}
/*body {
	font-family: Microsoft YaHei, 黑体, arial, helvetica, sans-serif;
	font-size: 1rem;
}*/
 @media screen and (max-width: 1366px) {
html, body {
	font-size: 10px;
}
}


h2 {
	text-align: center;
	letter-spacing: 8px;
	font-weight: bold;
}
header.banner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	height: 9vw;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 1;
	transition: height .5s;
	background: rgba(255, 255, 255, 0.8);
	background: #fff;
	border-bottom: 1px solid #000;
	font-size: 18px;
	font-weight: bold;
}
header.banner .logo-wrap > img {
	transition: all .5s;
}
header.banner .logo-wrap > img.logo {
	width: 6vw;
}
header.banner .logo-wrap > img.logo-text {
	width: 15vw;
}
header.banner.small {
	height: 64px;
}
header.banner.small .logo-wrap > img.logo {
	width: 3vw;
}
header.banner.small .logo-wrap > img.logo-text {
	width: 8.5vw;
}
header.banner .logo-wrap {
	align-items: center;
	display: flex;
	justify-content: center;
}
header.banner .logo-wrap > * {
	margin: 0 12px;
}
header.banner .logo-wrap > .slogan {
	letter-spacing: 8px;
font-size:.9rem;
}
header.banner .nav-menu {
	display: flex;
	justify-content: center;
	flex-direction: column;
	background: transparent;
}
header.banner .nav-menu li:hover > ul {
	z-index: 1;
}
header.banner .nav-menu > ul > li > a {
	border: 0;
	color: #000;
	padding: 0 15px;
	height: 64px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	min-width: auto;
}
header.banner .nav-menu > ul > li > ul > li > a {
	padding: 5px;
	height: 32px;
	font-size:14px;
}
header.banner .nav-menu > ul > li > a {
	color: #000;
	border-bottom: 0;
}
header.banner .nav-menu > ul > li:hover > a {
	color: #992824;
}
header.banner .nav-menu > ul > li.active > a {
	color: #992824;
	transition: color 2s;
}
header.banner .nav-menu > ul > li.current > a {
	border-bottom: 3px solid #992824;
}
header.banner .nav-menu > ul > li.nav-has-sub a {
	width: auto;
	min-width: 100px;
	word-wrap: normal;
	white-space: nowrap;
}
header.banner .nav-menu > ul > li.nav-has-sub > a {
	min-width: auto;
}
header.banner .nav-menu > ul > li.nav-has-sub > a::after {
	display: none;
}
header.banner .nav-menu > .btn-toggle {
	display: none;
	border: none;
	width: 6vw;
	height: 6vw;
	background: #992824 url(imgs/menu-button-bg.png) no-repeat center center;
	background-size: 60% 60%;
}


	/* PC:1920,1680,1660,1440,1366,1360,1280 */

footer.banner {
	bottom: 0;
	width: 100%;
	min-height: 32px;
	padding: 2px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	color: white;
	font-size: 90%;
	background: #191919;
	height: 5%;
	min-height: 32px;
}
footer.banner span {
	padding: 0 24px;
}





.picwall {
	width: 320px;
	height: 320px;
	margin: 50px auto 0;
	position: relative;
	transform-style: preserve-3d;
	transform: perspective(500px) rotateX(0deg) rotateY(0deg);
}
.picwall .item {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.picwall .item img {
	width: 100%;
	cursor: pointer;
	transition: all 1s;
}
.picwall .item img:hover {
	transform: scale(1.2, 1.2);
	border: 1px solid #000;
	box-shadow: 0px 0px 10px #000;
}
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.picwall {
	perspective: 500px;
}
}
.picview {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	justify-content: center;
	flex-direction: column;
	justify-items: center;
	align-items: center;
	vertical-align: middle;
	background: rgba(0, 0, 0, 0.5);
}
.picview img {
	flex-grow: 0;
	flex-basis: auto;
	width: 1px;
	transition: all 1s;
}
.picview p {
	color: white;
	opacity: 0;
	transition: all 1s;
}
.picview.active {
	display: flex;
}
.picview.focus img {
	width: 50vw;
	border: 1px solid #fff;
	box-shadow: 0px 0px 50px #fff;
}
.picview.focus p {
	opacity: 1;
}
 @media screen and (max-width: 1023px) {
.picview.focus img {
	width: 60vw;
}
}
 @media screen and (max-width: 767px) {
html, body {
	font-size: 10px;
}
header.banner {
	justify-content: space-between;
	height: 64px;
}
header.banner .logo-wrap {
	margin-left: 2vw;
	width: auto;
}
header.banner .logo-wrap > img.logo-text {
	display: block;
	width: 17vw;
}
header.banner .logo-wrap > img.logo {
	width: 6vw;
}
header.banner.small .logo-wrap > img.logo-text {
	width: 17vw;
}
header.banner.small .logo-wrap > img.logo {
	width: 6vw;
}
header.banner .nav-menu {
	margin-right: 2vw;
}
header.banner .nav-menu > .btn-toggle {
	display: block;
}
header.banner .nav-menu > .btn-toggle:active {
	transform: scale(1.2, 1.2);
}
header.banner .nav-menu > ul {
	opacity: 0.8;
	position: absolute;
	right: -200px;
	top: 34px;
	background-color: #000000;
	transition: all 1s;
}
header.banner .nav-menu > ul > li {
	width: 128px;
	text-align: center;
}
header.banner .nav-menu > ul > li > a {
	color: white;
	height: 3rem;
	transition: color 0s;
}
header.banner .nav-menu > ul > li.active > a {
	color: white;
	transition: color 0s;
	border-bottom: 1px solid white;
	font-weight: bolder;
	opacity: .5;
}
header.banner .nav-menu > ul > li:hover > a {
	color: #992824;
	border-bottom: 3px solid white;
}
header.banner .nav-menu.active > ul {
	opacity: 0.6;
	right: 0;
	z-index: 45;
}
header.banner .nav-menu > ul li {
	float: none;
}
.nav-menu ul ul li a {
    padding: 20px 20px;
    width: 140px;
    background: #000000;
    text-decoration: none;
    color: #eeeeee;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
    border-top: 1px solid #000000;
}
header.banner .nav-menu > .btnToggle {
	display: block;
}
}
@media screen and (max-width: 1200px) {
header.banner .logo-wrap > img.logo {
	width: 8vw;
}
}
@media screen and (max-width: 1080px) {
header.banner .logo-wrap > img.logo {
	width: 8vw;
}
}
@media screen and (max-width: 800px) {
header.banner .logo-wrap > img.logo {
	width: 8vw;
}
}

 @media screen and (min-width: 2560px) {
html {
	font-size: 24px;
}
header.banner.small {
	height: 128px;
}
}
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
header.banner {
	height: 168px;
}
}
body.index {
}
body.index > header.banner {
	border-bottom: 0;
}
body.index footer.banner {
	position: absolute;
}
body.index .animated {
	opacity: 0;
}
body.index #fp-nav ul li a span, .fp-slidesNav ul li a span {
	background: #fbe648;
}
body.index #fullpage >.section > .text-box {
	display: block;
	width: 27vw;
	min-width: 600px;
	max-width: 80%;
	background-color: rgba(45,45,45,0.5);
	font-size: 1.1rem;
	text-align: left;
	position: absolute;
	line-height: 2rem;
	padding: 8px 18px;
	color: white;
}
body.index #fullpage >.section video {
	width: 100%;
	height: 80%;
	margin: 10vh auto;
}
body.index #fullpage >.section > .text-box h2 {
	letter-spacing: 2px;
	text-align: left;
}
body.index #fullpage >.section > img {
	position: absolute;
}
body.index #fullpage >.section .text {
	text-indent: 2em;
	line-height: 2rem;
	font-size: 1.2rem;
}
body.index #fullpage  >.section .text-box p{
	margin: -0.05rem 0 -0.05rem 0.5rem;
}
body.index #fullpage >.section .text2 {
	text-indent: 2em;
	line-height: 2rem;
	font-size: 1rem;
}
body.index #fullpage >.section .stress {
	color: #EAB75E;
}
body.index #fullpage >.section .stress2 {
	color: #9a6200;
}
body.index #fullpage >.section .more {
	text-decoration: underline;
	float: right;
}
body.index #fullpage >.section {
	background-repeat: no-repeat;
}
body.index #fullpage >.section:nth-child(1) {
	background-image: url(imgs/239.jpg);
	background-position: center;
	background-size: 100%;
}
body.index #fullpage >.section:nth-child(1) > .text-box {
	left: 20%;
	bottom: 40%;
}
body.index #fullpage >.section:nth-child(1) > img:nth-child(1) {
	top: 24vh;
	left: 80vw;
	width: 6vw;
}
body.index #fullpage >.section:nth-child(1) > img:nth-child(2) {
	top: 28vh;
	left: 67vw;
	width: 11vw;
}
body.index #fullpage >.section:nth-child(2) {
	background-image: url(imgs/bg2.jpg);
	background-position: center;
	background-size: 100%;
	background-color: #000000b3;
}
body.index #fullpage >.section:nth-child(2) > img:nth-child(1) {
	top: 17.5vh;
	right: 13vw;
	width: 10.4vw;
}
body.index #fullpage >.section:nth-child(2) > img:nth-child(2) {
	top: 29.4vh;
	right: 25vw;
	width: 6.7vw;
}
body.index #fullpage >.section:nth-child(2) > .text-box {
	left: 15%;
	bottom: 30%;
}
body.index #fullpage >.section:nth-child(3) {
	background-image: url(imgs/bg1.jpg);
	background-position: center;
	background-size: 100%;
	background-color: #000000b3;
}
body.index #fullpage >.section:nth-child(3) > .text-box {
	right: 17%;
	bottom: 40%;
}
body.index #fullpage >.section:nth-child(3) > img:nth-child(1) {
	top: 22.3vh;
	left: 21vw;
	width: 5.1vw;
}
body.index #fullpage >.section:nth-child(3) > img:nth-child(2) {
	top: 27vh;
	left: 11vw;
	width: 9vw;
}
body.index #fullpage >.section:nth-child(4) {
	background-image: url(imgs/bg4.jpg);
	background-position: center;
	background-size: 100%;
	background-color: #000000b3;
}
body.index #fullpage >.section:nth-child(4) > .text-box {
	left: 11%;
	bottom: 40%;
}
body.index #fullpage >.section:nth-child(4) > img:nth-child(1) {
	top: 19.9vh;
	right: 11vw;
	width: 5vw;
}
body.index #fullpage >.section:nth-child(4) > img:nth-child(2) {
	top: 34.2vh;
	right: 18vw;
	width: 8.5vw;
}
body.index #fullpage >.section:nth-child(5) {
	background-image: url(imgs/bg6.jpg);
	background-position: center;
	background-size: 100%;
	background-color: #000000b3;
}
body.index #fullpage >.section:nth-child(5) > .text-box {
	right: 14%;
	bottom: 40%;
}
body.index #fullpage >.section:nth-child(5) > img:nth-child(1) {
	top: 9.8vh;
	left: 11vw;
	width: 9.8vw;
}
body.index #fullpage >.section:nth-child(5) > img:nth-child(2) {
	top: 31.8vh;
	left: 21vw;
	width: 10.5vw;
}
body.index #fullpage >.section:nth-child(6) {
	background-image: url(imgs/bg3.jpg);
	background-position: center;
	background-size: 100%;
	background-color: #000000b3;
}
body.index #fullpage >.section:nth-child(6) > .text-box {
	left: 14%;
	bottom: 40%;
}
body.index #fullpage >.section:nth-child(6) > img:nth-child(1) {
	top: 15.1vh;
	right: 14vw;
	width: 6.8vw;
}
body.index #fullpage >.section:nth-child(6) > img:nth-child(2) {
	top: 39vh;
	right: 23vw;
	width: 7.9vw;
}
body.index #fullpage >.section:nth-child(7) {
	background-image: url(imgs/bg5.jpg);
	background-position: center;
	background-size: 100%;
	background-color: #000000b3;
}
body.index #fullpage >.section:nth-child(7) > .text-box {
	right: 14%;
	bottom: 40%;
}
body.index #fullpage >.section:nth-child(7) > img:nth-child(1) {
	top: 21vh;
	left: 10vw;
	width: 10.3vw;
}
body.index #fullpage >.section:nth-child(7) > img:nth-child(2) {
	top: 41vh;
	left: 21vw;
	width: 5.6vw;
}
body.index #fullpage >.section:nth-child(8) {
	background-image: url(imgs/bg7.jpg);
	background-position: center;
	background-size: 100%;
	background-color: #000000b3;
}
body.index #fullpage >.section:nth-child(8) > .text-box {
	left: 14%;
	bottom: 40%;
}
body.index #fullpage >.section:nth-child(8) > img:nth-child(1) {
	top: 19.9vh;
	right: 9vw;
	width: 5vw;
}
body.index #fullpage >.section:nth-child(8) > img:nth-child(2) {
	top: 34.2vh;
	right: 16vw;
	width: 8.5vw;
}
 @media screen and (min-height: 951px) {
body.index #fullpage >.section {
	background-size: auto 100%;
}
}



body.index #fullpage >.section .box-l4 {
	width: 30%;
	height: 100%;
	padding: 0 50px 0 80px;
	background-position: left;
	background-size: cover;
	position: relative;
}

body.index #fullpage >.section .box-r5 {
	width: 50%;
	float: right;
	height: 100%;
	background-position: right;
	background-size: cover;
	position: relative;
}

body.index #fullpage >.section .box-l6.who {
	background-image: url(imgs/index/who/bg-fwnr.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
body.index #fullpage >.section .box-r6.who {
	background-image: url(imgs/index/who/bg-right_j.jpg);
}
body.index #fullpage >.section .box-l4.who {
	background-image: url(imgs/index/who/bg-left.jpg);
}
body.index #fullpage >.section .box-l4.who>.text-box {
	padding: 8px 8px;
	position: absolute;
	right: 10px;
	left: 40%;
	top: 40%;
}


body.index #fullpage >.section .box-l6.case {
	background-image: url(imgs/index/case/bg-left.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
body.index #fullpage >.section .box-r4.case {
	background-image: url(imgs/index/case/bg-right.jpg);
	background-position: left;
}
body.index #fullpage >.section .box-r4.case>.text-box {
	padding: 8px 18px;
	position: absolute;
	right: 40%;
	bottom: 22%;
	left: 15px;
}
body.index #fullpage >.section .box-r6.customer {
	background-image: url(imgs/index/customer/bg-right.jpg);
	width: 70%;
}
body.index #fullpage >.section .box-l4.customer {
	background-image: url(imgs/index/customer/bg-left.jpg);
	width: 30%;
	background-position: left;
}
body.index #fullpage >.section .box-l4.customer>.text-box {
	padding: 8px 18px;
	position: absolute;
	right: 36%;
	bottom: 40%;
	left: 48px;
}
body.index #fullpage >.section .box-l6.survey {
	background-image: url(imgs/index/survey/bg-left.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
body.index #fullpage >.section .box-r4.survey {
	background-image: url(imgs/index/survey/bg-right.jpg);
	background-position: left;
}
body.index #fullpage >.section .box-r4.survey>.text-box {
	padding: 8px 18px;
	position: absolute;
	right: 53%;
	bottom: 38%;
}




/*------------------------------------------------- who begin  ------------------------------------------------------*/
body.who #fullpage >.section .wrap div {
	float:left; 
	height: 900px;
	width:100%;
	position: relative; 
	padding-top: 3vh;
}

body.who #fullpage >.section .img01 {
	width: 32%;
	position: absolute;
	top: 21%;
	left: 33%;
	display: block;
}
body.who #fullpage >.section .img02 {
	width: 29%;
	position: absolute;
	top: 29%;
	left: 34.5%;
	display: block;
}
body.who #fullpage >.section .img03 {
	width: 60%;
	position: absolute;
	left: 20%;
	top: 5%;
	display: block;
}
body.who #fullpage >.section .img04 {
	width: 17%;
	position: absolute;
	top: 38%;
	left: 41%;
	display: block;
}
/*
body.who #fullpage >.section .whorow {
	float: left;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
}
body.who #fullpage >.section .left-1 {
	float: left;
	width: 48rem;
	padding-left: 26rem;
	margin-bottom: 5%;
	padding-top: 1%;
}
body.who #fullpage >.section .right-1 {
	float: right;
	width: 48rem;
	padding-right: 3rem;
	margin-bottom: 6%;
	padding-top: 1.5%;
}
body.who #fullpage >.section .left-2 {
	float: left;
	width: 48rem;
	padding-left: 26rem;
	margin-bottom: 1%;
}
body.who #fullpage >.section .right-2 {
	float: right;
	width: 48rem;
	padding-right: 3rem;
	margin-bottom: 4%;
}
body.who #fullpage >.section .left-3 {
	float: left;
	width: 48rem;
	padding-left: 26rem;
	margin-bottom: 7%;
	padding-top: 4%
}
body.who #fullpage >.section .right-3 {
	float: right;
	width: 48rem;
	padding-right: 3rem;
	margin-bottom: 7%;
	padding-top: 2%
}*/
body.who footer.banner {
	position: absolute;
}
/*------------------------------------------------- who end  ------------------------------------------------------*/

/*------------------------------------------------- culture begin  ------------------------------------------------------*/
body.culture > header.banner {
	border-bottom: 0;
}
body.culture footer.banner {
	position: absolute;
}
body.culture .animated {
	opacity: 0;
}

body.culture #fullpage >.section .box-l6 {
	width: 60%;
	float: left;
	height: 100%;
	background-position: left;
	text-align: left;
	background-size: cover;
	background-image: url(imgs/index/culture/bg-left.jpg);
}
body.culture #fullpage >.section .box-r4 {
	width: 40%;
	float: right;
	height: 100%;
	background-position: right;
	background-size: cover;
	position: relative;
	background-image: url(imgs/index/culture/bg-right1-2.jpg);
}
body.culture #fullpage >.section .box-r4 > .text-box {
	padding: 8px 18px;
	position: absolute;
	right: 10px;
	left: 30px;
	top: 6%;
}
body.culture #fullpage >.section .box-l6.culture2 {
	background-image: url(imgs/index/culture/bg-left2.jpg);
}
body.culture #fullpage >.section .box-r4.culture2 {
	background-image: url(imgs/index/culture/bg-right1-2.jpg);
}
body.culture #fullpage >.section .box-r4.culture2>.text-box {
	padding: 8px 18px;
	position: absolute;
	right: 10px;
	left: 30px;
	top: 10%;
}

body.culture #fullpage >.section .qywh {
	width: 100%;
	margin: 5vh 0 0 0;
}
body.culture #fullpage >.section .qywh2 {
	width: 100%;
	margin: -7vw 0 0 0;
}
body.culture #fullpage >.section .qywh-1 {
	vertical-align: middle;
	width: 20%;
	height: 25%;
	text-align: left;
	writing-mode: vertical-rl;
	border-right-style: solid;
	display: inline;
	margin: -65px 0 0 0;
}
body.culture #fullpage >.section .qywh-1 .text2 {
	font-size: 16px;
	color: #000000;
}
body.culture #fullpage >.section .qywh-2 {
	vertical-align: middle;
	width: 20%;
	height: 25%;
	text-align: left;
	writing-mode: vertical-rl;
	border-right-style: solid;
	display: inline;
	margin: -65px 0 0 0;
}
body.culture #fullpage >.section .qywh-2 .text2 {
	font-size: 16px;
	color: #000000;
}
body.culture #fullpage >.section .qywh-3 {
	vertical-align: middle;
	width: 20%;
	height: 25%;
	text-align: left;
	writing-mode: vertical-rl;
	display: inline;
	margin: -65px 0 0 0;
}
body.culture #fullpage >.section .qywh-3 .text2 {
	font-size: 16px;
	color: #000000;
}
body.culture #fullpage >.section .hxjz-1 {
	width: 23%;
	margin: 165px 0 0 85px;
}
body.culture #fullpage >.section .hxjz {
	width: 100%;
	margin: 5vh 0 0 0;
}
body.culture #fullpage >.section .hxjz2 {
	width: 100%;
	margin: -12.8vh 0 0 0;
}
body.culture #fullpage >.section .hxjz-w1 {
	vertical-align: top;
	width: 20%;
	height: 30%;
	text-align: left;
	writing-mode: vertical-rl;
	border-right-style: solid;
	display: inline;
	margin: -95px 0 0 -1%;
}
body.culture #fullpage >.section .hxjz-w1 .text2 {
	text-indent: 1.5em;
	line-height: 1rem;
	font-size: 1.5rem;
	color: #000000;
}
body.culture #fullpage >.section .hxjz-w2 {
	vertical-align: top;
	width: 20%;
	height: 30%;
	text-align: left;
	writing-mode: vertical-rl;
	border-right-style: solid;
	display: inline;
	margin: -95px 0 0 2%;
}
body.culture #fullpage >.section .hxjz-w2 .text2 {
	text-indent: 1.5em;
	line-height: 1rem;
	font-size: 1.5rem;
	color: #000000;
}
body.culture #fullpage >.section .hxjz-w3 {
	vertical-align: top;
	width: 20%;
	height: 30%;
	text-align: left;
	writing-mode: vertical-rl;
	display: inline;
	margin: -95px 0 0 2%;
}
body.culture #fullpage >.section .hxjz-w3 .text2 {
	text-indent: 1.5em;
	line-height: 1rem;
	font-size: 1.5rem;
	color: #000000;
}

.back-btn {
    width: 20vw !important;
	max-width: 107px;
    height: 10vh !important;
	max-height: 30px;
    line-height: 30px !important;
    color: #fff !important;
    border-radius: 32px !important;
    background: #992824 !important;
    display: block;
	margin: 2px auto;
	text-align: center;
    cursor: pointer;
}
.rydtmenu {
	
	position: absolute;
	left: 2px; 
	top: 8vw;
    width: 28vw !important;
	max-width: 150px;
    height: 10vh !important;
	max-height: 30px;
    line-height: 30px !important;
    color: #fff !important;
    background: #992824 !important;
    display: none;
	margin: 2px auto;
	text-align: center;
    cursor: pointer;
	font-size: 1rem;
	opacity: 0.7;
	border-radius: 0 0 8px 0 !important;
}
.rydtmenu:hover, .rydtmenu:active，.rydtmenu:link, .rydtmenu:visited { color: white; text-decoration:none; }
/*------------------------------------------------- culture end  ------------------------------------------------------*/


/*------------------------------------------------- team begin  ------------------------------------------------------*/
body.team > header.banner {
	border-bottom: 0;
}
body.team footer.banner {
	position: absolute;
}
body.team #fullpage >.section {
	padding-top: 50px; 
	background-color: #838282;
}
body.team #fullpage >.section .text2 {
	text-indent: 2em;
	line-height: 2rem;
	font-size: 1rem;
}
body.team .animated {
	opacity: 0;
}
body.team #fullpage >.section .hxtd-p2 {
	position: relative;
	margin-top: -15vh;
	margin-right: -87vw;
}
body.team #fullpage >.section .box-r4 {
	display: none;
}
body.team #fullpage >.section .box-l6 {
	display: none;
}
body.team #fullpage >.section .box-r6 {
	width: 70%;
	float: right;
	height: 100%;
	background-position: right;
	text-align: center;
	background-size: cover;
}
body.team #fullpage >.section .box-r6.team {
	background-image: url(imgs/index/team/bg-team.jpg);
	width: 100%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-color: #ffffff;
}
body.team #fullpage >.section .box-l4.team {
	background-image: url(imgs/index/team/bg-left.jpg);
	width: 30%;
}
body.team #fullpage >.section .hxtd {
	width: 100%;
	margin: 100px 0 0 0;
}
body.team #fullpage >.section .hxtd-p1 {
	width: 10vw;
	margin: 0 0 0 5vw;
	display: block;
}
body.team #fullpage >.section .hxtd-w1 {
	position: absolute;
	width: 13%;
	height: 30%;
	left: 11%;
	top: 40%;
	border: 1px;
	border-color: black;
	border-left-style: solid;
	vertical-align: top;
	padding-left: 10px;
	padding-right: 20px;
}

body.team #fullpage >.section .hxtd-w1-p {
	text-align: left;
	line-height: 1.1rem;
	font-size: 0.9rem;
	margin: 2.5rem 0 ;
}
body.team #fullpage >.section .hxtd-left-box {
	width: 10%;
	margin: 350px 0 0 10%;
}

body.team #fullpage >.section .box-l4.team>.text-box {
	padding: 8px 18px;
	position: absolute;
	right: 10px;
	left: 45%;
	top: 40%;
}
body.team #fullpage >.section.item {
	background-image: url(imgs/index/team/bg.jpg);
	background-size: 100% 100%;
	background-position: center;
	padding: 0 60px;
}
body.team #fullpage >.section .team2.team3 {
	position: relative;
	width: 90%;
	margin: 0 5%;
	vertical-align: top;
}
body.team #fullpage >.section .box-l5 {
	width: 50%;
	float: left;
	height: 100%;
	background-position: left;
	text-align: left;
	background-size: cover;
}
body.team #fullpage >.section .box-r5 {
    width: 50%;
    float: right;
    height: 100%;
    background-position: right;
    background-size: cover;
    position: relative;
}
body.team #fullpage >.section .box-l5.team2, body.team #fullpage >.section .box-r5.team2 {
	position: relative;
	box-sizing: border-box;
}
body.team #fullpage >.section .team2 .left-box {
	position: absolute;
	width: 40%;
	left: 0;
	top: 80px;
	bottom: 10px;
}
body.team #fullpage >.section .team2 .left-box div {
	margin: 30px; 
	float: right;
}
body.team #fullpage >.section .team2 .left-box div img {
	display: block;
}
body.team #fullpage >.section .team2 .left-box div .zp1 {
	width: 35vw;
}
body.team #fullpage >.section .team2 .left-box div .zp2 {
	width: 25vw;
}
body.team #fullpage >.section .team2 .left-box div .zp3 {
	width: 16vw;
}
body.team #fullpage >.section .team2 .right-box {
	position: absolute;
	width: 60%;
	right: 0;
	top: 80px;
	bottom: 10px;
}
/*------------------------------------------------- team end  ------------------------------------------------------*/

/*------------------------------------------------- customer begin  ------------------------------------------------------*/
body.customer {
	background-image: url(imgs/index/customer/bg001.jpg);
	background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    background-attachment: fixed;
	height: 90vh;
}
body.customer .content {
	margin: 85px 0 0 0;
}
body.customer footer.banner {
	position: absolute;
}
body.customer .s1 ul>li {
	display: inline-block;
	width: 10vw;
	text-align: center;
	margin: 5vh 3vw 5vh 1vw;
	box-sizing: content-box;
	vertical-align: top;
}
body.customer .s1 ul>li>img {
	width: 10.5vw;
	cursor: pointer;
}

/*------------------------------------------------- customer end  ------------------------------------------------------*/
body.survey {
	background-image: url(imgs/index/customer/bg001.jpg);
	background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    background-attachment: fixed;
	height: 90vh;
}
body.survey .s1 ul>li {
	display: inline-block;
	width: 10vw;
	text-align: center;
	margin: 3vh 3vw 3vh 1vw;
	box-sizing: content-box;
	vertical-align: top;
}
body.survey .s1 ul>li>img {
	width: 10.5vw;
	cursor: pointer;
}

body.survey footer.banner {
	position: absolute;
}
	

body.experience #fullpage >.section:nth-child(1) {
	background-image: url(imgs/experience/xinxi-bg1.jpg);
	background-position: center;
	background-size: 100% 100%;
	margin:2% 0 0 0;
}
body.experience #fullpage >.section:nth-child(2) {
	background-image: url(imgs/experience/zhineng-bg1.jpg);
	background-position: center;
	background-size: 100% 100%;
}
body.experience #fullpage >.section:nth-child(3) {
	background-image: url(imgs/experience/dxf-bg1.jpg);
	background-position: center;
	background-size: 100% 100%;
}
body.experience #fullpage >.section:nth-child(4) {
	background-image: url(imgs/experience/djk-bg1.jpg);
	background-position: center;
	background-size: 100% 100%;
}
body.experience #fullpage >.section:nth-child(5) {
	background-image: url(imgs/experience/fwc-bg1.jpg);
	background-position: center;
	background-size: 100% 100%;
}
body.experience #fullpage >.section:nth-child(6) {
	background-image: url(imgs/experience/sz-bg1.jpg);
	background-position: center;
	background-size: 100% 100%;
}
body.experience #fullpage >.section:nth-child(7) {
	background-image: url(imgs/experience/xny-bg1.jpg);
	background-position: center;
	background-size: 100% 100%;
}
body.experience #fullpage >.section:nth-child(8) {
	background-image: url(imgs/experience/xcl-bg1.jpg);
	background-position: center;
	background-size: 100% 100%;
}
body.experience #fullpage >.section:nth-child(9) {
	background-image: url(imgs/experience/zhihui-bg1.jpg);
	background-position: center;
	background-size: 100% 100%;
}
body.experience #fullpage >.section:nth-child(10) {
	background-image: url(imgs/experience/wangluo-bg1.jpg);
	background-position: center;
	background-size: 100% 100%;
}
body.experience #fullpage >.section .anlibg {
	display: none;
}
body.experience .sectionss6 {
	display: none;
	top: 0;
	left: 4.5vw;
	right: 3vw;
	bottom: 0;
	margin: 15vh 8vw 10vh 8vw;
	position: fixed;
	width: 75vw;
	height: 65vh;
	z-index: 200;
	background-color: #ffffff;
	border: #CCC solid;
	transition: all 1s;
	background-image: url(imgs/experience/aljx_bg.jpg);
	background-size: 100%;
}
 @media screen and (max-width: 1366px) {
body.experience .sectionss6 {

	margin: 15vh 8vw 10vh 8vw;
	width: 75vw;
	height: 75vh;
}
}
body.experience .sectionss6 .box-l6 {
	float: left;
	text-align: center;
	width: 95%;
	height: 95%;
	margin: 0 0 0 0;
}
body.experience .sectionss6 .box-l6 .hxjz-w1 {
	height:60%; 
	margin:65px 20px 20px 20px;
}

body.experience .sectionss6 .scrolltab {
	height:50vh; 
	overflow-y: auto;
	font-size: 16px;
}
body.experience .sectionss6 .scrolltab table {
	width: 80%;
}
body.experience .sectionss6 th {
	text-align: center;
	font-size: 16px;
	color: #6e0023;
}
body.experience .sectionss6 td {
	text-align: center;
	font-size: 16px;
}
body.experience .sectionss6 .bankuaiimg {
	 width:15vw;
}


body.experience .closediv {
	float: right;
	width: 97%;
	text-align: center;
	margin: 0 0 0 0;
}
body.experience .closediv .closebtn {
	display: inline-block;
	text-align: center;
	background-color: #CCC;
	width: 100px;
}

body.experience {
	overflow-x: hidden;
}
body.experience footer.banner {
	position: absolute;
}
body.experience > .content > .section {
	display: flex;
	justify-content: center;
	justify-items: center;
	background-color: #fffff7
}
body.experience > .content > .section > .wrap {
	width: 40%;
	min-width: 768px;
}
body.experience > .content > .section.s1 {
	margin: 8vw 0;
}
body.experience > .content > .section.s1 img {
	width: 100%;
	height: 100%;
}
body.experience .s3 {
	margin: 20px 0;
}
body.experience .s3 ul li {
	list-style: none;
	padding: 1rem 1%;
	float: left;
	width: 28%;
	min-width: 128px;
	white-space: nowrap;
}
body.experience .s3 ul li a {
	text-decoration: none;
	color: black;
	padding: 4px 8px;
	border-bottom: 1px solid #000;
}
body.experience .s3 ul li.active a {
	color: white;
	background-color: #3E3A39;
}
/*body.experience > .content > .section.s4,body.experience > .content > .section.s5{margin:16px 0 168px 0;}*/
body.experience > .content > .section.s4 > .wrap, body.experience > .content > .section.s5 > .wrap {
	background-image:url('imgs/experience/exp-1-bg.jpg');
	background-size: cover;
	padding: 20vw 30vw;
	width: auto;
	min-width: auto;
	position: relative;
}
body.experience > .content > .section.s4 > .wrap img {
	position: absolute;
	opacity: 0;
	transition: all 1s;
}
body.experience > .content > .section.s5 > .wrap img {
	position: absolute;
	transition: all 1s;
}
body.experience > .content > .section.s4 > .wrap img.done, body.experience > .content > .section.s5 > .wrap img.done {
	opacity: 1;
}
body.experience > .content > .section.s4 > .wrap img:hover, body.experience > .content > .section.s5 > .wrap img:hover {
	transform: scale(1.2, 1.2);
	opacity: .5;
}
body.experience > .content > .section.s5 {
	padding-bottom: 55px;
	background-image: url(imgs/experience/exp_bg.jpg);
	background-repeat: no-repeat;
	position: relative;
	background-size: 100% 100%;
}
body.experience > .content > .section.s5 > .wrap {
	background-image: url(imgs/index/case/p2.png);
	background-repeat: no-repeat;
	position: relative;
	background-size: 25vw;
	background-position: center;
}
body.experience > .content > .section.s5 > .wrap .ss1_7 {
	 width:13vw;
}
body.experience > .content > .section.s5 > .wrap .bankuaiml {
	width: 15vw;
}
body.experience > .content > .section.s5 > .wrap li {
	opacity: 0;
	position: absolute;
	list-style: none;
	font-size: 2vw;
	cursor: pointer;
	color: #ab3a3c;
	font-weight: bold;
}
body.experience > .content > .section.s5 > .wrap li:nth-child(1) {
	top: 21vw;
	left: 25vw;
}
body.experience > .content > .section.s5 > .wrap li:nth-child(2) {
	top: 13vw;
	left: 19vw;
}
body.experience > .content > .section.s5 > .wrap li:nth-child(3) {
	top: 16vw;
	left: 39vw;
}
body.experience > .content > .section.s5 > .wrap li:nth-child(4) {
	top: 18vw;
	left: 7vw;
}
body.experience > .content > .section.s5 > .wrap li:nth-child(5) {
	top: 27vw;
	left: 6vw;
}
body.experience > .content > .section.s5 > .wrap li:nth-child(6) {
	top: 25vw;
	left: 41vw;
}
body.experience > .content > .section.s5 > .wrap li:nth-child(7) {
	top: 32vw;
	left: 36vw;
}
body.experience > .content > .section.s5 > .wrap li:nth-child(8) {
	top: 34vw;
	left: 17vw
}


/*----survey begin-------------------------------------------*/
body.survey {
}
body.survey .animated {
	opacity: 0;
}

body.survey #fullpage >.section {
	background-repeat: no-repeat;
}
body.survey #fullpage >.section:nth-child(1) {
	width: 100%;
	background-image: url(imgs/index/survey/bg.jpg);
	background-position: center;
	background-size: 100%;
}

body.survey .content {
	margin: 65px 0 0 0;
}

/*----survey end-------------------------------------------*/
body.who {
}
body.who {
	position: relative;
}

body.who > .content {
	margin-top: 3vw;
}
body.who > .content > .section {
	background-image: url(imgs/index/team/bg.jpg);
	background-size: 100% 98%;
}
body.who h2 {
	text-align: center;
	letter-spacing: 8px;
	font-weight: normal;
}
body.who p {
	line-height: 2rem;
}
body.who .s1 {
}
body.who .s1 > img {
	width: 100%;
}
body.who .s5 {
	display: flex;
	justify-content: center;
}
body.who .s5 > .wrap {
	width: 80%;
	overflow: hidden;
}
body.who .s2 {
	display: flex;
	align-items: center;
	flex-direction: column;
}
body.who .s2 > .wrap {
	width: 40%;
	margin: 10px 0;
}
body.who .s2 > .wrap .icons {
	margin: 10px 0;
	display: flex;
	justify-content: space-between;
	padding: 20px;
}
body.who .s2 > .wrap .icons > span {
	display: block;
	min-width: 91px;
	min-height: 125px;
	width: 4.6vw;
	margin: 1vw;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	cursor: pointer;
}
body.who .s2 > .wrap .icons > span {
	transition-duration: 1s;
}
body.who .s2 > .wrap .icons > span:hover {
	transform: scale(1.2, 1.2);
}
body.who .s2 > .wrap .icons > .i-1 {
	background-image: url('imgs/who/icon-1-1.png');
}
body.who .s2 > .wrap .icons > .i-1.active {
	background-image: url('imgs/who/icon-1-2.png');
}
body.who .s2 > .wrap .icons > .i-2 {
	background-image: url('imgs/who/icon-2-1.png');
}
body.who .s2 > .wrap .icons > .i-2.active {
	background-image: url('imgs/who/icon-2-2.png');
}
body.who .s2 > .wrap .icons > .i-3 {
	background-image: url('imgs/who/icon-3-1.png');
}
body.who .s2 > .wrap .icons > .i-3.active {
	background-image: url('imgs/who/icon-3-2.png');
}
body.who .s2 > .wrap .foot {
	background-color: #3E3A39;
	color: white;
	padding: 20px;
	padding-bottom: 20px;
}
body.who .s2 > .wrap .foot > .c {
	position: absolute;
	opacity: 0;
	transition: all 1s;
}
body.who .s2 > .wrap .foot > .c.active {
	position: relative;
	opacity: 1;
}
body.who .s3 {
	background-image: url('imgs/who/bg2.jpg');
	background-position: center;
	height: 28vw;
	min-height: 256px;
	display: flex;
	align-items: center;
	justify-content: center;
	justify-items: center;
	margin: 80px 0;
}
body.who .s3 .wrap {
	width: 40%;
	padding: 20px;
	background: rgba(0, 0, 0, 0.4);
	color: white;
}
body.who .s3 .wrap h2 {
	margin: 0;
}
body.who .s4,  body.who .s6 {
	display: flex;
	justify-content: center;
	padding: 80px 0;
}
body.who .s4 .wrap,  body.who .s6 .wrap {
	width: 50%;
	display: flex;
}
body.who .s4 .wrap > span,  body.who .s6 .wrap > span {
	margin: 10px;
	min-width: 100px;
	position: relative;
	display: block;
	max-width: 100%;
}
body.who .s4 .wrap > span h2,  body.who .s6 .wrap > span h2 {
	margin: 0;
	margin-left: -8vw;
}
body.who .s4 .wrap > span img,  body.who .s6 .wrap > span img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
body.who .s5 > img {
	width: 100%;
	min-height: 256px;
}
body.who .s6 {
	padding: 120px 0 160px 0;
}
body.who .section2 > .wrap {
	width: auto;
	padding-top: 28vh;
	padding-left: 4vw;
}
body.who .section2 ul>li {
	display: inline-block;
	width: 18vw;
}
body.who .section2 ul>li img {
	width: 15vw;
}
body.who .animated {
	opacity: 0;
}
 @media screen and (max-width: 1023px) {
body.who .s2 .wrap {
	width: 80%;
}
body.who .s3 .wrap,  body.who .s4 .wrap,  body.who .s6 .wrap {
	width: 80%;
}
body.who .s4 .wrap,  body.who .s6 .wrap {
	flex-direction: column;
	margin-top: 64px;
}
body.who .s4 .wrap > span h2,  body.who .s6 .wrap > span h2 {
	margin-left: 0;
}
body.who .s4 .wrap > span img, body.who .s6 .wrap > span img {
	transform: translate(-50%, -100%);
}
}

.picview2 h2, .picview3 h2 {
	text-align: left;
	width: 40vw;
	margin-bottom: 0;
	color: #000;
	font-weight: bold;
}
.picview2 p, .picview3 p {
	width: 50vw;
	text-align: left;
	text-indent: 2rem;
	line-height: 2em;
	color: #000;
}
.picview2 .con, .picview3 .con {
	margin: 0 20%;
	text-align: center;
	background-image: url(imgs/index/team/bg.jpg);
	background-size: cover;
	padding: 10px 20px;
}
.picview3 .con {
	margin: 0 5%;
}
.picview3 .con>div {
	display: inline-block;
	text-align: right;
	padding: 12px;
}
.picview3 .con .pic1 {
	width: 40vw
}
.picview3 .con .date {
	width: 12vw
}
.picview3 .con .addr {
	width: 2vw
}
.picview2 .view-btn, .picview3 .view-btn {
	background-color: #ff9800;
	color: #fff;
	font-size: 1.8vw;
	display: inline-block;
	padding: 14px 17px;
	cursor: pointer;
	border-radius: 50%;
	position: absolute;
}
.picview2 .view-btn:not(.disabled):hover, .picview3 .view-btn:not(.disabled):hover {
	box-shadow: 0px 0px 5px #ffc107;
}
.picview2 .view-btn.disabled, .picview3 .view-btn.disabled {
	background-color: #c1c1c1;
	cursor: inherit;
}
.picview2 .prev-btn {
	top: 20vw;
	left: 16vw;
}
.picview2 .next-btn {
	top: 20vw;
	right: 16vw;
}
.picview3 .prev-btn {
	top: 20vw;
	left: 6vw;
}
.picview3 .next-btn {
	top: 20vw;
	right: 6vw;
}
.picview4.focus .img1 {
	width: 97vw;
}
.picview4.focus .img2 {
	width: 52vw;
}

.experience .view-btn {
	background-color: #ff9800;
	color: #fff;
	font-size: 1.8vw;
	display: none;
	padding: 14px 17px;
	cursor: pointer;
	border-radius: 50%;
	position: absolute;
}
.experience .view-btn:not(.disabled):hover {
	box-shadow: 0px 0px 5px #ffc107;
}
.experience .view-btn.disabled {
	background-color: #c1c1c1;
	cursor: inherit;
}
.experience .prev-btn {
	top: 20vw;
	left: 8vw;
}
.experience .next-btn {
	top: 20vw;
	right: 8vw;
}


body#culture {
}
body#culture > header.banner {
	border-bottom: 0;
}
body#culture .animated {
	opacity: 0;
}
body#culture #fp-nav ul li a span, .fp-slidesNav ul li a span {
	background: #fbe648;
}
body#culture #fullpage >.section > .text-box {
	display: block;
	width: 27vw;
	min-width: 600px;
	max-width: 80%;
	background-color: rgba(45,45,45,0.5);
	font-size: 1.1rem;
	text-align: left;
	position: absolute;
	line-height: 2rem;
	padding: 8px 18px;
	color: white;
}
body#culture .section .box-r6 {
	width: 60%;
	float: right;
	height: 100%;
	background-position: right;
	text-align: right;
	background-size: cover;
}
body#culture .section .box-l4 {
	width: 40%;
	height: 100%;
	padding: 0 50px 0 80px;
	background-position: left;
	background-size: cover;
	position: relative;
}
body#culture .section .box-r4 {
	width: 40%;
	float: right;
	height: 100%;
	background-position: right;
	background-size: cover;
	position: relative;
}
body#culture .section .box-l6 {
	width: 60%;
	float: left;
	height: 100%;
	background-position: left;
	text-align: left;
	background-size: cover;
}
body.culture #fullpage >.section .box-l6 img {
	width: 23%;
	margin: 165px 0 0 85px;
}
body#culture .section .box-l6.culture {
	background-image: url(imgs/index/culture/bg-left.jpg);
	background-size: 100% 100%;
}
body#culture .section .box-r4.culture {
	background-image: url(imgs/index/culture/bg-right.jpg);
	background-size: 100% 100%;
}
body#culture .section .box-r4.culture>.text-box {
	padding: 8px 18px;
	position: absolute;
	right: 10px;
	left: 30px;
	top: 10%;
}
body#culture >.section > .text-box {
	left: 10%;
	bottom: 17%;
}


.tooltip {
	border: 1px solid #444;
	font-size: 0.9rem;
	line-height: 1.2rem;
	max-width: 20vw;
	padding: 1em;
	position: absolute;
	z-index: 2000;
	text-shadow: none;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px
}
.animatedFadeIn {
	animation: fade-in;/*动画名称*/
	animation-duration: 1.5s;/*动画持续时间*/
	-webkit-animation: fade-in 1.5s;/*针对webkit内核*/
}
.animatedScaleIn {
	animation: action_scale;/*动画名称*/
	animation-duration: 0.5s;/*动画持续时间*/
	-webkit-animation: action_scale 0.5s;/*针对webkit内核*/
	animation-fill-mode: forwards;
}
 @keyframes fade-in {
 0% {
opacity: 0;
}/*初始状态 透明度为0*/
 50% {
opacity: 0.5;
}/*过渡状态 透明度为0*/
 100% {
opacity: 1;
}/*结束状态 透明度为1*/
}
@-webkit-keyframes fade-in {/*针对webkit内核*/
 0% {
opacity: 0;
}
 50% {
opacity: 0.5;
}
 100% {
opacity: 1;
}
}
 @keyframes action_scale {
 0% {
transform: scale(0.2);
opacity: 0;
}
 100% {
transform: scale(1);
opacity: 1;
}
}

/*动画效果*/
*{transition-property:all;}


/*如壹动态*/
wrapper, .Footer-wrapper, .container, .banner-container, .index-container {
    position: relative;
    left: 0px;
    width: 100%;
    height: auto;
}

/*clearfix*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

.com-img img {
    transition: all 0.4s ease-in 0s;
    -webkit-transition: all 0.4s ease-in 0s;
    -moz-transition: all 0.4s ease-in 0s;
    -o-transition: all 0.4s ease-in 0s;
}


.news-container {
/*	background-image: url(imgs/index/team/bg.jpg);
	background-position: top;
	background-size: 100%;
	background-color: #000000b3;
	background-repeat:no-repeat;
	right:-8px;top:31px;*/
    padding: 0.27rem 0 1.2rem;
}

.contain {
    width: 90%;
/*	height: 80%;
	overflow-y: auto;*/
    margin: 0 auto;
    position: relative;
}
.nlist-box {
    display: block;
    padding: 0.35rem 0 0.4rem;
    border-bottom: 1px dotted #b9b9b9;
}
.nlist-box .nlist-img {
    width: 26.666%;
    overflow: hidden;
    float: left;
    margin: 5px 0 0 5px;
}
.nlist-img img {
    width: 100%;

    object-fit: cover;
}
.nlist-box .nlist-block {
    width: 69.333%;
    float: right;
}
.nlist-block .date {
    font: 1.2rem '黑体';
    color: #afafaf;
}
.nlist-block .name {
    line-height: 1.8rem;
    font-size: 1.5rem;
}
.nlist-block .con {
    line-height: 1.57rem;
    height: 6.3rem;
    color: #666666;
	
	text-overflow:ellipsis; overflow:hidden; 
}
.nlist-block .btn {
    width: 8vw;
    line-height: 1.8rem;
    color: #992824;
    border: 2px solid #992824;
    margin: 15px 0 0;
	
	display: inline-block;
    text-align: center;
    padding: 0px;
    position: relative;
    cursor: pointer;
}
.nlist-block .btn span {
    padding: 0 28px 0 0;
    background: url(static/imgs/index/news/icon-go.png) no-repeat right center;
}
.nlist-box .nlist-block .name:hover{color:#992824;}
.nlist-box .nlist-block .btn:hover{color:#fff;background:#992824;}
.nlist-box .nlist-block .btn:hover span{background-image:url(static/imgs/index/news/icon-go2.png);}
.nlist-box:hover{box-shadow:0 0 10px 4px #e1e1e1;transform:translate3d(0,-2px,0);transition:all .3s cubic-bezier(.55,0,.1,1);}
.pagination {
    width: 100%;
    height: auto;
    text-align: center;
    position: relative;
    overflow: hidden;
    margin: 0.43rem 0 0;
}
.pagination a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 1.8rem;
    text-align: center;
    font-size: 1rem;
    font-family: '宋体';
    color: #888888;
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    margin: 0 4px;
}
.pagination a.on, .pagination a:hover {
    background-color: #992824;
    color: #ffffff;
    border-color: #992824;
}

/*详细*/
.news-info{padding:.49rem 0 .69rem}
.nInfo-box{padding:.24rem .38rem .29rem;width:99%;border:1px solid #e5e5e5;float:left; text-align:center;overflow:hidden;	}
.nInfo-box .nInfo-name{line-height:36px;font-size:24px;}
.nInfo-box .nInfo-about{line-height:23px;color:#888888;margin:.1rem 0 0;}
.nInfo-about .date{padding:0 0 0 22px;background:url(../images/icon-date.png) no-repeat left center;}
.nInfo-about .author{padding:0 0 0 18px;background:url(../images/icon-author.png) no-repeat left center;margin:0 0 0 .18rem;}
.nInfo-box .nInfo-con{padding:0.2vh 10vw .4vw;line-height:1.5rem;color:#666666;position:relative;overflow:hidden;border-top:1px dotted #b9b9b9;border-bottom:1px dotted #b9b9b9;margin:.19rem 0 0; text-align:left;}
/*.nInfo-box .nInfo-con .newsduan { width: 60%; text-align: center}*/

.nInfo-box .key-word{width:45%;line-height:30px;color:#666666;float:left;margin:.23rem 0 0;}
.nInfo-box .key-word a{margin:0 .15rem 0 0;}
.nInfo-box .nInfo-share{float:right;margin:.23rem 0 0;}
.nInfo-share b{color:#666;}

.nInfo-page{margin:.2rem 0 0;}
.nInfo-page .btn{width:115px;line-height:38px;color:#666666;border:1px solid #dcdcdc;border-radius:40px;}
.nInfo-page .btn span{font-family:'宋体';vertical-align:middle;letter-spacing:-2px;margin:0 0 0 9px;}
.nInfo-page .btn.fl span{margin:0 9px 0 0;}
.nInfo-page .btn:hover{color:#992824;border-color:#992824;}



/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:40vh;width:70px;height:240px;}

.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#992824;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(imgs/rightfloat/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(imgs/rightfloat/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(imgs/rightfloat/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(imgs/rightfloat/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0; text-align:center;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(imgs/rightfloat/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(imgs/rightfloat/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(imgs/rightfloat/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;    margin: -8px 0 5px 0;}

/* -------------------767px begin------------------------------------------*/
 @media screen and (max-width: 767px) {
header.banner.small {
	height: 8vw;
}
header.banner .logo-wrap > img.logo {
	width: 8vw;
}
header.banner .logo-wrap > .slogan {
    letter-spacing: 3px;
}
footer.banner {
	height: 10%;
	text-align: left;
}
footer.banner p {
	margin: -5px 0;
}
footer.banner span {
	padding: 0 5px;
}

body.team footer.banner {
	position: absolute;
}
.suspension-box{
	position: relative;
	float: left;
}
.suspension{
	bottom: -1vh;
	width: 135px;
	height: 120px;
}
.suspension .a{
	width:44px;
	height:44px;
	float: left;
	margin-right: 1px;
}
.suspension .d-service{top:-60vh;}
.suspension .d-service-phone{top:-40vh;}
.suspension .d-qrcode{top:-70vh;}
body.index #fullpage >.section {
	  background-size: 100% 100%;
  }
body.index #fullpage >.section video {
	width: 100%;
	height: 30%;
	margin: 30vh auto;
}
  body.index #fullpage >.section > .text-box {
	  min-width: 80%;
  }
  body.index #fullpage >.section:nth-child(1) {
	  background-image: url(imgs/mobile/bg1.jpg);
	  background-position: center;
  }
  body.index #fullpage >.section:nth-child(1) > img:nth-child(1) {
	  top: 28vh;
	  left: 59vw;
	  width: 12vw;
  }
  body.index #fullpage >.section:nth-child(1) > img:nth-child(2) {
	  top: 31vh;
	  left: 36vw;
	  width: 20vw;
  }
  body.index #fullpage >.section:nth-child(2) {
	  background-image: url(imgs/mobile/bg2.jpg);
	  background-position: right;
  }
  body.index #fullpage >.section:nth-child(2) > img:nth-child(1) {
	  top: 12vh;
	  right: 31vw;
	  width: 20.8vw;
  }
  body.index #fullpage >.section:nth-child(2) > img:nth-child(2) {
	  top: 19vh;
	  right: 56vw;
	  width: 13.4vw;
  }
  body.index #fullpage >.section:nth-child(2) > .text-box {
	  left: 8%;
	  bottom: 20%;
  }
  body.index #fullpage >.section:nth-child(3) {
	  background-image: url(imgs/mobile/bg3.jpg);
	  background-position: left;
  }
  body.index #fullpage >.section:nth-child(3) > img:nth-child(1) {
	  top: 12vh;
	  left: 55vw;
	  width: 14vw;
  }
  body.index #fullpage >.section:nth-child(3) > img:nth-child(2) {
	  top: 27vh;
	  left: 30vw;
	  width: 17vw;
  }
  body.index #fullpage >.section:nth-child(3) > .text-box {
	  right: 8%;
	  bottom: 20%;
  }
  body.index #fullpage >.section:nth-child(4) {
	  background-image: url(imgs/mobile/bg4.jpg);
	  background-position: right;
  }
  body.index #fullpage >.section:nth-child(4) > img:nth-child(1) {
	  top: 12vh;
	  right: 32vw;
	  width: 12vw;
  }
  body.index #fullpage >.section:nth-child(4) > img:nth-child(2) {
	  top: 18vh;
	  right: 54vw;
	  width: 19vw;
  }
  body.index #fullpage >.section:nth-child(4) > .text-box {
	  left: 8%;
	  bottom: 20%;
  }
  body.index #fullpage >.section:nth-child(5) {
	  background-image: url(imgs/mobile/bg5.jpg);
	  background-position: left;
  }
  body.index #fullpage >.section:nth-child(5) > img:nth-child(1) {
	  top: 21vh;
	  left: 31vw;
	  width: 19.6vw;
  }
  body.index #fullpage >.section:nth-child(5) > img:nth-child(2) {
	  top: 35vh;
	  left: 57vw;
	  width: 21vw;
  }
  body.index #fullpage >.section:nth-child(5) > .text-box {
	  right: 8%;
	  bottom: 20%;
  }
  body.index #fullpage >.section:nth-child(6) {
	  background-image: url(imgs/mobile/bg6.jpg);
	  background-position: right;
  }
  body.index #fullpage >.section:nth-child(6) > img:nth-child(1) {
	  top: 14vh;
	  right: 28vw;
	  width: 13.6vw;
  }
  body.index #fullpage >.section:nth-child(6) > img:nth-child(2) {
	  top: 26vh;
	  right: 51vw;
	  width: 15.8vw;
  }
  body.index #fullpage >.section:nth-child(6) > .text-box {
	  left: 8%;
	  bottom: 20%;
  }
  body.index #fullpage >.section:nth-child(7) {
	  background-image: url(imgs/mobile/bg7.jpg);
	  background-position: left;
  }
  body.index #fullpage >.section:nth-child(7) > img:nth-child(1) {
	  top: 12vh;
	  left: 53vw;
	  width: 20.6vw;
  }
  body.index #fullpage >.section:nth-child(7) > img:nth-child(2) {
	  top: 21vh;
	  left: 32vw;
	  width: 14.2vw;
  }
  body.index #fullpage >.section:nth-child(7) > .text-box {
	  right: 8%;
	  bottom: 20%;
  }
  body.index #fullpage >.section:nth-child(8) {
	background-image: url(imgs/mobile/bg8.jpg);
	background-position: right;
}
body.index #fullpage >.section:nth-child(8) > .text-box {
	left: 8%;
	bottom: 20%;
}
body.index #fullpage >.section:nth-child(8) > img:nth-child(1) {
	top: 19.9vh;
	right: 32vw;
	width: 12vw;
}
body.index #fullpage >.section:nth-child(8) > img:nth-child(2) {
	top: 34.2vh;
	right: 50vw;
	width: 19vw;
}
  body.index #fullpage >.section .box-r6 {
	width: 95%;
	float: left;
	height: 100%;
	background-position: right;
	text-align: center;
	background-size: cover;
  }
  
  body.index #fullpage >.section .box-l4 {
	width: 30%;
	height: 100%;
	padding: 0 50px 0 80px;
	background-position: right;
	background-size: cover;
	position: relative;
  }
	 
body.who > .content > .section {
    background-image: url(imgs/index/who/bgm.jpg);
    background-size: 100% auto;
}
body.who #fullpage >.section .wrap div {
	float: left; 
	height: 100%;
	width: 100%;
	position: relative; 
	padding-top: 30vh;
}	 
body.who #fullpage >.section .img03 {
	width: 94%;
	position: absolute;
	left: 2%;
	display: block;
	top: 100%;
}
body.who .section2 ul>li {
	display: inline-block;
	width: 50vw;
	padding-bottom: 3vw;
}
body.who .section2 ul>li img {
	width: 20vw;
}
body.who .section2 > .wrap {
	width: auto;
	padding-top: 7vh;
	padding-left: 30vw;
}
	 
	 
body.culture #fullpage >.section .box-l6 {
	width: 100%;
	height: 50%;
	background-position: left;
	text-align: left;
	background-size: cover;
	background-image: url(imgs/index/culture/bg-left.jpg);
}
body.culture #fullpage >.section .box-l6 img {
	width: 23vw;
	margin: 12vh 0 0 40vw;
}
body.culture #fullpage >.section .box-r4 {
	width: 100%;
	height: 50%;
	background-position: right;
	background-size: cover;
	position: relative;
	background-image: url(imgs/index/culture/bg-right1-2.jpg);
}
	 
body.culture #fullpage >.section .qywh {
	width: 100%;
	margin: -0.1vh 0 0 0;
}
body.culture #fullpage >.section .qywh2 {
	width: 100%;
	margin: -8.7vh 0 0 0;
}
body.culture #fullpage >.section .hxjz {
	width: 100%;
	margin: -0.8vh 0 0 0;
}
body.culture #fullpage >.section .hxjz2 {
	width: 100%;
	margin: -8.8vh 0 0 0;
}
body.team #fullpage >.section {
	padding-top: 8vw; 
	background-color: #838282;
}
body.team #fullpage >.section.item {
    background-image: url(imgs/index/team/bgm.jpg);
    background-size: 100% auto;

}
body.team #fullpage >.section .box-r4 {
	display: block;
	width: 100%;
    background-size: cover;
    position: relative;
    background-image: url(imgs/index/culture/bg-right1-2.jpg);
    height: 50vh;
}

	 
body.team #fullpage >.section .box-l6 {
	display: block;
    background-image: url(imgs/index/culture/bg-left.jpg);
    height: 60vh;
}

body.team #fullpage >.section .box-r6 {
	display: none;
}	 

body.team #fullpage >.section .box-l5.team2, body.team #fullpage >.section .box-r5.team2 {
	position: relative;
	box-sizing: border-box;
}
body.team #fullpage >.section .team2 .left-box {
	width: 100%;
	margin: -1vh auto;
}

body.team #fullpage >.section .hxtd {
	width: 100%;
	  margin: 5vh 0 0 10vw;
}
body.team #fullpage >.section .hxtd-p1 {
	width: 10%;
	margin: 0 0 0 100px;
	display: block;
}
body.team #fullpage >.section .hxtd-w1 {
	position: absolute;
	width: 13%;
	height: 30%;
	left: 11%;
	top: 40%;
	border-left-style: solid;
	border: 1px;
	vertical-align: top;
	padding-left: 10px;
	padding-right: 20px;
}
body.team #fullpage >.section .hxtd-w1-p {
	text-align: left;
	width: 60vw;
	line-height: 1.2rem;
	font-size: 0.9rem;
	margin: -8vh 10vw 0 23vw;
	border: 1px;
	border-color: black;
	border-left-style: solid;
	padding-left: 2vw;
}
body.team #fullpage >.section .hxtd-left-box {
	width: 10%;
	margin: 350px 0 0 10%;
}
/*body.team #fullpage >.section .hxtd-p2 {
	margin: -10% 0 0 80%;
}*/
body.team #fullpage >.section .hxtd-no {
	margin: 15px 0 0 25%;
}
body.team #fullpage >.section .hxtd-p-1 {
	display: block;
	width: 50%;
}
body.team #fullpage >.section .hxtd-p-2 {
	display: block;
	width: 50%;
	margin-top: 20px;
}
body.team #fullpage >.section .hxtd-p-w {
	width: 90%;
	margin: 15px 0 0 25%;
}
body.team #fullpage >.section .hxtd-p-w .text2 {
	text-indent: 1.5em;
	line-height: 1.5rem;
	font-size: 1rem;
	color: #000000;
}
body.team #fullpage >.section .hxtd-p2-1 {
	display: block;
	width: 50%;
}
body.team #fullpage >.section .hxtd-p2-2 {
	display: block;
	width: 50%;
	margin-top: 20px;
}
body.team #fullpage >.section .hxtd-p2-w {
	width: 70%;
	margin: 15px 0 0 25%;
	;
}
body.team #fullpage >.section .hxtd-p2-w .text2 {
	text-indent: 1.5em;
	line-height: 1.5rem;
	font-size: 1rem;
	color: #000000;
}
body.team #fullpage >.section .hxtd-no2 {
	margin: 30px;
}
body.team #fullpage >.section .hxtd-p3-1 {
	display: block;
	width: 100%;
}
body.team #fullpage >.section .hxtd-p3-2 {
	display: block;
	width: 70%;
	margin-top: 20px;
}
body.team #fullpage >.section .hxtd-p3-w {
	width: 100%;
	margin: 15px 0 0 10%;
}
body.team #fullpage >.section .hxtd-p3-w .text2 {
	text-indent: 1.5em;
	line-height: 1.5rem;
	font-size: 1rem;
	color: #000000;
}
body.team #fullpage >.section .team2 .left-box {
	width: 100%;
	text-align: center;
	
}
body.team #fullpage >.section .team2 .left-box div {
	margin: 30px auto; 
	float:none;
	vertical-align: bottom;

}
body.team #fullpage >.section .team2 .left-box div img {
	display: block;
}
body.team #fullpage >.section .team2 .left-box div .zp1 {
	height: 25vh;
	width: auto;
	margin: -6vh 0;
}
body.team #fullpage >.section .team2 .left-box div .zp2 {
	height: 25vh;
	width: auto;
	margin: -6vh 0;
}
body.team #fullpage >.section .team2 .left-box div .zp3 {
	width: 32vw;
	margin: -15vh 0;
}
body.team #fullpage >.section .team2 .right-box {
	width: 100%;
	right: 0;
	top: 35vh;
	bottom: 10px;
}
body.team #fullpage >.section .text2 {
    text-indent: 2em;
    line-height: 1rem;
    font-size: 0.8rem;
}
body.customer .content {
	margin: 64px 0 0 0;
}
body.customer .s1 ul>li {
    display: inline-block;
    width: 33vw;
    text-align: center;
    margin: 1vh 10vw 1vh 0;
    box-sizing: content-box;
}
body.customer .s1 ul>li>img {
    width: 33vw;
    cursor: pointer;
}
	 
body.customer footer.banner {
    height: 15%;
    position:relative;
}

body.survey .content {
	margin: 64px 0 0 0;
}
	 
body.survey .s1 ul>li {
    display: inline-block;
    width: 33vw;
    text-align: center;
    margin: 1vh 10vw 1vh 0;
    box-sizing: content-box;
}	 
body.survey .s1 ul>li>img {
    width: 33vw;
    cursor: pointer;
}
	 
body.survey footer.banner {
    position:relative;
}
	 
body.experience .sectionss6 {
	top: 0;
	left: 1vw;
	right: 1vw;
	bottom: 0;
    margin: 18vh 0 10vh 0;
    width:99.9vw;
    height: 60vh;
	background-image: url(imgs/experience/aljx_bgm.jpg);
	background-size: 100%;	
	background-repeat: no-repeat;
}

body.experience .sectionss6 .box-l6 {
	float: left;
	text-align: center;
	width:99%;
	height: 95%;
	margin: 0 0 0 0;
}

body.experience .sectionss6 .box-l6 .hxjz-w1 {
	height:60%; 
	margin:25px 2px 1px 2px;
}

body.experience .sectionss6 .scrolltab {
	height:60vh; 
	overflow-y: auto;
	font-size: 0.5rem;
}

body.experience .sectionss6 .scrolltab table {
	width:100%;
}
body.experience .sectionss6 th {
	text-align: center;
	font-size: 0.5rem;
	color: #6e0023;
}
body.experience .sectionss6 td {
	text-align: center;
	font-size: 0.5rem;
}

body.experience .closediv {
	float: right;
	width: 97%;
	text-align: center;
	margin: 0 0 0 0;
}
body.experience .closediv .closebtn {
	display: inline-block;
	text-align: center;
	background-color: #CCC;
	width: 100px;
}

body.experience {
	overflow-x: hidden;
}

body.experience > .content > .section {
	display: flex;
	justify-content: center;
	justify-items: center;
	background-color: #fffff7
}
body.experience > .content > .section > .wrap {
	width: 40%;
	min-width: 768px;
}
body.experience > .content > .section.s1 {
	margin: 8vw 0;
}
body.experience > .content > .section.s1 img {
	width: 100%;
	height: 100%;
}
body.experience .s3 {
	margin: 20px 0;
}
body.experience .s3 ul li {
	list-style: none;
	padding: 1rem 1%;
	float: left;
	width: 28%;
	min-width: 128px;
	white-space: nowrap;
}
body.experience .s3 ul li a {
	text-decoration: none;
	color: black;
	padding: 48px 8px;
	border-bottom: 1px solid #000;
}
body.experience .s3 ul li.active a {
	color: white;
	background-color: #3E3A39;
}
/*body.experience > .content > .section.s4,body.experience > .content > .section.s5{margin:16px 0 168px 0;}*/
body.experience > .content > .section.s4 > .wrap, body.experience > .content > .section.s5 > .wrap {
	background-image:url('imgs/experience/exp-1-bg.jpg');
	background-size: cover;
	padding: 20vw 30vw;
	width: auto;
	min-width: auto;
	position: relative;
}
body.experience > .content > .section.s4 > .wrap img {
	position: absolute;
	opacity: 0;
	transition: all 1s;
}
body.experience > .content > .section.s5 > .wrap img {
	position: absolute;
	transition: all 1s;
}
body.experience > .content > .section.s4 > .wrap img.done, body.experience > .content > .section.s5 > .wrap img.done {
	opacity: 1;
}
body.experience > .content > .section.s4 > .wrap img:hover, body.experience > .content > .section.s5 > .wrap img:hover {
	transform: scale(1.2, 1.2);
	opacity: .5;
}
body.experience > .content > .section.s5 {
	padding-bottom: 55px;
	background-image: url(imgs/index/who/bgm.jpg);
	background-repeat: no-repeat;
	position: relative;
	background-size: 100% auto;
}
body.experience > .content > .section.s5 > .wrap {
	background-image: url(imgs/index/case/p2.png);
	background-repeat: no-repeat;
	position: relative;
	background-size: 40vw;
	background-position: center;
}

body.experience > .content > .section.s5 > .wrap li {
	opacity: 0;
	position: absolute;
	list-style: none;
	font-size: 2vw;
	cursor: pointer;
	color: #ab3a3c;
	font-weight: bold;
}
body.experience > .content > .section.s5 > .wrap .ss1_7 {
	 width:28vw;
}
body.experience > .content > .section.s5 > .wrap .bankuaiml {
	width: 30vw;
}
body.experience .sectionss6 .bankuaiimg {
	 width:15vw;
}

body.experience > .content > .section.s5 > .wrap li:nth-child(1) {
	top: 39vh;
	left: 23vw;
}
body.experience > .content > .section.s5 > .wrap li:nth-child(2) {
	top: 33vh;
	left: 10vw;
}
body.experience > .content > .section.s5 > .wrap li:nth-child(3) {
	top: 35vh;
	left: 47vw;
}
body.experience > .content > .section.s5 > .wrap li:nth-child(4) {
	top: 37vh;
	left: -6vw;
}
body.experience > .content > .section.s5 > .wrap li:nth-child(5) {
	top: 43vh;
	left: -7vw;
}
body.experience > .content > .section.s5 > .wrap li:nth-child(6) {
	top: 41vh;
	left: 49vw;
}
body.experience > .content > .section.s5 > .wrap li:nth-child(7) {
	top: 46vh;
	left: 39vw;
}
body.experience > .content > .section.s5 > .wrap li:nth-child(8) {
	top: 49vh;
	left: 6vw
}

.nlist-block .btn {
    width: 25vw;
}
	 
.nInfo-box .nInfo-con{padding:0.2vh 2vw .4vw;}
	 
body.experience #fullpage >.section:nth-child(1) {
	background-image: url(imgs/experience/bgm.jpg);
	background-position: center;
	background-size:  100% auto;
	background-repeat: no-repeat;
}
body.experience #fullpage >.section:nth-child(2) {
	background-image: url(imgs/experience/bgm.jpg);
	background-position: center;
	background-size:  100% auto;
	background-repeat: no-repeat;
}
body.experience #fullpage >.section:nth-child(3) {
	background-image: url(imgs/experience/bgm.jpg);
	background-position: center;
	background-size:  100% auto;
	background-repeat: no-repeat;
}
body.experience #fullpage >.section:nth-child(4) {
	background-image: url(imgs/experience/bgm.jpg);
	background-position: center;
	background-size:  100% auto;
	background-repeat: no-repeat;
}
body.experience #fullpage >.section:nth-child(5) {
	background-image: url(imgs/experience/bgm.jpg);
	background-position: center;
	background-size:  100% auto;
	background-repeat: no-repeat;
}
body.experience #fullpage >.section:nth-child(6) {
	background-image: url(imgs/experience/bgm.jpg);
	background-position: center;
	background-size:  100% auto;
	background-repeat: no-repeat;
}
body.experience #fullpage >.section:nth-child(7) {
	background-image: url(imgs/experience/bgm.jpg);
	background-position: center;
	background-size:  100% auto;
	background-repeat: no-repeat;
}
body.experience #fullpage >.section:nth-child(8) {
	background-image: url(imgs/experience/bgm.jpg);
	background-position: center;
	background-size:  100% auto;
	background-repeat: no-repeat;
}
body.experience #fullpage >.section:nth-child(9) {
	background-image: url(imgs/experience/bgm.jpg);
	background-position: center;
	background-size:  100% auto;
	background-repeat: no-repeat;
}
body.experience #fullpage >.section:nth-child(10) {
	background-image: url(imgs/experience/bgm.jpg);
	background-position: center;
	background-size:  100% auto;
	background-repeat: no-repeat;
}
body.experience #fullpage >.section .anlibg {
	width: 100vw; 
	position: absolute; 
	margin: 15vh 0;
	display: block;
}
	 
.tooltip {
	max-width: 60vw;
}
.picview2 .con, .picview3 .con {
	margin: 0 20%;
	text-align: center;
	background-image: url(imgs/index/team/bg.jpg);
	background-size: cover;
	padding: 10px 20px;
}
.picview3 .con {
	margin: 0 5%;
}
.picview3 .con>div {
	display: inline-block;
	text-align: center;
	padding: 12px;
}
.picview3 .con .pic1 {
	width: 70vw;
}
.picview3 .con .date {
	width: 30vw;
	text-align: center;
}
.picview3 .con .addr {
	width: 3vw;
}
.picview.focus img {
    width: 85vw;
}
.picview2 h2, .picview3 h2 {
	width: 85vw;
	letter-spacing: 15px;
	text-align: center;
}
.picview2 p, .picview3 p {
    width: 85vw;
    text-align: left;
    text-indent: 2rem;
    line-height: 2em;
    color: #000;
}
.picview2 .prev-btn {
	top: 50vh;
	left: 1vw;
}
.picview2 .next-btn {
	top: 50vh;
	right: 1vw;
}
.picview3 .prev-btn {
	top: 50vh;
	left: 1vw;
}
.picview3 .next-btn {
	top: 50vh;
	right: 1vw;
}
.picview4.focus .img1 {
	width: 97vw;
}
.picview4.focus .img2 {
	width: 52vw;
}

.rydtmenu {
    display: block;
}

body.news .content {
		 margin-top: 8vw;
	 }
body.recruit .content {
		 margin-top: -8vw;
	 }
}


/* -------------------767px end------------------------------------------*/
 @media screen and (max-width: 414px) {
header.banner .logo-wrap > img.logo {
	width: 10vw;
}
header.banner .logo-wrap > img.logo-text {
	width: 24vw;
}
}
@media screen and (max-width: 360px) {
header.banner .logo-wrap > img.logo {
	width: 6vw;
}
header.banner .logo-wrap > img.logo-text {
	width: 15vw;
}

}

