body {
	background: #000;
	font-size: 14px;
	overflow-x:hidden;
}

.wrap {
	width: 1200px;
	margin: auto;
}
.indexss .top-banner-box .banner-inner{
	height: 100vh;
}
.indexss .top-banner-box video{
	height: 100vh;
}
.btn-box {
	position: absolute;
	left: 64px;
	top: 40px
}
.btn-box .menu1 {
	margin-bottom: 153px
}

.btn-box .up {
	margin-bottom: 80px
}

.btn-box .pause {
	margin-bottom: 80px
}

.btn-box .voice {
	margin-top: 115px
}

.full-screen {
	width: 100% !important
}

.top-banner-box {
	width: 1800px;
	margin: auto;
	background: #1b1b1b;
	position: relative
}

.top-banner-box .banner-inner {
	width: 1516px;
	margin: auto;
	position: relative
}

.top-banner-box .banner-inner .header .logo {
	margin-top:10px;
	margin-right:20px;
	width:18%;
	height:18%;
	
}

.top-banner-box .banner-inner .header .menu a {
	float: left;
	font-size: 14px;
	color: #cccccc;
	padding: 0 6px;
	line-height: 76px;
	text-align: center;
	min-width: 64px;
	margin-right:12px;
	
}

.top-banner-box .banner-inner .header .menu a.active,.top-banner-box .banner-inner .header .menu a:hover {
	background: #333333
}

.top-banner-box .banner-inner .case-video {
	position: relative
}

.top-banner-box .banner-inner .case-video .video-info {
	text-align: center;
	position: absolute;
	width: 100%;
	top: 40%;
	transform: translateY(-50%);
	left: 0;
	z-index:999;
}

.top-banner-box .banner-inner .case-video .video-info h3 {
	font-size: 57px;
	color: #fff;
	font-weight: 800;
	letter-spacing:1.5px;
	font-weight:800;
}

.top-banner-box .banner-inner .case-video .video-info .p1 {
	font-size: 24px;
	color: #fff;
	margin: 25px 0 34px;
	letter-spacing:1.5px;
}

.top-banner-box .banner-inner .case-video .video-info .p1 span {
	font-weight: bold;
	color: #fe6e48
}

.top-banner-box .banner-inner .case-video .video-info .p1-1 {
	letter-spacing: 23px
}

.top-banner-box .banner-inner .case-video .video-info .line {
	width: 32px;
	height: 5px;
	background: #00b6fb;
	margin: 18px auto 0
}

.top-banner-box .banner-inner .case-video .video-info .server-counter {
	font-size: 24px;
	color: #fff;
	letter-spacing:4.5px;
}

.top-banner-box .banner-inner .case-video .video-info .server-counter span {
	font-size: 24px;
	color: #fe6e48;
	font-weight: bold
}

.top-banner-box .case-list-show-box {
	overflow: hidden
}

.top-banner-box .play_btn {
	display: none;
	z-index:999;
}

.top-banner-box .btn-studio {
	display: block;
	font-size: 14px;
	color: #fff;
	width: 180px;
	height: 32px;
	border-radius: 16px;
	text-align: center;
	line-height: 32px;
	background: #00b6fb;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 98px;
	z-index: 55;
}
.top-banner-box .btn-studio:hover{
	font-size: 16px;
}
video {
	width: 100%;
	object-fit: fill;
}
.mask-boxs{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
/*	background: url(../images/shadow.png) center center no-repeat;*/
	background: rgba(123,179,204,0.2);
}
.mask-boxszz{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.7);
}
.video {
	height: 621px
}

.indexs .btn-box img,.indexs .btn-box p {
	display: none
}

.menu1 {
	transform: rotate(270deg)
}

.tt {
	text-transform: uppercase
}

.play_btn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	opacity:.7;
}

.container {
	width: 1800px;
	margin: auto
}

.header-fixed {
	width: 100%
}

.header-fixed.fixed {
	position: fixed;
	left: 0;
	background: #000;
	z-index: 999;
	top: 0
}

.case-show {
	padding: 50px 0 100px;
	background: #fff
}

.case-show .case_box {
	overflow: hidden;
}

.case-show .case_box .case-left {
	width: 260px;
	float: left
}

.case-show .case_box .case-left h3 {
	font-size: 18px;
	color: #333333;
	margin-bottom: 20px
}

.case-show .case_box .case-left ul li {
	margin-bottom: 8px
}

.case-show .case_box .case-left ul li a {
	display: block;
	font-size: 14px;
	color: #e5e5e5;
	padding-left: 20px;
	line-height: 54px;
	background: #333333
}

.case-show .case_box .case-left ul li.active a,.case-show .case_box .case-left ul li:hover a {
	background: #46ccff;
	color: #333
}

.case-show .case_box .case-right {
	float: right;
	width: 896px
}

.case-show .case_box .case-right .mb-box {
	padding-bottom: 9px;
	border-bottom: 1px solid #999999
}

.case-show .case_box .case-right .mb-nav a {
	font-size: 12px;
	color: #333333
}

.case-show .case_box .case-right .mb-nav span a {
	color: #666666
}

.case-show .case_box .case-right .more {
	font-size: 14px;
	color: #666666
}

.case-show .case_box .case-right .more img {
	margin-left: 9px
}

.case-show .case_box .case-right .case-video-list {
	padding-top: 26px;
	padding-left: 8px;
	overflow: hidden
}

.case-show .case_box .case-right .case-video-list p {
	font-size: 14px;
	color: #333333;
	padding-top: 10px;
	text-align: center
}

.case-show .case_box .case-right .case-video-list .big-video {
	width: 588px
}

.case-show .case_box .case-right .case-video-list .small-v-list {
	margin-top: 16px
}

.case-show .case_box .case-right .case-video-list .small-v-list .samll-video-list {
	overflow: hidden;
	float: left;
	margin-right: 15px
}

.case-show .case_box .case-right .case-video-list .small-v-list .samll-video-list:hover img {
	transform: scale(1.1)
}

.case-show .case_box .case-right .case-video-list .small-v-list .samll-video-list:nth-child(2n) {
	margin-right: 0
}

.case-show .case_box .case-right .case-video-list .small-v-list img {
	transition: all .5s
}

.case-show .case_box .case-right .case-video-list .small-v-list .video-box {
	width: 286px;
	height: 142px;
	position: relative;
	overflow: hidden
}

.case-show .case_box .case-right .case-video-list .small-v-list .video-btn {
	display: block;
	width: 35px;
	height: 35px;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	background: url(../images/play1.png) center center no-repeat;
	background-size: 100% 100%;
	z-index: 3
}

.case-list-right {
	width: 288px
}

.case-list-right .samll-video-list {
	margin-bottom: 20px;
	margin-right: 0 !important
}

.server-box-main {
	padding: 132px 0 95px;
	background: #f7f7f7
}

.title-box h3 {
	font-size: 28px;
	color: #666666;
	margin-bottom: 15px
}

.title-box div {
	display: flex;
	align-items: center;
	justify-content: center
}

.title-box div span {
	width: 66px;
	height: 1px;
	background: #999999
}

.title-box div p {
	font-size: 18px;
	color: #cccccc;
	margin: 0 50px
}

.logobox {
	margin-top: 68px
}

.logobox p {
	font-size: 18px;
	color: #999999;
	margin-top: 52px;
	text-align: center
}

.footer {
	background: #1b1b1b;
	padding: 56px 0 45px
}

.footer .foot_wrap {
	width: 1300px;
	margin: auto
}

.footer .title {
	font-size: 20px;
	color: #fff;
	margin-bottom:28px
}

.footer .p-box p {
	font-size: 16px;
	color: #999191;
	margin-bottom: 26px
}

.footer .p-box p:last-child {
	margin-bottom: 0
}

.footer .foot-left {
	float: left
}

.footer .douyin {
	float: left;
	margin-top: 70px;
	margin-left: 120px
}

.footer .foot-right {
	width: 510px;
	float: right
}

.footer .foot-right .recommend-list {
	overflow: hidden
}

.footer .foot-right .recommend-list .item {
	float: left;
	display: flex;
	margin-bottom: 32px;
	align-items: center;
	font-size: 16px;
	color: #999999
}

.footer .foot-right .recommend-list .item:nth-child(3n) {
	margin-right: 0
}

.footer .foot-right .recommend-list .item i {
	margin-right: 20px;
	width: 15px;
	height: 15px;
	background: url(../images/select.png) center center no-repeat
}

.footer .foot-right .recommend-list .item.active i {
	background: url(../images/selectted.png) center center no-repeat
}

.footer .foot-right .w205 {
	width: 205px
}

.footer .foot-right .w185 {
	width: 185px
}

.footer .foot-right .form-box textarea {
	width: 270px;
	padding: 12px;
	resize: none;
	height: 145px;
	background: #f2f2f2;
	border-radius: 10px;
	font-size: 14px
}

.footer .foot-right .form-box textarea:placeholder {
	color: #cccccc
}

.footer .foot-right .form-box .input-box .input-el {
	margin-bottom: 12px
}

.footer .foot-right .form-box .input-box input {
	width: 203px;
	height: 40px;
	background: #f2f2f2;
	border-radius: 5px;
	font-size: 14px;
	padding-left: 18px
}

.footer .foot-right .form-box .input-box input:placeholder {
	color: #cccccc
}

.footer .foot-right .form-box .input-box .submit {
	width: 140px;
	background: #0679ca;
	border-radius: 5px;
	font-size: 14px;
	line-height: 36px;
	color: #fff
}

.footer .foot-bottom {
	text-align: center;
	margin-top: 25px
}

.footer .foot-bottom p {
	font-size: 14px;
	margin-bottom: 18px;
	color: #999191
}

.footer .line {
	width: 930px;
	height: 1px;
	background: #665d5d;
	margin: 40px auto 0
}

.footer .link-box {
	width: 214px;
	height: 26px;
	background: #cccccc;
	border-radius: 13px;
	padding: 0 14px;
	margin: 34px auto 0;
	position: relative
}

