.wapper-fff {
    position: relative;
    z-index: 10;
    width: 100%;
    background: #fff;
}

.res-zhongduan {
    padding-top: 80px;
    padding-bottom: 70px;
    background: #f5f5f5;
}

.res-adv {
    padding-top: 80px;
    padding-bottom: 95px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-attachment: fixed;
}


.res-four {
    padding-top: 56px;
    padding-bottom: 73px;
    background-color: #f9f9f9;
    overflow: hidden;
}


.res-test {
    padding-top: 122px;
    padding-bottom: 122px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-attachment: fixed;
}


.res-offer {
    padding-top: 80px;
    padding-bottom: 60px;
}


.case-show {
    padding: 1px 3.125% 60px;
    background: #f7f7f7;
}



.clearfix, .layout, .container, .container-layout, .line, .line-small, .line-middle, .line-big, .nav-main, .nav-sub, .navbar {
    display: block;
}


.res-title {
    font-size: 48px;
    line-height: 48px;
    color: #333;
    padding-bottom: 23px;
    background: url(../image/line-02.jpg) center bottom no-repeat;
}

.res-title-txt {
    width: 800px;
    max-width: 100%;
    font-size: 16px;
    line-height: 30px;
    color: #666;
    margin-top: 23px;
}
.tc {
    text-align: center;
}
.auto {
    margin-left: auto;
    margin-right: auto;
}

.res-zhongduan .mg-pic {
    margin-top: 52px;
}

.res-title.gray {
    color: #ccc;
}



.res-adv {
	padding-top: 80px;
	padding-bottom: 95px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-attachment: fixed;
}

.res-adv-list li {
	float: left;
	width: 50%;
	padding-left: 143px;
	font-size: 0;
	margin-top: 44px;
}

.res-adv-list li .span-des {
	float: left;
	padding-top: 30px;
}

