/* Write your styles */
*{box-sizing: border-box;margin: 0;padding:0;}
ul,li,dl,dt,dd,h1,h2,h3,p,em{ font-style:normal; list-style:none; margin:0; padding:0;}
a{text-decoration: none;transition: all .1s linear; color:#444;}
a:hover{color:#1557ac;}
img,video{ max-width:100%;margin:0;}
input,
textarea,
select,
a:focus {
	outline: none;
}

body{
	font-family: "Noto Sans SC","Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;
}

.am-container{max-width: 1430px;}


/* seo-banner */
.seo-container{
	width: 100%;
}
.seo-banner{
	width: 100%;
	height: auto;
	background-color: #0d32a4;
	position: relative;
}

.seo-banner img{
	width: 100%;
}
.seo-banner-textbox{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.seo-banner-content{
	height: 100%;
	display: flex;
	align-items: center;
}
.seo-banner-title{
	font-size: 40px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 32px;
}
.seo-banner-subtitle{
	font-size: 24px;
	color: #FFFFFF;
	line-height: 1;
}
/* seo-介绍 */
.seo-box{
	padding: 60px 0;
}
.seo-main{
	padding: 60px 0;
}
.padding-btom0{
	padding-bottom: 0!important;
}

.seojs-list{
	margin-bottom: 40px;
}
.seojs-list:last-child{
	margin-bottom: 0;
}
.seojs-box-left{
	padding-right: 20px;
	/* padding-bottom: 40px; */
}
.seojs-box-right{
	padding-left: 20px;
	/* padding-bottom: 40px; */
}
.seojs-topbox{
	padding: 1.875rem;
	background-color: #4776e4;
	/* min-height: 150px; */
	border-radius: 6px 6px 0 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.seojs-icon{
	width: 90px;
	height: 90px;
	background-color: #FFFFFF;
	border-radius: 30px;
	text-align: center;
	line-height: 90px;
}
.seojs-icon img{
	width: 60%;
}
.seojs-title{
	font-size: 28px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 30px;
}
.seojs-more{
	width: 140px;
	height: 50px;
	font-size: 18px;
	color: #3d60dd;
	background-color: #FFFFFF;
	border-radius: 25px;
	text-align: center;
	line-height: 50px;
}
.seojs-mainbox{
	padding: 30px;
	border: 1px solid #3d60dd;
	border-radius: 0 0 6px 6px;
}
.seojs-mainbox ul{
	display: flex;
	justify-content: space-between;
	padding-bottom: 2%;
}
.seojs-mainbox ul:last-child{
	padding-bottom: 0;
}
.seojs-mainbox ul li{
	width: 49%;
	border-radius: 6px;
	padding: 20px 0 20px 20px;
	box-shadow: 0 0 12px rgb(42 57 109 / 15%);
	line-height:initial;
	
}
.seojs-mainbox ul li h3{
	font-size: 22px;
	color: #333333;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 16px;
}
.seojs-mainbox ul li p{
	font-size: 16px;
	color: #999999;
	line-height: 1.6;
}
/* seo问题 */
.seowt{
	background-image: url(../images/seowt-gb-1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.seo-titlebox{
	text-align: center;
}
.seo-title{
	font-size: 38px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1;
}
.seo-subtitle{
	font-size: 22px;
	color: #999999;
	padding-top: 50px;
	line-height: 40px;
}
.seowt-main{
	padding: 100px 0 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.seowt-main li{
	width: 17.8571%;
	/* height: 360px; */
	background-color: #FFFFFF;
	border-radius: 6px;
	padding: 47px 40px;
	margin-bottom: 2%;
	text-align: center;
	box-shadow: 0 0 12px rgb(42 57 109 / 15%);
	line-height:initial;
}
.seowt-iconbox{
	width: 100px;
    height: 100px;
    background-color: #e0f0fb;
    text-align: center;
    line-height: 100px;
    border-radius: 30px;
    margin: 0 auto;
}
.seowt-main li img{}
.seowt-main li h3{
	font-size: 22px;
	color: #333333;
	font-weight: normal;
	margin: 34px 0;
	line-height: 1;
}
.seowt-main li p{
	font-size: 16px;
	color: #999999;
	line-height: 1.6;
}
.zixun-box{
	text-align: center;
	display: flex;
	justify-content: center;
}
.all-seobtn{
	font-size: 18px;
	color: #4776e4;
	padding: 1rem 75px;
	background-color: #FFFFFF;
	border-radius: 25px;
	box-shadow: 0 0 12px rgb(42 57 109 / 15%);
	
}
.color-333{
	color: #333333;
}
/* seo解决问题 */
.seojj-main{
	padding-top: 64px;
}
.seojj-main ul{}
.seojj-main ul li{
	padding: 25px 0 25px 78px;
	background-color: #f4f7fa;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	line-height:initial;
}
.seojj-main ul li p{
	flex: 1;
}
.seojj-main ul li p em{
	color: #2d73d3;
	font-size: 33px;
	font-weight: bold;
	padding: 0 30px 0 50px;
	/* line-height: 1; */
}
.seojj-main ul li p span{
	font-size: 24px;
	color: #333333;
	font-weight: initial;
}
.seojj-main ul li:last-child{
	margin-bottom: 0;
}
.seojj-icon{
	width: 90px;
    height: 90px;
    border-radius: 100%;
    text-align: center;
    line-height: 90px;	
}
.seojj-icon img{
	width: 50%;
}
.seojj-iconbg1{
	background-image: linear-gradient(to right, #84d8bc, #37b889);
}
.seojj-iconbg2{
	background-image: linear-gradient(to right, #fe9a9b, #f7344f);
}
.seojj-iconbg3{
	background-image: linear-gradient(to right, #9f7af4, #4959f1);
}
/* seo-优势 */
.seoys-main{
	padding: 45px 0;
}
.seo-subtitle-ys{
	padding-top: 35px;
}
.seoys-main ul{
	padding: 35px 0;
}
.seoys-main ul li{
	text-align: center;
	padding: 0 35px;
	margin-bottom: 1.25rem;
	line-height:initial;
}
.seoys-main ul li img{}
.seoys-title{
	font-size: 22px;
	color: #333333;
	padding: 50px 0 30px;
}
.seoys-subtitle{
	font-size: 16px;
	color: #999999;
	line-height: 1.6;
}
.seoys-btn{
	background-color: #4776e4;
	color: #FFFFFF;
}
.seoys-btn:hover{
	color: #FFFFFF;
}
/* 云尚优化特点 */
.seoyh{
	background: linear-gradient(to bottom, #3b62e0, #2340ba);
}
.seoyh-main{
	padding-top: 60px;
}
.seoyh-main ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 40px 0;
}
.seoyh-main ul li{
	width: 22.857%;
	min-height: 440px;
	background-color: #FFFFFF;
	box-shadow: 0 0 12px rgb(42 57 109 / 15%);
	text-align: center;
	padding: 60px 30px;
	border-radius: 6px;
	margin-bottom: 20px;
	line-height:initial;
}
.seoyh-title{
	font-size: 22px;
	color: #333333;
	padding: 35px 0 30px;
}
.seoyh-subtitle{
	font-size: 16px;
	color: #999999;
	line-height: 1.6;
}
/* seo推广案例 */
.seotg{
	background-color: #f2f2f4;
}
.seo-subtitle-tg{
	padding-top: 30px;
}
.seotg-main{
	padding: 30px 0 0;
}
.seotg-main ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 40px 0;
}
.seotg-main ul li{
	width: 30.71%;
	background-color: #FFFFFF;
	border-radius: 0 0 4px 4px;
	overflow: hidden;
	margin-bottom: 20px;
	line-height:initial;
}
.seotg-item-top{
	padding: 17.5px 20px;
	background-color: #4776e4;
	border-radius: 4px 4px 0 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.seotg-item-top p{
	font-size: 22px;
	color: #FFFFFF;
	
}
.seotg-item-top p span{
	padding-left: 60px;
}
.seotg-item-top p span:first-child{
	padding-left: 0;
}
.seotg-item{
	padding: 7.5px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.seotg-item:nth-child(2n){
	background-color: #f4f7fa;
}
.seotg-item p{
	font-size: 16px;
	color: #333333;
}
.seotg-item p span{
	font-size: 16px;
	color: #333333;
	padding-left: 40px;
}
.seotg-item p .seo-keyword{
	color: #4776e4;
	font-weight: bold;
}
.seotg-item p span:first-child{
	padding-left: 0;
}
/* seo 新闻资讯 */
.seonews-main{
	padding-top: 20px;
}
.seonews-main ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.seonews-main ul li{
	width: 48%;
	padding: 35px 30px 40px 30px;
	border-radius: 6px;
    box-shadow: 0 0 12px rgb(42 57 109 / 15%);
	margin-top: 4%;
	line-height:initial;
	
}
.seonews-main ul li a{
	display: flex;
	align-items: flex-start;
}
.seonews-icon{
	/* 2a396d */
	background-color: #4776e4;
	border-radius: 4px;
	font-size: 18px;
	color: #FFFFFF;
	margin-right: 20px;
	padding: 7px 3px 9px 6px;
	line-height: 1;
	box-shadow: 0 5px 4px rgb(42 57 109 / 20%);
}
.seonews-contbox{}
.seonews-itemtop{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.seonews-title{
	font-size: 20px;
	color: #333333;
}
.seonews-time{
	font-size: 14px;
	color: #666666;
}
.seonews-note{
	font-size: 16px;
	color: #999999;
	margin-top: 13px;
	line-height: 1.6;
}
.line-clamp-2 {
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
}
.line-clamp-3 {
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
}
/* seo留言咨询 */
.seoly{
	background-repeat: no-repeat;
	background-size: cover;
}
.seoly-main{}
.seoly-form{
	display: flex;
	justify-content: center;
	padding: 40px 0 70px;
}
.seoly-name{
	width: 31.42%;
	margin: 30px 10px 0 10px;
	background-color: #FFFFFF;
	border-radius: 45px;
	box-shadow: 0 0 12px rgb(42 57 109 / 15%);
	overflow: hidden;
}
.seoly-name input{
	padding: 19px 40px;
	width: 100%;
	height: 100%;
	border: none;
	font-size: 22px;
	color: #666666;
	margin: 0!important;
}
.seoly-tel{
	width: 34.28%;
	margin: 30px 10px 0 10px;
	background-color: #FFFFFF;
	border-radius: 45px;
	box-shadow: 0 0 12px rgb(42 57 109 / 15%);
	overflow: hidden;
	
}
.seoly-tel input{
	padding: 19px 40px;
	width: 100%;
	height: 100%;
	border: none;
	font-size: 22px;
	color: #666666;
	margin: 0!important;
}
.seoly-btn{
	width: 300px;
	height: auto;
	font-size: 24px!important;
	font-weight: bold;
	color: #FFFFFF;
	padding: 19px 40px;
	margin: 30px 10px 0 10px;
	background: linear-gradient(to bottom, #70db86, #63c377);
	border: none;
	border-radius: 45px;
	box-shadow: 0 0 12px rgb(42 57 109 / 15%);
}
.seoly-tip{
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
}

/*  */
.yh-par3-box{ margin-top:50px;}
.yh-par3-box .item{ width:33.333%; float:left; padding:0 20px;}
.yh-par3-box .item .yh-par3-he{ background:#4776e4; color:#fff; height:50px; line-height:50px; font-size:18px; font-weight:600; border-radius:5px 5px 0 0;}
.yh-par3-box .item .yh-par3-he span:first-child{ width:50%; float:left; padding:0 15px;}
.yh-par3-box .item .yh-par3-he span:nth-child(2){width: 30%; float:left;text-align: center;}
.yh-par3-box .item .yh-par3-he span:nth-child(3){ width:20%; float:left; text-align:center;}
.yh-par3-box .item .yhpp-list ul li{ height:35px; line-height:35px; background:#fff; font-size:14px;}
.yh-par3-box .item .yhpp-list ul li span:first-child{ width:50%; float:left; display:block; padding:0 15px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.yh-par3-box .item .yhpp-list ul li span:nth-child(2){width: 30%; float:left;text-align: center; color:#4776e4;}
.yh-par3-box .item .yhpp-list ul li span:nth-child(3){width:20%; float:left; text-align:center;}
.yh-par3-box .item .yhpp-list ul li:nth-of-type(2n){ background:#eaf3ff;}


@media screen and (max-width: 1680px){
/* .am-container{max-width: 1300px;} */


}
@media screen and (max-width: 1440px){
/* .am-container{max-width: 1200px;} */


}


@media screen and (max-width:1024px){
	/* html {background: #fafafa;} */
	/* body{ max-width:768px; margin:0 auto; background:#fff; zoom:1; padding-bottom:54px;} */
	/* .arccontent img{ height:auto !important;} */
	
	/*  */
	.seo-box, .seo-main {
	    padding: 1.75rem 0;
	}
	.seojs-box-right, .seojs-box-left{
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 1.25rem;
	}
	.seo-banner-title {
	    font-size: 20px;
	    margin-bottom: 15px;
	}
	.seo-banner-subtitle{
		font-size: 14px;
	}
	.seojs-icon{
		width: 5.625rem;
		height: 5.625rem;
		background-color: #FFFFFF;
		border-radius: 1.875rem;
		text-align: center;
		line-height: 5.625rem;
	}
	.seojs-title {
	    font-size: 1.75rem;
	    padding-left: 1.875rem;
	}
	.seojs-more {
	    width: 8.75rem;
	    height: 3.125rem;
	    font-size: 1.125rem;
	    border-radius: 1.5625rem;
	    text-align: center;
	    line-height: 3.125rem;
	}
	.seojs-mainbox {
	    padding: 1rem;
	}
	.seojs-list {
	    margin-bottom: 0.5rem;
	}
	.seojs-mainbox ul {
	    padding-bottom: 2%;
	}
	.seojs-mainbox ul li {
	    padding: 1rem;
	    box-shadow: 0 0 0.75rem rgb(42 57 109 / 15%);
	}
	.seojs-mainbox ul li h3 {
	    font-size: 1.375rem;
	}
	.seojs-mainbox ul li p {
	    font-size: 1rem;
	}
	.seo-title {
	    font-size: 2rem;
	}
	.seowt-main {
	    padding: 4.25rem 0 3.125rem;
	}
	.seowt-main li {
	    width: 49%;
	    height: auto;
	    border-radius: 0.375rem;
	    padding: 2.8125rem 2.5rem;
	    margin-bottom: 2%;
	    box-shadow: 0 0 0.75rem rgb(42 57 109 / 15%);
	}
	.seowt-iconbox {
		width: 6.25rem;
		height: 6.25rem;
		line-height: 6.25rem;
		border-radius: 1.875rem;
	}
	.seowt-iconbox img{
		width: 60%;
	}
	.seowt-main li h3 {
	    font-size: 1.375rem;
	    margin: 2.125rem 0;
	}
	.seowt-main li p {
	    font-size: 1rem;
	}
	.seo-subtitle {
	    font-size: 1.375rem;
	    padding-top: 3.125rem;
	    line-height: initial;
	}
	.seojj-main {
	    padding-top: 3.75rem;
	}
	.seojj-main ul li {
	    padding: 1rem;
	    margin-bottom: 1.25rem;
	}
	.seojj-icon {
	    width: 5.625rem;
	    height: 5.625rem;
	    line-height: 5.625rem;
	}
	.seojj-main ul li p {
		padding-left: 0.1875rem;
	}
	.seojj-main ul li p em {
	    font-size: 2.0625rem;
	    padding: 0;
	}
	.seojj-main ul li p span {
	    font-size: 1.5rem;
	    font-weight: initial;
	}
	.seoys-main {
	    padding: 2.8125rem 0;
	}
	.seoys-main ul {
	    padding: 0.1875rem 0;
	}
	.seoys-main ul li {
	    padding: 0 2.1875rem;
	}
	.seoys-main ul li img{
	    width: 45%;
	}
	.seoys-title {
	    font-size: 1.375rem;
	    padding: 1.125rem 0 0.875rem;
	}
	.seoys-subtitle {
	    font-size: 1rem;
	}
	.seoyh-main {
	    padding-top: 3.75rem;
	}
	.seoyh-main ul {
	    padding: 2.5rem 0;
	}
	.seoyh-main ul li {
	    width: 49%;
	    min-height: auto;
	    box-shadow: 0 0 0.75rem rgb(42 57 109 / 15%);
	    text-align: center;
	    padding: 3.75rem 1.875rem;
	    border-radius: 0.375rem;
	    margin-bottom: 2%;
	}
	.seoyh-main ul li img{
		/* width: 50%; */
	}
	.seoyh-title {
	    font-size: 1.375rem;
	    padding: 2.1875rem 0 1.875rem;
	}
	.seoyh-subtitle {
	    font-size: 1rem;
	}
	.seotg-main {
	    padding: 1.875rem 0 0;
	}
	.seotg-main ul {
	    padding: 2.5rem 0;
	}
	.seotg-main ul li {
	    width: 100%;
	    border-radius: 0 0 0.25rem 0.25rem;
	    margin-bottom: 1.25rem;
	}
	.seotg-item-top {
	    padding: 1.09375rem 1.25rem;
	    border-radius: 0.25rem 0.25rem 0 0;
	}
	.seotg-item-top p {
	    font-size: 1.375rem;
	}
	.seotg-item-top p span {
	    padding-left: 3.75rem;
	}
	.seotg-item {
	    padding: 0.46875rem 1.25rem;
	}
	.seotg-item p {
	    font-size: 1rem;
	}
	.seotg-item p span {
	    font-size: 1rem;
	    padding-left: 4.375rem;
	}
	.all-seobtn {
	    font-size: 1.125rem;
	    padding: 1rem 4.6875rem;
	    box-shadow: 0 0 0.75rem rgb(42 57 109 / 15%);
	}
	.seonews-main ul li {
	    width: 100%;
	    padding: 2.1875rem 1.875rem 2.5rem 1.875rem;
	    margin-top: 1.125rem;
	}
	.seonews-icon {
	    font-size: 1.125rem;
	    margin-right: 1.25rem;
	    padding: 0.4375rem 0.1875rem 0.5625rem 0.375rem;
		box-shadow: 0 0.3125rem 0.25rem rgb(42 57 109 / 20%);
	}
	.seonews-title {
	    font-size: 1.25rem;
	}
	.seonews-time {
	    font-size: 0.875rem;
	}
	.seonews-note {
	    font-size: 1rem;
	    margin-top: 0.8125rem;
	}
	.seoly-form {
		flex-wrap: wrap;
	    padding: 2.5rem 0 4.375rem;
	}
	.seoly-name, .seoly-tel {
	    width: 100%;
	    margin: 1.875rem 0.625rem 0 0.625rem;
	}
	.seoly-name input, .seoly-tel input {
	    padding: 1.1875rem 2.5rem;
	    font-size: 1.375rem;
	}
	.seoly-btn {
	    width: 100%;
	    font-size: 1.25rem!important;
	    padding: 1.1875rem 2.5rem;
	    margin: 1.875rem 0.625rem 0 0.625rem;
	}
	.seoly-tip {
	    font-size: 1.25rem;
	}
	
	/*  */
	.yh-par3-box .item{ width:100%; float:none; padding:0; margin-bottom:15px;}
	.yh-par3-box{ margin-top:15px;}
	.yh-par3-box .item .yh-par3-he{ font-size:14px;}
}