@charset "UTF-8";

.text {
	color: #999;
	font-size: 16px;
	line-height: 28px;
	font-family: Microsoft YaHei;
}

.app-top {
	width: 100%;
	padding: 80px 0px;
	text-align: center;
}

.app-top .app-title1 {
	color: #333;
	margin-bottom: 20px;
}

.app-img-title {
	width: 100%;
}

.app-img-title img {
	width: auto;
	max-width: 100%;
}

.app-title1 {
	font-size: 48px;
	line-height: 80px;
	letter-spacing: 2px;
}

.app-title1 i {
	display: inline-block;
	width: 10px;
	height: 9px;
	background: #F9712E;
	margin-right: 3px;
}

.mp {
	margin-left: 3% 8%;
}

.app-desc {
	padding: 0 12% 3% 12%;
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 689px;
}

.app-desc li {
	margin-top: 118px;
	z-index: 2;
	flex: 1;
}

.app-desc li:nth-child(1) {
	margin-top: 88px;
	margin-left: 8%;
}

.app-desc li:nth-child(3) {
	margin-left: 8%;
}

.app-desc li h3 {
	color: #F9712E;
	font-size: 18px;
	margin-bottom: 13px;
}

.app-desc .img {
	width: 623px;
	height: 589px;
	top: 0;
	bottom: 0;
	left: 535px;
	z-index: 1;
}

.wx {
	position: relative;
} 
.wx .desc {
	position: absolute;
	z-index: 2;
}
.wx .img {
	position: absolute;
	width: 852px;
	height: 515px;
}
.wx .right-desc {
	right: 5%;
}
.wx .desc li {
	margin-top:114px;
	width:70%;
}
.wx .desc li:nth-child(1) {
	margin-left: 70%;
}
.wx .desc li:nth-child(2) {
	margin-left: 10%;
}
.wx .right-desc li:n:nth-child(1){
	margin-right: 50%;
}
.wx .desc p {
	color: #FFFFFF;
}
.app-title2 {
	color: #333;
	font-size: 22px;
	margin-top: 100px;
	line-height: 30px;
	position: relative;
	margin-bottom: 40px;
	padding-bottom: 20px;
}

.app-title2 h1 {
	color: #333;
	font-size: 26px;
	line-height: 30px;
	font-weight: normal;
}

.app-title2:after {
	width: 42px;
	height: 3px;
	content: "";
	display: block;
	background: #999;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.add::after {
	background: none;
}

.app-subtitle1 {
	color: #666;
	width: 100%;
	font-size: 18px;
	line-height: 28px;
}

.title {
	color: #F9712E;
}

.app-subtitle1 i {
	display: inline-block;
	width: 10px;
	height: 9px;
	background: #F9712E;
	margin-right: 3px;
}