.footer .link-box .p {
	font-size: 14px;
	color: #333;
	line-height: 26px;
	text-align: left;
	position: relative;
	top: 0;
	z-index: 2
}

.footer .link-box .drop-link-list {
	background: #cccccc;
	width: 100%;
	position: absolute;
	bottom: 66%;
	left: 0
}

.footer .link-box .drop-link-list li {
	float: none
}

.footer .drop-link-list {
	overflow: hidden;
	margin-top: 20px
}

.footer .drop-link-list li {
	float: left;
	margin-right: 5px
}

.footer .drop-link-list li a {
	font-size: 14px;
	color: #999999;
}

.footer .drop-link-list a {
	display: block;
	font-size: 14px;
	color: #333;
	line-height: 26px;
	text-align: left;
	text-align: center;
	float:left;
}

.big-v-box {
	overflow: hidden;
	position: relative
}

.big-v-box .video-btn {
	display: block;
	width: 72px;
	height: 72px;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	background: url(../images/play.png) center center no-repeat;
	background-size: 100% 100%;
	z-index: 3
}

.big-v-box img {
	transition: all .5s
}

.big-v-box:hover img {
	transform: scale(1.1)
}

.case-show .case_box .case-right .case-video-list .small-v-list:first-child {
	margin-top: 0
}

.top-banner-box .banner-inner .server-video .video-info {
	text-align: left;
	width: auto;
	left: 152px
}

.top-banner-box .banner-inner .server-video .video-info h3 {
	font-size: 36px;
	line-height: 1.3
}

.top-banner-box .banner-inner .server-video .video-info .p1 {
	margin-top: 12px;
	font-size: 22px
}

.top-banner-box .banner-inner .server-video .video-info .line {
	margin: 0
}

.top-banner-box .banner-inner .server-video .video-info .server-counter {
	margin-top: 34px
}

.top-banner-box .banner-inner .server-video .video-info .server-counter {
	font-style: italic;
	font-size: 22px
}

.top-banner-box .banner-inner .server-video .video-info .server-counter span {
	color: #7e9ffc;
	font-weight: normal
}

.top-banner-box .banner-inner .server-video .video-info .small {
	font-size: 18px;
	color: #999999;
	margin-top: 14px;
	font-style: italic
}

.server-project-list {
	background: #f7f7f7 url(../images/b1.png) center center no-repeat;
	padding: 97px 0 130px
}

.server-project-list .img-box img {
	width: 100%;
	height: 162px
}

.server-project-list .list {
	margin-top: 56px;
	overflow: hidden
}

.server-project-list .list .list-item:hover .title {
	color: #fff;
	background: #2ea9e1
}

.server-project-list .list .span {
	text-align: center;
	margin-top: 54px
}

.server-project-list .list .swiper-pagination-bullet {
	width: 48px;
	height: 2px;
	opacity: 1;
	border-radius: 0;
	background: #666666
}

.server-project-list .list .swiper-pagination-bullet-active {
	background: #7e9ffc
}

.server-project-list .title {
	font-size: 16px;
	color: #999999;
	background: #333333;
	line-height: 70px;
	text-align: center
}

.strengths-section {
	padding: 115px 0 194px;
	background: url(../images/banner1.jpg) center no-repeat;
	background-size: cover
}

.strengths-section .content {
	margin-top: 116px
}

.strengths-section .content h3 {
	font-size: 24px;
	color: #cccccc;
	margin-bottom: 24px
}

.strengths-section .content p {
	font-size: 14px;
	color: #cccccc;
	line-height: 26px
}

.strengths-section .content .lefts {
	float: left;
	text-align: right
}

.strengths-section .content .line {
	width: 2px;
	height: 138px;
	margin-left: 140px;
	float: left;
	background: #7e9ffc;
	margin-top: 6px
}

.strengths-section .content .rights {
	float: left;
	margin-left: 146px
}

.white {
	color: #fff !important
}

.service-section {
	padding: 130px 0 212px;
	background: #fff url(../images/bg1.png) center 185px no-repeat
}

.service-section .service-box {
	margin-top: 74px;
	overflow: hidden
}

.service-section .service-box .item {
	float: left;
	position: relative
}

.service-section .service-box .lefts {
	float: left;
	width: 798px;
	overflow: hidden
}

.service-section .service-box .lefts .item {
	width: 50%;
	height: 234px
}

.service-section .service-box .lefts .item .info {
	top: 80px
}

.service-section .service-box .lefts .item .info .line {
	background: #666
}

.service-section .service-box .lefts .item-1 {
	background: url(../images/p1.jpg) center no-repeat;
	background-size: cover;
		width: 66%;
}

.service-section .service-box .lefts .item-2 {
	background: #f7f7f7;
		width: 34%;
}

.service-section .service-box .lefts .item-2 .info {
	top: 80px
}

.service-section .service-box .lefts .item-2 .info h2,.service-section .service-box .lefts .item-2 .info .p1,.service-section .service-box .lefts .item-2 .info h3 {
	color: #666666 !important
}

.service-section .service-box .lefts .item-3 {
	background: url(../images/p3.jpg) center no-repeat;
	background-size: cover;
		width: 66%;
}

.service-section .service-box .lefts .item-3 .info {
	top: 80px
}

.service-section .service-box .lefts .item-3 .info h2 {
	color: #7e9ffc !important
}

.service-section .service-box .lefts .item-3 .info .line {
	background: #7e9ffc
}

.service-section .service-box .lefts .item-4 {
	background: url(../images/p4.jpg) center no-repeat;
	background-size: cover
}

.service-section .service-box .lefts .item-4 .info {
	top: 80px
}

.service-section .service-box .lefts .item-4 .info h2,.service-section .service-box .lefts .item-4 .info h3 {
	color: #00b6fb !important
}

.service-section .service-box .lefts .item-4 .info .line {
	background: #7e9ffc
}

.service-section .service-box .lefts .item-5 {
	background: #cccccc
}

.service-section .service-box .item-3-1 .info {
	top: 112px
}

.service-section .service-box .info {
	position: absolute;
	left: 40px
}

.service-section .service-box .info h3 {
	font-size: 20px;
	color: #cccccc;
	line-height: 24px
}

.service-section .service-box .info h2 {
	font-size: 24px;
	color: #7e9ffc;
	font-weight: bold;
	text-transform: uppercase
}

.service-section .service-box .info .p1 {
	font-size: 16px;
	color: #e5e5e5
}

.service-section .service-box .info .line {
	width: 30px;
	height: 2px;
	background: #7e9ffc;
	margin: 12px 0 16px
}

.service-section .service-box .rights {
	width: 398px;
	float: left
}

.service-section .service-box .rights .item-2 {
	width: 100%;
	height: 234px;
	background: #f7f7f7
}

.service-section .service-box .rights .item-2 .info {
	top: 80px
}

.service-section .service-box .rights .item-2 .info h2,.service-section .service-box .rights .item-2 .info .p1,.service-section .service-box .rights .item-2 .info h3 {
	color: #666666 !important
}

.service-section .service-box .rights .item-2 .info .line {
	background: #666
}

.service-section .service-box .rights .item-6 {
	width: 100%;
		height: 234px;
	background: url(../images/p2xx.jpg) center no-repeat;
	background-size: cover
}

.service-section .service-box .rights .item-6 .info {
	top: 80px
}

.service-section .service-box .rights .item-6 .info h3 {
	font-size: 20px;
	color: #ccc
}

.service-section .service-box .rights .item-6 .info .p1 {
	font-size: 18px;
	color: #e5e5e5;
	margin-top: 10px
}
.service-section .service-box .rights .item-5 {
	width: 100%;
		height: 234px;
	background: url(../images/p2.jpg) center no-repeat;
	background-size: cover
}

.service-section .service-box .rights .item-5 .info {
	top: 80px
}

.service-section .service-box .rights .item-5 .info h3 {
	font-size: 20px;
	color: #ccc
}

.service-section .service-box .rights .item-5 .info .p1 {
	font-size: 18px;
	color: #e5e5e5;
	margin-top: 10px
}
.evaluation-section {
	padding: 0 0  116px 0;
	background: #fff
}

.evaluation-section .pingjia {
	margin: 0 auto
}

.service-process {
	padding: 82px 0 108px;
	background: #f7f7f7
}

.service-process .service-process-list {
	margin-top: 80px
}

.service-process .service-process-list .top {
	border-bottom: 1px solid #666666
}

.service-process .service-process-list .item {
	float: left;
	position: relative;
	padding-bottom: 50px;
	margin-right: 64px
}

.service-process .service-process-list .item:last-child {
	margin-right: 0
}

.service-process .service-process-list .item.active .circle {
	border: 1px solid #2c2c2c;
	background: transparent
}

.service-process .service-process-list .item.active .circle .p1 {
	color: #666666
}

.service-process .service-process-list .item.active .circle .p2 {
	color: #999999
}

.service-process .service-process-list .item.active:after {
	content: "";
	width: 1px;
	height: 50px;
	background: #666;
	position: absolute;
	top: 146px;
	left: 72px
}

.service-process .service-process-list .p1 {
	font-size: 18px;
	color: #333333
}

.service-process .service-process-list .p2 {
	font-size: 12px;
	color: #333333;
	margin-top: 12px;
	font-family: Arial
}

.service-process .service-process-list .circle {
	width: 146px;
	padding-top: 56px;
	height: 146px;
	text-align: center;
	background: #45cdfa;
	border-radius: 50%;
	position: relative;
	border: 1px solid transparent;
	transition: all .5s
}

.service-process .bottom {
	margin-top: 40px
}

.service-process .bottom p {
	font-size: 14px;
	color: #666666;
	margin-bottom: 20px
}

.about-video .tt {
	font-size: 48px;
	line-height: 1.3
}

.about-video .p1 {
	font-size: 30px !important;
	line-height: 43.5px
}

.about-boxs {
	padding: 88px 0 204px
}

.about-boxs .company-desc {
	margin-top: 36px
}

.about-boxs .company-desc p {
	font-size: 14px;
	color: #cccccc;
	line-height: 29.16px;
	text-indent: 3em;
}

