/*--公共--*/
div,
form,
img,
ul,
ol,
li,
dl,
dt,
dd,
p,
tr,
td,
body,
strong,
span,
pre,
input {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	background-repeat: no-repeat;
	outline: none;
	font-family: 'Microsoft YaHei', '微软雅黑', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-family: 'Microsoft YaHei', '微软雅黑', sans-serif;
}

body {
	font-family: 'Microsoft YaHei', '微软雅黑', sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	color: #405363;
	line-height: 24px;
	height: auto;
	clear: both;
}

img {
	border: 0px;
}

ul,
li {
	list-style: none;
}

em,
i {
	font-style: normal;
}

a {
	text-decoration: none !important;
	color: #405363;
	outline: none;
	cursor: pointer;
}

a:hover {
	background-repeat: no-repeat;
	text-decoration: none;
	color: #405363;
}

.clearfl:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfl {
	*zoom: 1;
}

* {
	-webkit-appearance: none;
}

.htmlscroll {
	overflow-y: hidden;
	overflow-x: hidden;
	position: relative;
	height: 100%;
}

*::-webkit-scrollbar,
*::-webkit-scrollbar {
	width: 4px;
	border-radius: 1.5px;
}

*::-webkit-scrollbar-button,
*::-webkit-scrollbar-button {
	display: none;
}

*::-webkit-scrollbar-thumb,
*::-webkit-scrollbar-thumb {
	background-color: #405363;
}

*::-webkit-scrollbar-track,
*::-webkit-scrollbar-track {
	background-color: #eee;
}

.ani {
	visibility: hidden;
	opacity: 0;
}

.main {
	position: relative;
	overflow: hidden;
	background: url('../images/second/bg-bottom.jpg') no-repeat center bottom;
	background-color: #f7f7f7;
}

.commonentitle {
	font-size: 70px;
	font-family: 'Microsoft YaHei', '微软雅黑', sans-serif;
	white-space: nowrap;
	text-transform: uppercase;
	position: absolute;
	left: 0px;
	top: 0px;
	color: rgba(247, 247, 247, 0.8);
	z-index: -1;
	line-height: 0.75;
}

.commonclass {
	text-align: center;
	padding-top: 30px;
}

.commonclass a {
	color: #222;
	font-size: 16px;
	margin: 0px 10px;
	display: inline-block;
	padding: 10px 0px;
	border-bottom: 4px solid transparent
}

.commonclass a:hover {
	border-color: #8c0014;
}

.commonclass a.cur {
	border-color: #8c0014;
}

.imgbox {
	position: relative;
	overflow: hidden;
}

.scaleimg img {
	transform: scale(1);
	-webkit-transform: scale(1);
	transition: all .8s ease;
	-webkit-transition: all .8s ease;
}

.scaleimg:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1)
}

/*--头部--*/
.header {
	background: #ffffff;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 70px;
	z-index: 99;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

.logo {
	display: block;
	float: left;
}

.logo img {
	display: block;
	/* height: 35px; */
}

.logo svg {
	width: 100%;
	height: 35px;
	display: block;
}

.nav {
	position: fixed;
	top: 70px;
	bottom: 0px;
	background: #fff;
	overflow: auto;
	width: 100%;
	left: 0px;
	margin: 0px;
	padding: 30px;
	display: none;
}

.nav ul li {
	position: relative;
	border-bottom: 1px solid #e5e5e5;
}

.nav ul li>a {
	display: block;
	height: 65px;
	line-height: 65px;
	font-size: 18px;
}

.nav ul li>a:hover {
	font-weight: 700;
}

.nav ul li>a .active {
	font-weight: 700;
}

.nav ul li p {
	line-height: 30px;
	overflow: hidden;
	max-height: 0px;
	transition: all .3s ease;
	padding-left: 20px;
	-webkit-transition: all .3s ease;
}

.nav ul li p a {
	display: block;
	font-size: 16px;
	line-height: 40px;
}

.nav ul li i {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 65px;
	width: 30%;
	cursor: pointer;
}

.nav ul li i:before {
	position: absolute;
	top: 50%;
	right: 10px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #555;
	border-right: 2px solid #555;
	-webkit-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	-o-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	content: "";
}

.nav ul li.cur1 i:before {
	-webkit-transform: translateY(-49%) rotate(135deg);
	-ms-transform: translateY(-49%) rotate(135deg);
	-o-transform: translateY(-49%) rotate(135deg);
	transform: translateY(-49%) rotate(135deg);
}

.nav ul li.cur1 p {
	padding-top: 10px;
	padding-bottom: 10px;
	max-height: 200px;
	border-top: 1px solid #e5e5e5;
}

.navbtn {
	float: right;
	width: 30px;
	height: 26px;
	position: relative;
	cursor: pointer;
	margin-top: 22px;
}

.navbtn span {
	display: block;
	height: 2px;
	background: #fff;
	top: 0px;
	position: absolute;
	width: 100%;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.navbtn span:nth-child(2) {
	top: 12px;
}

.navbtn span:nth-child(3) {
	top: 24px;
}

.closenavbtn span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 12px;
}

.closenavbtn span:nth-child(2) {
	display: none;
}

.closenavbtn span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 12px;
}


/*--新闻--*/

.newssearch {
	padding-top: 30px;
}

.newssearch form {
	width: 300px;
	display: block;
	position: relative;
}

.newssearch label {
	display: block;
	padding: 10px 55px 10px 20px;
	border: 1px solid #e5e5e5;
}

.newssearch label input {
	width: 100%;
	outline: none;
	background: none;
	border: none;
	font-size: 16px;
}

.newssearch .newssearchbtn {
	position: absolute;
	right: 0px;
	height: 100%;
	width: 50px;
	background: url("../images/icon02.png") no-repeat center;
	cursor: pointer;
	border: none;
	outline: none;
	top: 0px;
}

.newsbannerbox {
	margin-top: 40px;
	position: relative;
	display: none;
}

.newsbannerbox em {
	z-index: 99;
	display: block;
	position: absolute;
	top: calc(50% - 30px);
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	background-color: #fff;
	width: 30px;
	height: 30px;
	border: 1px solid #000000;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
}

.newsbannerbox .newsbannerprevbtn {
	left: 0px;
	background-image: url("../images/icon06.png");
}

.newsbannerbox .newsbannerprevbtn:hover {
	background-image: url("../images/icon006.png");
}

.newsbannerbox .newsbannernextbtn {
	right: 0px;
	background-image: url("../images/icon07.png");
}

.newsbannerbox .newsbannernextbtn:hover {
	background-image: url("../images/icon007.png");
}

.newsbannerbox em:hover {
	background-color: #8c0014;
	border-color: #8c0014;
}


/* .newsbannerbox em{ position:absolute; top:20%; width:40px; height:40px; background-repeat:no-repeat; background-position:center; background-size:cover; background-color:#f9f9f9; display: block; cursor:pointer; border-radius:100%; z-index:20;}
.newsbannerbox .newsbannerprevbtn{ background-image:url(../images/icon06.png); left:10px;}
.newsbannerbox .newsbannerprevbtn:hover{ background-image:url(../images/icon006.png);background-color:#8f0000;}
.newsbannerbox .newsbannernextbtn{background-image:url(../images/icon07.png); right:10px;}
.newsbannerbox .casenextbtn:hover{background-image:url(../images/icon007.png);background-color:#8f0000;} */

.newsbanner {
	position: relative;
	overflow: hidden;
}

.newsbanner ul li {
	overflow: hidden;
	transform: translate3d(0, 0, 0);
}

.newsbanner ul li a {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
}

.newsbanner ul li img {
	display: block;
	width: 100%;
	transform: scale(1);
	-webkit-transform: scale(1);
	transition: all .8s ease;
	-webkit-transition: all .8s ease;
}

.newsbanner ul li:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.newsbannertext {
	overflow: hidden;
}

.newsbannertext ul {
	overflow: hidden;
}

.newsbannertext ul li {
	background: #f7f7f7;
	overflow: hidden;
	transform: translate3d(0, 0, 0);
}

.newsbannertext ul li a {
	display: block;
	padding: 20px
}

.newsbannertext ul li a .time {
	font-size: 24px;
	color: #8f0000
}

.newsbannertext ul li a .time span {
	font-size: 14px;
	color: #222222;
	display: block;
	padding-top: 7px;
}