.app-box {
	overflow: hidden;
	margin-left: 90px;
	width: calc(100% - 90px);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.app-box1 {
	height: 740px;
	-webkit-align-items: center;
	display: -webkit-flex;
	align-items: center;
	display: flex;
}

.app-text {
	color: #fff;
	width: 1000px;
	margin: 0px auto;
	text-align: center;
}

.app-text p {
	font-size: 18px;
	margin-top: 20px;
	line-height: 20px;
}

.app-text1 {
	padding: 10% 8%;
}

.app-text2 {
	width: 50%;
	float: right;
	padding: 8% 4%;
}

.app-text2 h4 {
	margin-top: 40px;
	margin-bottom: 60px;
}

.app-text2 li {
	color: #FFFFFF;
	font-size: 18px;
	margin-bottom: 16px;
}

.app-list1 {
	width: 1080px;
	margin: 0px auto;
	margin-top: 80px;
	text-align: center;
	justify-content: center;
	display: flex;
}

.app-list1 li {
	width: auto;
	float: left;
	display: inline-block;
	padding: 0px 40px;
	position: relative;
}

.item1 {
	width: 500px;
	flex-wrap: wrap;
	margin: 0;
	margin-top: 98px;
	justify-content: flex-start;
}

.item1 li{
	width: 224px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.item1 u {
	height: 75px;
}
.item1 img {
	width: 80px;
	height: 69px;
}

.item {
	justify-content: space-between;
}

.item div {
	width: 157px;
	height: 180px;
	font-size: 70px;
	font-weight: bold;
	font-family: Microsoft YaHei;
	border: 1px solid #EEEEEE;
	border-radius: 10px;
}

.app-list1 u {
	width: 100px;
	display: block;
	margin: 0px auto;
}

.app-list1 u img {
	width: 100%;
	display: block;
}

.app-list1 h4 {
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	margin: 20px 0px;
}

.app-list1 p {
	line-height: 20px;
}

.app-list1 .text {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #4D4D4D;
	line-height: 31px;
}
.item p {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 24px;
	margin-top: 31px;
}

.app-list1 .textH {
	width: 180px;
	margin: 0px auto;
}

.app-list1 .app-icon-box {
	width: 100px;
	position: absolute;
	left: 220px;
}

.app-list1 .app-icon-box img {
	width: 100%;
	display: block;
}

.app-list2 {
	width: 100%;
	background: #3e3e3e;
}

.app-list2 li {
	width: 25%;
	float: left;
	overflow: hidden;
	position: relative;
}

.app-list2 li img {
	width: 100%;
	display: block;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);
}

.app-list2 li .txt {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(../img/app/app-proc-bg.png);
	background-position: center;
	background-size: cover;
}

.app-list2 li .txt img {
	display: inline-block;
	margin-top: 30%;
	margin-left: 45%;
	width: 55px;
	height: 53px;
	text-align: center;
	margin-bottom: 20px;
}

.app-list2 li .txt h4 {
	color: #fff;
	width: 100%;
	font-size: 24px;
	margin-top: 60%;
	line-height: 34px;
	text-align: center;
	margin-bottom: 6px;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

.app-list2 li .txt h5 {
	color: #999;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	font-family: Arial;
	text-transform: uppercase;
}

.app-list2 li:hover img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.app-list2 li:hover .txt h4 {
	margin-top: 50%;
}

.app-list3 {
	width: 100%;
	background: #3e3e3e;
}

.app-list3 li {
	float: left;
	width: 33.33%;
	overflow: hidden;
	position: relative;
}

.app-list3 li img {
	width: 100%;
	display: block;
	position: relative;
	z-index: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

.app-list3 li .txt2 {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	background: rgba(0, 0, 0, 0.7);
	filter: alpha(opacity=70);
}

.app-list3 li .txt2-info {
	width: 100%;
	padding: 0px 10%;
	position: absolute;
	top: 50%;
	left: 0px;
	z-index: 3;
	margin-top: -36px;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

.app-list3 li .txt2-info h4 {
	color: #fff;
	font-size: 28px;
	line-height: 38px;
	text-align: center;
	margin-bottom: 6px;
}

.app-list3 li .txt2-info h5 {
	color: #999;
	font-size: 18px;
	line-height: 28px;
	font-family: "Arial";
	text-align: center;
	text-transform: uppercase;
}

.app-list3 li .txt2-info p {
	opacity: 0;
	filter: alpha(opacity=0);
	width: 100%;
	color: #fff;
	height: 0px;
	font-size: 12px;
	line-height: 28px;
	font-family: Microsoft YaHei;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.app-list3 li:hover img {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);
}

.app-list3 li:hover .txt2-info {
	margin-top: -82px;
}

.app-list3 li:hover .txt2-info p {
	opacity: 1;
	filter: alpha(opacity=100);
	height: auto;
	margin-top: 10px;
}

.solution {
	display: flex;
	text-align: left;
	/* flex-wrap: wrap; */
	width: 80%;
}

.solution li {
	display: flex;
	box-sizing: border-box;
	width: 276px;
	height: 111px;
	border: 1px solid #E5E5E5;
	margin-right: 32px;
	align-items: center;
	padding: 0 24px;
}

/* .solution li:nth-child(n+5) {
	margin-top: 38px;
} */

.solution li u img {
	width: 50px;
	height: 44px;
	text-align: center;
	margin-right: 32px;
}

.solution li h4 {
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	margin: 10px 0;
}

.solution li .textH {
	margin: 0;
}

.solution li p {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	margin-top: 13px;
}

.tab-ui {
	width: 100%;
	height: 624px;
	position: relative;
}

.tab {
	position: absolute;
	left: 20%;
	/* width: 100%; */
	overflow: hidden;
}

.tab-title {
	width: 229px;
	height: 56px;
	line-height: 56px;
	background: #FFFFFF;
	float: left;
	color: #808080;
	margin-right: 11px;
	text-align: center;
	font-size: 16px;
}

.tab-title:hover {
	cursor: pointer;
}

.tab-title-active {
	background: #F9712E;
}

.tab-title-active a {
	color: #FFFFFF;
}
.content {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 92px;
	left: 1px;
}

.tab-content {
	padding: 0 15%;
	display: flex;
	overflow: hidden;
	position: absolute;
}

.tab-content img {
	width: 468px;
	height: 382px;
	left: 5%;
	margin-top: 20px;
	position: relative;
}

.tab-left {
	width: 500px;
	margin-top: 79px;
	position: relative;
}

.tab-left h1 {
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333232;
	line-height: 21px;
	margin-bottom: 36px;
}

.tab-left p {
	font-family: Microsoft YaHei;
	color: #807D7C;
	line-height: 27px;
	margin-bottom: 42px;
	margin-left: 40px;
}

.z-title {
	font-weight: bold;
	color: #F9712E !important;
	font-size: 18px;
}

.z-desc {
	font-size: 14px;
}

.marketing {
	display: flex;
	margin-top: 50px;
	padding: 0 10%;
}

.m-left {
	padding: 3% 8% 4% 11%;
}

.m-left .mtitle {
	width: 227px;
	height: 54px;
	font-size: 18px;
	border: 1px solid #FFFFFF;
	line-height: 54px;
	text-align: center;
	margin-bottom: 18px;
	color: #FFFFFF;
}

.m-left-active {
	background: #F9712E;
	color: #FFFFFF;
	border: none !important;
}

.m-right {
	display: flex;
	margin-top: 66px;
}

.m-right img {
	width: 513px;
	height: 314px;
	margin-right: 83px;
}

.m-right .m-r-text {
	width: 320px;
}

.m-right .m-r-text h3 {
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #F9712E;
	line-height: 21px;
	margin-bottom: 33px;
	margin-top: 34px;
}

.m-right .m-r-text p {
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 26px;
	margin-bottom: 28px;
}

.m-right .m-r-text p:nth-child(3) {
	font-size: 14px;
}

.part {
	display: flex;
}

.part .p-item {
	flex: 1;
	width: 545px;
	min-width: 460px;
	height: 432px;
	background: #FFFFFF;
	opacity: 0.95;
	justify-content: center;
	text-align: center;
	align-items: center;
	margin: 0 6%;
}

.part .p-item .title {
	font-size: 41px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #F98B3B;
	line-height: 43px;
}

.part .p-item .p {
	font-weight: normal;
	font-size: 30px;
}

.part .p-item ul {
	border-top: 1px solid rgba(238, 238, 238, 0.55);
	margin-top: 27px;
	padding: 3% 2%;
}

.part .p-item li {
	display: flex;
	flex-wrap: wrap;
}

.part .p-item li h3 {
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #4D4C4C;
	line-height: 43px;
}

.part .p-item li img {
	width: 97px;
	height: 41px;
	margin-left: 64px;
}

.part .p-item li p {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #4D4C4C;
	line-height: 43px;
	margin-left: 64px;
}

.advange li {
	width: 268px;
	height: 229px;
	background: #FFFFFF;
	box-shadow: 2px 5px 39px 1px rgba(145, 145, 144, 0.1600);
	border-radius: 20px;
	margin: 0 20px;
	padding: 0 15px;
}

.advange li h4 {
	color: #4D4D4D;
}

.advange li:hover {
	background: #FF6C00;
}

.advange li:hover h4 {
	color: #FFFFFF;
}

.advange li:hover p {
	color: #FFFFFF;
}

.advange li h4 {
	font-size: 22px;
	line-height: 50px;
	font-weight: bold;
}

.advange li p {
	text-align: left;
	font-size: 16px;
}

.service {
	padding: 0% 10%;
}

.service .img {
	width: 524px;
	height: 509px;
}

.service .s-item {
	padding: 4% 2%;
}

.service .s-item h3 {
	font-size: 39px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FF6C00;
}

.service .s-item p {
	margin-top: 29px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 30px;
}

.service .s-item .title {
	display: inline-block;
	background: #FF6C00;
	margin-top: 9px;
	font-size: 26px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
	padding: 10px 20px;
}

.service .s-item ul {
	flex-wrap: wrap;
	margin-top: 80px;
	width: 70%;
}

.service .s-item li {
	display: flex;
	margin-right: 35px;
}

.service .s-item ul li img {
	width: 25px;
	height: 25px;
}

.service .s-item ul li span {
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #4D4D4D;
	line-height: 30px;
	margin-left: 10px;
}

.left-text {
	padding: 15% 8%;
}

.left-text h3 {
	font-size: 39px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FF6C00;
	line-height: 113px;
}

.left-text p {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 30px;
}

.right-text {
	position: relative;
	padding: 7% 0;
}

.right-text .item {
	width: 262px;
	height: 509px;
}

.right-text ul,
.right-text div {
	position: absolute;
}

.right-text ul {
	margin-left: -70px;
}

.right-text li {
	margin-top: 75px;
}

.right-text li:nth-child(2) {
	margin-left: -20px;
}

.right-text li p {
	display: inline-block;
	padding: 5px 10px;
	background: linear-gradient(45deg, #FF6C00, #F9822B);
	border-radius: 10px;
	z-index: 2;
	text-align: center;
}

.right-text .rstyle {
	right: 0;
	margin-right: -120px;
}

.right-text .rstyle li:nth-child(2) {
	margin-left: 15px;
}

.cooperation {
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
}

.cooperation .p-top ul {
	display: flex;
}

.cooperation .p-top li {
	margin-right: 21px;
	display: flex;
}

.cooperation .p-top li p {
	font-size: 22px;
	color: #FFFFFF;
	padding: 21px 56px 22px 44px;
	background: linear-gradient(45deg, #FF6C00, #F9822B);
	border-radius: 10px;
}

.cooperation .p-top li img {
	margin-left: 18px;
	width: 27px;
	height: 23px;
	margin-top: 23px;
}

.cooperation .p-top .p-desc li {
	text-align: center;
	width: 184px;
	align-items: center;
	margin-right: 70px;
}

.cooperation .p-top .p-desc li i {
	width: 1px;
	height: 53px;
	background: #E5E5E5;
}

.cooperation .p-top .p-desc li div {
	width: 100%;
	height: 225px;
	background: #FFFFFF;
	box-shadow: 2px 5px 39px 1px rgba(145, 145, 144, 0.1600);
	border-radius: 20px;
	text-align: left;
	padding: 40px 23px;
	box-sizing: border-box;
	font-size: 16px;
}

.cooperation .p-top .p-desc li:nth-child(n+3) {
	margin-right: 100px;
}

.cooperation .p-top .p-desc li:nth-child(n+4) {
	margin-right: 110px;
}

.cooperation .p-top .p-desc li p {
	background: #FFFFFF;
	color: #4D4D4D;
	font-size: 16px;
}

.mb h4 {
	margin-bottom: 0;
	font-size: 24px;
}

.mb .text {
	font-size: 14px;
	margin-top: 23px;
}
.app-icons li {
	padding: 20px 30px;
}

.app-icons u {
	width: 117px;
	height: 115px;
	border: 1px solid #FFFFFF;
	border-radius: 30px;
	text-align: center;
	line-height: 115px;
	flex-wrap: wrap;
	display: flex;
	justify-content: center;
	align-items: center;
}

.app-icons u img {
	width: 54px;
	height: 51px;
}

.attract li {
	margin-top: 44px;
}

.attract li h4 {
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #F9712E;
	line-height: 50px;
}

.attract li p {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #807D7C;
	line-height: 50px;
}

.staff {
	list-style-type: disc;
	list-style-position: inside;
	color: #3B3A3A;
	flex-wrap: wrap;
	margin-top: 50px;
}

.staff li {
	width: 150px;
	margin-right: 96px;
}

.staff li p {
	color: #3B3A3A;
}

.resource {
	color: #fff;
	width: 1000px;
	margin: 0px auto;
	text-align: center;
}

.resource .app-title1 {
	display: inline-block;
}

.pict {
	display: inline-block
	margin-top: 80px;
	text-align: center;
	justify-content: center;
	display: flex;
	margin: 0 auto;
	width: 971px;
	height: 444px;
	margin-top: 48px;
	box-shadow: 0px 3px 8px 1px rgba(47, 47, 47, 0.3900);
}

.part2 {
	height: 743px;
}
.ad-item li :nth-child(2){
	margin-top: 8px;
}
.marketing {
	width: 912px;
	height: 400px;
}
.marketing li h3,.mark-right li h3 {
	color: #585959;
	font-size: 18px;
}
.marketing li p,.mark-right li p{
	color: #979899;
	font-size: 14px;
}
.mark-left {
	margin-left: 6%;
	margin-top: 5%;
}
.mark-right {
	margin-top: 5%;
	margin-left: 2%;
}
.mark-left li:nth-child(n+2){
	margin-top: 42%;
}
.mark-right li:nth-child(n+2){
	margin-top: 43%;
}
.y-container {
	width: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	padding-bottom: 5%;
	position: relative;
}
.y-container .y-left {
	position: absolute;
	left: 10%;
	width: 23%;
	z-index: 1;
}
.y-container .y-right{
	position: absolute;
	width: 25%;
	right: 8%;
}
.y-container .middle {
	margin: 0 25% 0 30%;
	z-index: 0;
	width: 623px;
	height: 589px;
}
.y-container .y-desc li {
	margin-top: 23%;
}
.y-container .y-desc li h3 {
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #F9712E;
	line-height: 27px;
}
.y-container .y-desc li p {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #807D7D;
	line-height: 21px;
	margin-top: 13px;
}
.value li h3,.value li p{
	color: #FFFFFF !important;
}
.ad-img {
	margin-right: 10px;
}
.ad-png {
	width: 214px !important;
}
@media screen and (max-width: 1440px) {
	.app-top {
		padding: 50px 0px;
	}

	.app-top .app-title1 {
		margin-bottom: 10px;
	}

	.app-img-title {
		width: 94%;
	}

	.app-title1 {
		font-size: 32px;
		line-height: 50px;
	}

	.app-title2 {
		margin-top: 60px;
	}

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

	.app-box1 {
		height: 640px;
	}

	.app-text p {
		font-size: 16px;
		margin-top: 10px;
	}

	.app-list2 li .txt h4 {
		margin-top: 55%;
		font-size: 20px;
		margin-bottom: 0px;
	}

	.app-list2 li:hover .txt h4 {
		margin-top: 45%;
	}

	.app-list3 li .txt2-info {
		padding: 0px 8%;
		margin-top: -30px;
	}

	.app-list3 li .txt2-info h4 {
		font-size: 24px;
		line-height: 34px;
		margin-bottom: 0px;
	}

	.app-list3 li .txt2-info h5 {
		font-size: 14px;
		line-height: 26px;
	}

	.app-list3 li .txt2-info p {
		line-height: 22px;
	}

	.z-title {
		font-size: 16px;
	}

	.z-desc {
		font-size: 12px;
	}

	.app-text2 li {
		font-size: 16px;
	}

	.part .p-item .title {
		font-size: 31px;
		line-height: 33px;
	}

	.part .p-item .p {
		font-size: 25px;
	}

	.part .p-item li h3 {
		font-size: 18px;
		line-height: 33px;
	}

	.part .p-item li img {
		margin-left: 44px;
	}

	.part .p-item li p {
		font-size: 14px;
		line-height: 33px;
		margin-left: 44px;
	}
	.part2 {
		height: 640px;
	}
	.service .img {
		width: 419px;
		height: 407px;
	}
	.v-part .left-text h3{
		font-size: 28px;
	}
	.right-text img {
		width: 203px;
	}
	.service .s-item {
		padding: 2%;
	}
	.service .s-item h3 {
		font-size: 32px;
	}
	.ad-item{
		margin-top: 18px;
	}
	.ad-item li h3 {
		font-size: 28px !important;
	}
	.ad-item li p {
		margin-top: 19px !important;
	}
	.mark-right {
		margin-top: 8%;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1400px){
	.ad-item li h3 {
		font-size: 26px;
	}
	.ad-item li p {
		margin-top: 19px;
	}
	.service .s-item .title {
		font-size: 22px;
	}
}
@media screen and (max-width: 1200px) {
	.service .s-item h3 {
		/* font-size: 14px; */
		line-height: 33px;
	}

	.service .s-item p {
		margin-top: 19px;
		line-height: 20px;
	}

	.service .s-item .title {
		font-size: 14px;
	}

	.service .s-item ul {
		margin-top: 20px;
	}

	.service .s-item ul li span {
		font-size: 14px;
	}
	.ad-item li h3 {
		font-size: 14px;
	}
	.mark-left {
		width: 30%;
	}
	.mark-left li:nth-child(n+2){
		margin-top: 30%;
	}
	.mark-right li:nth-child(n+2){
		margin-top: 30%;
	}
}
@media screen and (max-width: 1800px){
	.y-container .middle {
		width: 498px;
		height: 471px;
	}
}
/*# sourceMappingURL=add.css.map */