.culture-box {
	padding: 96px 0 124px;
	background: #fff
}

.culture-box .culture-box-box {
	position: relative
}

.culture-box .culture-box-box .lefts {
	float: left;
	margin-top: -180px;
	position: relative;
	top: 0;
	z-index: 2
}

.culture-box .culture-box-box .box-box {
	width: 294px;
	height: 410px;
	background: #f7f7f7;
	position: absolute;
	right: 40px;
	top: 145px
}

.culture-box .culture-box-box .line-l {
	width: 2px;
	height: 300px;
	background: #e6e6e6;
	position: absolute;
	right: 185px;
	top: 390px
}

.culture-box .lines {
	width: 2px;
	height: 365px;
	background: #999999;
	float: left;
	margin-left: 138px
}

.culture-box .rights {
	width: 546px;
	float: right
}

.culture-box .rights .title-box h3 {
	font-size: 28px;
	color: #333333
}

.culture-box .rights .title-box .small {
	font-size: 14px;
	color: #999999;
	margin: 12px 0
}

.culture-box .rights .title-box .line {
	width: 10px;
	height: 3px;
	background: #1ab1ff
}

.culture-box .rights .pbox {
	position: relative;
	top: 0;
	z-index: 2;
	margin-top: 24px
}

.culture-box .rights .pbox p {
	display: flex;
	font-size: 14px;
	color: #666;
	line-height: 38.6px
}

.culture-box .rights .pbox p span {
	width: 62px;
	font-weight: bold;
	margin-right: 14px
}

.culture-box .rights .desc-box {
	max-width: 524px;
	position: relative;
	top: 0;
	z-index: 2;
	margin-top: 92px
}

.culture-box .rights .desc-box p {
	font-size: 14px;
	color: #999999;
	line-height: 17.2px;
	margin-bottom: 20px
}

.history {
	padding: 99px 0 120px;
	background: #f7f7f7
}

.history .h-box {
	width: 664px;
	margin: 58px auto 0
}

.history p {
	font-size: 16px;
	color: #666666;
	margin-bottom: 140px
}

.history .lefts {
	float: left;
	padding-top: 46px;
	text-align: right
}

.history .line {
	float: left;
	margin-left: 54px
}

.history .rights {
	float: left;
	padding-top: 122px;
	margin-left: 50px
}

.history .start {
	margin-left: 240px;
	margin-bottom: 0
}

.content-box {
	background: #fff
}

.bs {
	padding-bottom: 130px
}

.service_commitment {
	margin-top: -130px;
	padding: 135px 0 247px;
	background: url(../images/bg2.jpg) center no-repeat;
	background-size: cover;
	position: relative;
	top: 0;
	z-index: 0
}

.service_commitment .list {
	margin-top: 116px
}

.service_commitment .list .item {
	margin-right: 40px;
	float: left
}

.service_commitment .list .item:last-child {
	margin-right: 0
}

.service_commitment .list .item .info {
	height: 268px;
	padding: 48px 20px 0;
	background: #333333
}

.service_commitment .list .item .info .title {
	font-size: 20px;
	color: #e5e5e5
}

.service_commitment .list .item .info .line {
	width: 25px;
	height: 4px;
	background: #e6e6e6;
	margin: 18px 0 32px
}

.service_commitment .list .item .info .small {
	font-size: 16px;
	line-height: 24.2px;
	color: #999999
}

.service_commitment .big-box {
	margin: 80px auto 0;
	width: 1348px;
	position: relative
}

.service_commitment .big-box img {
	margin: auto
}

.service_commitment .big-box .info {
	width: 450px;
	height: 200px;
	padding: 34px;
	background: #333333;
	position: absolute;
	bottom: -100px;
	left: 75px
}

.service_commitment .big-box .info .title {
	font-size: 20px;
	color: #e5e5e5
}

.service_commitment .big-box .info .line {
	width: 25px;
	height: 4px;
	background: #e6e6e6;
	margin: 18px 0 32px
}

.service_commitment .big-box .info .small {
	font-size: 16px;
	color: #999999;
	line-height: 24.2px
}

.office {
	padding: 138px 0 115px
}

.office .lefts {
	float: left
}

.office .lefts .title-box h3 {
	font-size: 28px;
	color: #333333
}

.office .lefts .title-box .small {
	font-size: 14px;
	color: #999999;
	margin: 12px 0
}

.office .lefts .title-box .line {
	width: 10px;
	height: 3px;
	background: #1ab1ff
}

.office .lefts .sub {
	font-size: 20px;
	color: #999999;
	line-height: 44px;
	margin-top: 40px
}

.office .office-box {
	position: relative
}

.office .rights {
	right: 0;
	float: right;
	top: 0;
	z-index: 2;
	margin-top: -213px;
	position: relative
}

.office .rights p {
	margin-top: 36px;
	font-size: 16px;
	color: #999999;
	line-height: 29px
}

.case-swiper {
	position: relative;
	overflow: hidden
}

.case-swiper .span {
	z-index: 2;
	position: absolute;
	bottom: 40px;
	text-align: center
}

.case-swiper img {
	width: 100%;

}

.case-swiper .swiper-btn {
	position: absolute
}

.case-swiper .prev {
	left: 0
}

.case-swiper .next {
	right: 0
}

.case-swiper .swiperb {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	z-index: 4;
	height: 70px
}

.case-swiper .video-info {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	text-align: center
}

.case-swiper .video-info .tt {
	font-size: 60px;
	color: #fff;
	line-height: 68px
}

.case-swiper .video-info .p1 {
	color: #fff;
	font-size: 38px
}

.case-swiper .video-info .line {
	width: 60px;
	background: #fff;
	height: 2px;
	margin: 24px auto
}

.case-swiper .video-info a {
	display: block;
	color: #fff;
	font-size: 14px;
	width: 180px;
	height: 32px;
	border-radius: 16px;
	line-height: 32px;
	margin:356px auto 0;
	background: #000;
	
}
.case-swiper .video-info a:hover{
	background: #00b6fb;

}
.video-box{overflow: hidden;}
.env-box-box .inners .item,.video-box img{transition: all .35s;}
.env-box-box .inners .item:hover{
	background-size: 110% 110%;
}
.video-box:hover img{transform: scale(1.1);}
.ti-ts {
	font-size: 16px;
	color: #999999
}

.news-list .date {
	width: 72px;
	height: 72px;
	background: #222326;
	text-align: center;
	padding-top: 10px
}

.news-list .mon {
	font-size: 14px;
	color: #666666
}

.news-list .day {
	font-size: 24px;
	margin-bottom: 16px;
	color: #999999
}

.news-list li {
	overflow: hidden;
	margin-top: 50px
}

.news-list .contents {
	margin-left: 100px
}

.news-list .contents .title {
	font-size: 18px;
	color: #666666;
	margin-bottom: 18px;
	font-weight: bold
}

.news-list .contents .sub {
	font-size: 14px;
	color: #808080;
	line-height: 20px
}

.news-list .contents .sub a {
	font-size: 14px;
	color: #808080
}

.pages {
	margin-top: 40px;
	text-align: center
}