.newsbannertext ul li a h3 {
	color: #222222;
	font-size: 18px;
	margin-top: 10px;
	line-height: 24px;
	height: 48px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.newsbannertext ul li a .desc {
	color: #666666;
	font-size: 12px;
	margin-top: 10px;
	line-height: 20px;
	height: 60px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.newsbannertext ul li a .more {
	padding-top: 20px;
}

.newsbannertext ul li a .more span {
	padding-right: 25px;
	color: #8f0000;
	font-size: 14px;
	background: url("../images/icon03.png") no-repeat right center;
}

.newsbanner .newsbannerdot {
	position: absolute;
	width: 100%;
	bottom: 30px;
	text-align: center;
	z-index: 20;
}

.newsbanner .newsbannerdot span {
	width: 10px;
	height: 10px;
	opacity: 1;
	background: #eee;
	margin: 0px 5px;
	border-radius: 0px;
	border: none;
}

.newsbanner .newsbannerdot span.swiper-pagination-bullet-active {
	background: #8f0000;
}

.newslistbox {
	padding-top: 40px;
	padding-bottom: 40px;
}

.newslist {
	background-color: #fff;
	padding: 32px;
	margin: 20px 0;
}

.newslist img {
	display: block;
	width: 100%;
	transform: scale(1);
	-webkit-transform: scale(1);
}

.newslist:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.newslist h3 {
	font-size: 18px;
	color: #405363;
	line-height: 24px;
	height: 48px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.newslist .time {
	color: #75767a;
	font-size: 14px;
	font-family: 'Microsoft YaHei', '微软雅黑', sans-serif;
	padding-right: 15px;
	background: url("../images/icon03.png") no-repeat right center;
	margin-top: 10px;
}

.newslist .desc {
	font-size: 14px;
	line-height: 20px;
	height: 60px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	margin-top: 10px;
	color: #75767a;
}

.newslist a:hover h3 {
	color: #405363;
}




.paginationbox {
	padding: 0px 0px 40px;
	text-align: center;
}

.paginationbox a {
	display: inline-block;
	font-size: 14px;
	padding: 4px 10px;
	color: #666666;
	margin: 0px 5px;
	min-width: 30px;
	height: 30px;
	line-height: 30px;
	background: #f7f7f7;
	vertical-align: middle;
}

.paginationbox a:hover {
	color: #fff;
	background: #8c0014;
}

.paginationbox span {
	display: inline-block;
	padding: 4px 10px;
	font-size: 14px;
	margin: 0px 5px;
	color: #fff;
	min-width: 30px;
	height: 30px;
	line-height: 30px;
	background: #8c0014;
	vertical-align: middle;
}

.footer {
	background: #f7f7f7;
	padding-top: 50px;
}

.footer ul {
	padding: 0px 0px 25px;
	text-align: center;
}

.footer ul li {
	display: inline-block;
	font-size: 13px;
}

.footer ul li a {
	color: #444444;
	padding: 0px 5px;
}

.footer ul li:nth-child(1) a {
	padding: 0px 5px 0px 0px
}

.footer dl {
	border-top: 1px solid #e7e7e7;
	padding: 20px 0px
}

.footer dl dt {
	color: #666666;
	font-size: 14px;
	text-align: center;
}

.footer dl dt .zhichi {
	color: #3333;
}

.footer dl dd {
	text-align: center;
	padding-top: 25px;
}

.footer dl dd a {
	display: inline-block;
	vertical-align: middle;
	width: 31px;
	height: 31px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin: 0px 15px;
	position: relative;
}

.footer dl dd a.weixin {
	background-image: url("../images/icon04.png");
}

.footer dl dd a.weixin:hover {
	background-image: url("../images/icon004.png");
}

.footer dl dd a.douyin {
	background-image: url("../images/icon05.png");
}

.footer dl dd a.douyin:hover {
	background-image: url("../images/icon005.png");
}

.footer dl dd a span {
	position: absolute;
	top: -100px;
	left: 0px;
	width: 100px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	display: none;
}

.footer dl dd a:hover span {
	display: block;
}



/*--服务案例--*/

.servicesasetitle {
	font-size: 20px;
	margin-top: 40px;
	line-height: 24px;
	color: #222222;
	font-weight: 600;
	border-left: 6px solid #405363;
	padding-left: 15px;
}

.caserecommendbox {
	position: relative;
	margin-top: 30px;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 55px;
	display: none;
}

.caserecommendbox em {
	position: absolute;
	top: 20%;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center;
	border: 1px solid #000;
	background-size: cover;
	background-color: #fff;
	display: block;
	cursor: pointer;
	z-index: 20;
}

.caserecommendbox .caseprevbtn {
	background-image: url("../images/icon06.png");
	left: 0px;
}

.caserecommendbox .caseprevbtn:hover {
	background-image: url("../images/icon006.png");
	background-color: #8f0000;
	border-color: #8f0000;
}

.caserecommendbox .casenextbtn {
	background-image: url("../images/icon07.png");
	right: 0px;
}

.caserecommendbox .casenextbtn:hover {
	background-image: url("../images/icon007.png");
	background-color: #8f0000;
	border-color: #8f0000;
}

.caserecommend {
	position: relative;
	overflow: hidden;
}

.caserecommend ul li {
	position: relative;
	overflow: hidden;
	transform: translate3d(0, 0, 0);
}

.caserecommend .caserecommendDot {
	text-align: center;
	z-index: 20;
}

.caserecommend .caserecommendDot span {
	width: 10px;
	height: 10px;
	background: #eee;
	opacity: 1;
	margin: 0px 5px;
	border-radius: 0px;
	border: none;
}

.caserecommend .caserecommendDot span.swiper-pagination-bullet-active {
	background: #8f0000;
}


.caserecommendimg img {
	display: block;
	width: 100%;
	position: relative;
	left: 50%;
	transform: translateX(-50%) scale(1);
	-webkit-transform: translateX(-50%) scale(1);
}

.caserecommendimg:hover img {
	transform: translateX(-50%) scale(1.1);
	-webkit-transform: translateX(-50%) scale(1.1);
}

.caserecommendcontent {
	padding: 20px;
}

.caserecommendcontent h3 {
	font-size: 18px;
	color: #222222;
	line-height: 32px;
	height: 32px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	font-weight: 700;
}

.caserecommendcontent .desc {
	font-size: 14px;
	color: #222222;
	line-height: 24px;
	height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	margin-top: 10px;
}

.caserecommendcontent .subtitle {
	font-size: 14px;
	color: #222;
	line-height: 24px;
	height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	margin-top: 10px;
}

.caserecommendcontent .desc1 {
	font-size: 14px;
	line-height: 24px;
	color: #222222;
	margin-top: 10px;
}

.caserecommendcontent .more {
	font-size: 14px;
	color: #405363;
	margin-top: 20px;
}

.caserecommendcontent .more span {
	padding-right: 35px;
	display: inline-block;
	line-height: 30px;
	background: url("../images/icon08.png") no-repeat right center;
}


.caselisttitle {
	font-size: 20px;
	color: #000000;
	padding: 30px 0px 10px;
	display: none;
}

.caselistbox {
	padding-bottom: 40px;
}

.caselist {
	margin-top: 15px;
}

.caselist a {
	position: relative;
	display: block;
}

.caselist a .imgbox img {
	display: block;
	width: 100%;
	position: relative;
	left: 50%;
	transform: translateX(-50%) scale(1);
	-webkit-transform: translateX(-50%) scale(1);
}

.caselist a:hover .imgbox img {
	transform: translateX(-50%) scale(1.1);
	-webkit-transform: translateX(-50%) scale(1.1);
}

.caselist a:after {
	content: '';
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	display: block;
	background: #8f0000;
	opacity: 0;
	position: absolute;
	z-index: 1;
	visibility: hidden;
	transition: all .8s ease;
	-webkit-transition: all .8s ease;
}

.caselist a .caselistcontent {
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 100%;
	text-align: center;
	color: #fff;
	z-index: 2;
	opacity: 0;
	visibility: hidden;
	transition: all .8s ease;
	-webkit-transition: all .8s ease;
}

.caselist a .caselistcontent .caselogo {
	display: none;
}

.caselist a .caselistcontent .caselogo img {
	height: 40px;
}

.caselist a .caselistcontent h3 {
	font-size: 18px;
	margin-top: 20px;
}

.caselist a .caselistcontent .desc {
	font-size: 14px;
	padding-top: 15px;
}

.caselist a:hover:after {
	opacity: 0.9;
	visibility: visible;
}

.caselist a:hover .caselistcontent {
	opacity: 0.9;
	visibility: visible;
}

.loadmore {
	text-align: center;
	padding-bottom: 40px;
}

.loadmore a {
	color: #405363;
	font-size: 18px;
	font-weight: 700
}

/*--服务案例详情--*/

.maindetails {
	background: #f7f7f7;
}

.cesadetailsimg {
	padding-top: 40px;
}

.cesadetailsimg img {
	display: block;
	width: 100%;
}

.cesadetailsbox {
	padding: 30px 20px 40px;
	background: #fff;
}

.logoshare dt {
	float: left;
}

.logoshare dt img {
	width: 120px;
	display: block;
	border: 1px solid #eeeeee
}

.logoshare dd {
	float: right;
	background: url("../images/img20.png") no-repeat center;
	width: 25px;
	height: 25px;
	position: relative;
	margin-top: 25px;
}

.logoshare dd p {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 120px;
	opacity: 0;
	visibility: hidden;
	transition: all .8s ease;
	z-index: -1;
}

.logoshare dd:hover p {
	opacity: 1;
	visibility: visible;
	z-index: 1;
}

.cssadetaildesc {
	color: #222;
	font-size: 14px;
	line-height: 24px;
	margin-top: 15px;
}

.cssadetailcommon {
	color: #222;
	font-size: 14px;
	line-height: 24px;
	margin-top: 35px;
}

.cssadetailcommon .texttitle {
	font-size: 20px;
	line-height: 26px;
	color: #222;
	padding-bottom: 15px;
	font-weight: 600
}

.cesadetailsrecommend {
	padding-bottom: 30px;
}

/*--服务内容--*/

.service {
	padding-top: 65px;
}

.service dl {
	position: relative
}

.service dl dt {
	position: relative;
	cursor: pointer
}

.service dl dt img {
	display: block;
	width: 100%;
}

.service dl dt:after {
	content: '';
	width: 80px;
	height: 80px;
	background: url("../images/img26.png") no-repeat;
	background-size: cover;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.service dl dd {
	padding: 20px;
}

.service dl dd .bigtitle {
	background: url("../images/img25.png") no-repeat right bottom #8f0000;
	background-size: 100% auto;
	height: 100px;
	padding: 0px;
	margin: -20px -20px 0px;
	position: relative;
	text-align: center;
	font-size: 16px;
	color: #fff;
}

.service dl dd .bigtitle span {
	display: inline-block;
	/*padding-left:30px;*/
	position: relative;
	line-height: 1.4;
	position: relative;
	left: 0px;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.service dl dd .bigtitle span:before {
	display: none;
	height: 1px;
	background: #fff;
	width: 30px;
	margin-right: 15px;
	vertical-align: middle;
	position: absolute;
	left: 0px;
	top: calc(50% - 5px);
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.service dl dd .subtitle {
	font-size: 16px;
	color: #8f0000;
	margin-top: 25px;
}

.service dl dd .threetitle {
	font-size: 22px;
	color: #222222;
	line-height: 32px;
	margin-top: 20px;
}

.service dl dd .desc {
	font-size: 14px;
	color: #444444;
	line-height: 24px;
	margin-top: 15px;
}

.positionmain {
	margin-top: 20px;
	padding-bottom: 70px;
	position: relative;
	overflow: hidden;
	background: url("../images/img27.jpg") no-repeat bottom;
	background-size: 100% auto;
}

.positionmain .commonentitle {
	z-index: 1;
}

.positionmain .container {
	position: relative;
	z-index: 2;
}

.strategyposition {
	padding-top: 70px;
}

.strategyposition dl {
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 40px;
	margin-bottom: 40px;
}

.strategyposition dl dt {
	padding-top: 0px;
	padding-right: 0px;
}

.strategyposition dl dt h3 {
	font-size: 20px;
	color: #000;
	padding-bottom: 30px;
	font-weight: 700
}

.strategyposition dl dt img {
	display: block;
	width: 100%;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: grayscale(100%);
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	transform: scale(1);
	-webkit-transform: scale(1);
}

.strategyposition dl dt:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.strategypositioncontent {
	background: #f7f7f7;
	position: relative;
	padding: 25px 20px 25px 85px;
	margin-top: 10px;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
}

.strategypositioncontent img {
	display: block;
	position: absolute;
	left: 20px;
	top: 25px;
	height: 42px;
}

.strategypositioncontent h3 {
	font-size: 18px;
	color: #000000;
	font-weight: 700
}

.strategypositioncontent .desc {
	font-size: 14px;
	color: #444444;
	margin-top: 15px;
	line-height: 20px;
}

.strategypositioncontent:hover {
	background: #fff;
	box-shadow: 0px 5px 37px rgba(0, 0, 0, 0.1);
}

.strategyposition dl dt:hover img {
	background: #fff;
	box-shadow: 0px 5px 37px rgba(0, 0, 0, 0.1);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: grayscale(0%);
}



/*--关于我们--*/

.aboutbox {
	padding: 70px 0px 30px;
}

.about ul {
	padding-top: 30px;
}

.about ul li {
	float: left;
	width: 50%;
	padding-bottom: 20px;
}

.about ul li .time {
	font-size: 16px;
	color: #405363;
}

.about ul li .time em {
	font-size: 20px;
}

.about ul li .time span {
	font-size: 30px;
	font-weight: 600;
	line-height: 1;
}

.about ul li .desc {
	font-size: 14px;
	color: #222222;
	padding-top: 5px;
}

.aboutintro {
	padding-right: 0px;
	font-size: 14px;
	line-height: 24px;
	color: #405363;
}

.aboutintro .aboutlogo svg {
	width: 220px;
	height: 35px;
	display: block;
}

.aboutintro .line {
	height: 6px;
	background: url("../images/img31.png") repeat-x;
	margin: 25px 0px;
}

.aboutintro img {
	max-width: 100%;
}

.aboutimg {
	position: relative;
	right: 0px;
	top: 0px;
	width: 40%;
	margin-top: 20px;
}

.aboutimg img {
	display: block;
	width: 100%;
}

.aboutimg span {
	position: absolute;
	width: 80px;
	height: 80px;
	left: 50%;
	top: 50%;
	margin: -30px 0px 0px -30px;
	display: block;
	cursor: pointer;
	background: url("../images/img26.png") no-repeat;
	background-size: cover;
}

.aboutslogan {
	background: url("../images/img33.jpg") no-repeat;
	background-size: cover;
	overflow: hidden;
}

.aboutslogan dl {
	position: relative;
	padding: 40px 0px 40px
}

.aboutslogan dl dt {
	font-size: 30px;
	color: #ffffff;
	text-align: center;
	font-weight: 700;
	font-family: 'Microsoft YaHei', '微软雅黑', sans-serif;
}

.aboutslogan dl dt p {
	font-weight: 700;
	font-family: 'Microsoft YaHei', '微软雅黑', sans-serif;
}

.aboutslogan dl dd {
	margin: 0px auto;
	width: 64%;
	padding-top: 20px;
}

.aboutslogan dl dd img {
	display: block;
	width: 100%;
	position: relative;
	left: 0px;
	-webkit-filter: sepia(0.7);
	filter: sepia(0.7);
}

.aboutculturebox {
	padding-bottom: 50px;
	background: url("../images/img35.jpg") no-repeat bottom;
	background-size: 100% auto;
	overflow: hidden;
	position: relative;
}

.aboutculturebox .commonentitle {
	z-index: 1;
}

.aboutculturebox .container {
	position: relative;
	z-index: 2;
}

.aboutculturetitle {
	font-size: 20px;
	margin-top: 40px;
	color: #222222;
	font-weight: 600;
	line-height: 24px;
	border-left: 6px solid #405363;
	padding-left: 15px;
}

.aboutculturelist {
	padding-top: 25px;
}

.aboutculturelist ul {
	margin: 0px 0px;
}

.aboutculturelist ul li {
	padding: 0px 0px 40px;
}



.aboutculture img {
	display: block;
	width: 100%;
}

.aboutculture h3 {
	margin-left: 15px;
	position: relative;
	color: #222;
	background: #fcfcfc;
	z-index: 2;
	margin-top: -25px;
	line-height: 50px;
	padding-top: 5px;
	padding-left: 15px;
	font-size: 14px;
}

.aboutculture h3 span {
	font-size: 18px;
	font-weight: 700;
	margin-right: 15px;
}

.aboutculture .desc {
	margin-left: 15px;
	font-size: 14px;
	padding: 20px 0px 10px 15px;
	line-height: 30px;
	max-width: 320px;
}

/*--加入我们--*/

.joinusmain {
	background: #f7f7f7;
}

.joinusmain .commonentitle {
	z-index: 1;
	color: rgba(255, 255, 255, 0.5)
}

.joinusmain .container {
	z-index: 2
}

.joinustitle {
	font-size: 20px;
	line-height: 24px;
	margin-top: 40px;
	color: #222222;
	font-weight: 600;
	border-left: 6px solid #405363;
	padding-left: 15px;
}

.joinusbanner {
	background: url("../images/img39.jpg") no-repeat center;
	background-size: cover;
	height: 220px;
	margin-top: 25px;
	padding: 35px 0px 0px 20px
}

.joinusbanner h3 {
	font-size: 20px;
	line-height: 28px;
	color: #8f0000;
	font-weight: 700;
	padding-bottom: 20px;
}

.joinusbanner p {
	position: relative;
	padding-left: 25px;
	font-size: 14px;
	color: #222222;
	line-height: 24px;
}

.joinusbanner p:after {
	border: 1px solid #8f0000;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	content: '';
	position: absolute;
	left: 0px;
	top: 8px;
}

.joinuslist {
	padding: 20px 0px 30px
}

.joinuslist ul li {
	padding: 20px 0px 10px;
	border-bottom: 1px solid #e5e5e5
}

.joinuslist ul li .jobtitle {
	font-size: 18px;
	line-height: 24px;
	color: #222222;
	position: relative;
	font-weight: 600;
	cursor: pointer;
}

.joinuslist ul li .jobtitle:after {
	content: '';
	background: url("../images/icon15.png") no-repeat #8f0000;
	background-size: cover;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0px;
	top: 7px;
	border-radius: 100%;
	transition: all .6s ease;
	-webkit-transition: all .6s ease
}

.joinuslist ul li .subtitle {
	font-size: 12px;
	padding: 10px 0px 0px;
	display: block;
}

.joinuslist ul li .jobcontent {
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	border-top: 1px solid #e5e5e5;
	margin-top: 20px;
	padding: 35px 0px 10px;
	display: none;
}

.joinuslist ul li .jobcontenttitle {
	font-size: 18px;
	color: #222222;
	position: relative;
	font-weight: 600;
}

.joinuslist ul li .jobcontent .submitresume {
	margin-top: 40px;
}

.joinuslist ul li .jobcontent .submitresume dt a {
	display: block;
	width: 140px;
	line-height: 40px;
	background: #8f0000;
	text-align: center;
}

.joinuslist ul li .jobcontent .submitresume dt a span {
	background: url("../images/icon16.png") no-repeat left center;
	display: inline-block;
	line-height: 24px;
	font-size: 18px;
	color: #fff;
	padding-left: 35px;
}

.joinuslist ul li .jobcontent .submitresume dd {
	color: #8f0000;
	font-size: 14px;
	padding-top: 20px;
}

.joinuslist ul li.cur .jobtitle:after {
	transform: rotate(-180deg);
}

/*--联系我们--*/
.contactusmain {
	background: #f7f7f7;
}

.contactusmain .container {
	z-index: 2
}

.contactusbg {
	overflow: hidden;
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index: 1;
}

.contactusbg img {
	display: block;
	width: 100%;
}

.communicatetitle {
	margin-top: 40px;
}

.communicatetitle dt {
	font-size: 20px;
	color: #222222;
	font-weight: 600;
	line-height: 24px;
	border-left: 6px solid #405363;
	padding-left: 15px;
}

.communicatetitle dd {
	color: #444444;
	font-size: 14px;
	line-height: 24px;
	padding-top: 15px;
}



.communicateform {
	background: #fff;
	padding: 20px 15px;
	margin-top: 30px;
	box-shadow: 0px 5px 37px rgba(0, 0, 0, 0.1);
}

.communicateform ul li {
	padding-bottom: 10px;
}

.communicateform ul li p {
	font-size: 14px;
	padding-bottom: 15px;
}

.communicateform ul li p span {
	color: #405363;
}

.communicateform ul li label {
	display: block;
	padding: 15px 30px;
	background: #f7f7f7;
}

.communicateform ul li label input {
	font-size: 16px;
	width: 100%;
	outline: none;
	background: none;
	border: none;
}

.communicateform ul li label textarea {
	resize: none;
	width: 100%;
	height: 100px;
	background: none;
	border: none;
	outline: none;
	font-size: 16px;
	font-weight: 400;
}

.communicateform dl {
	padding-bottom: 20px;
}

.communicateform dl dt {
	font-size: 14px;
}

.communicateform dl dd {
	padding-top: 10px;
}

.communicateform dl dd label {
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	color: #000000;
	font-weight: 400;
	position: relative;
	margin-right: 40px;
	margin-bottom: 10px;
}

.communicateform dl dd label input {
	position: absolute;
	visibility: hidden;
	opacity: 0;
}

.communicateform dl dd label span {
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 1px solid #363636;
	border-radius: 100%;
	vertical-align: middle;
	margin-right: 12px;
	position: relative;
}

.communicateform dl dd label input:checked+span {
	border: 1px solid #405363
}

.communicateform dl dd label input:checked+span:after {
	content: '';
	width: 10px;
	height: 10px;
	background: #405363;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	display: block;
	border-radius: 100%
}

.communicateform p.communicateformbtnbox {
	padding-top: 0px;
}

.communicateform p.communicateformbtnbox input {
	width: 120px;
	height: 40px;
	background: #f7f7f7;
	font-size: 14px;
}

.communicateform p.communicateformbtnbox input.submit {
	background: #405363;
	color: #fff;
	margin-right: 40px;
}

.contactustitle {
	font-size: 20px;
	color: #222222;
	font-weight: 600;
	line-height: 24px;
	border-left: 6px solid #405363;
	padding-left: 15px;
	margin-top: 60px;
}

.contactus {
	position: relative;
	padding: 50px 0px 30px;
}

.contactus dl {
	position: relative;
	background: #fff;
}

.contactus dl dt img {
	display: block;
	width: 100%;
}

.contactus dl dd {
	background: #fff;
	padding: 25px 15px 20px;
}

.contactus dl dd .title {
	font-size: 14px;
	color: #405363;
	padding-bottom: 10px;
}

.contactus dl dd .desc {
	color: #222;
	font-size: 16px;
	padding-bottom: 15px;
}

.contactus dl dd ul {
	padding-top: 0px;
}

.contactus dl dd ul li {
	float: left;
	width: 50%;
	font-size: 16px;
}

.contactus dl dd ul li img {
	display: block;
	height: 100px;
	width: 100px;
}

.contactus dl dd ul li p {
	text-align: center;
	color: #222222;
	width: 100px;
	padding-top: 10px;
}

/*--新闻列表2--*/

.newslisttwo {
	margin-top: 25px;
	padding-bottom: 20px;
}

.newslisttwo ul li {
	padding-bottom: 30px;
}

.newslisttwo ul li a {
	display: block;
	background: #f7f7f7;
	position: relative;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	transform: translateY(0px);
}

.newslisttwo ul li a .imgbox img {
	display: block;
	width: 100%;
	position: relative;
	left: 50%;
	transform: translateX(-50%) scale(1);
	-webkit-transform: translateX(-50%) scale(1);
}

.newslisttwo ul li a:hover .imgbox img {
	transform: translateX(-50%) scale(1.1);
	-webkit-transform: translateX(-50%) scale(1.1);
}

.newslisttwo ul li a .newslisttwocontent {
	padding: 20px;
}

.newslisttwo ul li a .time {
	color: #666666;
	font-size: 14px;
	font-weight: 700;
}

.newslisttwo ul li a h3 {
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	margin-top: 5px;
}

.newslisttwo ul li a .more {
	position: absolute;
	right: 0px;
	bottom: 0px;
	background: #405363;
	color: #fff;
	width: 130px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
	opacity: 0;
	visibility: hidden
}

.newslisttwo ul li a .more span {
	background: url("../images/icon003.png") no-repeat right center;
	display: inline-block;
	padding-right: 20px;
	font-size: 14px;
}


.newslisttwo ul li a:hover {
	background: #fff;
	box-shadow: 0px 5px 37px rgba(0, 0, 0, 0.1);
	transform: translateY(-5px);
}

.newslisttwo ul li a:hover .more {
	opacity: 1;
	visibility: visible;
}

.newslisttwo ul li a:hover .time {
	color: #405363;
}


/*--新闻详情--*/

.newsdetailbox {
	padding-top: 35px;
	margin: 0px auto;
	max-width: 1200px;
}

.newsdetailtitle {
	font-size: 20px;
	line-height: 1.35;
}

.sourcetime {
	margin-top: 20px;
	font-size: 12px;
	color: #666666;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 20px;
	position: relative;
}

.sourcetime span {
	margin-right: 10px;
	vertical-align: middle
}

.sourcetime .newsshare {
	display: inline;
	position: relative;
	vertical-align: middle;
	margin-right: 20px;
}

.sourcetime .newsshare p {
	position: absolute;
	right: 0px;
	width: 95px;
	opacity: 0;
	visibility: hidden;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
}

.sourcetime .newsshare:hover p {
	visibility: visible;
	opacity: 1;
}

.sourcetime dl {
	font-size: 20px;
	display: inline-block;
	vertical-align: middle
}

.sourcetime dl dt {
	float: left;
	cursor: pointer;
	margin-right: 20px;
}

.sourcetime dl dd {
	float: left;
	cursor: pointer;
}

.newsdetail {
	font-size: 14px;
	line-height: 2.2;
	padding: 20px 0px;
}

.newsdetail img {
	display: block;
	margin: 0px auto;
	max-width: 100%;
}

.upperandlower {
	font-size: 14px;
	border-top: 1px solid #e5e5e5;
	padding: 25px 0px 40px;
	position: relative;
	overflow: hidden;
}

.upperandlower p {
	text-align: center;
	line-height: 50px;
	padding-top: 20px;
}

.upperandlower p a span {
	display: inline-block;
	width: 90px;
	font-size: 14px;
	height: 50px;
	background: #8c0014;
	color: #fff;
	vertical-align: middle;
}

.upperandlower p a em {
	background: url("../images/icon007.png") no-repeat #8c0014;
	background-size: cover;
	margin-left: 10px;
	border-radius: 100%;
	width: 50px;
	height: 50px;
	display: inline-block;
	vertical-align: middle
}

.upperandlower dt {
	position: relative;
	line-height: 35px;
	padding-left: 0px;
}

.upperandlower dt a {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	height: 35px;
}

.upperandlower dt:after {
	width: 10px;
	height: 10px;
	border: 2px solid #444444;
	border-left: none;
	border-top: none;
	content: '';
	position: absolute;
	left: 2px;
	top: 50%;
	transform: translateY(-50%) rotate(135deg);
	display: none;
}

.upperandlower dt:hover:after {
	border-color: #8c0014
}

.upperandlower dd {
	position: relative;
	line-height: 35px;
	padding-right: 0px;
}

.upperandlower dd a {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	height: 35px;
}

.upperandlower dd:after {
	width: 10px;
	height: 10px;
	border: 2px solid #444444;
	border-left: none;
	border-top: none;
	content: '';
	position: absolute;
	right: 2px;
	top: 50%;
	transform: translateY(-50%) rotate(-45deg);
	display: none;
}

.upperandlower dd:hover:after {
	border-color: #8c0014
}

.recommendnews {
	padding: 30px 0px;
	background: #f7f7f7;
}

.recommendnews h2 {
	font-size: 18px;
	text-align: center;
	font-weight: 700;
}

.recommendnews .time {
	background: none;
}

/*--专家团队--*/

.expertteammain {
	background: #f7f7f7;
}

.expertteammain .commonentitle {
	z-index: 1;
	color: rgba(255, 255, 255, 0.5)
}

.expertteammain .container {
	z-index: 2
}

.expertteamtitle {
	font-size: 20px;
	line-height: 24px;
	margin-top: 70px;
	color: #222222;
	font-weight: 600;
	border-left: 6px solid #405363;
	padding-left: 15px;
}

.Founder {
	margin-top: 30px;
	background: #fff url("../images/img66.png") no-repeat right top;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
}

.Founder:hover {
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
}

.Founder dl dt img {
	display: block;
	width: 100%;
}

.Founder dl dd {
	padding: 20px 15px;
}

.Founder dl dd h3 {
	font-size: 20px;
	color: #405363;
	font-weight: 700
}

.Founder dl dd h3 a {
	color: #405363;
}

.Founder dl dd .subtitle {
	font-size: 16px;
	color: #405363;
	padding-top: 15px;
	padding-left: 15px;
}

.Founder dl dd .desc {
	font-size: 14px;
	color: #222222;
	padding-top: 10px;
	line-height: 20px;
}

.Founder dl dd .Founderbtn {
	padding: 10px 0px 0px;
}

.Founder dl dd .Founderbtn a {
	display: inline-block;
	color: #405363;
	margin-right: 25px;
	line-height: 24px;
	font-size: 14px;
}

.Founder dl dd .Founderbtn .more {
	background: url("../images/img62.png") no-repeat right center;
	padding-right: 25px;
}

.Founder dl dd .Founderbtn .video {
	background: url("../images/img63.png") no-repeat right center;
	padding-right: 25px;
}

.expertteamlist {
	padding-bottom: 80px;
}

.expertteamlist ul {
	margin: 0px -36px;
}

.expertteamlist ul li {
	padding: 0px 36px;
	margin-top: 60px;
}

.expertteamlist ul li a {
	display: flex;
	align-items: center;
}

.expertteamlist ul li h3 {
	background: url("../images/img64.png") no-repeat;
	width: 80px;
	height: 300px;
	padding: 45px 20px 0px;
	line-height: 30px;
	text-align: center;
	color: #fff
}

.expertteamlist ul li h3 span {
	margin-top: 10px;
	font-size: 18px;
	color: #d9b765;
	display: inline-block;
	padding: 0px 10px;
	line-height: 20px;
}

.expertteamlist ul li p {
	width: calc(100% - 80px);
}

.expertteamlist ul li p img {
	display: block;
	width: 100%;
}

.expertteamlist ul li a:hover p {
	box-shadow: 0px 5px 37px rgba(0, 0, 0, 0.5);
}

.expertteadetailbox {
	padding: 20px 15px;
	margin: 40px 0px 50px;
	position: relative;
	z-index: 2;
	background: #fff url("../images/img67.png") no-repeat right top;
	box-shadow: 0px 5px 37px rgba(0, 0, 0, 0.1);
}

.expertteadetailbox .upperandlower {
	margin: 30px 0px 0px;
	padding: 0px;
	border-top: none;
	font-size: 14px;
}

.expertteadetailImg {
	position: relative;
}

.expertteadetailImg span {
	right: 0px;
	bottom: 0px;
	display: block;
	width: 80px;
	height: 80px;
	background: url("../images/img65.png") no-repeat center;
	background-size: cover;
	position: absolute;
}

.expertteadetailImg img {
	display: block;
	width: 100%;
}

.expertteadetail {
	padding: 20px 0px 0px 0px;
}

.expertteadetail h3 {
	font-size: 20px;
	color: #405363;
	font-weight: 700
}

.expertteadetail h3 a {
	color: #405363;
}

.expertteadetail h4 {
	font-size: 16px;
	color: #222222;
	margin-top: 20px;
}

.expertteadetail .subtitle {
	font-size: 16px;
	color: #405363;
	padding-left: 15px;
}

.expertteadetail .desc {
	font-size: 14px;
	color: #222222;
	padding-top: 10px;
	line-height: 20px;
}


/*--首页--*/
.hideNav {
	top: -110px;
}

.index {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.index .swiper-wrapper .swiper-slide:last-child {
	height: auto;
}

/* .indexbanner{ position:absolute; overflow:hidden; width:100%; top:0px; left:0px; bottom:0px;} 20210820*/
.indexbanner {
	position: absolute;
	overflow: hidden;
	width: 100%;
	left: 0px;
	top: 70px;
	bottom: 0px;
}

.banner-txt{width: 100%; height: 100%; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction:column;}
.banner-txt .txtone{color: #fff; font-size: 54px; margin-bottom: 20px;}
.banner-txt .txttwo{color: #fff;font-size: 52px; font-weight: 700;}

.indexbanner ul li {
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
	/* background-size: 100% 100%; */
}

.indexbanner ul li video {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 16;
	-o-object-fit: cover;
	object-fit: cover;
	display: none;
}

.indexbannertext {
	left: 5%;
	position: absolute;
	right: 0px;
	top: 40%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.indexbannertext h3 {
	font-size: 40px;
	font-weight: 700;
	color: #405363;
	line-height: 1.2;
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
	opacity: 0;
	visibility: hidden;
}

.indexbannertext h3 span {
	display: inline-block;
	width: 20px;
	font-size: 12px;
	font-weight: 700
}

.indexbannertext .desc {
	font-size: 16px;
	color: #000000;
	font-weight: 700;
	line-height: 1;
	margin-top: 20px;
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
	opacity: 0;
	visibility: hidden;
}

.indexbannertext p.more {
	line-height: 50px;
	margin-top: 30px;
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
	opacity: 0;
	visibility: hidden;
}

.indexbannertext p.more a span {
	font-size: 14px;
	display: inline-block;
	width: 130px;
	height: 50px;
	background: #8c0014;
	color: #fff;
	vertical-align: middle;
	text-align: center;
}

.indexbannertext p.more a em {
	background: url("../images/icon007.png") no-repeat #8c0014;
	background-size: cover;
	margin-left: 10px;
	border-radius: 100%;
	width: 50px;
	height: 50px;
	display: inline-block;
	vertical-align: middle
}

.indexbannertext .textImg img {
	max-width: 80%;
}

.indexbanner .indexbannerdot {
	position: absolute;
	left: 0px;
	bottom: 35px;
	width: 100%;
	z-index: 20;
	text-align: center;
}

.indexbanner .indexbannerdot span {
	height: 10px;
	width: 6px;
	border-radius: 0px;
	background: #fff;
	transition: all .4s ease;
	opacity: 0.6;
}

.indexbanner .indexbannerdot span.swiper-pagination-bullet-active {
	height: 20px;
	opacity: 1;
}

.indexbanner ul li.swiper-slide-active .indexbannertext h3 {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	opacity: 1;
	visibility: visible;
}

.indexbanner ul li.swiper-slide-active .indexbannertext .desc {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	opacity: 1;
	visibility: visible;
	transition-delay: 0.3s
}

.indexbanner ul li.swiper-slide-active .indexbannertext p.more {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	opacity: 1;
	visibility: visible;
	transition-delay: 0.4s
}

.indexcommonbox {
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: 0px;
	overflow: hidden;
}

.indexcommonbox .commonentitle {
	z-index: 1;
	color: rgb(249 249 249 / 40%);
	font-size: 220px;
}

.businessneedsbox {
	background: url("../images/index/icon/market-icon.png") no-repeat left bottom #ffffff;
	background-size: 45% auto;
}

.indextitle {
	font-size: 28px;
	line-height: 18px;
	border-left: 6px solid #405363;
	font-weight: 700;
	padding-left: 15px;
}

.centered {
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	z-index: 2
}


.businessneedslist {
	margin-top: 30px;
}

.businessneedslist ul {
	margin: 0px -5px;
}

.businessneedslist ul li {
	float: left;
	width: 50%;
	padding: 0px 5px 10px;
}

.businessneedslist ul li .businessneedslistcontent {
	background: #EBEDEF;
	height: 90px;
	position: relative;
	padding: 25px 20px 0px;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
}

.businessneedslist ul li .businessneedslistcontent h3 {
	font-size: 16px;
	color: #405363;
	font-weight: 700;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
}

.businessneedslist ul li .businessneedslistcontent .icon {
	padding-top: 5px;
	opacity: 0;
	visibility: hidden;
}

.businessneedslist ul li .businessneedslistcontent .num {
	line-height: 90px;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	font-size: 30px;
	position: absolute;
	right: 0px;
	top: 0px;
	color: #fff;
	font-weight: 700;
	padding-right: 15px;
	font-family: 'Microsoft YaHei', '微软雅黑', sans-serif;
}

.businessneedslist ul li:hover .businessneedslistcontent {
	background: #405363;
}

.businessneedslist ul li:hover .businessneedslistcontent h3 {
	color: #fff;
}

.businessneedslist ul li:hover .businessneedslistcontent .icon {
	opacity: 1;
	visibility: visible;
}

.businessneedslist ul li:hover .businessneedslistcontent .num {
	color: #708BA0
}


.servicecontentbg .commonentitle , .businessneedsbox .commonentitle{
	z-index: 1;
	color: #f9f9f9;
}


.servicecontenttitle {
	background: url("../images/index/icon/service-icon.png") no-repeat left bottom #405363;
	background-size: 65% auto;
	padding: 20px;
}

.servicecontenttitle .indextitle {
	border-left-color: #fff;
	color: #fff;
}


.servicecontentlist ul li {
	float: left;
	width: 49.666%;
	border: 2px solid #405363;
	background: #ffffff;
}

.servicecontentlist ul li h3 {
	font-size: 14px;
	font-weight: 700;
	color: #000;
	margin-top: 5px;
	line-height: 26px;
}

.servicecontentlist ul li .num {
	font-size: 16px;
	font-weight: 700;
	margin-top: 15px;
}

.servicecontentlist ul li .icon {
	text-align: right;
}

.servicecontentlist ul li .icon img {
	/* height: 40px; */
}

.servicecontentlist ul li a {
	display: block;
	height: 180px;
	padding: 20px 10px 0px 10px
}

.servicecontentlist ul li a:hover h3 {
	color: #405363
}

.servicecontentlist ul li a:hover .num {
	color: #405363
}

.servicecontentlist ul li:nth-child(2) {
	border-left: none;
}

.servicecontentlist ul li:nth-child(3) {
	border-top: none;
}

.servicecontentlist ul li:nth-child(4) {
	border-left: none;
	border-top: none;
}

.servicecasebox .commonentitle {
	z-index: 2;
	color: rgba(255, 255, 255, 0.4)
}

.servicecasebanner {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	overflow: hidden;
}

.servicecasebanner ul li {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.servicecasebox .indextitle {
	color: #405363;
}

.servicecasebannertext {
	max-width: 625px;
	color: #fff;
	padding-top: 100px;
	position: relative;
	overflow: hidden;
}

.servicecasebannertext h3 {
	font-size: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #405363;
	color: #405363;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.servicecasebannertext h3 a {
	color: #405363;
	font-weight: 500;
}

.servicecasebannertext h3 a:hover {
	color: #405363
}

.servicecasebannertext .desc {
	color: #405363;
	font-size: 14px;
	margin-top: 10px;
	line-height: 35px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.servicecaselistbox {
	position: relative;
	margin-top: 90px;
	padding: 0px 40px;
}

.servicecaselistbox em {
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 30px;
	height: 30px;
	border: 1px solid #fff;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
}

.servicecaselistbox em.servicecaselistprevbtn {
	left: 0px;
	background-image: url("../images/icon006.png");
}

.servicecaselistbox em.servicecaselistnextbtn {
	right: 0px;
	background-image: url("../images/icon007.png");
}

.servicecaselistbox em:hover {
	background-color: #405363;
	border-color: #405363;
}

.servicecaselist {
	overflow: hidden;
	position: relative;
}

.servicecaselist ul li {
	overflow: hidden;
}

.servicecaselist ul li a {
	display: block;
	background: #fff;
	height: 130px;
	padding: 25px 20px 0px;
	transition: all .4s ease
}

.servicecaselist ul li a h3 {
	color: #405363;
	font-size: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.servicecaselist ul li a .desc {
	font-size: 14px;
	color: #75767a;
	margin-top: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.servicecaselist ul li a .more {
	text-align: right;
	font-size: 14px;
	margin-top: 15px;
}

.servicecaselist ul li a:hover {
	background: #405363;
}

.servicecaselist ul li a:hover h3 {
	color: #fff;
}

.servicecaselist ul li a:hover .desc {
	color: #fff;
}

.servicecaselist ul li a:hover .more {
	color: #fff;
}

.servicecaselist ul li.cur a {
	background: #405363;
}

.servicecaselist ul li.cur a h3 {
	color: #fff;
}

.servicecaselist ul li.cur a .desc {
	color: #fff;
}

.servicecaselist ul li.cur a .more {
	color: #fff;
}



.indexnewsbox {
	background: url("../images/index/icon/news-icon.png") no-repeat left bottom #ffffff;
	background-size: 25% auto;
}

.indexnewsbox .commonentitle {
	z-index: 1;
	color: #f9f9f9
}

.newstitleclass dd {
	text-align: center;
	padding-top: 40px;
}

.newstitleclass dd a {
	font-size: 18px;
	font-weight: 700;
	color: #222;
	margin: 0px 10px;
}

.newstitleclass dd a.cur {
	color: #405363;
}

.newstitleclass dd a:hover {
	color: #405363;
}

.indexnewslistbox {
	position: relative;
	padding: 0px 40px;
}

.indexnewslistbox em {
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 30px;
	height: 30px;
	border: 1px solid #000000;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
}

.indexnewslistbox em.indexnewslistprevbtn {
	left: 0px;
	background-image: url("../images/icon06.png");
}

.indexnewslistbox em.indexnewslistnextbtn {
	right: 0px;
	background-image: url("../images/icon07.png");
}

.indexnewslistbox em:hover {
	background-color: #405363;
	border-color: #405363;
}

.indexnewslistbox em.indexnewslistprevbtn:hover {
	background-image: url("../images/icon006.png");
}

.indexnewslistbox em.indexnewslistnextbtn:hover {
	background-image: url("../images/icon007.png");
}


.indexnewslist {
	overflow: hidden;
	position: relative;
}

.indexnewslist .time {
	background: none !important;
	color: #75767a
}

.indexnewslist .indexnewslistdot {
	text-align: center;
	padding-top: 30px;
}

.indexnewslist .indexnewslistdot span {
	width: 4px;
	height: 6px;
	background: #405363;
	margin: 0px 5px;
	border-radius: 0px;
	transition: all .4s ease;
	border: none;
}

.indexnewslist .indexnewslistdot span.swiper-pagination-bullet-active {
	background: #405363;
	height: 14px;
}

.indexteambox {
	background: url("../images/img82.jpg") no-repeat center;
	background-size: cover
}

.indexteambox .commonentitle {
	z-index: 1;
	color: #930003;
}

.indexteambox .indextitle {
	border-color: #d9b765;
	color: #fff
}

.indexteam {
	position: relative;
	padding: 0px 40px;
}

.indexteam em {
	display: block;
	position: absolute;
	top: calc(50% - 60px);
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 30px;
	height: 30px;
	border: 1px solid #fff;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
}

.indexteam em.indexteamprevbtn {
	left: 0px;
	background-image: url("../images/icon006.png");
}

.indexteam em.indexteamnextbtn {
	right: 0px;
	background-image: url("../images/icon007.png");
}

.indexteam em:hover {
	background-color: #d9b765;
	border-color: #d9b765;
}

.indexteamlistbox {
	position: relative;
	overflow: hidden;
	margin-top: 45px;
}

.indexteamlist {
	position: relative;
	overflow: hidden;
}

.indexteamlist ul {
	display: flex;
	align-items: center;
	transition-duration: 300ms !important;
}

.indexteamlist ul li {
	width: 100%;
}

.indexteamlist ul li a {
	display: block
}

.indexteamlist ul li h3 {
	font-size: 24px;
	color: #fff;
	text-align: center;
	font-weight: 700;
	margin-top: 20px;
}

.indexteamlist ul li h3 span {
	display: block;
	font-size: 18px;
	color: #d9b765;
	padding-top: 10px;
}

.indexteamlist ul li .imgbox img {
	display: block;
	width: 100%;
}

.indexteamlist ul li .indexteamlistcontent {
	width: 240px;
	margin: 0px auto;
}

.indexteamlist ul li.prevClass .indexteamlistcontent {
	margin: 0px;
	float: right;
}

.indexteamlist ul li.nextClass .indexteamlistcontent {
	margin: 0px;
	float: left;
}


.teamdesc {
	max-width: 820px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	padding-top: 30px;
	margin: 0px auto;
	line-height: 24px;
	overflow: hidden;
	position: relative;
}

.indexteamlistbox .indexteamlistdot {
	text-align: center;
	padding-top: 30px;
}

.indexteamlistbox .indexteamlistdot span {
	width: 4px;
	height: 6px;
	background: #fff;
	margin: 0px 5px;
	border-radius: 0px;
	transition: all .4s ease;
	border: none;
}

.indexteamlistbox .indexteamlistdot span.swiper-pagination-bullet-active {
	background: #d9b765;
	height: 14px;
}

.indexteamlistMobile {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	opacity: 1;
	visibility: visible;
	z-index: 9;
}

.indexteamlistPc {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	z-index: 1;
}


.indexaboutbox {
	background: url("../images/index/bg-about.jpg") no-repeat center;
	background-size: cover
}

.indexaboutbox .commonentitle {
	color: rgba(255, 255, 255, 0.4);
}

.indexabout {
	font-size: 14px;
	line-height: 24px;
	margin-top: 30px;
	color: #75767a;
}

.indexabout .desc {
	color: #75767a;
	line-height: 30px;
    padding-bottom: 15px;
    text-align: justify;
}


.indexabout .more {
	margin-top: 20px;
}

.indexabout .more a {
	display: inline-block;
	width: 120px;
	height: 40px;
	background: #405363;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 40px;
}

.indexaboutnum {
	display: flex;
	padding-top: 40px;
}

.indexaboutnum li {
	flex: 1;
	float: none;
	width: auto;
	padding: 0px;
}

.indexaboutnum .flex {
	flex: auto;
	max-width: 360px;
}

.indexaboutnum li:nth-child(2) {
	padding: 0px 20px;
}

.indexaboutnum li .time {
	font-size: 14px;
	color: #405363;
}

.indexaboutnum li .time em {
	font-size: 16px;
}

.indexaboutnum li .time span {
	font-size: 30px;
	font-weight: 600;
	line-height: 1;
}

.indexaboutnum li .desc {
	font-size: 14px;
	color: #75767a;
	padding-top: 5px;
}


.indexconnectbox {
	background: url("../images/index/icon/contact-icon.png") no-repeat left bottom #f7f7f7;
	background-size: 20% auto;
}

.indexconnectbox .commonentitle {
	color: rgba(255, 255, 255, 0.7);
}

.indexconnectForm ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: 45px;
}

.indexconnectForm ul li {
	width: 50%;
	padding-bottom: 10px;
	padding-right: 10px;
}

.indexconnectForm ul li label {
	display: block;
	border: 1px solid #e5e5e5;
	padding: 10px 10px;
	background: #fff;
	margin: 0px;
}

.indexconnectForm ul li label input {
	font-size: 14px;
	outline: none;
	background: none;
	border: none;
	width: 100%
}

.indexconnectForm p {
	padding-top: 15px;
}

.indexconnectForm p input {
	width: 120px;
	height: 50px;
	background: #405363;
	color: #fff;
	font-size: 14px;
}

.indexconnect {
	font-size: 18px;
	padding-left: 0px;
	padding-top: 50px;
}

.indexconnect .tel {
	font-size: 26px;
	color: #405363;
	font-weight: 700;
	padding-top: 45px;
}

.indexconnect .mail {
	font-size: 14px;
	color: #999999;
	margin-top: 45px;
}

.indexconnect .address {
	font-size: 14px;
	color: #999999;
	margin-top: 20px;
}

.indexconnect .desc {
	padding-top: 5px;
}

.popupVideobox {
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.75);
	left: 0px;
	top: 0px;
	padding: 0px 15px;
	display: none;
}

.videobox {
	max-width: 800px;
	width: 100%;
	margin: 0px auto;
	position: relative;
	transform: translateY(-50%);
	top: 50%;
}

.videobox video {
	width: 100%;
	display: block;
	height: 450px;
	background: #000;
}

.videobox .closeVideobox {
	position: absolute;
	right: 0px;
	top: -40px;
	width: 30px;
	height: 30px;
	transform: rotate(-45deg);
	cursor: pointer;
}

.videobox .closeVideobox:after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%)
}

.videobox .closeVideobox:before {
	content: '';
	display: block;
	width: 2px;
	height: 100%;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 0px;
	transform: translateX(-50%)
}

.videobtn {
	cursor: pointer;
}

.AnchorPoint {
	left: 10px;
	position: absolute;
	width: 140px;
	z-index: 99;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	display: none;
}

.AnchorPoint a {
	color: #fff;
	display: block;
	font-size: 14px;
	position: relative;
	height: 56px;
	line-height: 10px;
	padding-left: 24px;
}

.AnchorPoint a:after {
	content: '';
	width: 9px;
	height: 9px;
	border-radius: 100%;
	border: 1px solid #fff;
	left: 0px;
	top: 0px;
	display: block;
	position: absolute;
}

.AnchorPoint a:before {
	content: '';
	bottom: 0px;
	width: 1px;
	background: #fff;
	left: 4px;
	top: 9px;
	position: absolute;
	display: block;
}

.AnchorPoint a:last-child {
	height: auto;
}

.AnchorPoint a:last-child:before {
	display: none;
}

.AnchorPoint a.cur:after {
	background: #405363;
}

.AnchorPoint a.cur:before {
	background: #405363
}

.AnchorPoint a.cur {
	color: #405363
}


.active {
	/* display: block !important; */
}

#loader {
	display: none;
}

.cesadetailsbox .upperandlower {
	padding: 25px 0px 0px;
	margin-top: 35px;
}

.videoIcon {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	z-index: 99;
}

.videoIcon:after {
	content: '';
	z-index: 10;
	width: 80px;
	height: 80px;
	background: url("../images/img95.png") no-repeat;
	background-size: cover;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.videoIcon:before {
	background: rgba(0, 0, 0, .5);
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	content: '';
	display: block;
	z-index: 8;
}


.AnchorPointRed a {
	color: #75767A;
}

.AnchorPointRed a.cur {
	color: #405363;
}

.AnchorPointRed a:after {
	border-color: #75767A;
}

.AnchorPointRed a:before {
	background: #75767A;
}

.AnchorPointRed a.cur:after {
	background: #405363;
}

.AnchorPointRed a.cur:before {
	background: #405363;
}

.AnchorPointYellow a.cur {
	color: #d9b765;
}

.AnchorPointYellow a.cur:after {
	background: #d9b765;
}

.AnchorPointYellow a.cur:before {
	background: #d9b765;
}

.videoPlay {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 20;
	object-fit: cover;
}

@media (max-width:375px) {
	.businessneedslist ul li .businessneedslistcontent {
		padding: 25px 10px 0px;
	}

	.businessneedslist ul li .businessneedslistcontent .num {
		padding-right: 10px;
	}

	.servicecontentlist ul li a {
		padding: 20px 0px 0px 10px;
	}

	.servicecontentlist ul li h3 {
		font-size: 13px;
	}
}

@media (min-width: 768px) {
	.aboutbox {
		padding: 70px 0px;
	}

	.commonentitle {
		font-size: 100px;
	}

	.about ul {
		padding-top: 40px;
	}

	.aboutslogan dl dt {
		font-size: 30px;
	}

	.aboutculturetitle {
		font-size: 34px;
		line-height: 34px;
		margin-top: 60px;
	}

	.servicesasetitle {
		font-size: 34px;
		margin-top: 60px;
		line-height: 34px;
	}

	.contactustitle {
		font-size: 34px;
		line-height: 34px;
		margin-top: 60px;
	}

	.joinustitle {
		font-size: 34px;
		line-height: 34px;
		margin-top: 70px;
	}

	.expertteamtitle {
		font-size: 34px;
		line-height: 34px;
		margin-top: 70px;
	}

	.aboutculturelist ul {
		margin: 0px -20px;
	}

	.aboutculturelist ul li {
		float: left;
		width: 33.333%;
		padding: 0px 20px;
	}

	.aboutculturelist ul li:nth-child(1) {
		padding-top: 130px;
	}

	.aboutculturelist ul li:nth-child(2) {
		padding-top: 60px;
	}

	.aboutculturebox {
		padding-bottom: 90px;
	}

	.aboutculture h3 {
		margin-left: 15px;
		position: relative;
		color: #222;
		background: #fcfcfc;
		z-index: 2;
		margin-top: -20px;
		line-height: 50px;
		padding-left: 15px;
		font-size: 18px;
	}

	.aboutculture h3 span {
		font-size: 18px;
		font-weight: 700;
		margin-right: 15px;
	}

	.aboutculture .desc {
		margin-left: 15px;
		padding-left: 15px;
		font-size: 14px;
		padding: 10px 0px 10px 15px;
		line-height: 30px;
		max-width: 370px;
		width: 330px;
	}

	.Founder {
		margin-top: 50px;
	}

	.Founder dl dt {
		float: left;
		width: 277px;
	}

	.Founder dl dd {
		float: left;
		width: calc(100% - 277px);
		padding: 30px 30px 0px 20px;
	}

	.expertteadetailbox {
		padding: 35px 30px;
		margin: 60px 0px 60px;
	}

	.joinusbanner {
		height: 300px;
		margin-top: 45px;
		padding: 55px 0px 0px 40px;
	}

	.joinusbanner h3 {
		font-size: 30px;
		line-height: 42px;
		color: #8f0000;
		font-weight: 700;
		padding-bottom: 20px;
	}

	.joinusbanner p {
		position: relative;
		padding-left: 25px;
		font-size: 16px;
		color: #222222;
		line-height: 30px;
	}

	.joinusbanner p:after {
		width: 10px;
		height: 10px;
		border-radius: 100%;
		content: '';
		position: absolute;
		left: 0px;
		top: 10px;
	}

	.joinuslist {
		padding: 30px 0px 60px;
	}

	.joinuslist ul li .jobtitle {
		font-size: 20px;
		line-height: 28px;
		color: #222222;
		position: relative;
		font-weight: 600;
		cursor: pointer;
	}

	.joinuslist ul li .subtitle {
		font-size: 14px;
		padding: 10px 0px 0px;
		display: block;
	}

	.joinuslist ul li .jobcontent {
		font-size: 14px;
		color: #666666;
		line-height: 30px;
		border-top: 1px solid #e5e5e5;
		margin-top: 20px;
		padding: 35px 0px 10px;
		display: none;
	}

	.joinuslist ul li .jobcontenttitle {
		font-size: 20px;
		color: #222222;
		position: relative;
		font-weight: 600;
	}

	.commonclass {
		padding-top: 60px;
	}

	.commonclass a {
		color: #222;
		font-size: 20px;
		margin: 0px 30px;
		display: inline-block;
		padding: 15px 0px;
	}

	.newslist h3 {
		font-size: 20px;
		color: #222222;
		line-height: 26px;
		height: 52px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.newslisttwo ul li a .imgbox {
		float: left;
		width: 300px;
	}

	.newslisttwo ul li a .imgbox img {
		display: block;
		width: auto;
		height: 188px;
	}

	.newslisttwo ul li a .newslisttwocontent {
		float: left;
		width: calc(100% - 300px);
		padding-left: 35px;
		padding-top: 30px;
	}

	.newslisttwo ul li a .time {
		color: #666666;
		font-size: 14px;
		font-weight: 700;
	}

	.newslisttwo ul li a h3 {
		font-size: 20px;
		line-height: 28px;
		font-weight: 700;
		margin-top: 15px;
	}

	.newsdetailbox {
		padding-top: 50px;
	}

	.newsdetailtitle {
		font-size: 30px;
	}

	.sourcetime {
		margin-top: 30px;
		font-size: 14px;
	}

	.newsdetail {
		font-size: 16px;
		line-height: 2.2;
		padding: 20px 0px;
	}

	.sourcetime span {
		margin-right: 30px;
	}

	.sourcetime dl {
		position: absolute;
		right: 0px;
		top: 0px;
	}

	.sourcetime dl dt {
		margin-right: 40px;
	}

	.upperandlower {
		font-size: 16px;
		border-top: 1px solid #e5e5e5;
		padding: 25px 0px 50px;
	}

	.upperandlower p {
		text-align: center;
		line-height: 50px;
		position: absolute;
		left: 50%;
		padding: 0px;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		top: 25px;
	}

	.upperandlower p a span {
		display: inline-block;
		width: 110px;
		font-size: 16px;
		height: 50px;
	}

	.upperandlower dt {
		float: left;
		width: calc(50% - 100px);
		line-height: 50px;
		padding-left: 20px;
	}

	.upperandlower dt a {
		height: 50px;
	}

	.upperandlower dd {
		float: right;
		width: calc(50% - 100px);
		line-height: 50px;
		padding-right: 20px;
		text-align: right;
	}

	.upperandlower dd a {
		height: 50px;
	}

	.upperandlower dt:after {
		width: 12px;
		height: 12px;
		display: block;
	}

	.upperandlower dd:after {
		width: 12px;
		height: 12px;
		display: block;
	}

	.recommendnews {
		padding: 50px 0px;
	}

	.recommendnews h2 {
		font-size: 22px
	}

	.service {
		padding-top: 95px;
	}

	.positionmain {
		margin-top: 50px;
	}

	.strategyposition {
		padding-top: 90px;
	}

	.caselist a .caselistcontent .caselogo img {
		height: 50px;
	}

	.caselist a .caselistcontent h3 {
		font-size: 22px;
		margin-top: 15px;
	}

	.caselist a .caselistcontent .desc {
		font-size: 18px;
		padding-top: 10px;
	}

	.logoshare dt img {
		width: 160px;
	}

	.cesadetailsbox {
		padding: 40px 35px 50px;
	}

	.communicatetitle {
		margin-top: 70px;
	}

	.communicateform {
		background: #fff;
		padding: 30px 25px;
		margin-top: 40px;
	}

	/*20210820*/
	/*.indexbannertext{ left:32%;}*/
	.indexbannertext {
		left: 44%;
	}

	.indexbannertext .textImg img {
		max-width: 80%;
	}

	.indextitle {
		font-size: 26px;
		line-height: 16px;
	}

	.businessneedsbox {
		background-size: 25% auto;
	}

	.servicecaselistbox {
		padding: 0px;
	}

	.servicecaselistbox em {
		width: 45px;
		height: 45px;
	}

	.servicecaselistbox em.servicecaselistprevbtn {
		left: -80px;
	}

	.servicecaselistbox em.servicecaselistnextbtn {
		right: -80px;
	}

	.servicecasebannertext h3 {
		font-size: 24px;
		padding-bottom: 30px;
	}

	.servicecasebannertext .desc {
		font-size: 18px;
		margin-top: 15px;
	}

	.servicecaselist ul li a {
		display: block;
		background: #fff;
		height: 170px;
		padding: 35px 30px 0px;
		transition: all .4s ease
	}

	.servicecaselist ul li a h3 {
		color: #405363;
		font-size: 22px;
	}

	.servicecaselist ul li a .desc {
		font-size: 16px;
		color: #75767a;
		margin-top: 10px;
	}

	.servicecaselist ul li a .more {
		text-align: right;
		font-size: 14px;
		margin-top: 15px;
	}

	.newstitleclass dt {
		float: left;
	}

	.newstitleclass dd {
		float: right;
		padding-top: 0px;
		text-align: left;
	}

	.newstitleclass dd a {
		font-size: 18px;
		margin: 0px 0px 0px 40px
	}

	.indexaboutnum li .time {
		font-size: 14px;
		color: #405363;
	}

	.indexaboutnum li .time em {
		font-size: 16px;
	}

	.indexaboutnum li .time span {
		font-size: 40px;
		font-weight: 600;
		line-height: 1;
	}

	.indexaboutnum li .desc {
		font-size: 14px;
		color: #75767a;
		padding-top: 5px;
	}

	.indexabout {
		font-size: 16px;
		line-height: 28px;
	}

	.indexconnectForm ul li label input {
		font-size: 16px;
	}

	.indexconnect .tel {
		font-size: 34px;
		color: #405363;
		font-weight: 700;
		padding-top: 45px;
	}

	.indexconnect .mail {
		font-size: 16px;
		color: #999999;
		margin-top: 45px;
	}

	.indexconnect .address {
		font-size: 16px;
		color: #999999;
		margin-top: 20px;
	}

	.indexconnectForm ul li {
		padding-bottom: 20px;
		padding-right: 25px;
	}

	.indexteamlist ul li {
		width: calc(33.333% - 15px);
	}

	.indexteamlist ul li .indexteamlistcontent {
		width: 100%;
	}

	.newsbanner ul li a {
		width: auto;
		height: 450px;
	}

	.newsbanner ul li img {
		display: block;
		width: auto;
		height: 450px;
		left: 50%;
		position: absolute;
		transform: translateX(-50%) scale(1);
		-webkit-transform: translateX(-50%) scale(1);
		transition: all .8s ease;
		-webkit-transition: all .8s ease;
	}

	.newsbanner ul li:hover img {
		transform: translateX(-50%) scale(1.1);
		-webkit-transform: translateX(-50%) scale(1.1);
	}

	.newslist .imgbox {
		height: 265px;
	}

	.newslist img {
		display: block;
		width: auto;
		height: 265px;
		position: absolute;
		left: 50%;
		transform: translateX(-50%) scale(1);
		-webkit-transform: translateX(-50%) scale(1);
	}

	.newslist:hover img {
		transform: translateX(-50%) scale(1.1);
		-webkit-transform: translateX(-50%) scale(1.1);
	}

	.caselist a .imgbox img {
		display: block;
		width: auto;
		height: 280px;
		position: relative;
		left: 50%;
		transform: translateX(-50%) scale(1);
		-webkit-transform: translateX(-50%) scale(1);
	}

	.caselist a:hover .imgbox img {
		transform: translateX(-50%) scale(1.1);
		-webkit-transform: translateX(-50%) scale(1.1);
	}

	.caserecommendimg img {
		display: block;
		width: auto;
		height: 450px;
	}

	.indexnewslistbox {
		position: relative;
		padding: 0px;
	}

	.indexnewslistbox em {
		width: 45px;
		height: 45px;
		top: calc(50% - 120px);
	}

	.indexnewslistbox em.indexnewslistprevbtn {
		left: -80px;
	}

	.indexnewslistbox em.indexnewslistnextbtn {
		right: -80px;
	}

	.indexteam {
		position: relative;
		padding: 0px;
	}

	.indexteam em {
		top: calc(50% - 120px);
		width: 45px;
		height: 45px;
	}

	.indexteam em.indexteamprevbtn {
		left: -80px;
	}

	.indexteam em.indexteamnextbtn {
		right: -80px;
	}

	.expertteadetailbox .upperandlower p {
		top: 0px;
	}

	.caserecommendbox {
		display: block;
	}

	.caselisttitle {
		display: block;
	}

	.newsbannerbox {
		display: block;
	}

	.expertteamlist ul li:nth-child(2n+1) {
		clear: left;
	}

}

@media (min-width: 992px) {
	.footer dl dt {
		float: left;
		color: #666666;
		font-size: 14px;
	}

	.footer dl dd {
		float: right;
		padding-top: 0px;
	}

	.footer dl dd a {
		margin: 0px 0px 0px 25px
	}

	.footer ul {
		text-align: left;
	}

	.footer ul li {
		font-size: 16px;
	}

	.footer ul li a {
		padding: 0px 20px;
	}

	.footer ul li:nth-child(1) a {
		padding: 0px 20px 0px 0px
	}

	.about ul li {
		width: 33.333%;
		padding: 0px;
	}

	.about ul li .time span {
		font-size: 40px;
	}

	.about ul li .desc {
		font-size: 16px;
	}

	.aboutslogan dl {
		position: relative;
		padding: 160px 0px 90px
	}

	.aboutslogan dl dt {
		position: absolute;
		left: 0px;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		font-size: 40px;
		color: #ffffff;
		font-weight: 700;
		text-align: left;
	}

	.aboutslogan dl dd {
		float: right;
		width: 64%;
	}

	.aboutslogan dl dd img {
		left: 120px;
	}

	.aboutculturelist ul {
		margin: 0px -10px;
	}

	.aboutculturelist ul li {
		float: left;
		width: 33.333%;
		padding: 0px 10px;
	}

	.aboutculturelist ul li:nth-child(1) {
		padding-top: 230px;
	}

	.aboutculturelist ul li:nth-child(2) {
		padding-top: 100px;
	}

	.Founder dl dt {
		float: left;
		width: 377px;
	}

	.Founder dl dd {
		width: calc(100% - 377px);
		padding: 50px 50px 0px 40px;
	}

	.Founder dl dd h3 {
		font-size: 26px;
		color: #405363;
		font-weight: 700
	}

	.Founder dl dd h3 a {
		color: #405363;
	}

	.Founder dl dd .subtitle {
		font-size: 18px;
		color: #405363;
		padding-top: 15px;
	}

	.Founder dl dd .desc {
		font-size: 16px;
		color: #222222;
		padding-top: 20px;
		line-height: 36px;
	}

	.Founder dl dd .Founderbtn {
		padding: 20px 0px 0px;
	}

	.expertteadetailImg {
		float: left;
		width: 350px;
	}

	.expertteadetail {
		float: left;
		width: calc(100% - 350px);
		padding: 20px 30px 0px 60px;
	}

	.expertteadetail h3 {
		font-size: 26px;
		color: #405363;
		font-weight: 700
	}

	.expertteadetail h3 a {
		color: #405363;
	}

	.expertteadetail h4 {
		font-size: 18px;
		color: #222222;
		margin-top: 30px;
	}

	.expertteadetail .subtitle {
		font-size: 18px;
		color: #405363;
	}

	.expertteadetail .desc {
		font-size: 16px;
		color: #222222;
		padding-top: 20px;
		line-height: 24px;
	}

	.expertteadetailImg span {
		right: -40px;
		bottom: -40px;
	}

	.expertteadetailbox .upperandlower {
		margin: 80px 0px 0px;
	}

	.joinuslist ul li {
		padding: 40px 0px 20px;
	}

	.joinuslist ul li .jobcontent .submitresume dt {
		float: left;
	}

	.joinuslist ul li .jobcontent .submitresume dt a {
		display: block;
		width: 180px;
		line-height: 60px;
		background: #8f0000;
		text-align: center;
	}

	.joinuslist ul li .jobcontent .submitresume dt a span {
		background: url("../images/icon16.png") no-repeat left center;
		font-size: 18px;
		color: #fff;
		padding-left: 35px;
	}

	.joinuslist ul li .jobcontent .submitresume dd {
		float: right;
		color: #8f0000;
		font-size: 16px;
		padding: 0px;
	}

	.newsbanner {
		width: 500px;
	}

	.newsbannertext {
		left: 500px;
		position: absolute;
		right: 0px;
		bottom: 0px;
		top: 0px;
	}

	.newsbannertext ul li a {
		padding: 30px 30px 0px;
	}

	.newsbannertext ul li a .time {
		font-size: 28px;
		color: #8f0000
	}

	.newsbannertext ul li a .time span {
		font-size: 18px;
		color: #222222;
		display: block;
		padding-top: 7px;
	}

	.newsbannertext ul li a h3 {
		color: #222222;
		font-size: 22px;
		margin-top: 10px;
		line-height: 30px;
		height: 60px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.newsbannertext ul li a .desc {
		color: #666666;
		font-size: 14px;
		margin-top: 10px;
		line-height: 24px;
		height: 72px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}

	.newsbannertext ul li a .more {
		padding-top: 20px;
	}

	.newsbannertext ul li a .more span {
		padding-right: 25px;
		color: #8f0000;
		font-size: 14px;
		background: url("../images/icon03.png") no-repeat right center;
	}

	.service {
		padding-top: 125px;
	}

	.service dl dt {
		float: left;
		width: 50%;
	}

	.service dl dd {
		position: absolute;
		right: 0px;
		width: 50%;
		bottom: 0px;
		top: 0px;
		padding: 20px 40px 0px;
	}

	.service dl dd .bigtitle {
		height: 100px;
		font-size: 24px;
		color: #fff;
		position: absolute;
		left: 0px;
		right: 0px;
		bottom: 0px;
		margin: 0px;
	}

	.service dl dd .bigtitle span {
		/*padding-left:50px;*/
	}

	.service dl dd .bigtitle span:before {
		content: '';
		height: 1px;
		background: #fff;
		width: 40px;
		margin-right: 25px;
		vertical-align: middle
	}

	.service dl dd .subtitle {
		font-size: 16px;
		color: #8f0000;
		margin: 0px;
	}

	.service dl dd .threetitle {
		font-size: 28px;
		color: #222222;
		max-width: 465px;
		line-height: 30px;
		margin-top: 15px;
	}

	.service dl dd .desc {
		font-size: 14px;
		color: #444444;
		max-width: 590px;
		line-height: 24px;
		margin-top: 15px;
	}

	.strategyposition dl dt {
		padding-top: 60px;
		float: left;
		width: 50%;
		padding-right: 40px;
	}

	.strategyposition dl dt h3 {
		font-size: 30px;
		color: #000;
		padding-bottom: 30px;
		font-weight: 700
	}

	.strategyposition dl dt img {
		display: block;
		width: 100%;
	}

	.strategyposition dl dd {
		width: 50%;
		float: left;
	}

	.strategypositioncontent {
		min-height: 220px;
		background: #f7f7f7;
		position: relative;
		padding: 40px 30px 40px 135px;
		margin-top: 30px;
		transition: all .4s ease;
		-webkit-transition: all .4s ease;
	}

	.strategypositioncontent img {
		display: block;
		position: absolute;
		left: 35px;
		top: 48px;
		height: 62px;
	}

	.strategypositioncontent h3 {
		font-size: 22px;
		color: #000000;
		font-weight: 700
	}

	.strategypositioncontent .desc {
		font-size: 14px;
		color: #444444;
		margin-top: 15px;
		line-height: 24px;
	}

	.strategypositioncontent:first-child {
		margin: 0px;
	}

	.strategyposition dl:last-child {
		border-bottom: none;
		padding: 0px;
		margin: 0px;
	}

	.strategyposition dl:nth-child(4) dt {
		float: right;
		padding-right: 0px;
		padding-left: 90px;
	}

	.strategyposition dl:nth-child(4) dd {
		float: left;
	}

	.positionmain {
		margin-top: 20px;
		padding-bottom: 100px;
	}

	.caserecommendimg {
		float: left;
		width: 550px;
	}

	.caserecommendimg:after {
		height: 80px;
		background: #f7f7f7;
		width: 90%;
		content: '';
		display: none;
	}

	.caserecommendcontent {
		position: absolute;
		left: 550px;
		padding: 30px 30px 0px;
	}

	.caserecommendcontent h3 {
		font-size: 20px;
		color: #222222;
		line-height: 26px;
		height: 26px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		font-weight: 700;
	}

	.caserecommendcontent .desc {
		font-size: 16px;
		color: #222222;
		line-height: 24px;
		height: 24px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		margin-top: 15px;
	}

	.caserecommendcontent .subtitle {
		font-size: 16px;
		color: #222;
		line-height: 24px;
		height: 24px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		margin-top: 15px;
	}

	.caserecommendcontent .desc1 {
		font-size: 14px;
		line-height: 24px;
		height: 96px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden;
		color: #222222;
		;
		margin-top: 20px;
	}

	.caserecommendcontent .more {
		font-size: 14px;
		color: #405363;
		margin-top: 40px;
	}

	.caserecommendbox .caseprevbtn {
		left: -80px;
	}

	.caserecommendbox .casenextbtn {
		right: -80px;
	}

	.caselist {
		margin-top: 30px;
	}

	.communicatetitle dt {
		float: left;
		font-size: 34px;
		color: #222222;
		font-weight: 600;
		line-height: 34px;
		border-left: 6px solid #405363;
		padding-left: 15px;
	}

	.communicatetitle dd {
		float: right;
		width: 520px;
		color: #444444;
		font-size: 16px;
		line-height: 30px;
		padding-top: 0px;
	}

	.communicateform ul {
		display: flex;
		padding-bottom: 30px;
	}

	.communicateform ul .flex {
		flex: 1;
	}

	.communicateform ul li:nth-child(2) {
		margin: 0px 30px;
	}

	.communicateform dl dt {
		float: left;
		width: 240px;
		font-size: 18px;
	}

	.communicateform dl dd {
		padding-top: 0px;
	}

	.communicateform dl dd label {
		font-size: 18px;
	}

	.indexbannertext h3 {
		font-size: 50px;
	}

	.indexbannertext h3 span {
		display: inline-block;
		width: 24px;
		font-size: 14px;
		font-weight: 700
	}

	.indexbannertext .desc {
		font-size: 20px;
	}

	.indexbannertext p.more a span {
		font-size: 16px;
	}

	.indextitle {
		font-size: 36px;
		line-height: 26px;
	}

	.businessneedstitle {
		float: left;
	}

	.businessneedslist {
		float: right;
		width: 63%;
		margin: 0px;
	}

	.businessneedslist ul li .businessneedslistcontent {
		height: 100px;
		padding: 35px 30px 0px;
	}

	.businessneedslist ul li .businessneedslistcontent .num {
		line-height: 100px;
		font-size: 50px;
	}

	.businessneedslist ul li .businessneedslistcontent h3 {
		font-size: 20px;
	}

	.businessneedslist ul li .businessneedslistcontent .icon {
		padding-top: 10px;
	}

	.servicecontenttitle {
		width: 240px;
		padding: 50px 0px 0px 40px
	}

	.servicecontent {
		display: flex;
	}

	.servicecontentlist {
		flex: 1;
	}

	.servicecontentlist ul li h3 {
		font-size: 18px;
		font-weight: 700;
		color: #405363;
		margin-top: 10px;
		line-height: 26px;
	}

	.servicecontentlist ul li .num {
		font-size: 20px;
		font-weight: 700;
		margin-top: 25px;
	}

	.servicecontentlist ul li .icon {
		text-align: right;
	}

	.servicecontentlist ul li .icon img {
		/* height: 50px; */
	}

	.servicecontentlist ul li a {
		display: block;
		height: 230px;
		padding: 30px 20px 0px 45px
	}

	.servicecasebannertext h3 {
		font-size: 28px;
		padding-bottom: 30px;
	}

	.servicecasebannertext .desc {
		font-size: 20px;
		margin-top: 15px;
	}

	.indexnewslist .indexnewslistdot {
		padding-top: 50px;
	}

	.indexteamlistbox .indexteamlistdot {
		padding-top: 50px;
	}

	.indexabout {
		width: 80%;
	}

	.indexaboutnum {
		padding-top: 30px;
	}

	.indexaboutnum li .time {
		font-size: 14px;
		color: #405363;
	}

	.indexaboutnum li .time em {
		font-size: 18px;
	}

	.indexaboutnum li .time span {
		font-size: 50px;
		font-weight: 600;
		line-height: 1;
	}

	.indexaboutnum li .desc {
		font-size: 16px;
		color: #75767a;
		padding-top: 5px;
	}


	.aboutculture .desc {
		width: 330px;
		font-size: 16px;
	}

	.servicecaselistbox {
		margin-top: 100px;
	}

	.newsbannerbox em {
		width: 40px;
		height: 40px;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		top: 50%;
	}

	.newsbannerbox .newsbannerprevbtn {
		left: -20px;
	}

	.newsbannerbox .newsbannernextbtn {
		right: -20px;
	}

	.Founder dl dd .Founderbtn a {
		font-size: 16px
	}

	.newsbanner ul li a {
		height: 350px;
	}

	.newsbanner ul li img {
		height: 350px;
	}

	.caserecommendimg img {
		display: block;
		height: 340px;
	}

	.caserecommendbox em {
		width: 40px;
		height: 40px;
		top: calc(50% - 27px);
		top: -webkit-calc(50% - 27px);
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}

	.caserecommendbox .caseprevbtn {
		left: -20px;
	}

	.caserecommendbox .casenextbtn {
		right: -20px;
	}

	.caserecommend .caserecommendDot {
		width: 550px;
		position: absolute;
		bottom: 30px;
	}

	.indexbanner ul li video {
		display: block;
	}

}

@media (min-width: 1260px) {
	.header {
		position: absolute;
		height: 110px;
	}

	.logo svg {
		height: 62px;
		width: 100%;
	}

	.logo img {
		height: 100%;
	}

	.navbtn {
		display: none;
	}

	.nav {
		display: block;
		position: relative;
		overflow: visible;
		padding: 0px;
		margin: 0px;
		left: auto;
		top: auto;
		right: auto;
		bottom: auto;
		width: auto;
		background: none;
		float: right;
	}

	.menu-active {
		font-weight: 700;
	}

	.nav ul li {
		float: left;
		margin-left: 30px;
		position: relative;
		border: none;
	}

	.nav ul li i {
		display: none;
	}

	.nav ul li>a {
		display: block;
		line-height: 110px;
		height: auto;
		color: #405363;
		font-size: 20px;
		background-position: center top;
		background-repeat: no-repeat
	}

	.nav ul li p {
		position: absolute;
		top: 128px;
		left: -15px;
		right: -15px;
		z-index: -99;
		opacity: 0;
		visibility: hidden;
		transition: all .4s ease;
		-webkit-transition: all .4s ease;
		overflow: visible;
		border: none;
		max-height: inherit;
		padding: 2px 0px 0px;
		border: none;
	}

	.nav ul li p a {
		background: #fff;
		font-size: 18px;
		height: 50px;
		line-height: 50px;
		color: #222222;
		text-align: center;
		display: block;
		box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
		padding: 0px;
	}

	.nav ul li p a:hover {
		background: rgba(242, 242, 242, 0.6);
	}

	.nav ul li:hover>a {
		background-image: url("../images/icon01.png");
	}

	.nav ul li.cur p {
		padding: 2px 0px 0px;
		border-top: none;
	}

	.nav ul li.cur>a {
		background-image: url("../images/icon01.png");
	}

	.nav ul li:hover p {
		z-index: 1;
		opacity: 1;
		visibility: visible;
		top: 109px;
	}

	.commonentitle {
		font-size: 150px;
	}

	.about ul {
		display: flex;
	}

	.about ul .flex {
		flex: auto;
		max-width: 360px;
	}

	.about ul li {
		flex: 1;
		float: none;
		width: auto;
		padding: 0px;
	}

	.about ul li:nth-child(2) {
		padding: 0px 50px;
	}

	.aboutintro {
		padding-right: 70px;
		font-size: 16px;
		line-height: 30px
	}

	.aboutintro .aboutlogo svg {
		width: 450px;
		height: 70px;
	}

	.aboutintro .line {
		margin: 45px 0px;
	}

	.about {
		float: left;
		width: 55%;
	}

	.aboutimg {
		position: absolute;
		right: 0px;
		top: 0px;
		width: 40%;
		margin: 0px;
	}

	.aboutimg span {
		position: absolute;
		width: 132px;
		height: 132px;
		left: -132px;
		bottom: -132px;
		top: auto;
		margin: 0px;
		display: block;
		cursor: pointer;
		background: url("../images/img26.png") no-repeat;
		background-size: cover;
	}

	.about ul {
		padding-top: 80px;
	}

	.aboutslogan dl dt {
		font-size: 60px;
	}

	.aboutslogan dl dd img {
		left: 220px;
	}

	.aboutculturetitle {
		font-size: 44px;
		line-height: 44px;
		margin-top: 90px;
	}

	.servicesasetitle {
		font-size: 44px;
		margin-top: 110px;
		line-height: 44px;
	}

	.aboutculturelist ul {
		margin: 0px -20px;
	}

	.aboutculturelist ul li {
		float: left;
		width: 33.333%;
		padding: 0px 20px;
	}

	.aboutculture h3 {
		margin-left: 55px;
		position: relative;
		color: #222;
		background: #fcfcfc;
		z-index: 2;
		margin-top: -40px;
		line-height: 70px;
		padding-left: 35px;
		font-size: 18px;
	}

	.aboutculture h3 span {
		font-size: 28px;
		font-weight: 700;
		margin-right: 15px;
	}

	.aboutculture .desc {
		margin-left: 55px;
		padding-left: 35px;
		font-size: 18px;
		padding: 10px 0px 10px 35px;
		line-height: 30px;
		max-width: 380px;
		width: 380px;
	}

	.aboutculturelist ul li:nth-child(2) .aboutculture .desc {
		width: 340px;
	}

	.aboutculturebox {
		padding-bottom: 170px;
	}

	.Founder dl dd {
		width: calc(100% - 377px);
		padding: 50px 100px 0px 60px;
	}

	.expertteamtitle {
		font-size: 44px;
		line-height: 44px;
		margin-top: 140px;
	}

	.joinustitle {
		font-size: 44px;
		line-height: 44px;
		margin-top: 135px;
	}

	.Founder {
		margin-top: 70px;
	}

	.Founder dl dd h3 {
		font-size: 36px;
		color: #405363;
		font-weight: 700
	}

	.Founder dl dd h3 a {
		color: #405363;
	}

	.Founder dl dd .subtitle {
		font-size: 24px;
		color: #405363;
		padding-top: 15px;
	}

	.Founder dl dd .desc {
		font-size: 20px;
		color: #222222;
		padding-top: 30px;
		line-height: 36px;
	}

	.Founder dl dd .Founderbtn {
		padding: 20px 0px 0px;
	}

	.expertteadetailbox {
		padding: 55px 50px;
		margin: 120px 0px 100px;
	}

	.expertteadetailImg {
		float: left;
		width: 500px;
	}

	.expertteadetail {
		float: left;
		width: calc(100% - 500px);
		padding: 50px 30px 0px 80px;
	}

	.expertteadetail h3 {
		font-size: 36px;
		color: #405363;
		font-weight: 700
	}

	.expertteadetail h3 a {
		color: #405363;
	}

	.expertteadetail h4 {
		font-size: 22px;
		color: #222222;
		margin-top: 40px;
	}

	.expertteadetail .subtitle {
		font-size: 20px;
		color: #405363;
	}

	.expertteadetail .desc {
		font-size: 18px;
		color: #222222;
		padding-top: 20px;
		line-height: 36px;
	}

	.expertteadetailbox .upperandlower {
		font-size: 18px;
	}

	.upperandlower dt:after {
		width: 15px;
		height: 15px;
	}

	.upperandlower dd:after {
		width: 15px;
		height: 15px;
	}

	.joinusbanner {
		margin-top: 65px;
		padding: 105px 0px 0px 80px;
		height: 500px;
	}

	.joinusbanner h3 {
		font-size: 40px;
		line-height: 52px;
		color: #8f0000;
		font-weight: 700;
		padding-bottom: 80px;
	}

	.joinusbanner p {
		position: relative;
		padding-left: 25px;
		font-size: 24px;
		color: #222222;
		line-height: 40px;
	}

	.joinusbanner p:after {
		border: 1px solid #8f0000;
		width: 10px;
		height: 10px;
		border-radius: 100%;
		content: '';
		position: absolute;
		left: 0px;
		top: 15px;
	}

	.joinuslist {
		padding: 40px 0px 80px;
	}

	.joinuslist ul li .jobtitle {
		font-size: 24px;
		line-height: 36px;
		color: #222222;
		position: relative;
		font-weight: 600;
		cursor: pointer;
	}

	.joinuslist ul li .subtitle {
		font-size: 16px;
		padding: 10px 0px 0px;
		display: block;
	}

	.joinuslist ul li .jobcontent {
		font-size: 16px;
		color: #666666;
		line-height: 30px;
		border-top: 1px solid #e5e5e5;
		margin-top: 20px;
		padding: 35px 0px 10px;
		display: none;
	}

	.joinuslist ul li .jobcontenttitle {
		font-size: 24px;
		color: #222222;
		position: relative;
		font-weight: 600;
	}

	.commonclass {
		padding-top: 90px;
	}

	.commonclass a {
		color: #222;
		font-size: 24px;
		margin: 0px 50px;
		display: inline-block;
		padding: 15px 0px;
	}

	.newsbanner {
		width: 700px;
	}

	.newsbannertext {
		left: 700px;
	}

	.newsbannertext ul li a {
		padding: 50px 50px 0px;
	}

	.newsbannertext ul li a .time {
		font-size: 38px;
		color: #8f0000
	}

	.newsbannertext ul li a .time span {
		font-size: 18px;
		color: #222222;
		display: block;
		padding-top: 7px;
	}

	.newsbannertext ul li a h3 {
		color: #222222;
		font-size: 28px;
		margin-top: 30px;
		line-height: 36px;
		height: 72px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.newsbannertext ul li a .desc {
		color: #666666;
		font-size: 16px;
		margin-top: 30px;
		line-height: 28px;
		height: 84px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}

	.newsbannertext ul li a .more {
		padding-top: 50px;
	}

	.newsbannertext ul li a .more span {
		padding-right: 25px;
		color: #8f0000;
		font-size: 14px;
		background: url("../images/icon03.png") no-repeat right center;
	}

	.newssearch {
		padding-top: 60px;
	}

	.newslistbox {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	/* .newslist {
		padding-top: 45px;
	} */

	.newslist h3 {
		font-size: 24px;
		color: #405363;
		line-height: 34px;
		height: 68px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.newslist .time {
		color: #75767a;
		font-size: 16px;
		font-family: 'Microsoft YaHei', '微软雅黑', sans-serif;
		padding-right: 25px;
		background: url("../images/icon03.png") no-repeat right center;
		margin-top: 20px;
	}

	.paginationbox {
		padding: 0px 0px 90px;
		text-align: center;
	}

	.paginationbox a {
		display: inline-block;
		font-size: 18px;
		padding: 4px 15px;
		color: #666666;
		margin: 0px 5px;
		min-width: 60px;
		height: 60px;
		line-height: 60px;
		background: #f7f7f7;
		vertical-align: middle;
	}

	.paginationbox a:hover {
		color: #fff;
		background: #8c0014;
	}

	.paginationbox span {
		display: inline-block;
		padding: 4px 20px;
		font-size: 18px;
		font-size: 18px;
		margin: 0px 5px;
		color: #fff;
		min-width: 60px;
		height: 60px;
		line-height: 60px;
		background: #8c0014;
		vertical-align: middle;
	}

	.newslisttwo ul li a .imgbox {
		float: left;
		width: 420px;
	}

	.newslisttwo ul li a .imgbox img {
		display: block;
		height: 265px;
	}

	.newslisttwo ul li a .newslisttwocontent {
		float: left;
		width: calc(100% - 420px);
		padding-left: 65px;
		padding-top: 50px;
	}

	.newslisttwo ul li a .time {
		color: #666666;
		font-size: 18px;
		font-weight: 700;
	}

	.newslisttwo ul li a h3 {
		font-size: 28px;
		line-height: 36px;
		font-weight: 700;
		margin-top: 15px;
	}

	.newslisttwo {
		margin-top: 45px;
		padding-bottom: 40px;
	}

	.newsdetailbox {
		padding-top: 100px;
	}

	.newsdetailtitle {
		font-size: 40px;
	}

	.sourcetime {
		margin-top: 50px;
		font-size: 16px;
	}

	.newsdetail {
		font-size: 18px;
		line-height: 2.2;
		padding: 30px 0px;
	}

	.sourcetime span {
		margin-right: 80px;
	}

	.sourcetime dl dt {
		margin-right: 60px;
	}

	.upperandlower {
		font-size: 18px;
		border-top: 1px solid #e5e5e5;
		padding: 25px 0px 90px;
	}

	.upperandlower p a span {
		width: 130px;
		font-size: 18px;
		height: 50px;
	}

	.recommendnews {
		padding: 80px 0px;
	}

	.recommendnews h2 {
		font-size: 28px
	}

	.newslist .desc {
		font-size: 16px;
		line-height: 24px;
		height: 72px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
		margin-top: 20px;
		color: #75767a;
	}

	.service dl dd {
		position: absolute;
		right: 0px;
		width: 50%;
		bottom: 0px;
		top: 0px;
		padding: 30px 60px 0px;
	}

	.service dl dd .bigtitle {
		height: 150px;
		font-size: 30px;
		color: #fff;
		position: absolute;
		left: 0px;
		right: 0px;
		bottom: 0px;
	}

	.service dl dd .bigtitle span {
		/*padding-left: 70px;*/
	}

	.service dl dd .bigtitle span:before {
		content: '';
		height: 1px;
		background: #fff;
		width: 60px;
		margin-right: 25px;
		vertical-align: middle
	}

	.service dl dd .subtitle {
		font-size: 20px;
		color: #8f0000;
	}

	.service dl dd .threetitle {
		font-size: 36px;
		color: #222222;
		max-width: 465px;
		line-height: 40px;
		margin-top: 20px;
	}

	.service dl dd .desc {
		font-size: 16px;
		color: #444444;
		max-width: 590px;
		line-height: 28px;
		margin-top: 20px;
	}

	.service dl dt:after {
		content: '';
		width: 100px;
		height: 100px;
	}

	.positionmain {
		margin-top: 70px;
	}

	.strategyposition {
		padding-top: 130px;
	}

	.strategypositioncontent {
		min-height: 220px;
		background: #f7f7f7;
		position: relative;
		padding: 40px 60px 40px 135px;
		margin-top: 30px;
		transition: all .4s ease;
		-webkit-transition: all .4s ease;
	}

	.strategypositioncontent img {
		display: block;
		position: absolute;
		left: 35px;
		top: 48px;
		height: 62px;
	}

	.strategypositioncontent h3 {
		font-size: 26px;
		color: #000000;
		font-weight: 700
	}

	.strategypositioncontent .desc {
		font-size: 14px;
		color: #444444;
		margin-top: 15px;
		line-height: 24px;
	}

	.caselist a .caselistcontent .caselogo img {
		height: 60px;
	}

	.caselist a .caselistcontent h3 {
		font-size: 26px;
		margin-top: 20px;
	}

	.caselist a .caselistcontent .desc {
		font-size: 20px;
		padding-top: 15px;
	}

	.caserecommendimg {
		float: left;
		width: 720px;
	}

	.caserecommendimg:after {
		height: 80px;
		background: #f7f7f7;
		width: 90%;
		content: '';
	}

	.caserecommendcontent {
		position: absolute;
		left: 720px;
		padding: 40px 60px 0px;
	}

	.caserecommendcontent h3 {
		font-size: 24px;
		color: #222222;
		line-height: 32px;
		height: 32px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		font-weight: 700;
	}

	.caserecommendcontent .desc {
		font-size: 18px;
		color: #222222;
		line-height: 24px;
		height: 24px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		margin-top: 25px;
	}

	.caserecommendcontent .subtitle {
		font-size: 18px;
		color: #222;
		line-height: 24px;
		height: 24px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		margin-top: 25px;
	}

	.caserecommendcontent .desc1 {
		font-size: 16px;
		line-height: 30px;
		height: 120px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden;
		color: #222222;
		;
		margin-top: 20px;
	}

	.caserecommendcontent .more {
		font-size: 16px;
		color: #405363;
		margin-top: 40px;
	}

	.caserecommendbox {
		margin-top: 60px;
	}

	.caselisttitle {
		font-size: 28px;
		padding: 50px 0px 20px;
	}

	.caselistbox {
		padding-bottom: 80px;
	}

	.loadmore {
		padding-bottom: 90px;
	}

	.logoshare dt img {
		width: 220px;
	}

	.cesadetailsbox {
		padding: 70px 60px 90px;
	}

	.cssadetaildesc {
		color: #222;
		font-size: 18px;
		line-height: 36px;
		margin-top: 20px;
	}

	.cssadetailcommon {
		color: #222;
		font-size: 18px;
		line-height: 36px;
		margin-top: 55px;
	}

	.cssadetailcommon .texttitle {
		font-size: 30px;
		line-height: 36px;
		color: #222;
		padding-bottom: 25px;
		font-weight: 600
	}

	.cesadetailsimg {
		padding-top: 80px;
	}

	.cesadetailsrecommend {
		padding-bottom: 90px;
	}

	.communicatetitle {
		margin-top: 120px;
	}

	.communicatetitle dt {
		float: left;
		font-size: 44px;
		color: #222222;
		font-weight: 600;
		line-height: 44px;
		border-left: 6px solid #405363;
		padding-left: 15px;
	}

	.communicatetitle dd {
		float: right;
		width: 640px;
		color: #444444;
		font-size: 20px;
		line-height: 30px;
	}

	.communicateform {
		background: #fff;
		padding: 60px 50px;
		margin-top: 60px;
	}

	.communicateform ul li p {
		font-size: 18px;
	}

	.communicateform p.communicateformbtnbox {
		padding-top: 40px;
	}

	.communicateform p.communicateformbtnbox input {
		width: 200px;
		height: 60px;
		font-size: 18px;
	}

	.contactustitle {
		font-size: 44px;
		color: #222222;
		font-weight: 600;
		line-height: 44px;
		border-left: 6px solid #405363;
		padding-left: 15px;
		margin-top: 100px;
	}

	.contactus dl dt {
		width: 58%;
	}

	/*20210820*/
	/*.contactus dl dd{ position:absolute; right:0px; width:42%; top:0px; bottom:0px; background:#fff; padding:20px 35px 0px}*/
	.contactus dl dd {
		position: absolute;
		right: 0px;
		width: 42%;
		top: 50%;
		background: #fff;
		padding: 0px 35px 0px;
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}

	.contactus dl dd .title {
		font-size: 16px;
		color: #405363;
		padding-bottom: 10px;
	}

	.contactus dl dd .desc {
		color: #222;
		font-size: 18px;
		padding-bottom: 15px;
	}

	.contactus dl dd ul {
		padding-top: 10px;
	}

	.contactus {
		position: relative;
		padding: 50px 0px 70px;
	}

	/*20210820*/
	/*.indexbannertext{ left:32%;}*/
	.indexbannertext {
		left: 42%;
	}

	.indexbannertext h3 {
		font-size: 70px;
	}

	.indexbannertext h3 span {
		display: inline-block;
		width: 24px;
		font-size: 18px;
		font-weight: 700
	}

	/*20210820*/
	/*.indexbannertext .textImg img{ max-width:50%;}*/
	.indexbannertext .desc {
		font-size: 24px;
	}

	.indexbannertext p.more a span {
		font-size: 16px;
	}

	.indextitle {
		font-size: 46px;
		line-height: 46px;
	}

	.businessneedslist ul li .businessneedslistcontent {
		height: 135px;
		padding: 45px 30px 0px;
	}

	.businessneedslist ul li .businessneedslistcontent .num {
		line-height: 135px;
		font-size: 90px;
	}

	.businessneedslist ul li .businessneedslistcontent h3 {
		font-size: 26px;
	}

	.businessneedslist ul li .businessneedslistcontent .icon {
		padding-top: 20px;
	}

	.servicecontenttitle {
		width: 310px;
	}

	.businessneedsbox {
		background-size: 20% auto;
	}

	.servicecontentlist ul li h3 {
		font-size: 26px;
		font-weight: 700;
		color: #405363;
		margin-top: 10px;
		line-height: 26px;
	}

	.servicecontentlist ul li .servicer-des {
		font-size: 18px;
		color: #75767a;
		line-height: 28px;
		padding-top: 15px;
	}

	.servicecontentlist ul li .num {
		font-size: 24px;
		font-weight: 700;
		margin-top: 25px;
	}

	.servicecontentlist ul li .icon {
		text-align: right;
		margin-bottom: -45px;
	}

	.servicecontentlist ul li .icon img {
		/* height: 60px; */
	}

	.servicecontentlist ul li a {
		display: block;
		height: 290px;
		padding: 50px 50px 0px 45px
	}

	.servicecasebannertext h3 {
		font-size: 34px;
		padding-bottom: 40px;
	}

	.servicecasebannertext .desc {
		font-size: 24px;
		margin-top: 25px;
	}

	.servicecaselist ul li a {
		display: block;
		background: #fff;
		height: 180px;
		padding: 35px 30px 0px;
		transition: all .4s ease
	}

	.servicecaselist ul li a h3 {
		color: #405363;
		font-size: 26px;
	}

	.servicecaselist ul li a .desc {
		font-size: 18px;
		color: #75767a;
		margin-top: 10px;
	}

	.servicecaselist ul li a .more {
		text-align: right;
		font-size: 16px;
		margin-top: 25px;
	}

	.newstitleclass dd a {
		font-size: 20px;
		margin: 0px 0px 0px 70px
	}

	.indexnewslist .indexnewslistdot {
		padding-top: 80px;
	}

	.teamdesc {
		font-size: 20px;
		padding-top: 50px;
		line-height: 30px;
	}

	.indexteamlistbox .indexteamlistdot {
		padding-top: 80px;
	}

	.indexaboutnum li .time {
		font-size: 16px;
		color: #405363;
	}

	.indexaboutnum li .time em {
		font-size: 20px;
	}

	.indexaboutnum li .time span {
		font-size: 60px;
		font-weight: 600;
		line-height: 1;
	}

	.indexaboutnum li .desc {
		font-size: 18px;
		color: #75767a;
		padding-top: 5px;
	}

	.indexaboutnum li:nth-child(2) {
		padding: 0px 50px;
	}

	.indexaboutnum {
		padding-top: 40px;
	}

	.indexabout {
		font-size: 18px;
		line-height: 36px;
	}

	.indexabout .more a {
		font-size: 18px;
		height: 50px;
		line-height: 50px;
	}

	.indexconnectForm {
		float: left;
		width: 55%;
	}

	.indexconnectForm ul {
		display: flex;
		flex-wrap: wrap;
		margin-top: 45px;
	}

	.indexconnectForm ul li {
		width: 50%;
		padding-bottom: 20px;
		padding-right: 40px;
	}

	.indexconnectForm ul li label {
		display: block;
		border: 1px solid #e5e5e5;
		padding: 16px 10px;
		background: #fff;
		margin: 0px;
	}

	.indexconnectForm ul li label input {
		outline: none;
		background: none;
		border: none;
	}

	.indexconnectForm p {
		padding-top: 15px;
	}

	.indexconnectForm p input {
		width: 160px;
		height: 60px;
		background: #405363;
		color: #fff;
		font-size: 18px;
	}

	.indexconnect {
		float: left;
		width: 45%;
		font-size: 18px;
		padding-left: 130px;
		padding-top: 0px;
	}

	.indexconnect .tel {
		font-size: 34px;
		color: #405363;
		font-weight: 700;
		padding-top: 45px;
		line-height: 40px;
	}

	.indexconnect .mail {
		font-size: 18px;
		color: #999999;
		margin-top: 45px;
	}

	.indexconnect .address {
		font-size: 18px;
		color: #999999;
		margin-top: 20px;
	}

	.indexconnect .desc {
		padding-top: 5px;
	}

	.indexteamlist ul li {
		width: 31%;
	}

	.indexteamlist ul li .indexteamlistcontent {
		width: 180px;
		margin: 0px auto;
	}

	.indexteamlist ul li.swiper-slide-active .indexteamlistcontent {
		width: 100%;
		display: flex;
		align-items: center;
		position: relative;
		padding: 25px 0px 0px 25px;
	}

	.indexteamlist ul li.swiper-slide-active .indexteamlistcontent:after {
		background: url("../images/img83.png") no-repeat;
		width: 60px;
		height: 60px;
		background-size: cover;
		position: absolute;
		content: '';
		left: 0px;
		top: 0px;
	}

	.indexteamlist ul li.swiper-slide-active .indexteamlistcontent h3 {
		background: url("../images/img64.png") no-repeat bottom;
		background-size: cover;
		width: 70px;
		height: 280px;
		padding: 45px 20px 0px;
		line-height: 30px;
		text-align: center;
		color: #fff;
		margin: 0px;
	}

	.indexteamlist ul li.swiper-slide-active .indexteamlistcontent h3 span {
		margin-top: 10px;
		font-size: 18px;
		color: #d9b765;
		display: inline-block;
		padding: 0px 15px 0px 5px;
		line-height: 20px;
	}

	.indexteamlist ul li.swiper-slide-active .indexteamlistcontent .imgbox {
		flex: 1;
	}

	.servicecaselistbox {
		margin-top: 120px;
	}

	.indexteamlistPc {
		position: relative;
		left: 0px;
		top: 0px;
		width: 100%;
		opacity: 1;
		visibility: visible;
		z-index: 9;
	}

	.indexteamlistMobile {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		opacity: 0;
		visibility: hidden;
		z-index: 1;
	}

	.newsbannerbox em {
		width: 50px;
		height: 50px;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		top: 50%;
	}

	.newsbannerbox .newsbannerprevbtn {
		left: -25px;
	}

	.newsbannerbox .newsbannernextbtn {
		right: -25px;
	}

	.Founder dl dd .Founderbtn a {
		font-size: 18px;
	}

	.newsbanner ul li a {
		height: 450px;
	}

	.newsbanner ul li img {
		height: 450px;
	}

	.caserecommendimg img {
		display: block;
		height: 440px;
	}

	.indexbanner {
		top: 110px;
	}

	.caserecommendbox em {
		width: 50px;
		height: 50px;
	}

	.caserecommendbox .caseprevbtn {
		left: -25px;
	}

	.caserecommendbox .casenextbtn {
		right: -25px;
	}

	.caserecommend .caserecommendDot {
		width: 720px;
	}

	.expertteamlist ul li:nth-child(2n+1) {
		clear: none;
	}

	.expertteamlist ul li:nth-child(3n+1) {
		clear: left;
	}

}

@media (min-width: 1440px) {
	.nav ul li p {
		left: -30px;
		right: -30px;
	}

	.strategyposition {
		padding-top: 180px;
	}

	.aboutbox {
		padding: 100px 0px;
	}

	.commonentitle {
		font-size: 200px;
	}

	.about ul li .time span {
		font-size: 50px;
	}

	.about ul li .desc {
		font-size: 16px;
	}

	.Founder dl dd {
		padding: 60px 100px 0px 60px;
	}

	.newsbanner {
		width: 800px;
	}

	.newsbannertext {
		left: 800px;
	}

	.newsbannertext ul li a {
		padding: 80px 70px 0px;
	}

	.service {
		padding-top: 165px;
	}

	.strategyposition dl dt {
		padding-top: 60px;
		float: left;
		width: 50%;
		padding-right: 90px;
	}

	.strategyposition dl dt h3 {
		font-size: 50px;
		padding-bottom: 60px;
	}

	.strategypositioncontent {
		min-height: 220px;
		background: #f7f7f7;
		position: relative;
		padding: 40px 60px 40px 175px;
		margin-top: 30px;
		transition: all .4s ease;
		-webkit-transition: all .4s ease;
	}

	.strategypositioncontent img {
		display: block;
		position: absolute;
		left: 55px;
		top: 48px;
		height: 62px;
	}

	.strategypositioncontent h3 {
		font-size: 30px;
		color: #000000;
		font-weight: 700
	}

	.strategypositioncontent .desc {
		font-size: 16px;
		color: #444444;
		margin-top: 25px;
		line-height: 26px;
	}

	.strategyposition dl {
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 90px;
		margin-bottom: 90px;
	}

	.positionmain {
		margin-top: 20px;
		padding-bottom: 180px;
	}

	.caserecommendimg {
		float: left;
		width: 820px;
	}

	.caserecommendimg:after {
		height: 80px;
		background: #f7f7f7;
		width: 90%;
		content: '';
	}

	.caserecommendcontent {
		position: absolute;
		left: 820px;
	}

	.caserecommendcontent h3 {
		font-size: 30px;
		color: #222222;
		line-height: 32px;
		height: 32px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		font-weight: 700;
	}

	.caserecommendcontent .desc {
		font-size: 20px;
		color: #222222;
		line-height: 24px;
		height: 24px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		margin-top: 25px;
	}

	.caserecommendcontent .subtitle {
		font-size: 20px;
		color: #222;
		line-height: 24px;
		height: 24px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		margin-top: 25px;
	}

	.caserecommendcontent .desc1 {
		font-size: 18px;
		line-height: 30px;
		height: 120px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden;
		color: #222222;
		;
		margin-top: 20px;
	}

	.caserecommendcontent .more {
		font-size: 18px;
		color: #405363;
		margin-top: 60px;
	}

	.contactus dl dt {
		width: 64%;
	}

	/*20210820*/
	/*.contactus dl dd{ position:absolute; right:0px; width:36%; top:0px; bottom:0px; background:#fff; padding:75px 55px 0px}*/
	.contactus dl {
		background: #fff;
	}

	.contactus dl dd {
		position: absolute;
		right: 0px;
		width: 36%;
		top: 50%;
		background: #fff;
		padding: 0px 55px 0px;
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}


	.contactus dl dd .title {
		font-size: 22px;
		color: #405363;
		padding-bottom: 10px;
	}

	.contactus dl dd .desc {
		color: #222;
		font-size: 18px;
		padding-bottom: 25px;
	}

	.contactus dl dd ul {
		padding-top: 10px;
	}

	/*20210820*/
	/*.indexbannertext{ left:36%;}*/
	.indexbannertext {
		left: 42%;
	}

	.servicecontenttitle {
		width: 410px;
	}

	.aboutculturelist ul {
		margin: 0px -40px;
	}

	.aboutculturelist ul li {
		padding: 0px 40px;
	}

	.servicecaselistbox {
		margin-top: 140px;
	}

	.indexconnectForm {
		padding-bottom: 200px;
	}

	.newsbanner ul li a {
		height: 500px;
	}

	.newsbanner ul li img {
		height: 500px;
	}

	.caserecommendimg img {
		display: block;
		height: 500px;
	}

	.caserecommend .caserecommendDot {
		width: 820px;
	}

	.indexabout {
		width: 68%;
	}

}

@media (min-width: 1640px) {
	.strategyposition {
		padding-top: 230px;
	}

	.service {
		padding-top: 225px;
	}

	.commonentitle {
		font-size: 300px;
	}

	.aboutbox {
		padding: 160px 0px;
	}

	.about ul li .time span {
		font-size: 60px;
	}

	.about ul li .desc {
		font-size: 18px;
	}

	.service dl dt:after {
		content: '';
		width: 132px;
		height: 132px;
	}

	.aboutintro {
		padding-right: 110px;
		font-size: 18px;
		line-height: 36px
	}

	.service dl dd {
		position: absolute;
		right: 0px;
		width: 50%;
		bottom: 0px;
		top: 0px;
		padding: 60px 110px 0px;
	}

	.service dl dd .bigtitle {
		height: 200px;
		font-size: 40px;
		color: #fff;
		position: absolute;
		left: 0px;
		right: 0px;
		bottom: 0px;
	}

	.service dl dd .bigtitle span {
		/*padding-left: 70px;*/
	}

	.service dl dd .bigtitle span:before {
		content: '';
		height: 1px;
		background: #fff;
		width: 60px;
		margin-right: 25px;
		vertical-align: middle
	}

	.service dl dd .subtitle {
		font-size: 20px;
		color: #8f0000;
	}

	.service dl dd .threetitle {
		font-size: 46px;
		color: #222222;
		max-width: 465px;
		line-height: 60px;
		margin-top: 20px;
	}

	.service dl dd .desc {
		font-size: 18px;
		color: #444444;
		max-width: 590px;
		line-height: 34px;
		margin-top: 30px;
	}

	.indexbannertext {
		left: 42%;
	}

	.indexbannertext h3 {
		font-size: 88px;
	}

	.indexbannertext .textImg img {
		max-width: 100%;
	}

	.indexbannertext .desc {
		font-size: 30px;
	}

	.indexbannertext p.more a span {
		font-size: 18px;
	}

	.aboutculturelist ul {
		margin: 0px -70px;
	}

	.aboutculturelist ul li {
		padding: 0px 70px;
	}


	.newsbannerbox em {
		width: 60px;
		height: 60px;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		top: 50%;
	}

	.newsbannerbox .newsbannerprevbtn {
		left: -80px;
	}

	.newsbannerbox .newsbannernextbtn {
		right: -80px;
	}

	.caserecommendbox em {
		width: 60px;
		height: 60px;
	}

	.caserecommendbox .caseprevbtn {
		left: -80px;
	}

	.caserecommendbox .casenextbtn {
		right: -80px;
	}

	.AnchorPoint {
		left: 3%;
		display: block;
	}

	.indexabout {
		width: 55%;
	}

	.indexaboutnum {
		padding-top: 80px;
	}

	.indexabout .more {
		margin-top: 40px;
	}
}

@media only screen and (max-width: 1440px) {

	.servicecasebox .container,
	.indexnewsbox .container,
	.indexteambox .container {
		width: 90%;
	}

	.indexnewslistbox em.indexnewslistprevbtn,
	.servicecaselistbox em.servicecaselistprevbtn {
		left: -60px;
	}

	.indexnewslistbox em.indexnewslistnextbtn,
	.servicecaselistbox em.servicecaselistnextbtn {
		right: -60px;
	}

	.indexteam em.indexteamprevbtn {
		left: -50px;
	}

	.indexteam em.indexteamnextbtn {
		right: -50px;
	}
}

@media only screen and (max-width: 1366px) {
	.nav ul li{ margin-left: 25px;}
	.nav ul li>a{ font-size: 18px;}
	.painpointslist ul li{ width: 23.7% !important;}
}

@media only screen and (max-width: 1024px) {
	.logo img{ height: 70px;}
	.navbtn span{ background: #405363;}
	.painpointslist ul li {
        width: 23.4% !important;
    }
	.servicecontentlist ul li .icon img {
		height: 50px;
	}
	.indexcommonbox .commonentitle{ font-size: 162px;}
	.main{ margin-top: 70px !important;}
	.aboutimg{ width: 100%;}
}

@media only screen and (max-width: 768px) {
	.indexteam em.indexteamprevbtn {
		left: -10px;
	}

	.indexteam em.indexteamnextbtn {
		right: -10px;
	}

	.indexnewslistbox em.indexnewslistprevbtn,
	.servicecaselistbox em.servicecaselistprevbtn {
		left: -50px;
	}

	.indexnewslistbox em.indexnewslistnextbtn,
	.servicecaselistbox em.servicecaselistnextbtn {
		right: -50px;
	}
	.banner-txt .txtone{ font-size: 36px;}
	.banner-txt .txttwo{ font-size: 34px;}
	.indexcommonbox .commonentitle{
        font-size: 120px;
    }
	.painpointslist ul li {
        width: 22.9% !important;
    }
	.painpointslist .painpointslistcontent{ height: 200px !important;}
	.painpointslist .painpointslistcontent h3{ font-size: 22px !important;}
	.painpointslist .painpointslistcontent .num{ font-size: 110px !important;}
	.newslist{padding: 32px 10px;}
	.servicecaselist ul li a{ height: 150px;}
}

@media only screen and (max-width: 540px) {
	.banner-txt .txtone{ font-size: 26px;}
	.banner-txt .txttwo{ font-size: 24px;}
	.indexcommonbox .commonentitle { font-size: 78px;}
	.painpointslist ul li {
        width: 30% !important;
    }
	.painpointslist .painpointslistcontent {
        height: 170px !important;
    }
	.painpointslist .painpointslistcontent h3 {
        font-size: 18px !important;
    }
	.painpointslist .painpointslistcontent .num {
        font-size: 90px !important;
    }
	.servicecontentlist ul li .num{ margin-top: -10px;}
	.indexnewslistbox em.indexnewslistprevbtn, .servicecaselistbox em.servicecaselistprevbtn{left: -10px;}
	.indexnewslistbox em.indexnewslistnextbtn, .servicecaselistbox em.servicecaselistnextbtn{ right: -10px;}
}

.commonclass {
	position: relative;
	z-index: 9;
}

.alink {
	display: inline-block;
	position: relative;
}

.alink ul {
	position: absolute;
	left: 0;
	right: 0;
	top: 150%;
	z-index: -99;
	margin: auto;
	padding: 2px 0px 0px;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
	opacity: 0;
	visibility: hidden;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
}

.alink:hover ul {
	top: 100%;
	opacity: 1;
	visibility: visible;
	z-index: 10;
}

.alink ul li {
	text-align: center;
}

.alink ul li:last-child {
	margin-bottom: 0px;
}

.alink ul li a {
	display: block;
	width: 100%;
	color: #222222;
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	background: #fff;
	margin: auto;
	box-shadow: 0px 0px 8px rgb(0 0 0 / 10%);
	padding: 0px;
}

.alink ul li a.on,
.alink ul li:hover a {
	background: rgba(242, 242, 242, 0.6);
	border-color: transparent;
}

@media only screen and (max-width: 1024px) {
	.alink ul {
		display: none;
	}
}


/* 客户痛点 */
.painpointsbox {
	background: url('../images/index/bg-pain-points.jpg') no-repeat center;
	background-size: cover;
}

.painpointslist {
	width: 100%;
	margin: 50px 0;
}

.painpointslist ul li {
	float: left;
    width: 23.8%;
    margin: 0px 15px 15px 0px;
    background: #ffffff;
}

.painpointslist .painpointslistcontent {
	position: relative;
	height: 240px;
}

.painpointslist .painpointslistcontent h3 {
	position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 26px;
    line-height: 240px;
    color: #405363;
	font-weight: bold;
	text-align: center;
	z-index: 3;
}

.painpointslist .painpointslistcontent .num {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 150px;
    line-height: 240px;
    color: #EBEDEF;
    font-weight: bold;
	z-index: 2;
}


/* 分页样式 */
.news-pagination{ text-align: center; margin-top: 30px; margin-bottom: 50px;}
.news-pagination ul{ display: inline-block; margin-bottom: 0px;}
.news-pagination ul li {
	display: inline-block;
	margin: 0 4px;
	}
.news-pagination ul li a,.news-pagination ul li span {
	display: inline-block;
	width: 48px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	font-size: 16px;
	border-radius: 7px;
	color: #405363;
	-webkit-box-shadow: 0 0px 12px 0.8px rgba(0, 166, 81, 0.1);
			box-shadow: 0 0px 12px 0.8px rgba(0, 166, 81, 0.1);
}
.news-pagination ul li a:hover {
	background:#405363;
	color: #fff;
}
.news-pagination ul li a.active,.news-pagination ul li.active span {
	background:#405363;
	color: #fff;
	-webkit-box-shadow: none;
			box-shadow: none;
}
.news-pagination ul li a.active:hover {
	background-color: #333;
}
.news-pagination ul li a.prev,
.pro-pagination-style ul li a.next {
	background-color: #f6f6f6;
	color: #405363;
	font-size: 17px;
	-webkit-box-shadow: none;
			box-shadow: none;
}

.painpoint-item,.package-item,.package-whyme{ display: flex; justify-content: space-between; margin-top: 125px;}
.painpoint-item:last-child,.package-whyme{ margin-bottom: 125px;}
.painpoint-item .painpoint-left,.package-whyme .package-whyme-img,.package-item-txt{ width: 47%;}
.painpoint-item .painpoint-right,.package-whyme .package-whyme-txt,.package-item-img{ width: 47%;}
.painpoint-item .painpoint-left h3,.painpoint-item .painpoint-right h3{ font-size: 24px; font-weight: bold; margin-bottom: 30px;}
.painpoint-item .painpoint-left p,.painpoint-item .painpoint-right p{ font-size: 16px; line-height: 32px; color: #405363;}
.painpoint-item .painpoint-left h6,.painpoint-item .painpoint-right h6{font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 30px; margin-top: 30px;}
.painpoint-item .painpoint-left img,.painpoint-item .painpoint-right img,.package-whyme .package-whyme-img img,.package-item-img img{ max-width: 100%; }

.package-list{ display: flex;flex-direction:row; flex-wrap:wrap; justify-content: space-around; margin-top: 100px;}
.package-list-item{ width: 48.5%; margin-bottom: 1.5%; background-color: #fff; padding:40px 20px 20px;}
.package-list-top{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.package-list-top h1{ font-size: 80px; font-weight: bold; color: transparent; -webkit-text-stroke: 1px #b0b6bb; -webkit-text-fill-color: transparent; }
.package-list-con h3{ font-size: 26px; font-weight: 700; margin: 20px 0;}
.package-list-con p{ font-size: 18px; line-height: 35px; color: #75767a; margin-top: 15px;}

.package-shlc{ background-color: #405363; padding:80px 60px 60px; margin-top: 70px;}
.package-shlc img{ display: block; margin: 0 auto; max-width: 100%;}
.package-shlc h3{ font-size: 32px; text-align: center; font-weight: bold; color: #fff; margin-top: 50px;}
.pc-hide{ display: none !important;}

.package-item-txt h1{ font-size: 48px; font-weight: bold; color: #405363; margin-bottom: 20px;}
.package-item-txt h3{ font-size: 32px; font-weight: 700; color: #405363; margin-bottom: 30px;}
.package-item-txt dl dt,.package-whyme-txt dl dt{ font-size: 26px; line-height: 30px; color: #75767a;}
.package-item-txt dl dd,.package-whyme-txt dl dd{ font-size: 20px; line-height: 30px; color: #75767a; margin-top: 15px;}

@media screen and (max-width: 1366px) {
	.package-item-txt h1{ font-size: 46px;}
	.package-item-txt h3{ font-size: 30px; margin-bottom: 20px;}
	.package-item-txt dl dt, .package-whyme-txt dl dt{ font-size: 24px;}
	.package-item-txt dl dd, .package-whyme-txt dl dd{ font-size: 18px; line-height: 25px;}
	.package-list-con h3{ font-size: 22px;}
	.package-list-con p{ font-size: 16px; line-height: 30px;}
	.package-list-icon img{ width: 80px;}
}

@media screen and (max-width: 1024px) {
	.painpoint-item, .package-item, .package-whyme{ display: block;}
	.painpoint-item .painpoint-left, .package-whyme .package-whyme-img, .package-item-txt{ width: 100%;}
	.painpoint-item .painpoint-right, .package-whyme .package-whyme-txt, .package-item-img{ width: 100%; margin-top: 50px;}
	.m-hide{ display: none !important;}
	.pc-hide{ display: block !important;}
	.main {
        margin-top: 0px !important;
    }
	.painpoint-item, .package-item, .package-whyme,.package-list{ margin-top: 70px;}
	.painpoint-item:last-child, .package-whyme{ margin-bottom: 70px;}
	.package-shlc{ margin-top: 20px;}
}

@media screen and (max-width: 768px) {
	.pageBanner .sub{ font-size: 90px !important;}
	.package-list{ display: block;}
	.package-list-item{ width: 100%; margin-bottom: 50px;}
}

@media screen and (max-width: 540px) {
	.pageBanner{ height: 330px !important;}
	.pageBanner .sub{ font-size: 60px !important;}
	.pageBanner .title,.package-item-txt h1{ font-size: 36px !important;}
	.package-shlc{ padding: 50px 20px 40px;}
	.package-item-txt h3,.package-shlc h3{ font-size: 24px;}
	.package-item-txt dl dt, .package-whyme-txt dl dt{ font-size: 20px;}
	.package-item-txt dl dd, .package-whyme-txt dl dd{ font-size: 16px; line-height: 20px;}
	.package-list-icon img{ width: 70px;}
	.package-list-top h1{ font-size: 68px;}
	.package-list-con h3{ font-size: 18px;}
	.package-list-con p{ font-size: 14px; line-height: 25px;}
}