.res-adv-list li .span-img {
	float: left;
	width: 93px;
	margin-left: -113px;
	background: url('../image/res-bg3.png') center center no-repeat;
	background-size: cover;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.res-adv-list li .bdo-title {
	font-size: 20px;
	color: #fff;
	line-height: 24px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.res-adv-list li .bdo-txt {
	font-size: 14px;
	color: #999;
	line-height: 20px;
	margin-top: 4px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.res-adv-list li:nth-child(odd) {
	padding-left: 0;
	padding-right: 143px;
	text-align: right;
}

.res-adv-list li:nth-child(odd) .span-img {
	float: right;
	margin-left: 0;
	margin-right: -113px;
}

.res-adv-list li:nth-child(odd) .span-des {
	float: right;
}

.res-adv-list li:hover .span-img {
	background: url('../image/res-bg3h.png') center center no-repeat;
}

.res-adv-list li:hover .bdo-title {
	color: #74cc4d;
}

.res-adv-list li:hover .bdo-txt {
	color: #74cc4d;
}

.res-four {
	padding-top: 56px;
	padding-bottom: 73px;
	background-color: #f9f9f9;
	overflow: hidden;
}

.res-four-01 {
	text-align: center;
	font-size: 14px;
	color: #999;
	line-height: 22px;
	margin-top: 20px;
}

.res-four-01 .span-img,
.res-four-01 .span-title,
.res-four-01 .span-des {
	display: block;
}

.res-four-01 .span-title {
	font-size: 18px;
	color: #333;
	margin-top: 10px;
	line-height: 20px;
}

.res-four-01 .span-des {
	margin-top: 9px;
}

.res-test {
	padding-top: 122px;
	padding-bottom: 122px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-attachment: fixed;
}

.res-test-title {
	font-size: 36px;
	line-height: 36px;
	color: #333;
}

.res-test-form {
	margin-top: 30px;
	font-size: 0;
}

.res-test-form .put-01 {
	padding: 0 18px;
	background: #fff;
	margin: 0;
	outline: none;
	width: 300px;
	height: 44px;
	border: 2px solid #ccc;
	border-radius: 5px;
	font-size: 18px;
	margin: 0 10px;
	color: #333;
	display: inline-block;
}

.res-test-form .put-01:placeholder {
	color: #666;
}

.res-test-form .but-01 {
	padding: 0;
	border: 0;
	width: 136px;
	height: 44px;
	background: #74cc4d;
	border-radius: 5px;
	font-size: 18px;
	color: #fff;
	margin: 0 10px;
	display: inline-block;
}

.res-test-txt {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	margin-top: 25px;
}

.res-offer {
	padding-top: 80px;
	padding-bottom: 60px;
}

.res-offer-01 {
	padding-left: 15px;
	padding-right: 15px;
}

.res-offer-a1 {
	display: inline-block;
	padding: 0 30px;
	background-color: #74cc4d;
	font-size: 20px;
	color: #fff;
	line-height: 60px;
	border-radius: 30px;
}

.res-offer-a1:hover {
	color: #fff;
}

.res-offer-txt {
	font-size: 14px;
	color: #666;
	line-height: 20px;
	margin-top: 11px;
	padding-left: 15px;
	padding-right: 15px;
}

.res-offer-phone {
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 20px;
}

.res-offer-phone .b-cn {
	font-size: 18px;
	color: #4c4c4c;
	line-height: 28px;
}

.res-offer-phone .b-cn img {
	position: relative;
	top: -2px;
	margin-right: 9px;
}

.res-offer-phone .b-num {
	font-size: 40px;
	font-family: "Arial";
	line-height: 40px;
	margin-top: 6px;
}

.res-offer-share {
	height: 36px;
	margin-top: 20px;
}

.res-offer-share .bdshare-button-style2-32 {
	display: inline-block;
	height: 36px;
	line-height: 36px;
	font-size: 0;
	background-color: #fff;
	padding: 0 9px;
}

.res-offer-share .bdshare-button-style2-32 a {
	display: inline-block;
	margin: 0 7px;
	padding: 0;
	width: 36px;
	height: 36px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	text-indent: 0;
	line-height: 36px;
}

.res-offer-share .bdshare-button-style2-32 a.bds_sqq {
}

.res-offer-share .bdshare-button-style2-32 a.bds_weixin {
}

.res-offer-share .bdshare-button-style2-32 a.bds_tsina {
}


/* 清除浮 动*/

.fix { *zoom:1; }

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

.db {
    display: block;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


@media screen and (min-width:1366px) {
	.res-four .row>div {
 padding-left: 74px; padding-right: 74px; }
	.res-four .row {
 margin-left: -74px; margin-right: -74px; }
}

.container-fluid{
margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
.row{
margin-left:-15px;margin-right:-15px}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
position:relative;min-height:1px;padding-left:15px;padding-right:15px}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{
float:left}
.col-xs-12{
width:100%}
.col-xs-11{
width:91.66666667%}
.col-xs-10{
width:83.33333333%}
.col-xs-9{
width:75%}
.col-xs-8{
width:66.66666667%}
.col-xs-7{
width:58.33333333%}
.col-xs-6{
width:50%}
.col-xs-5{
width:41.66666667%}
.col-xs-4{
width:33.33333333%}
.col-xs-3{
width:25%}
.col-xs-2{
width:16.66666667%}
.col-xs-1{
width:8.33333333%}
.col-xs-pull-12{
right:100%}
.col-xs-pull-11{
right:91.66666667%}
.col-xs-pull-10{
right:83.33333333%}
.col-xs-pull-9{
right:75%}
.col-xs-pull-8{
right:66.66666667%}
.col-xs-pull-7{
right:58.33333333%}
.col-xs-pull-6{
right:50%}
.col-xs-pull-5{
right:41.66666667%}
.col-xs-pull-4{
right:33.33333333%}
.col-xs-pull-3{
right:25%}
.col-xs-pull-2{
right:16.66666667%}
.col-xs-pull-1{
right:8.33333333%}
.col-xs-pull-0{
right:auto}
.col-xs-push-12{
left:100%}
.col-xs-push-11{
left:91.66666667%}
.col-xs-push-10{
left:83.33333333%}
.col-xs-push-9{
left:75%}
.col-xs-push-8{
left:66.66666667%}
.col-xs-push-7{
left:58.33333333%}
.col-xs-push-6{
left:50%}
.col-xs-push-5{
left:41.66666667%}
.col-xs-push-4{
left:33.33333333%}
.col-xs-push-3{
left:25%}
.col-xs-push-2{
left:16.66666667%}
.col-xs-push-1{
left:8.33333333%}
.col-xs-push-0{
left:auto}
.col-xs-offset-12{
margin-left:100%}
.col-xs-offset-11{
margin-left:91.66666667%}
.col-xs-offset-10{
margin-left:83.33333333%}
.col-xs-offset-9{
margin-left:75%}
.col-xs-offset-8{
margin-left:66.66666667%}
.col-xs-offset-7{
margin-left:58.33333333%}
.col-xs-offset-6{
margin-left:50%}
.col-xs-offset-5{
margin-left:41.66666667%}
.col-xs-offset-4{
margin-left:33.33333333%}
.col-xs-offset-3{
margin-left:25%}
.col-xs-offset-2{
margin-left:16.66666667%}
.col-xs-offset-1{
margin-left:8.33333333%}
.col-xs-offset-0{
margin-left:0}
@media (min-width:768px){
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{
float:left}
.col-sm-12{
width:100%}
.col-sm-11{
width:91.66666667%}
.col-sm-10{
width:83.33333333%}
.col-sm-9{
width:75%}
.col-sm-8{
width:66.66666667%}
.col-sm-7{
width:58.33333333%}
.col-sm-6{
width:50%}
.col-sm-5{
width:41.66666667%}
.col-sm-4{
width:33.33333333%}
.col-sm-3{
width:25%}
.col-sm-2{
width:16.66666667%}
.col-sm-1{
width:8.33333333%}
.col-sm-pull-12{
right:100%}
.col-sm-pull-11{
right:91.66666667%}
.col-sm-pull-10{
right:83.33333333%}
.col-sm-pull-9{
right:75%}
.col-sm-pull-8{
right:66.66666667%}
.col-sm-pull-7{
right:58.33333333%}
.col-sm-pull-6{
right:50%}
.col-sm-pull-5{
right:41.66666667%}
.col-sm-pull-4{
right:33.33333333%}
.col-sm-pull-3{
right:25%}
.col-sm-pull-2{
right:16.66666667%}
.col-sm-pull-1{
right:8.33333333%}
.col-sm-pull-0{
right:auto}
.col-sm-push-12{
left:100%}
.col-sm-push-11{
left:91.66666667%}
.col-sm-push-10{
left:83.33333333%}
.col-sm-push-9{
left:75%}
.col-sm-push-8{
left:66.66666667%}
.col-sm-push-7{
left:58.33333333%}
.col-sm-push-6{
left:50%}
.col-sm-push-5{
left:41.66666667%}
.col-sm-push-4{
left:33.33333333%}
.col-sm-push-3{
left:25%}
.col-sm-push-2{
left:16.66666667%}
.col-sm-push-1{
left:8.33333333%}
.col-sm-push-0{
left:auto}
.col-sm-offset-12{
margin-left:100%}
.col-sm-offset-11{
margin-left:91.66666667%}
.col-sm-offset-10{
margin-left:83.33333333%}
.col-sm-offset-9{
margin-left:75%}
.col-sm-offset-8{
margin-left:66.66666667%}
.col-sm-offset-7{
margin-left:58.33333333%}
.col-sm-offset-6{
margin-left:50%}
.col-sm-offset-5{
margin-left:41.66666667%}
.col-sm-offset-4{
margin-left:33.33333333%}
.col-sm-offset-3{
margin-left:25%}
.col-sm-offset-2{
margin-left:16.66666667%}
.col-sm-offset-1{
margin-left:8.33333333%}
.col-sm-offset-0{
margin-left:0}
}
@media (min-width:992px){
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{
float:left}
.col-md-12{
width:100%}
.col-md-11{
width:91.66666667%}
.col-md-10{
width:83.33333333%}
.col-md-9{
width:75%}
.col-md-8{
width:66.66666667%}
.col-md-7{
width:58.33333333%}
.col-md-6{
width:50%}
.col-md-5{
width:41.66666667%}
.col-md-4{
width:33.33333333%}
.col-md-3{
width:25%}
.col-md-2{
width:16.66666667%}
.col-md-1{
width:8.33333333%}
.col-md-pull-12{
right:100%}
.col-md-pull-11{
right:91.66666667%}
.col-md-pull-10{
right:83.33333333%}
.col-md-pull-9{
right:75%}
.col-md-pull-8{
right:66.66666667%}
.col-md-pull-7{
right:58.33333333%}
.col-md-pull-6{
right:50%}
.col-md-pull-5{
right:41.66666667%}
.col-md-pull-4{
right:33.33333333%}
.col-md-pull-3{
right:25%}
.col-md-pull-2{
right:16.66666667%}
.col-md-pull-1{
right:8.33333333%}
.col-md-pull-0{
right:auto}
.col-md-push-12{
left:100%}
.col-md-push-11{
left:91.66666667%}
.col-md-push-10{
left:83.33333333%}
.col-md-push-9{
left:75%}
.col-md-push-8{
left:66.66666667%}
.col-md-push-7{
left:58.33333333%}
.col-md-push-6{
left:50%}
.col-md-push-5{
left:41.66666667%}
.col-md-push-4{
left:33.33333333%}
.col-md-push-3{
left:25%}
.col-md-push-2{
left:16.66666667%}
.col-md-push-1{
left:8.33333333%}
.col-md-push-0{
left:auto}
.col-md-offset-12{
margin-left:100%}
.col-md-offset-11{
margin-left:91.66666667%}
.col-md-offset-10{
margin-left:83.33333333%}
.col-md-offset-9{
margin-left:75%}
.col-md-offset-8{
margin-left:66.66666667%}
.col-md-offset-7{
margin-left:58.33333333%}
.col-md-offset-6{
margin-left:50%}
.col-md-offset-5{
margin-left:41.66666667%}
.col-md-offset-4{
margin-left:33.33333333%}
.col-md-offset-3{
margin-left:25%}
.col-md-offset-2{
margin-left:16.66666667%}
.col-md-offset-1{
margin-left:8.33333333%}
.col-md-offset-0{
margin-left:0}
}
@media (min-width:1200px){
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{
float:left}
.col-lg-12{
width:100%}
.col-lg-11{
width:91.66666667%}
.col-lg-10{
width:83.33333333%}
.col-lg-9{
width:75%}
.col-lg-8{
width:66.66666667%}
.col-lg-7{
width:58.33333333%}
.col-lg-6{
width:50%}
.col-lg-5{
width:41.66666667%}
.col-lg-4{
width:33.33333333%}
.col-lg-3{
width:25%}
.col-lg-2{
width:16.66666667%}
.col-lg-1{
width:8.33333333%}
.col-lg-pull-12{
right:100%}
.col-lg-pull-11{
right:91.66666667%}
.col-lg-pull-10{
right:83.33333333%}
.col-lg-pull-9{
right:75%}
.col-lg-pull-8{
right:66.66666667%}
.col-lg-pull-7{
right:58.33333333%}
.col-lg-pull-6{
right:50%}
.col-lg-pull-5{
right:41.66666667%}
.col-lg-pull-4{
right:33.33333333%}
.col-lg-pull-3{
right:25%}
.col-lg-pull-2{
right:16.66666667%}
.col-lg-pull-1{
right:8.33333333%}
.col-lg-pull-0{
right:auto}
.col-lg-push-12{
left:100%}
.col-lg-push-11{
left:91.66666667%}
.col-lg-push-10{
left:83.33333333%}
.col-lg-push-9{
left:75%}
.col-lg-push-8{
left:66.66666667%}
.col-lg-push-7{
left:58.33333333%}
.col-lg-push-6{
left:50%}
.col-lg-push-5{
left:41.66666667%}
.col-lg-push-4{
left:33.33333333%}
.col-lg-push-3{
left:25%}
.col-lg-push-2{
left:16.66666667%}
.col-lg-push-1{
left:8.33333333%}
.col-lg-push-0{
left:auto}
.col-lg-offset-12{
margin-left:100%}
.col-lg-offset-11{
margin-left:91.66666667%}
.col-lg-offset-10{
margin-left:83.33333333%}
.col-lg-offset-9{
margin-left:75%}
.col-lg-offset-8{
margin-left:66.66666667%}
.col-lg-offset-7{
margin-left:58.33333333%}
.col-lg-offset-6{
margin-left:50%}
.col-lg-offset-5{
margin-left:41.66666667%}
.col-lg-offset-4{
margin-left:33.33333333%}
.col-lg-offset-3{
margin-left:25%}
.col-lg-offset-2{
margin-left:16.66666667%}
.col-lg-offset-1{
margin-left:8.33333333%}
.col-lg-offset-0{
margin-left:0}
}


.case-banner .span-mc {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .5);
}

.case-banner-cont {
	top: 75px;
	bottom: 0 !important;
	z-index: 2;
}

.case-banner .bgTxt {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	display: flex;
	display: flex;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: left;
	line-height: 1.8;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-direction: column;
	flex-wrap: nowrap;
}

.case-banner .bgTxt .bgCode {
	display: flex;
	font-size: 40px;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-direction: row;
	flex-wrap: nowrap;
}

.case-banner .bgTxt .bgCode:after {
	padding: 0 6px;
	content: "|";
	-webkit-animation: cursor .95s forwards infinite;
	animation: cursor .95s forwards infinite;
}

@-webkit-keyframes cursor {
	0% {
		opacity: 0;
	}

	49% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

}

@keyframes cursor {
	0% {
		opacity: 0;
	}

	49% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

}

.gradient {
	height: 50vh;
}

.case-show {
	padding: 1px 3.125% 60px;
	background: #f7f7f7;
}

.case-show-a1 {

	/*float: left;*/



	width: 100%;
}






.case-parallux,
.case-parallux .case-banner {
	height: 50vh;
}

.case-banner .span-mc {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .5);
}

.case-banner-cont {
	top: 75px;
	bottom: 0 !important;
	z-index: 2;
}

.case-banner .bgTxt {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	display: flex;
	display: flex;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: left;
	line-height: 1.8;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-direction: column;
	flex-wrap: nowrap;
}

.case-banner .bgTxt .bgCode {
	display: flex;
	font-size: 40px;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-direction: row;
	flex-wrap: nowrap;
}

.case-banner .bgTxt .bgCode:after {
	padding: 0 6px;
	content: "|";
	-webkit-animation: cursor .95s forwards infinite;
	animation: cursor .95s forwards infinite;
}

@-webkit-keyframes cursor {
	0% {
		opacity: 0;
	}

	49% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

}

@keyframes cursor {
	0% {
		opacity: 0;
	}

	49% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

}













.case-show-a1>img {
	display: block;
	width: 100%;
}

.case-show-mc {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, .95);
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.case-show-mc img {
	display: block;
	max-width: 80%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-30%, -50%);
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}

.case-show-mc .bdo-txt {
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 0;
	text-align: center;
	font-size: 16px;
	color: #555;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}

.case-show-01 {
	background-color: #fff;
}

.case-show-div1 {
	padding: 20px;
	font-size: 16px;
}

.case-show-div1 .div-01 {
	font-size: 14px;
	line-height: 34px;
	margin-top: 10px;
}

.case-show-div1 .div-01 .span-tag {
	position: absolute;
	right: 0;
	top: 0;
}

.case-like {
	float: left;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background-color: #000;
	text-align: center;
	cursor: pointer;
}

.case-like img {

	/*display: none;*/



	display: inline-block;
	width: 16px;
	vertical-align: middle;
	position: relative;
	top: -2px;
}

.case-like.on {
	background-color: #28db4f;
}






@media (min-width:1440px) and (max-width:1659px) {	.service-word .b-title { font-size: 42px; padding-bottom: 30px; }
	.service-word .span-title { font-size: 18px; line-height: 28px; margin-top: 25px; }
	.service-word .span-des { font-size: 14px; line-height: 24px; margin-top: 10px; }
	.service-word .span-01 a { margin-top: 15px; margin-right: 20px; }
	.service-word .span-more { padding-top: 15px; }
	.service-word .span-more a { margin-right: 15px; }
	.service-list-01 li { font-size: 14px; padding-top: 5px; padding-bottom: 5px; }
	.service-list-02 li { font-size: 14px; line-height: 24px; }
	.service-list-02 li .span-tit { font-size: 14px; height: 24px; line-height: 22px; }
	.service-word .span-more .a1 { width: 170px; }
	.service-word .span-more .a2 { width: 220px; }
}
@media screen and (max-width:1599px) {	.service-path-01 .div-cont .span-name { padding-top: 30px; margin-top: 30px; }
	.service-path-01 .div-cont .span-des { padding-top: 30px; }
}
@media screen and (max-width:1439px) {	.res-title { font-size: 42px; }
	.service-four-01 .div-des { width: 80%; }
}
@media screen and (max-width:1399px) {	.inside-down { bottom: 90px; }
	.yx-inside-down { bottom: 20px; }
	.res-banner-cont { bottom: 80px; }
	.res-banner-bottom { padding-top: 15px; padding-bottom: 15px; }
	.res-banner-bottom img { width: auto; height: 50px; }
}
@media screen and (min-width:1366px) {	.res-four .row>div { padding-left: 74px; padding-right: 74px; }
	.res-four .row { margin-left: -74px; margin-right: -74px; }
}
@media screen and (max-width:1365px) {	.service-path-01 .div-cont .span-name { font-size: 22px; line-height: 22px; }
	.service-four-01 .div-des .div-details { height: 120px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
}
@media (min-width:1200px) and (max-width:1599px) { }
@media (min-width:1366px) and (max-width:1439px) {	.service-word .b-title { font-size: 46px; line-height: 46px; padding-bottom: 25px; }
	.service-word .span-title { font-size: 18px; margin-top: 20px; }
	.service-word .span-des { margin-top: 15px; font-size: 14px; }
	.service-word .span-01 a { margin-right: 20px; margin-top: 15px; font-size: 14px; }
	.service-word .span-more a { font-size: 14px; }
	.service-word .span-more .a1 { width: 140px; }
}
@media (min-width:1200px) and (max-width:1439px) {	.service-word .b-title { font-size: 38px; padding-bottom: 30px; }
	.service-word .span-title { font-size: 16px; line-height: 26px; margin-top: 20px; }
	.service-word .span-des { font-size: 14px; line-height: 24px; margin-top: 10px; }
	.service-word .span-01 a { margin-top: 10px; margin-right: 15px; }
	.service-word .span-more { padding-top: 1px; }
	.service-word .span-more a { margin-right: 15px; }
	.service-list-01 li { font-size: 14px; padding-top: 5px; padding-bottom: 5px; }
	.service-list-02 { padding-top: 1px; }
	.service-list-02 li { font-size: 14px; line-height: 24px; }
	.service-list-02 li .span-tit { font-size: 14px; height: 24px; line-height: 22px; }
	.service-word .span-more .a1 { width: 170px; }
	.service-word .span-more .a2 { width: 220px; }
	.service-word .div-01 { margin-top: 30px; }
}
@media screen and (min-width:1200px) {	/*==== 03_服务 =====*/	.service-cont-table { display: table; }
	.service-cont-cell { display: table-cell; }
	.service-cont-table, .service-cont-cell { vertical-align: middle; }
	.color-blue .service-word .span-more a:hover { background-color: #fff; color: #24a8ec; }
	.color-orange .service-word .span-more a:hover { background-color: #fff; color: #f57339; }
	.color-green .service-word .span-more a:hover { background-color: #fff; color: #64d27b; }
	.color-purple .service-word .span-more a:hover { background-color: #fff; color: #683ddf; }
	.color-red .service-word .span-more a:hover { background-color: #fff; color: #ee5264; }
	/* 服务 */	.active .service-word { -webkit-animation: fadeInUp 1.5s ease 0.5s both; -moz-animation: fadeInUp 1.5s ease 0.5s both; animation: fadeInUp 1.5s ease 0.5s both; }
	.active .service-img-tu { -webkit-animation: zoomIn 1.5s ease 0.5s both; -moz-animation: zoomIn 1.5s ease 0.5s both; animation: zoomIn 1.5s ease 0.5s both; }
	.active .service-img-tu .mg-cumputer { -webkit-animation: zoomInDown 1.5s ease 1s both; -moz-animation: zoomInDown 1.5s ease 1s both; animation: zoomInDown 1.5s ease 1s both; }
	.active .service-img-tu .mg-message { -webkit-animation: fadeInLeft 1.5s ease 2s both; -moz-animation: fadeInLeft 1.5s ease 2s both; animation: fadeInLeft 1.5s ease 2s both; }
	.active .service-img-tu .mg-cloud { -webkit-animation: fadeInRight 10s ease 2.5s both; -moz-animation: fadeInRight 10s ease 2.5s both; animation: fadeInRight 10s ease 2.5s both; }
	.active .service-img-tu .i-wifi span { -webkit-animation: fadeInUp 2s ease 2.5s both; -moz-animation: fadeInUp 2s ease 2.5s both; animation: fadeInUp 2s ease 2.5s both; }
	.case-show-a1:hover .case-show-mc { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
	.case-show-a1:hover .case-show-mc img { transform: translate(-50%, -50%); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
	.case-show-a1:hover .case-show-mc .bdo-txt { bottom: 12%; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
}
@media (min-width:1200px) and (max-width:1365px) {	.service-img-abs { width: 50%; }
	.service-word .span-more .a1 { width: 140px; }
	.service-word .span-more .a2 { width: 200px; }
	.service-word .div-01 .a1 { margin-right: 16px; }
}
@media screen and (max-width:1199px) {	.service-cont { position: relative; top: 0; padding-left: 15px; padding-right: 15px; }
	.service-word-abs, .service-img-abs, .service-main .section:nth-child(2n) .service-word-abs, .service-main .section:nth-child(2n) .service-img-abs { position: relative; left: 0; right: 0; width: 100%; }
	.service-img-abs { position: relative; left: 0; right: 0; width: 100%; margin-top: 50px; }
	.service-down, .service-menu { display: none !important; }
	.service-main .section { padding-top: 50px; padding-bottom: 50px; }
	.service-main .color-blue.section { padding-top: 120px; }
	.res-banner-cont { bottom: 0; }
	.res-banner-bottom { display: none; }
	.about-contact-ling .about-cont { padding-top: 50px; }
	.about-contact-ling .about-contact-cont { padding-bottom: 70px; }
	.res-zhongduan { padding-top: 50px; padding-bottom: 50px; }
	.res-title { font-size: 38px; }
	.res-four { padding-top: 30px; padding-bottom: 50px; }
	.res-test { padding-top: 50px; padding-bottom: 50px; }
	.res-offer, .res-adv { padding-top: 50px; padding-bottom: 50px; }
	.case-show { padding: 0 15px 50px; }
	.service-radar { padding-top: 50px; padding-bottom: 50px; }
	.res-title-txtb { font-size: 18px; }
	.res-title-txts { width: 90%; }
	.service-radar-circle { width: 70%; }
	.service-path-01 .div-cont { padding-left: 10px; padding-right: 10px; }
	.service-path-01 .div-cont .span-name { font-size: 20px; line-height: 20px; }
	.service-path-01 .div-cont .mg-icon { width: 40px; }
	.service-path-01 .div-cont .span-name { padding-top: 25px; margin-top: 25px; }
	.service-path-01 .div-cont .span-des { font-size: 14px; line-height: 24px; padding-top: 25px; }
	.service-four { padding-top: 50px; padding-bottom: 50px; }
}
@media (min-width:992px) and (max-width:1199px) {	.service-word .b-title { font-size: 42px; }
}
@media (min-width:992px) {	.service-path-owl .item { float: left; width: 25%; }
	.service-path-01:hover .div-mc { background-color: rgba(116, 204, 77, .9); }
	.service-path-01:hover .div-cont .mg-icon { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); }
	.service-path-01:hover .div-cont .div-des { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
	.service-path-01:hover .div-cont .span-name { margin-top: 0; }
	.service-path-01:hover .div-cont .span-name::before { width: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
	.service-path-01:hover .div-cont .div-des .span-des { visibility: visible; }
}
@media (max-width:991px) {	.service-path-01 .div-cont { padding-left: 45px; padding-right: 45px; }
	.service-path-01 .div-cont .mg-icon { width: 30px; }
	.service-path-01 .div-cont .span-name { margin-top: 0; padding-top: 15px; font-size: 14px; }
	.service-path-01 .div-cont .span-name::before { width: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
	.service-path-01 .div-cont .div-des { height: auto; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
	.service-path-01 .div-cont .span-des { visibility: visible; font-size: 12px; line-height: 20px; padding-top: 10px; height: 130px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; }
	.service-radar-circle { width: 90%; }
	.service-four-01 .div-des .div-details { height: auto; display: block; }
}
@media (min-width:768px) and (max-width:991px) {	.res-adv-list li { padding-left: 103px; }
	.res-adv-list li .span-img { width: 80px; margin-left: -93px; }
	.res-adv-list li .span-des { padding-top: 22px; }
	.res-adv-list li .bdo-title { font-size: 18px; }
	.res-adv-list li .bdo-txt { font-size: 12px; }
	.res-adv-list li:nth-child(odd) { padding-left: 0; padding-right: 103px; }
	.res-adv-list li:nth-child(odd) .span-img { margin-right: -93px; }
	.res-four-01 .span-des { height: 44px; }
}
@media screen and (max-width:767px) {	.service-main .color-blue.section { padding-top: 100px; }
	.service-cont { padding-left: 0; padding-right: 0; }
	.service-word .b-title { font-size: 32px; padding-bottom: 20px; }
	.service-word .span-title { margin-top: 20px; }
	.service-word .span-01 a { height: 36px; line-height: 34px; margin: 15px 2px 0; padding-left: 8px; padding-right: 8px; font-size: 14px; }
	.service-word .span-more a { margin-right: 15px; }
	.service-word .span-more .a1 { width: 110px; }
	.service-word .span-more .a2 { width: 205px; }
	.service-word .div-01 .a1 { margin-right: 7px; }
	.service-word .div-01 .a1:last-child { margin-right: 0; }
	.service-banner .div-cn { font-size: 32px; line-height: 42px; }
	.service-banner .div-en { margin-top: 10px; }
	.service-banner .div-des { , text-align: 10px; }
	.service-radar-01 .span-word1 { top: 12.89%; right: 64.16%; }
	.service-radar-01 .span-word1 bdo { right: calc(100% + 5px); }
	.service-radar-01 .span-word2 bdo { left: calc(100% + 5px); }
	.service-radar-01 .span-word3 bdo { right: calc(100% + 5px); }
	.service-radar-01 .span-word4 bdo { left: calc(100% + 5px); }
	.service-radar-01 .span-word5 { bottom: 24%; right: 58.66%; }
	.service-radar-01 .span-word5 bdo { right: calc(100% + 5px); }
	.service-radar-01 .span-word6 bdo { right: calc(100% + 5px); }
	.service-path-01 .div-cont .mg-icon { width: 40px; }
	.service-path-01 .div-cont .span-name { font-size: 18px; }
	.service-path-01 .div-cont .span-des { font-size: 14px; line-height: 24px; height: 154px; }
	.service-banner .div-en { font-size: 24px; line-height: 34px; }
	.service-banner .div-des span { font-size: 18px; line-height: 30px; padding: 10px 15px; }
	.res-banner-txt2>span { width: auto; }
	/*.res-banner-txt1 {		font-size: 30px;		line-height: 40px;	}
*/	.res-banner-txt1 h1 { font-size: 30px; line-height: 40px; }
	.res-title { font-size: 28px; line-height: 40px; }
	.res-adv-list li { margin-top: 22px; }
	.res-adv-list li, .res-adv-list li:nth-child(odd) { float: left; width: 50%; padding-left: 10px; padding-right: 10px; text-align: center; }
	.res-adv-list li .span-img, .res-adv-list li:nth-child(odd) .span-img { float: none; display: block; width: 66px; margin-left: auto; margin-right: auto; margin-bottom: 20px; }
	.res-adv-list li .span-des, .res-adv-list li:nth-child(odd) .span-des { float: none; }
	.res-adv-list li .bdo-title { font-size: 16px; height: 48px; }
	.res-adv-list li .bdo-txt { height: 60px; }
	.res-four-01 .span-img, .res-four-01 .span-title { display: inline-block; line-height: 30px; }
	.res-four-01 .span-img { margin-right: 10px; }
	.res-four-01 .span-img img { height: 30px; position: relative; top: 9px; }
	.res-test-title { font-size: 30px; line-height: 40px; }
	.res-test-form .put-01 { width: 100%; display: block; }
	.res-test-form .but-01 { width: 50%; display: block; margin: 20px auto; }
	.res-offer-a1 { font-size: 18px; line-height: 50px; }
}
@media screen and (max-width:374px) {	.service-word .b-title { font-size: 28px; }
	.service-word .div-01 .a1 { width: 90px; }
	.res-adv-list li, .res-adv-list li:nth-child(odd) { float: left; width: 100%; padding-left: 10px; padding-right: 10px; text-align: center; }
	.res-adv-list li .span-img, .res-adv-list li:nth-child(odd) .span-img { float: none; display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; }
	.res-adv-list li .span-des, .res-adv-list li:nth-child(odd) .span-des { float: none; }
	.res-adv-list li .bdo-title { font-size: 18px; }
}