.pages a {
	font-size: 12px;
	color: #808080;  padding:4px 6px;
}
.pages a.thisclass{color: #f00;}

.italic {
	letter-spacing: 10px
}

.studio_box_box {
	background: #333
}

.studio_advantages {
	padding: 90px 0 134px
}

.studio_advantages .studio_advantages_list {
	margin-top: 80px
}

.studio_advantages .studio_advantages_list li {
	margin-right: 80px;
	float: left;
	text-align: center
}

.studio_advantages .studio_advantages_list li img {
	margin: auto
}

.studio_advantages .studio_advantages_list li p {
	font-size: 14px;
	color: #e5e5e5;
	margin-top: 16px;
	line-height: 1.35
}
.studio_advantages .studio_advantages_list li.active p{
	color: #00b6fb;
}
.studio_advantages .studio_advantages_list li:last-child {
	margin-right: 0
}

.service_items {
	padding-top: 80px !important;
	padding-bottom: 215px;
	background: transparent !important
}

.service_items .service-box {
	margin-top: 50px
}

.service_items .service-box .lefts {
	width: 100% !important;
	float: none !important
}

.service_items .service-box .lefts .item {
	width: 33.3333%
}

.service_items .service-box .lefts .item-1 .line {
	background: #7e9ffc !important
}

/*.container-env {
	margin-top: 40px
}*/

.env-box {
	padding: 90px 0
}

.env-box .env-list {
	width: 1032px;
	margin: 108px auto 0;
	overflow: hidden
}

.env-box .env-list li {
	float: left;
	width: 300px;
	height: 152px
}

.env-box .env-list li.short {
	width: 214px
}

.env-box .env-list li p {
	font-size: 20.65px;
	color: #999999;
	margin-top: 28px
}

.env-box .env-list .room {
	padding-left: 35px;
	border-bottom: 1px solid #e6e6e6
}

.env-box .env-list .room img {
	margin-left: 12px
}

.env-box .env-list .border {
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6
}

.env-box .env-list .center img {
	margin: auto
}

.env-box .env-list .center p {
	text-align: center
}

.env-box .env-list .huazhuang {
	padding-left: 120px
}

.env-box .env-list .huazhuang img {
	margin-left: 22px
}

.env-box .env-list .b1 {
	height: 175px;
	padding-top: 60px;
	border-right: 1px solid #e6e6e6;
	padding-left: 26px
}

.env-box .env-list .b1 img {
	margin-left: 6px
}

.env-box .env-list .b2 {
	height: 175px;
	padding-top: 60px;
	border-right: 1px solid #e6e6e6
}

.env-box .env-list .b3 {
	padding-left: 112px;
	padding-top: 58px
}

.bacff {
	background: #fff !important
}


@media screen and (min-width: 800px) { 

.evaluation-section .tips {
	font-size: 18px;
	color: #999999;
	text-align: center;
	margin-top: 132px;
	letter-spacing:10px;
	
}
}

@media screen and (max-width: 800px) { 

.evaluation-section .tips {
	font-size: 18px;
	color: #999999;
	text-align: center;
	margin-top: 132px;
	letter-spacing:2px;
	
}
}

.eva-list {
	margin-top: 86px;
	position: relative
}

.eva-list .s {
	position: absolute;
	left: 0;
	bottom: -138px
}

.eva-list .list-item {
	float: left;
	box-shadow: 0 1px 17px 2px rgba(0,0,0,0.8)
}

.eva-list .list-item:nth-child(2n+1) {
	margin-top: 24px
}

.eva-list .list-item:nth-child(2n+1) .mask {
	background: url(../images/cc.png) center center no-repeat !important;
	background-size: cover
}

.eva-list .list-item:hover .mask {
	opacity: 0
}

.eva-list .list-item .img-box {
	position: relative
}

.eva-list .list-item .img-box .date {
	position: absolute;
	left: 18px;
	top: 26px
}

.eva-list .list-item .img-box .date .day {
	font-size: 38px;
	color: #fff
}

.eva-list .list-item .img-box .date span {
	vertical-align: top;
	font-size: 12px;
	color: #fff
}

.eva-list .list-item .img-box .mask {
	width: 100%;
	height: 100%;
	background: url(../images/mask.png) center center no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .54s
}

.env-box-box {
	padding-bottom: 90px
}

.env-box-box .inners {
	width: 1390px;
	margin: 82px auto 0;
	position: relative
}

.env-box-box .inners .inner-swiper {
	width: 1207px;
	margin: auto;
	overflow: hidden
}

.env-box-box .inners .lefts,.env-box-box .inners .center {
	width: 424px;
	float: left
}

.env-box-box .inners .left-1 {
	height: 266px
}

.env-box-box .inners .info {
	position: absolute;
	top: 32px;
	left: 26px
}

.env-box-box .inners .info .p1 {
	font-size: 14px;
	color: #42cbff;
	line-height: 19px
}

.env-box-box .inners .info .p2 {
	font-size: 16px;
	color: #42cbff;
	font-weight: bold;
	line-height: 19px;
	text-transform: uppercase
}

.env-box-box .inners .info .line {
	width: 14px;
	height: 2px;
	background: #1dc1ff;
	margin: 6px 0
}

.env-box-box .inners .info .p3 {
	font-size: 16px;
	color: #fff
}

.env-box-box .inners .item {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center
}

.env-box-box .inners .left-2 {
	margin-top: 12px;
	height: 415px
}

.env-box-box .inners .left-2 .info {
	position: absolute;
	top: 22px;
	left: 20px
}

.env-box-box .center {
	margin-left: 12px
}

.env-box-box .left-3 {
	height: 415px
}

.env-box-box .left-4 {
	height: 266px;
	margin-top: 12px
}

.env-box-box .left-4 .info {
	top: auto;
	bottom: 20px;
	left: 20px
}

.env-box-box .right {
	width: 335px;
	float: right
}

.env-box-box .right .left-5 {
	height: 695px
}

.env-box-box .right .info {
	top: auto;
	bottom: 20px;
	left: 30px
}

.env-box-box .tips {
	color: #999999;
	font-size: 20px;
	line-height: 36px;
	text-align: center;
	margin-top: 36px
}

.env-box-box .span {
	margin-top: 36px;
	text-align: center
}

.env-box-box .span .swiper-pagination-bullet {
	width: 54px;
	height: 2px;
	opacity: 1;
	background: #999999;
	margin: 0 9px;
	border-radius: 0
}

.env-box-box .span .swiper-pagination-bullet-active {
	background: #42cbff
}

.env-box-box .swiper-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.env-box-box .next {
	right: 0
}

.process-boxs {
	padding: 128px 0 100px;
	background: #f7f7f7
}

.process-boxs .process-con {
	margin-top: 100px
}

.process-boxs .process-con .item {
	text-align: center;
	width: 211px;
	height: 135px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.process-boxs .process-con .item i {
	display: block;
	width: 18px;
	height: 18px;
	z-index: 2;
	background: #f7f7f7 url(../images/circle.png) center center no-repeat;
	position: absolute;
	border-radius: 50%
}

.process-boxs .process-con .item-box {
	padding-bottom: 42px;
	position: relative
}

.process-boxs .process-con .item-box:hover .item {
	background-image: url(../images/top.png)
}

.process-boxs .process-con .item-box:hover i {
	background: #f7f7f7 url(../images/circle-active.png) center center no-repeat
}

.process-boxs .process-con .title {
	font-size: 20px;
	color: #fff;
	padding-top: 32px
}

.process-boxs .process-con .sub {
	font-size: 14px;
	color: #fff;
	margin-top: 20px;
	line-height: 18px
}

.process-boxs .process-con .pro-top {
	padding-left: 10px
}

.process-boxs .process-con .pro-top .item {
	background-image: url(../images/top-1.png)
}

.process-boxs .process-con .pro-top i {
	bottom: -12px;
	left: 96px
}

.process-boxs .process-con .lin img {
	margin: auto
}

.process-boxs .pro-bottom {
	width: 693px;
	margin: auto
}

.process-boxs .pro-bottom .item {
	background-image: url(../images/d.png)
}

.process-boxs .pro-bottom .item-box {
	padding-top: 33px;
	padding-bottom: 0;
	position: relative
}

.process-boxs .pro-bottom .item-box:hover .item {
	background-image: url(../images/d1.png)
}

.process-boxs .pro-bottom .item-box i {
	top: -14px;
	left: 96px
}

.book-video {
	height: 842px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover
}

.top-banner-box .btn-box {
	z-index: 9999
}

.form-box-box {
	position: relative;
	padding-top: 93px;
	padding-bottom: 60px;
	background: #1b1b1b
}

.form-box-box .btn-box {
	right: 6%;
	left: auto;
	top: 75px
}

.form-box-box .form-wrap {
	width: 1078px;
	margin: 64px auto 0
}

.form-box-box .form-wrap ul {
	overflow: hidden
}

.form-box-box .form-wrap ul li {
	width: 150px;
	float: left;
	margin-right: 66px;
	margin-bottom: 48px
}

.form-box-box .form-wrap ul li:nth-child(4n) {
	margin-right: 0
}

.form-box-box .form-wrap ul li .label {
	font-size: 14px;
	color: #cccccc;
	margin-bottom: 12px
}

.form-box-box .form-wrap ul li .label i {
	width: 6px;
	margin-right: 8px;
	height: 6px;
	background: #4fc8ff;
	border-radius: 50%
}

.form-box-box .form-wrap ul li:nth-child(2n+1) {
	width: 246px
}

.form-box-box .form-wrap ul li select {
	width: 100%;
	font-size: 14px;
	color: #cccccc;
	height: 46px;
	padding-left: 18px;
	border: 1px solid #3f3f3f;
	border-radius: 6px;
	background: #333 url(../images/d2.png) 92% center no-repeat
}

.form-box-box .form-wrap ul li input {
	width: 100%;
	font-size: 14px;
	color: #cccccc;
	height: 46px;
	padding-left: 18px;
	border: 1px solid #3f3f3f;
	border-radius: 6px;
	background: #333333
}

.form-box-box .submit {
	font-size: 14px;
	font-size: 14px;
	color: #fff;
	width: 140px;
	height: 40px;
	background: #4fc8ff;
	border-radius: 6px;
	display: block;
	margin: auto
}

.form-box-box .t {
	font-size: 60px;
	color: #a4e3ff;
	font-weight: bold;
	text-transform: uppercase;
	opacity: .4;
	margin-top: 124px
}

.news-list li:hover .title {
	color: #00b6fb
}

.pages a:hover {
	color: #00b6fb
}

.home-video .video-info h3 {
	font-family: Arial;
	font-size: 80px !important
}

.home-video .p1 {
	font-size: 20px !important;
	font-family: Arial;
	letter-spacing:2px
}

.home-video .line {
	width: 100px !important;
	height: 10px !important
}

.home-video .play_btn {
	top: 57%
}

.do-box .lefts-box {
	padding-top: 94px;
	float: left;
	padding-bottom:60px;
}

.do-box .lefts-box .title {
	font-size: 30px;
	color: #fff;
	font-weight: bold;
	font-family: Arial
}

.do-box .lefts-box .p1 {
	font-size: 30px;
	color: #fff;
	margin-top: 12px
}

.do-box .lefts-box .lines {
	width: 62px;
	height: 2px;
	background: #fff;
	margin-top: 26px
}

.do-box .rights-box {
	position: relative;
	top: 0;
	z-index: 2;
	margin-top: -72px;
	float: right
}

.do-box .rights-box .img-box {
	overflow: hidden
}

.do-box .rights-box .img-box img {
	float: left;
	margin-right: 20px
}

.do-box .rights-box .img-box img:last-child {
	margin-right: 0
}

.do-box .rights-box .infos {
	margin-top: 48px
}

.do-box .rights-box .infos .title {
	font-size: 18px;
	color: #e5e5e5
}

.do-box .rights-box .infos .sub {
	margin-top: 16px;
	font-size: 16px;
	color: #cccccc;
	line-height: 21px;
	font-family: Arial
}

.do-box .rights-box .infos .more {
	font-size: 20px;
	color: #0c8ac4;
	margin-top: 20px
}

.do-box .rights-box .infos .more img {
	margin-left: 14px
}
.imgboxs{
	overflow: hidden;
}
.imgboxs img{transition: all .5s;}
.service_commitment .list .item:hover img{
	transform: scale(1.1);
}
.latest-news .more-more:hover{
	background: #4fc8ff;
	color: #333;
	border-color: transparent;
}
.service_commitment .list .item:hover .info{
	background: #1b1b1b ;
}
.case-box-show .case-show1 .small-box .small-list-video img{height: 156px;}
.volume {
	display: block;
	width: 35px;
	height: 35px;
	background: url(../images/voice1.jpg) no-repeat;
	background-size: cover;
	cursor: pointer
}

.volume.open {
	background-position: 0 -35px
}
.strengths-section .content{width: 1042px;}
.indexs {

}

.project-classification-box {
	padding: 96px 0;
	background: #ffffff
}

.project-classification-box .tips {
	font-size: 14px;
	color: #999999;
	line-height: 26px;
	text-align: center;
	margin-top: 65px
}

.class-list {
	margin-top: 82px
}

.class-list .lines::after {
	content: "";
	width: 1px;
	height: 180px;
	background: #cfcfcf;
	position: absolute;
	right: 0;
	bottom: 0
}

.class-list li {
	float: left;
	position: relative;
	text-align: center
}

.class-list li .a {
	background-position: center center;
	background-repeat: no-repeat;
	margin: auto
}

.class-list li .a1 {
	width: 100px;
	height: 100px;
	background-image: url(../images/a1.png)
}

.class-list li .a2 {
	width: 108px;
	margin-top: 10px;
	height: 87px;
	background-image: url(../images/a2.png)
}

.class-list li .a3 {
	width: 84px;
	height: 89px;
	margin-top: 10px;
	background-image: url(../images/a3.png)
}

.class-list li .a4 {
	width: 96px;
	height: 92px;
	margin-top: 8px;
	background-image: url(../images/a4.png)
}

.class-list li:hover .box {
	box-shadow: 0 15px 20px 3px #e7e7e7
}

.class-list .title {
	font-size: 18px;
	color: #999999;
	margin-top: 34px
}

.class-list img {
	margin: auto
}

.class-list .eng {
	font-size: 14px;
	color: #cccccc;
	margin-top: 8px;
	font-family: Arial, Helvetica, sans-serif
}

.class-list .li1 {
	width: 302px
}

.class-list .li1:hover .a1 {
	background-image: url(../images/a1-active.png)
}

.class-list .li2 {
	width: 320px
}

.class-list .li2:hover .a2 {
	background-image: url(../images/a2-active.png)
}

.class-list .li3 {
	width: 320px
}

.class-list .li3:hover .a3 {
	background-image: url(../images/a3-active.png)
}

.class-list .li4 {
	width: 244px
}

.class-list .li4 .box {
	width: 245px;
}

.class-list .li4:hover .a4 {
	background-image: url(../images/a4-active.png)
}

.class-list .box {
	width: 245px;
	padding-bottom: 13px;
	margin: auto;
	background: #fff;
	transition: all .5s;
	height: 211px;
	padding-top: 20px
}

.case-box-show {
	padding: 50px 0 70px;
	background: #f7f7f7
}

.case-box-show .more {
	width: 144px;
	height: 36px;
	border: 1px solid #cccccc;
	font-size: 18px;
	line-height: 36px;
	color: #666666;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 58px auto 22px;
	cursor: pointer
}

.case-box-show .more img {
	margin-left: 12px
}

.case-box-show .tips {
	font-size: 16px;
	color: #999999;
	margin-top: 8px
}

.case-box-show .tips-eng {
	margin-top: 16px
}

.case-box-show .lists-ul {
	overflow: hidden;
	height: 584px
}

.case-box-show .case-show1:nth-child(1) {
	margin-top: 45px;
	width:1200px;
}

.case-box-show .case-show1 .lefts {
	width: 582px;
	float: left
}

.case-box-show .case-show1 .lefts .big-video-box {
	box-shadow: 0 0 20px 2px #bcbcbc
}

.case-box-show .case-show1 .rights {
	float: right;
	width: 584px
}

.case-box-show .case-show1 .rights .small-box {
	margin-top: 0
}

.case-box-show .case-show1 .rights .small-box .small-list-video {
	margin-right: 24px;
	margin-bottom: 19px
}

.case-box-show .case-show1 .rights .small-box .small-list-video:nth-child(2n) {
	margin-right: 0
}

.case-box-show .case-show1 .small-box {
	overflow: hidden;
	margin-top: 26px
}

.case-box-show .case-show1 .small-box .small-list-video {
	margin-right: 22px;
	float: left;
	width: 280px;
	position: relative;
	overflow: hidden
}

.case-box-show .case-show1 .small-box .small-list-video:nth-child(2n) {
	margin-right: 0
}

.case-box-show .case-show1 .small-box .small-list-video .title {
	bottom: 22px
}

.case-box-show .case-show1 .small-box .small-list-video .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	background: url(../images/shadow.png) center center no-repeat
}

.case-box-show .case-show1 .small-box .small-list-video .s {
	width: 34px;
	height: 34px;
	background: url(../images/play2.png) center center no-repeat;
	background-size: 100% 100%
}

.case-box-show .title {
	font-size: 18px;
	color: #ffffff;
	position: absolute;
	bottom: 26px;
	left: 0;
	width: 100%;
	z-index: 3;
	text-align: center
}

.case-box-show .s {
	width: 52px;
	height: 52px;
	background: url(../images/play3.png) center center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 33
}

.case-box-show .hover {
	overflow: hidden
}

.case-box-show .hover img {
	transition: all .5s;
	border-radius: 6px
}

.case-box-show .hover:hover img {
	transform: scale(1.1)
}

.strength_strength {
	padding-top: 135px;
	background: url(../images/c11.png) center no-repeat;
	background-size: cover;
	margin-top: 0
}

.strength_strength .sub {
	font-size: 14px;
	color: #cccccc;
	margin-top: 8px
}

.strength_strength .line {
	margin: 22px 0 24px !important
}

.strength_strength .bit-title {
	font-size: 20px;
	color: #e5e5e5;
	font-weight: bold;
	letter-spacing: 2px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase
}

.strength_strength .small {
	margin-top: 14px;
	font-size: 16px;
	color: #999999;
	line-height: 24px
}

.strength_strength .big-box {
	width: 1200px
}

.strength_strength .big-box .info {
	left: auto;
	right: 0
}

.strength_strength .big-box .info .subs {
	font-size: 14px;
	color: #cccccc;
	margin-top: 10px
}

.strength_strength .big-box .info .bit-t {
	font-size: 20px;
	color: #e5e5e5;
	font-weight: bold;
	letter-spacing: 2px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-top: 46px
}

.boxs-boxs {
	background: #ffffff;
	padding: 210px 0 0 0;
	height: 788px
}

.boxs-boxs .bor {
	position: absolute;
	left: 295px;
	z-index: 3;
	top: -76px
}

.boxs-boxs .img-box-left {
	position: absolute;
	top: -320px;
	left: 0;
	z-index: 3
}

.boxs-boxs .info {
	padding-left: 506px;
	top: 0;
	z-index: 88;
	position: relative
}

.boxs-boxs .title {
	font-size: 18px;
	color: #999999;
	line-height: 30px
}

.boxs-boxs .ss {
	position: absolute;
	right: 36px;
	top: 40px
}

.boxs-boxs .sub {
	font-size: 16px;
	color: #999999;
	line-height: 30px;
	margin-top: 26px
}

.service-process-bg {
	background: url(../images/p11.jpg) center no-repeat;
	background-size: cover;
	padding-bottom: 278px;
	padding-top: 168px
}

.service-process-bg .service-process-list .item.active .circle .p1 {
	color: #fff
}

.service-process-bg .service-process-list .circle {
	border-color: #fff !important
}

.service-process-bg .service-process-list .item.active:after {
	background: #fff
}

.service-process-bg .bottom p {
	color: #fff
}

.vision-box {
	padding: 150px 0 0 0;
	height: 812px;
	background: #fff
}

.vision-box .ssss {
	position: absolute;
	left: 196px;
	bottom: 36px
}

.vision-box .vis {
	font-size: 28px;
	color: #999
}

.vision-box .vis span {
	color: #666666;
	margin-left: 18px
}

.vision-box .info {
	margin-left: 35px;
	margin-top: 12px
}

.vision-box .lefts {
	max-width: 435px
}

.vision-box .sss {
	position: absolute;
	left: 132px;
	top: 14px
}

.vision-box .eng {
	text-transform: uppercase;
	font-size: 18px;
	margin-top: 18px;
	color: #999999;
	letter-spacing: 4px
}

.vision-box .line {
	width: 30px;
	height: 4px;
	background: #9ed0e7;
	margin: 24px 0 36px
}

.vision-box .subs {
	font-size: 20px;
	color: #999999;
	line-height: 40px
}

.vision-box .right {
	position: absolute;
	right: 51px;
	top: -260px
}

.vision-box .right i {
	width: 52px;
	height: 52px;
	background: url(../images/play3.png) center center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 33
}

.vision-box .right .bt {
	font-size: 20px;
	color: #666666;
	font-weight: bold;
	width: 184px;
	line-height: 38px;
	text-align: center;
	height: 38px;
	border-radius: 19px;
	border: 1px solid #999999;
	margin: 54px 0 24px
}

.vision-box .right .engs {
	font-size: 16px;
	color: #999999;
	line-height: 30px
}

.kehus {
	padding: 110px 0 120px;
	background: #f7f7f7
}

.kehus .process-boxss {
	width: 1420px;
	margin: 60px auto 0;
	background: #fff;
	padding-top: 40px
}

.kehus .process-boxss li {
	float: left;
	margin-bottom: 40px;
	width: 25%
}

.kehus .process-boxss li img {
	margin: auto;
	height: 130px;
	width: 200px;
}

.kehus .p {
	font-size: 18px;
	color: #999999;
	text-align: center;
	margin-top: 56px;
	letter-spacing: 12px
}

.evaluation-section1 {
	background: url(../images/bb1.jpg) center no-repeat;
	background-size: cover;
	padding-bottom: 172px;
	padding-top: 154px
}

.latest-news {
	background: #18191b;
	padding: 75px 0 90px
}

.latest-news .news-box-box {
	margin-top: 96px
}

.latest-news .news-box-box .left-box {
	width: 582px;
	float: left
}

.latest-news .news-box-box .left-box .news-list li:nth-child(1) {
	margin-top: 80px
}

.latest-news .news-box-box .left-box .swiper {
	overflow: hidden;
	position: relative
}

.latest-news .news-box-box .left-box .swiper .span {
	text-align: center;
	position: absolute;
	bottom: 14px;
	z-index: 3
}

.latest-news .news-box-box .left-box .swiper .span .swiper-pagination-bullet {
	background: #ccc;
	width: 12px;
	height: 12px;
	opacity: 1
}

.latest-news .news-box-box .left-box .swiper .span .swiper-pagination-bullet-active {
	background: #2ea9e1
}

.latest-news .news-box-box .left-box .swiper .btns {
	position: absolute;
	top: 50%;
	z-index: 3;
	transform: translateY(-50%)
}

.latest-news .news-box-box .left-box .swiper .prev {
	left: 12px
}

.latest-news .news-box-box .left-box .swiper .next {
	right: 12px
}

.latest-news .news-list li .title {
	color: #fff
}

.latest-news .news-list li .sub {
	max-width: 464px
}

.latest-news .news-list li .mon {
	border-top: 1px solid #18191b;
	line-height: 24px
}

.latest-news .right-boxs {
	width: 570px;
	float: right
}

.latest-news .right-boxs .news-list {
	margin-top: 0
}

.latest-news .right-boxs .news-list li {
	margin-top: 38px
}

.latest-news .right-boxs .news-list li:nth-child(1) {
	margin-top: 0
}

.latest-news .more-more {
	font-size: 14px;
	color: #999999;
	width: 140px;
	height: 36px;
	border: 1px solid #cccccc;
	line-height: 36px;
	margin: 140px auto 0;
	cursor: pointer;
	text-align: center
}

.bottom-1 {
	padding-left: 209px
}

.bottom-2 {
	padding-left: 389px
}

.bottom-3 {
	padding-left: 589px
}

.bottom-4 {
	padding-left: 689px
}

.bottom-5 {
	padding-left: 789px
}

.bottomlist {
	overflow: hidden
}

.bottomlist .samll-video-list {
	float: left;
	
}

.bottomlist .samll-video-list:last-child {
	margin-right: 0;
}

.bottomlist .samll-video-list p {
	font-size: 14px;
	color: #333333;
	padding-top: 10px;
	text-align: center
}

.bottomlist .samll-video-list .video-box {
	position: relative
}

.bottomlist .samll-video-list i {
	display: block;
	width: 35px;
	height: 35px;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	background: url(../images/play1.png) center center no-repeat;
	background-size: 100% 100%;
	z-index: 3
}

.bottomlist-hide {
	display: none
}
.video-container1 .play_btn{display: block;}
.video_bg{
	width: 100%;
	position: absolute;
	left: 0;
	height: 100%;
	top: 0;
	z-index:0;
}
@media (max-width: 1700px) and (min-width: 1170px) {
	.container,.top-banner-box {
		width: 100%
	}

	.top-banner-box .banner-inner {
		width: 1516px;
	}

	.top-banner-box .banner-inner .header .logo {
		
	}
}

@media (max-width: 1420px) {
	.top-banner-box .btn-box {
		left: 34px
	}

	.kehus .process-boxss {
		width: 1200px
	}

	.env-box-box .inners {
		width: 100%
	}

	.env-box-box .swiper-btn {
		display: none
	}
}

@media (max-width: 1326px) {
	.top-banner-box .btn-box {
		display: none
	}

	.footer .foot_wrap,.env-box-box .inners .inner-swiper {
		width: 1200px
	}
}

@media (max-width: 1199px) {
	.float-none {
		float: none !important;
		width: 100% !important
	}

	.m-sub-menu {
		position: fixed;
		right: -100%;
		width: 66%;
		top: 0;
		z-index: 100;
		height: 100%;
		background-color: #fff;
		transition: all 0.74s ease 0s;
		z-index: 1005;
		display: block !important;
		overflow-y: scroll
	}

	.m-sub-menu.left {
		right: 0;
		transition: all 0.84s ease 0s
	}

	.m-sub-menu .top-box {
		height: 44px;
		line-height: 44px;
		padding: 0 8%;
		background: url(../images/navline.png) repeat-x center bottom;
		background-size: 1px 1px
	}

	.m-sub-menu .top-box .stt {
		display: inline-block;
		font-size: 14px;
		color: #999;
		width: 80%
	}

	.m-sub-menu .top-box .close {
		display: inline-block;
		width: 17px;
		height: 17px;
		background: url(../images/ico_37.png) no-repeat center;
		margin-top: 12px;
		cursor: pointer;
		transition: transform 0.3s ease 0s;
		position: static
	}

	.sp ul li {
		background: url(../images/navline.png) repeat-x center bottom;
		background-size: 1px 1px;
		line-height: 44px;
		padding: 0 8%
	}

	.navlist ul li .navh::before {
		content: "";
		display: block;
		width: 16px;
		height: 16px;
		background: url(../images/subnavjia.png) no-repeat;
		background-size: 16px 16px;
		position: absolute;
		right: 7.5%;
		top: 50%;
		margin-top: -8px
	}

	.sp ul li a {
		display: block;
		font-size: 14px;
		color: #333;
		font-family: 'engnormal' !important;
		position: relative
	}

	.sp ul li a::before {
		content: "";
		display: block;
		width: 8px;
		height: 16px;
		background: url(../images/flex-next.png) no-repeat center;
		background-size: 8px 16px;
		margin-top: -8px;
		position: absolute;
		right: 0;
		top: 50%
	}

	.navlist ul li .navh::before {
		content: "";
		display: block;
		width: 16px;
		height: 16px;
		background: url(../images/subnavjia.png) no-repeat;
		background-size: 16px 16px;
		position: absolute;
		right: 7.5%;
		top: 50%;
		margin-top: -8px
	}

	.navlist ul li {
		background: url(../images/navline.png) repeat-x center bottom;
		background-size: 1px 1px;
		line-height: 44px
	}

	.navlist ul li a {
		padding: 0 8%;
		font-size: 14px;
		color: #333;
		display: block;
		line-height: 44px
	}

	.logon-box {
		display: none !important
	}

	.navlist ul li .navh {
		display: block;
		position: relative
	}

	.navlist ul li dl {
		display: none;
		background-color: #eee
	}

	.navlist ul li dl dd {
		background: none
	}

	.all_wrap,.m_header {
		transition: all 0.8s ease-out 0s
	}

	.all_wrap.left,.m_header.left {
		transform: translateX(-66%);
		transition: all 0.8s ease-out 0s;
		display: block;
		float: none
	}

	.navbtn {
		width: .42rem;
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%)
	}

	.plus-hide,.menubox {
		display: none
	}

	body {
		padding-top: 1rem
	}

	.m_header {
		display: flex;
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		padding: 0 15px;
		height: 1rem;
		z-index: 999;
		background: #1b1b1b;
		
	}

	.m_header .logo {
		width: 155px;
	}

	.header {
		display: none;
	}

	.navbtn {
		width: 20px;
		height:20px;
	}

	.top-banner-box .banner-inner {
		width: 100%
	}

	.top-banner-box {
		width: 100%
	}

	.foot_wrap,.top-banner-box .btn-box,.footer .douyin,.footer .foot-right,.footer .link-box {
	padding-bottom:40px;
	width:100%;
	
	}
	.footer .douyin{ float:left; margin-left:20px; display:none;}
	.footer .douyin{ width:150px; padding-left:10px;}
	.foot-left{ font-size:18px; color:#FFFFFF; line-height:30px; float:left; padding-bottom:40px;}
     .footer .foot-right .form-box .input-box input{ margin-left:20px; width:140px;}
	 .footer .foot-right .form-box .input-box .submit{margin-left:20px;}
	 .footer .foot-right .recommend-list .item{width:170px;}

	.play_btn {
		width: .73rem;
		height: .73rem
	}

	.container {
		width: 100%
	}

	.wrap {
		width: 92%
	}

	.footer .line,.top-banner-box .banner-inner .case-video .video-info {
		display: none
	}

	.case-show {
		padding: 20px 0
	}

	.case-list-left,.case-show .case_box .case-left,.case-show .case_box .case-right {
		float: none;
		width: 100%
	}

	.case-show .case_box .case-right .case-video-list {
		padding: 0
	}

	.case-show .case_box .case-right .case-video-list .big-video {
		width: 100%
	}

	.big-v-box .video-btn {
		width: .72rem;
		height: .72rem
	}

	.footer .foot-bottom {
		padding: 0 15px;
		margin-top: 0
	}

	.footer .foot-bottom p {
		line-height: 1.5
	}

	.case-list-right,.case-show .case_box .case-right .case-video-list .small-v-list .samll-video-list {
		float: none;
		width: 100%
	}

	.case-list-right img,.case-show .case_box .case-right .case-video-list .small-v-list .samll-video-list img {
		width: 100%
	}

	.samll-video-list {
		margin-bottom: 12px
	}

	.case-show .case_box .case-right .case-video-list .small-v-list .video-box {
		width: 100%;
		float: none;
		height: auto;
		margin-bottom: 12px
	}

	.server-box-main {
		padding: 30px 0;
		background: #f7f7f7
	}

	.title-box div p {
		font-size: 15px;
		margin: 0 20px
	}

	.title-box h3 {
		font-size: 20px
	}

	.logobox {
		margin-top: 38px
	}

	.logobox p {
		font-size: 13px;
		margin-top: 22px
	}

	.footer {
		background: #1b1b1b;
		padding: 15px 0 0
	}

	.footer .foot_wrap {
		width: 92%
	}

	.footer .title {
		font-size: 16px;
		margin-bottom: 18px
	}

	.footer .p-box p {
		font-size: 14px;
		margin-bottom: 12px
	}

	.server-project-list {
		background: #f7f7f7;
		padding: 20px 0
	}

	.server-project-list .list {
		margin-top: 20px
	}

	.server-project-list .title {
		font-size: 14px;
		line-height: 40px
	}

	.server-project-list .list .span {
		margin-top: 14px
	}

	.server-project-list .list .swiper-pagination-bullet {
		width: .48rem
	}

	.strengths-section {
		padding: 35px 0
	}

	.strengths-section .content {
		margin-top: 20px
	}

	.strengths-section .content .lefts,.strengths-section .content .rights {
		float: none;
		text-align: center;
		margin-top: 30px
	}

	.strengths-section .content h3 {
		font-size: 18px;
		margin-bottom: 14px
	}

	.strengths-section .content .line {
		display: none
	}

	.strengths-section .content .rights {
		margin-left: 0
	}

	.service-section {
		padding: 25px 0
	}

	.service-section .service-box {
		width: 100%;
		margin-top: 30px
	}

	.service-section .service-box .rights,.service-section .service-box .lefts {
		float: none;
		width: 100%
	}

	.service-section .service-box .lefts .item {
		height: 2.34rem
	}

	.service-section .service-box .info h3 {
		font-size: .2rem
	}

	.service-section .service-box .info h2 {
		font-size: .24rem;
		margin-top: .1rem
	}

	.service-section .service-box .info {
		left: .4rem
	}

	.service-section .service-box .rights .item-2 .info,.service-section .service-box .lefts .item .info {
		top: .8rem
	}

	.service-section .service-box .info .line {
		width: .3rem;
		margin: .12rem 0
	}

	.service-section .service-box .rights .item-6 {
		height: 2.34rem
	}

	.service-section .service-box .rights .item-6 .info .p1 {
		font-size: .18rem
	}

	.service-section .service-box .rights .item-6 .info h3 {
		font-size: .24rem
	}

	.service-section .service-box .rights .item-6 .info {
		top: 0.7rem
	}
	
		.service-section .service-box .rights .item-5 {
		height: 2.34rem
	}

	.service-section .service-box .rights .item-5 .info .p1 {
		font-size: .18rem
	}

	.service-section .service-box .rights .item-5 .info h3 {
		font-size: .24rem
	}

	.service-section .service-box .rights .item-5 .info {
		top: 0.7rem
	}
	

	.service-section .service-box .info .p1 {
		font-size: 12px
	}

	.service-section .service-box .rights .item-2 {
		height: 2.34rem
	}

	.evaluation-section {
		padding: 0 0 20px 0
	}

	.service-process {
		padding: 30px 0;
		background: #f7f7f7
	}

	.service-process .service-process-list .circle {
		width: 2rem;
		padding-top: .56rem;
		height: 2rem;
		margin: auto
	}

	.service-process .service-process-list .p1 {
		font-size: 13px
	}

	.service-process .service-process-list .p2 {
		font-size: 12px;
		margin-top: 4px
	}

	.service-process .service-process-list .item {
		position: relative;
		padding-bottom: .2rem;
		width: 33.3333%;
		margin-right: 0
	}

	.service-process .service-process-list .item.active:after {
		display: none
	}

	.service-process .service-process-list {
		margin-top: 20px
	}

	.service-process .bottom {
		margin-top: 20px;
		padding-left: 0 !important
	}

	.service-process .bottom p {
		margin-bottom: 10px;
		line-height: 1.5
	}

	.about-boxs {
		padding: 30px 0
	}

	.about-boxs .company-desc p {
		font-size: 13px;
		padding: 0 15px;
		line-height: 1.65
	}

	.culture-box {
		padding: 20px 0;
		background: #fff
	}

	.culture-box .rights,.culture-box .culture-box-box .lefts {
		float: none;
		margin-top: 0;
		width: 100%
	}

	.culture-box .culture-box-box .line-l,.culture-box .lines,.history {
		display: none
	}

	.culture-box .rights {
		margin-top: 30px
	}

	.culture-box .rights .title-box h3 {
		font-size: 21px
	}

	.culture-box .rights .pbox p span {
		width: auto
	}

	.culture-box .rights .pbox p {
		display: block;
		line-height: 1.65
	}

	.culture-box .rights .desc-box {
		margin-top: 32px
	}

	.service_commitment {
		margin-top: 0;
		padding: 30px 0
	}

	.bs {
		padding-bottom: 0
	}

	.service_commitment .list {
		margin-top: 36px
	}

	.service_commitment .list .item {
		width: 49%;
		margin-right: 2% !important;
		margin-bottom: 15px
	}

	.service_commitment .list .item:nth-child(2n) {
		margin-right: 0 !important
	}

	.service_commitment .list .item .info {
		height: 3rem;
		padding: 8px
	}

	.service_commitment .list .item .info .title {
		font-size: 14px;
		color: #e5e5e5
	}

	.service_commitment .list .item .info .line {
		width: 14px;
		height: 2px;
		margin: 10px 0
	}

	.service_commitment .list .item .info .small {
		font-size: 13px;
		line-height: 18.2px
	}

	.service_commitment .big-box {
		display: none
	}

	.service_commitment .big-box .info {
		width: 4.5rem;
		height: auto;
		padding: 14px;
		bottom: -1rem;
		left: .75rem
	}

	.service_commitment .big-box .info .title {
		font-size: 16px
	}

	.service_commitment .big-box .info .line {
		width: 15px;
		height: 2px;
		margin: 10px 0
	}

	.service_commitment .big-box .info .small {
		font-size: 14px;
		color: #999999;
		line-height: 19.2px
	}

	.office {
		padding: .6rem 0 1.15rem
	}

	.office .lefts,.office .rights {
		float: none;
		width: 100%
	}

	.office .rights {
		margin-top: 30px
	}

	.office .lefts .sub {
		font-size: 15px;
		line-height: 34px;
		margin-top: 20px
	}

	.header-fixed {
		display: none !important
	}

	.video {
		height: 100%
	}

	.do-box .lefts-box {
		padding-top: 24px;
		float: none
	}

	.do-box .rights-box {
		margin-top: 30px
	}

	.do-box .lefts-box .title,.do-box .lefts-box .p1 {
		font-size: .32rem
	}

	.do-box .lefts-box .lines {
		width: 32px;
		height: 2px;
		margin-top: 16px
	}

	.do-box .rights-box .img-box img {
		width: 49%;
		margin-right: 2%
	}

	.do-box .rights-box .infos {
		margin-top: 18px
	}

	.do-box .rights-box .infos .title {
		font-size: 15px
	}

	.do-box .rights-box .infos .sub {
		margin-top: 12px;
		font-size: 13px
	}

	.do-box .rights-box .infos .more {
		font-size: 15px;
		margin-top: 10px
	}

	.indexs {
		padding-bottom: 26px
	}

	.project-classification-box {
		padding: 26px 0
	}

	.class-list {
		margin-top: 22px
	}

	.class-list li {
		width: 50% !important;
		margin-bottom: 15px;
		margin-right: 0 !important
	}

	.class-list li:nth-child(2n) {
		margin-right: 0 !important
	}

	.class-list .box {
		width: 100% !important;
		padding-bottom: 0;
		height: 2.4rem;
		padding-top: 10px
	}

	.class-list li .a1 {
		width: 1rem;
		height: 1rem;
		background-size: 100% 100%
	}

	.class-list .title {
		font-size: 14px;
		margin-top: 14px
	}

	.class-list .eng {
		font-size: 12px
	}

	.class-list .lines::after {
		display: none
	}

	.class-list li .a2 {
		width: 1rem;
		margin-top: 10px;
		height: .87rem;
		background-size: 100% 100%
	}

	.class-list li .a3 {
		width: .84rem;
		height: .89rem;
		margin-top: 10px;
		background-size: 100% 100%
	}

	.class-list li .a4 {
		width: .96rem;
		height: .92rem;
		margin-top: 8px;
		background-size: 100% 100%
	}

	.project-classification-box .tips {
		font-size: 13px;
		line-height: 20px;
		padding: 0 15px;
		margin-top: 25px
	}

	.case-box-show {
		padding: 20px 0;
		background: #f7f7f7
	}

	.case-box-show .case-show1 .lefts,.case-box-show .case-show1 .small-box .small-list-video,.case-box-show .case-show1 .rights {
		float: none;
		width: 100%
	}

	.case-box-show .case-show1 .lefts img,.case-box-show .case-show1 .small-box .small-list-video img,.case-box-show .case-show1 .rights img {
		width: 100%
	}

	.lists-ul {
		display: none
	}

	.swiper-case {
		overflow: hidden;
		display: block !important;
		margin-top: 25px
	}

	.swiper-case .span {
		text-align: center;
		margin-top: 15px
	}

	.case-box-show .s {
		width: .52rem;
		height: .52rem
	}

	.case-box-show .title {
		font-size: 14px;
		bottom: 12px
	}

	.case-box-show .more {
		width: 2rem;
		font-size: 14px;
		margin: 15px auto
	}

	.case-box-show .tips {
		font-size: 14px
	}

	.case-box-show .tips-eng {
		margin-top: 8px
	}

	.strength_strength.service_commitment .list .item .info {
		height: auto
	}

	.strength_strength .bit-title {
		font-size: 15px
	}

	.boxs-boxs,.vision-box .sss,.vision-box .ssss,.eva-list .s {
		display: none
	}

	.service-process-bg {
		background: #1b1b1b;
		padding-top: .6rem
	}

	.vision-box .right {
		position: static
	}

	.vision-box {
		padding: 30px 0 0 0;
		height: auto
	}

	.vision-box .vis {
		font-size: 21px
	}

	.vision-box .eng {
		font-size: 13px;
		margin-top: 10px;
		letter-spacing: 2px
	}

	.vision-box .line {
		width: 30px;
		height: 4px;
		background: #9ed0e7;
		margin: 15px 0
	}

	.vision-box .subs {
		font-size: 15px;
		line-height: 24px
	}

	.vision-box .info {
		margin-left: .35rem
	}

	.right {
		width: 100%;
		margin-top: 20px;
		float: none
	}

	.kehus {
		padding: 30px 0;
		background: #fff
	}

	.vision-box .right .bt,.latest-news .more-more {
		font-size: 15px;
		width: 2rem;
		line-height: 30px;
		height: 30px;
		border-radius: 15px;
		margin: 14px 0
	}

	.vision-box .right .engs {
		font-size: 14px;
		line-height: 24px
	}

	.kehus .process-boxss {
		width: 100%;
		margin: 30px auto 0;
		padding-top: 10px
	}

	.kehus .process-boxss li {
		margin-bottom: 20px;
		width: 33.333%
	}

	.kehus .p {
		font-size: 14px;
		margin-top: 26px;
		letter-spacing: 4px
	}

	.latest-news {
		background: #18191b;
		padding: 35px 0
	}

	.latest-news .news-box-box {
		margin-top: 36px
	}

	.latest-news .news-box-box .left-box,.latest-news .right-boxs {
		width: 100%;
		margin-top: 20px;
		float: none
	}

	.latest-news .news-box-box .left-box .news-list li:nth-child(1) {
		margin-top: 20px
	}

	.latest-news .more-more {
		margin: 20px auto
	}

	.evaluation-section1 {
		padding: 30px 0
	}

	.eva-list {
		margin-top: 26px
	}

	.eva-list .list-item {
		width: 50%;
		margin-top: 0 !important
	}

	.evaluation-section .tips {
		font-size: 14px;
		margin-top: 22px
	}

	.header,.form-box-box .t {
		display: none !important
	}

	.book-video {
		height: 5rem
	}

	.form-box-box {
		position: relative;
		padding-top: 33px;
		padding-bottom: 30px
	}

	.form-box-box .form-wrap {
		width: 92%;
		margin: 34px auto 0
	}

	.form-box-box .btn-box {
		display: none
	}

	.form-box-box .form-wrap ul li {
		width: 48% !important;
		margin-right: 4%;
		margin-bottom: 15px
	}

	.form-box-box .form-wrap ul li:nth-child(2n) {
		margin-right: 0
	}

	.top-banner-box .btn-studio {
		bottom: 15px;
		height: 28px;
		line-height: 28px;
		font-size: 14px;
		width: 90px
	}

	.studio_advantages {
		padding: 20px 0
	}

	.case-list-show-box,.case-show .case_box .case-right .case-video-list {
		height: auto !important
	}

	.studio_advantages .studio_advantages_list {
		margin-top: 30px
	}

	.studio_advantages .studio_advantages_list li {
		width: 33.333%;
		margin-right: 0;
		height: 2.2rem;
		margin-bottom: 5px
	}

	.studio_advantages .studio_advantages_list li:nth-child(2n) {
		margin-right: 0
	}

	.studio_advantages .studio_advantages_list li img {
		width: 1.3rem;
		height: 1.3rem
	}

	.env-box {
		padding: 20px 0
	}

	.env-box .env-list {
		width: 92%;
		margin: 38px auto 0
	}

	.env-box .env-list li {
		width: 25% !important;
		padding: 0 !important;
		text-align: center
	}

	.env-box .env-list li img {
		margin: auto !important
	}

	.studio_advantages .studio_advantages_list li p {
		font-size: 12px;
		margin-top: 7px
	}

	.env-box .env-list .b2,.env-box .env-list .b1 {
		height: auto !important;
		padding-top: 0;
		border-right: 0
	}

	.env-box .env-list li {
		height: auto;
		margin-bottom: 20px
	}

	.env-box .env-list .room,.env-box .env-list .border,.env-box .env-list .b1 {
		border: 0
	}

	.env-box .env-list li p {
		font-size: 15px;
		margin-top: 13px
	}

	.env-box .env-list li img {
		width: .43rem;
		height: .52rem
	}

	.env-box-box .inners {
		display: none
	}

	.env-box-box .swiper-case .title {
		font-size: 15px;
		text-align: center
	}

	.env-box-box .span {
		margin-top: 16px
	}

	.env-box-box .tips {
		font-size: 14px;
		line-height: 23px;
		margin-top: 21px
	}

	.env-box-box {
		padding-bottom: 30px
	}

	.video_link {
		top: .24rem !important;
		right: .9rem !important;
		width: .35rem !important;
		height: .35rem !important;
		overflow: hidden !important;
		margin: 0 !important;
		background-size: 100% 100% !important
	}

	.video_dialog .video_content a.video_close {
		top: .24rem !important;
		right: .35rem !important;
		width: .35rem !important;
		height: .35rem !important;
		margin: 0 !important;
		background-size: 100% 100% !important
	}

	.service_commitment .list {
		display: none
	}

	.m-list-swiper {
		display: block !important;
		overflow: hidden;
		width: 93%;
		margin: auto
	}

	.m-list-swiper .item {
		width: 100% !important;
		float: none !important
	}

	.m-list-swiper .span {
		text-align: center
	}

	.eva-list {
		display: none !important
	}

	.eva-list-m {
		display: block !important;
		overflow: hidden;
		width: 92%;
		margin: 25px auto
	}

	.eva-list-m .span {
		text-align: center;
		margin-top: 20px
	}

	.eva-list .list-item {
		width: 100%;
		margin-top: 0 !important;
		float: none !important
	}

	.eva-list .list-item {
		float: none !important;
		box-shadow: none
	}

	.swiperb,.case-swiper .video-info {
		display: none
	}

	.process-boxs .process-con .pro-top {
		display: block;
		padding-left: 0
	}

	.lin,.process-boxs .pro-bottom .item-box i,.process-boxs .process-con .pro-top i {
		display: none
	}

	.process-boxs .process-con .item-box {
		padding-bottom: 12px;
		float: left;
		width: 32.3333%;
		padding-top: 0;
		background: #00b6fb;
		margin-right: 1% !important;
		margin-bottom: 15px
	}

	.process-boxs .process-con .item {
		width: 100%;
		height: auto
	}

	.process-boxs .process-con {
		margin-top: .6rem
	}

	.process-boxs .process-con .pro-top .item,.process-boxs .pro-bottom .item {
		background: none;
		height: 1.6rem
	}

	.process-boxs .pro-bottom .item:nth-child(3n) {
		margin-right: 0 !important
	}

	.process-boxs {
		padding: .5rem 0;
		background: #f7f7f7
	}

	.pro-bottom {
		display: none
	}

	.process-boxs .process-con .title {
		font-size: 15px;
		padding-top: 22px
	}

	.process-boxs .process-con .pro-top {
		overflow: hidden
	}

	.mshows {
		display: block !important
	}

	.process-boxs .process-con .sub {
		font-size: 12px;
		margin-top: 9px
	}

	.fuwu-m-show {
		overflow: hidden;
		display: block !important
	}

	.fuwu-m-show .span {
		text-align: center
	}

	.service_commitment .fuwu-m-show .item {
		width: 100%;
		float: none
	}

	.service_commitment .fuwu-m-show .item img {
		height: 2.2rem
	}

	.case-more-more-m {
		display: none !important
	}

	.m-mores {
		display: block !important
	}

	.m-mores .case-more-more-m {
		width: 2rem;
		height: 36px;
		border: 1px solid #cccccc;
		font-size: 14px;
		line-height: 36px;
		color: #666666;
		display: flex !important;
		align-items: center;
		justify-content: center;
		margin: 18px auto 22px;
		cursor: pointer
	}

	.bottomlist .samll-video-list {
		width: 100%;
		margin-right: 0 !important
	}

	.bottomlist .samll-video-list img {
		width: 100%
	}

	.do-box {
		display: block !important
	}

	.play_btn-index {
		display: block !important
	}
	.strengths-section .content{width: 93%;}
	.top-banner-box .banner-inner,.indexss .top-banner-box .banner-inner{
		height: auto;
	}
	.indexss .top-banner-box .banner-inner{
		height: auto;
	}
	.indexss .top-banner-box video{
		height: auto;
	}
}
.hovers{display: none ;}
.eva-list .list-item:hover {
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-name: shake;
	transform-origin: center bottom;
	cursor: pointer
}

@keyframes shake {
	0%,100%,20%,50%,80% {
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transform: translate3d(0, 0, 0)
	}

	40%,43% {
		transition-timing-function: cubic-bezier(0.755, 0.5, 0.855, 0.06);
		transform: translate3d(0, -30px, 0)
	}

	70% {
		transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transform: translate3d(0, -15px, 0)
	}

	90% {
		transform: translate3d(0, -4px, 0)
	}
}

.case-box-show .case-show1 .rights .small-box .small-list-video a {
	width: 100%;
	height: 100%;
	display: block
}

.case-box-show .more:hover {
	background: #0c8ac4;
	color: #fff
}

.more-more {
	display: block
}

.culture-box .culture-box-box .line-l {
	display: none !important
}

.video-box img {
	width: 100%
}

.bottomlist .samll-video-list {
	float: left;
	margin-left:9px;
	width: 289px;
}

.bottomlist .samll-video-list:nth-child(3n) {
	margin-right: 0
}

.bottomlist {
	padding-left: 0px;
	padding-top:10px;
}

.bottomlist .samll-video-list p {
	padding-bottom: 10px;
}

@media(max-width:1199px) {
	.bottomlist .samll-video-list {
		width: 100%
	}

	.case-list-left {
		margin-bottom: 15px;
	}
}
.img-box{
	overflow: hidden;
  }
  .server-project-list .list .swiper-slide img{transition: all .5s;}
  .server-project-list .list .swiper-slide:hover img{
	transform: scale(1.1);
  }
			
@media screen and (max-width: 800px) { 
 .floatR{display:none; }
.animamask .img{display:none; }
.mtel{font-size:16px; font-weight:bold; color:#e5e5e5; width:150px; line-height:76px; float:left;}
.mtel a{font-size:13px; font-weight:bold; color:#e5e5e5; width:150px; line-height:76px; float:left;}
.mtel img{ float:left; margin-top:29px; padding-right:10px;}


.art-mtel{font-size:16px; font-weight:bold; color:#e5e5e5; width:150px; line-height:76px; float:left;}
.art-mtel a{font-size:18px; font-weight:bold; color:#e5e5e5; width:150px; line-height:66px; float:left;}
.art-mtel img{ float:left; margin-top:23px; padding-right:10px;}

}

.menu .tel{font-size:18px; font-weight:bold; color:#e5e5e5; width:200px; line-height:76px; float:left;}
.menu .tel img{ float:left; margin-top:29px; padding-right:10px;}