@charset "gb2312";
/* SEO */
.pageBanner {height: 600px;}
.pageBanner img {object-fit: cover;height: 100%;width: 100%;}
.pfTitle{text-align: center;}
.pfTitle h3{font-size: 36px;color: #303030;font-weight: normal;margin: 0;}
.pfTitle p{color: #8f8f8f;font-size: 20px;margin: 0 0 40px 0;}
.line{ background: #104eaf;width:54px;height:4px;margin-top:10px;display: block; margin: 15px auto 15px auto;}

.seo{padding: 40px 0 30px 0;}
.seoIco { width:100px;height:100px;margin:0 auto;position: relative;border-radius: 20px;}
.seoIco img { position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.seoList>li:nth-child(1) .seoIco{ background: #104eaf;}
.seoList>li:nth-child(2) .seoIco{ background: #f38e00;}
.seoList>li:nth-child(3) .seoIco{ background: #65b527;}
.seoList>li:nth-child(4) .seoIco{ background: #9d54f9;}
.seoList>li:nth-child(5) .seoIco{ background: #75cdf1;}
.seoList>li:nth-child(6) .seoIco{ background: #bfbfbf;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.seo-more:hover .seoList>li:nth-child(6) .seoIco{ background: #104eaf;}
.seoList li{padding:0 50px;margin-bottom:60px;border-right: 1px solid #ececec;float: left;width: 33.333%;box-sizing: border-box;}
.seoList li a { display:block;}
.seoList li:nth-child(3n+0) { border:none;padding-right:25px;}
.seoTitle h6 { font-size: 26px;color:#222;font-weight:normal;margin:15px auto 0 auto;}
.seoTitle p { margin:10px auto 0 auto;font-size:16px;line-height:25px;color:#666;height:75px;}
.seo-more .seoTitle p { font-size:18px;color:#222;}
.seo-more:hover  .seoTitle p { color:#104eaf;}

.advantage{}
.advantage .pfTitle h3 {color: #ff0;}
.advList { padding-top:20px;}
.advList .seoTitle h6 { font-size: 25px;color:#fff;font-weight:normal;margin:15px auto 0 auto;}
.advList .seoTitle p { margin:16px auto 0 auto;font-size:17px;line-height:36px;color:#fff;}
.advList li {float: left;margin-bottom: 60px;width: 49%;}
.advList li:nth-child(2n){float:right;}
.advIcon {height: 106px;border-radius: 20px;float: left;width: 106px;position: relative;}
.advIcon img { position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.advText {float: right;width: calc(100% - 120px);}
.advText h5 {line-height: 40px;font-size: 16px;color: #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.advText p {color: #aaa;line-height: 30px;}
.advList>li:nth-child(1) .advIcon{ background: #52d474;}
.advList>li:nth-child(2) .advIcon{ background: #28dbd8;}
.advList>li:nth-child(3) .advIcon{ background: #fcd85d;}
.advList>li:nth-child(4) .advIcon{ background: #7eace0;}
.advList>li:nth-child(5) .advIcon{ background: #4bcef8;}
.advList>li:nth-child(6) .advIcon{ background: #7eace0;}
.advList>li:nth-child(7) .advIcon{ background: #b0d973;}
.advList>li:nth-child(8) .advIcon{ background: #52d474;}

.xize{padding:60px 0;}
.xizeList{padding: 20px;}
.xizeList li{padding: 20px;border-bottom: 1px solid #ddd;}
.xizeList li .icon{float: left;width: 64px;height: auto;padding-top: 10px;}
.xizeList li .text{float: right;width: calc(100% - 80px);}
.xizeList li .text h5 {line-height: 40px;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xizeList li .text p{color: #999;line-height: 30px;}
.advantage {background: url(advBg.jpg) no-repeat center center;padding: 80px 0 40px 0;}

@media (max-width: 1600px){
	.pageBanner {height: 500px;}
}
@media screen and (max-width:1400px){
	.pageBanner {height: 400px;}
	.advText p {height: 90px; overflow:hidden;}
	
}
@media screen and (max-width:1200px){
	.pageBanner {height: 300px;}
}
@media screen and (max-width:1024px){
	.pageBanner {height: 250px;}
	.seoList li {width: 50%;padding: 0 3%;margin-bottom: 20px;}
	.advList{padding:0 1%;}
	.pfTitle h3 {font-size: 24px;}
	.pfTitle p {font-size: 16px;}
	.seoTitle h6 {font-size: 18px;font-weight: bold;}
	.seoTitle p {font-size: 14px;}
	.seoIco {width: 50px;height: 50px;}
	.seoIco img {width: 80%;}
	.advIcon {height: 50px;border-radius: 10px;width: 50px;}
	.advIcon img {width: 80%;}
	.advText {width: calc(100% - 60px);}
}
@media screen and (max-width:768px){
	.advIcon{display:none;}
	.advText {float: none;width: 100%;}
	
	.xizeList li {padding: 0px;}
	.xizeList li .icon {display: none;}
	.xizeList li .text {float: none;width: 100%;}
	.xizeList li .text p {font-size:14px;}
	.advantage {background: url(advBg.jpg) no-repeat center center;padding: 40px 0 0px 0;}
}
@media screen and (max-width:580px){
	.pageBanner {height: 200px;}
	.seoTitle p {height: 125px;overflow:hidden;}
}
@media screen and (max-width:450px){
}