@import 'animate.css';
.clearfix {zoom: 1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;-webkit-transition: all 0.5s;transition: all 0.5s;}
.img-cover {overflow: hidden;position: relative;}
.img-cover span {display: block;width: 100%;background: no-repeat center / cover;-webkit-transition: all 0.5s;transition: all 0.5s;height: 100%;position: absolute;left: 0;top: 0;}
.container {padding: 0 15px;width: 1200px;margin: 0 auto;}

.seobanner {height: 550px;position: relative;background: url(../images/seo/aboutvideo.jpg) no-repeat center / cover;}
.seobanner video {display: block;position: absolute;left: 50%;top: 50%;width: 1920px;height: 1080px;margin: -540px 0 0 -960px;}
.seobanner .text {display: table;width: 100%;height: 100%;color: #fff;background: rgba(8,8,9,0.4);}
.seobanner .text .inner {display: table-cell;vertical-align: middle;text-align: center;}
.seobanner .text h4 {font-size: 54px;text-shadow: 0 2px 2px #333333;margin: 0 0 30px;-webkit-transform: translateX(-200px);transform: translateX(-200px);-webkit-transition: all 1s;transition: all 1s;opacity: 0;}
.seobanner .text p {font-size: 22px;margin: 0;text-shadow: 0 2px 2px #333333;-webkit-transform: translateX(200px);transform: translateX(200px);-webkit-transition: all 1s;transition: all 1s;opacity: 0;}
.seobanner .text a {display: block;margin: 40px auto 0;border: 1px solid #fff;border-radius: 50px;line-height: 42px;font-size: 18px;width: 180px;color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}
.seobanner .text a:hover {background-color: #e62022;border-color: #e62022;}
.seobanner .img-cover {display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.seobanner .swiper-pagination {display: none;}
.seobanner .ani-slide h4,.seobanner .ani-slide p {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}

.in-total {color: #fff;margin-top: -85px;position: relative;z-index: 3;text-align: center;background: url(../images/seo/gundongbg.jpg) no-repeat center / cover #d90a14}
.in-total li {float: left;width: 25%;padding: 40px 0;}
.in-total li span {display: block;line-height: 1;font-size: 18px;}
.in-total li strong {font-size: 58px;position: relative;display: inline-block;font-family: Impact;margin-right: 5px;}
.in-total li strong:before {position: absolute;right: -16px;top: 0;font-size: 24px;}
.in-total li p {margin: 10px 0 0;font-size: 18px;}

.section {padding: 80px 0;}
.section-title {text-align: center;margin-bottom: 40px;font-size: 33px;}
.section-title span {color: #e62022;text-transform: uppercase;}
.section-title p {font-size: 18px;margin: 5px 0 0;color: #666;}
.section-title-1 {background: url(../images/seo/title_bg.png) repeat-x center -5px;}
.section-title-1 strong {background-color: #fff;padding: 0 30px;display: inline-block;}
.section-title-2:after {content: '';display: block;margin: 15px auto 0;width: 60px;height: 5px;background-color: #e62022;}
.section-sub {padding: 40px 0;}

.list-2 {margin: -30px 0 0 -30px;overflow: hidden;}
.list-2 li {float: left;width: 50%;}
.list-2 li a {display: block;margin: 30px 0 0 30px;overflow: hidden;border: 1px solid #e4e4e4;padding: 12px;}
.list-2 li .date {float: left;width: 65px;background-color: #969393;color: #fff;text-align: center;padding: 7px 0;}
.list-2 li .date strong {display: block;font-family: Impact;font-size: 30px;line-height: 1;margin-bottom: 1px;}
.list-2 li .text {margin-left: 77px;}
.list-2 li .text h4 {margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-2 li .text p {margin: 5px 0 0;color: #888;height: 40px;overflow: hidden;}
.list-2 li a:hover {border-color: #e62022;}
.list-2 li a:hover .date {background-color: #e62022;}

.index-news-con .img-center {float: left;width: 320px;}
.index-news-con .list-2 {margin-left: 320px;}

@-webkit-keyframes scale{
	0%{-webkit-transform: scale(0.9);transform: scale(0.9);}
	50%{-webkit-transform: scale(1);transform: scale(1);}
	100%{-webkit-transform: scale(0.9);transform: scale(0.9);}
}
@keyframes scale{
	0%{-webkit-transform: scale(0.9);transform: scale(0.9);}
	50%{-webkit-transform: scale(1);transform: scale(1);}
	100%{-webkit-transform: scale(0.9);transform: scale(0.9);}
}

.in-partone {margin-left: -30px;}
.in-partone li {float: left;width: 50%;}
.in-partone li .swrap {margin-left: 30px;text-align: center;background: url(../images/seo/part_05.png) no-repeat center / cover;padding: 70px 0;color: #fff;}
.in-partone li h4 {margin: 0;font-weight: normal;font-size: 32px;}
.in-partone li a {display: block;margin: 30px auto 0;border: 1px #fff solid;border-radius: 6px;font-size: 18px;line-height: 35px;width: 140px;color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}
.in-partone li a:hover {background-color: #fff;color: #333;}
.in-partone li:last-child .swrap {background-image: url(../images/seo/part_07.png);}

.in-ready {text-align: center;}
.in-ready h4 {margin: 0;font-weight: normal;font-size: 24px;}
.in-ready .btn {margin: 15px auto;background: url(../images/seo/djwz.jpg) center repeat-x;width: 900px;}
.in-ready .btn a {display: inline-block;vertical-align: middle;border-left: 25px solid #fff;border-right: 25px solid #fff;line-height: 55px;background-color: #e62022;color: #fff;width: 350px;font-size: 22px;}
.in-ready p {margin: 0;font-size: 16px;letter-spacing: 5px;text-indent: 5px;}

.sub-footer {background-color: #1e1d1d;color: #959595;}
.sub-footer a {color: #959595;-webkit-transition: all 0.5s;transition: all 0.5s;}
.sub-footer a:hover {color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}
.sub-footer dl {float: left;margin: 0;width: 210px;}
.sub-footer dt {font-size: 16px;color: #eae8e8;margin-bottom: 20px;}
.sub-footer dd {margin: 0;}
.sub-footer li a {display: block;line-height: 2;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sub-footer li a:hover {-webkit-transform: translateX(10px);transform: translateX(10px);}
.sub-footer .lx {width: 360px;}
.sub-footer .lx .tel {color: #fff;font-family: Impact;font-size: 40px;}
.sub-footer .lx p {margin: 10px 0 0;}
.sub-footer-top {padding: 40px 0;background-color:#000;}
.sub-footer-top span {float: left;width: 190px;padding-left: 50px;line-height: 40px;font-size: 16px;color: #d0d0d0;background: no-repeat 0 center;}
.sub-footer-top span.i1 {background-image: url(../images/seo/icon1.png);}
.sub-footer-top span.i2 {background-image: url(../images/seo/icon2.png);}
.sub-footer-top span.i3 {background-image: url(../images/seo/icon3.png);}
.sub-footer-top span.i4 {background-image: url(../images/seo/icon4.png);}
.sub-footer-top span.i5 {background-image: url(../images/seo/icon5.png);}

.seo-1 {margin-left: -25px;}
.seo-1 li {float: left;width: 20%;}
.seo-1 li a {display: block;-webkit-transition: all 0.5s;transition: all 0.5s;margin-left: 25px;padding: 120px 20px 20px;background: no-repeat center / 100% 100%;text-align: center;}
.seo-1 li.i1 a {background-image: url(../images/seo/pc1.png);}
.seo-1 li.i2 a {background-image: url(../images/seo/wap1.png);}
.seo-1 li.i3 a {background-image: url(../images/seo/weixin1.png);}
.seo-1 li.i4 a {background-image: url(../images/seo/web1.png);}
.seo-1 li.i5 a {background-image: url(../images/seo/tel1.png);}
.seo-1 li h4 {margin: 0 0 20px;font-size: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.seo-1 li p {text-align: justify;margin: 0;height: 80px;overflow: hidden;color: #666;-webkit-transition: all 0.5s;transition: all 0.5s;}
.seo-1 li a:hover {color: #fff;-webkit-transform: translateY(-10px);transform: translateY(-10px);}
.seo-1 li a:hover h4 {color: #fff;}
.seo-1 li a:hover p {color: #fff;}
.seo-1 li.i1 a:hover {background-image: url(../images/seo/pc1_h.png);}
.seo-1 li.i2 a:hover {background-image: url(../images/seo/wap1_h.png);}
.seo-1 li.i3 a:hover {background-image: url(../images/seo/weixin1_h.png);}
.seo-1 li.i4 a:hover {background-image: url(../images/seo/web1_h.png);}
.seo-1 li.i5 a:hover {background-image: url(../images/seo/tel1_h.png);}

.seo-2 {background-color: #fff;padding: 0 30px 30px 0;}
.seo-2 li {float: left;width: 25%;}
.seo-2 li a {display: block;border: 1px solid #ddd;margin: 30px 0 0 30px;padding: 10px;}
.seo-2 li .img-center {height: 160px;line-height:160px;}
.seo-2 li .text {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;line-height: 35px;background-color: #f4f4f4;font-size: 15px;}
.seo-2 li a:hover {border-color: #e62022;}
.seo-2 li a:hover .text {background-color: #e62022;color: #fff;}

.seo-3 {background: url(../images/seo/con3.jpg) no-repeat center 0;padding-top: 80px;}
.seo-3 ul {position: relative;height: 400px;}
.seo-3 li {position: absolute;border: 2px solid #838383;font-size: 16px;padding: 10px 20px;line-height: 24px;font-weight: bold;background-color: #fff;}
.seo-3 li span {color: #e62022;font-size: 22px;line-height: 1;}
.seo-3 li:after {position: absolute;left: 100%;top: 15px;content: '';width: 0;height: 0;border-style: solid;border-width: 8px 0 8px 16px;border-color: transparent transparent transparent #838383;}
.seo-3 li:nth-child(even):after {left: auto;right: 100%;border-width: 8px 16px 8px 0;border-color: transparent #838383 transparent transparent;}
.seo-3 li.o1 {top: 0;right: 844px;}
.seo-3 li.o2 {top: 0;left: 795px;}
.seo-3 li.o3 {top: 100px;right: 886px;}
.seo-3 li.o4 {top: 100px;left: 838px;}
.seo-3 li.o5 {top: 200px;right: 886px;}
.seo-3 li.o6 {top: 200px;left: 838px;}
.seo-3 li.o7 {top: 300px;right: 844px;}
.seo-3 li.o8 {top: 300px;left: 795px;}
.seo-3 .zd {display: block;margin: 0 auto;border: 1px #e62022 dashed;width: 130px;border-radius: 50%;text-align: center;padding: 5px;}
.seo-3 .zd span {display: block;background-color: #e62022;color: #fff;border-radius: 50%;font-size: 30px;padding: 23px 0;}
.seo-3 .zd:hover {border-color: #000;}
.seo-3 .zd:hover span {background-color: #000;}

.seo-4 .item {float: left;width: 560px;}
.seo-4 .tit {margin-bottom: 30px;}
.seo-4 .tit h4 {margin: 0;font-size: 36px;color: #e62022;}
.seo-4 .tit h4 small {font-weight: normal;color: #333;font-size: 18px;margin-left: 20px;}
.seo-4 .tit span {display: block;font-size: 26px;}
.seo-4 ul {border: 1px solid #e62022;border-radius: 10px;padding: 10px 20px 30px 20px;}
.seo-4 li {margin: 10px 0;font-size: 16px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.seo-4 li span {display: inline-block;vertical-align: top;width: 22px;height: 22px;text-align: center;background-color: #e62022;color: #fff;margin-right: 10px;border-radius: 3px;line-height: 22px;}
.seo-4 li:hover {-webkit-transform: scale(1.02);transform: scale(1.02);}
.seo-4 li em {font-style: normal;color: #e62022;}
.seo-4 .more {display: block;line-height: 44px;width: 180px;text-align: center;margin: -20px auto 0;background-color: #e62022;color: #fff;font-size: 16px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.seo-4 .more:hover {background-color: #000;}

.seo-5 {font-size: 0;margin-left: -50px;text-align: center;list-style: none;padding: 0;}
.seo-5 li {display: inline-block;vertical-align: middle;width: 20%;}
.seo-5 li .swrap {margin: 0 0 0 50px;}
.seo-5 li .m {background: url(../images/seo/img10_2.png) no-repeat center / contain;height: 180px;}
.seo-5 li .m i {display: block;background: no-repeat center / contain;height: 77.77%;}
.seo-5 li .m i.i1 {background-image: url(../images/seo/ys1.png);}
.seo-5 li .m i.i2 {background-image: url(../images/seo/ys2.png);}
.seo-5 li .m i.i3 {background-image: url(../images/seo/ys3.png);}
.seo-5 li .m i.i4 {background-image: url(../images/seo/ys4.png);}
.seo-5 li .m i.i5 {background-image: url(../images/seo/ys5.png);}
.seo-5 li .swrap:hover .m i.i1 {background-image: url(../images/seo/ys11.png);}
.seo-5 li .swrap:hover .m i.i2 {background-image: url(../images/seo/ys22.png);}
.seo-5 li .swrap:hover .m i.i3 {background-image: url(../images/seo/ys33.png);}
.seo-5 li .swrap:hover .m i.i4 {background-image: url(../images/seo/ys44.png);}
.seo-5 li .swrap:hover .m i.i5 {background-image: url(../images/seo/ys55.png);}
.seo-5 li h4 {margin: 15px 0;font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.seo-5 li p {margin: 0;font-size: 14px;color: #666;}

@media screen and (max-width: 767px) {
	body {min-width: 320px;padding-top: 50px;padding-bottom: 50px;}
	.container {width: auto;}
	.seobanner {height: 250px;}
	.seobanner .img-cover,.seobanner .swiper-pagination {display: block;}
	.seobanner .text,.seobanner video {display: none;}
	.seobanner .text h4 {font-size: 20px;margin-bottom: 15px;}
	.seobanner .text p {font-size: 14px;}
	.seobanner .text a {margin-top: 20px;font-size: 14px;line-height: 32px;width: 120px;}

	.in-total {margin: 0 -15px;}
	.in-total li {padding: 15px 0;}
	.in-total li span {font-size: 12px;}
	.in-total li strong {font-size: 24px;}
	.in-total li p {margin: 5px 0 0;font-size: 12px;}

	.section {padding: 30px 0;}
	.section-title {font-size: 20px;margin-bottom: 20px;}
	.section-title p {font-size: 12px;}
	.section-title-1 {background-size: auto 28px;background-position: center 0;}
	.section-title-1 strong {padding: 0 10px;}
	.section-sub {padding: 30px 0;}


	.list-2 {margin: -15px 0 0 -15px;}
	.list-2 li {width: 100%;}
	.list-2 li a {margin: 15px 0 0 15px;padding: 10px;}

	.index-news-menu {display: block;}
	.index-news-con .img-center {display: none;}
	.index-news-con .list-2 {margin-left: -15px;}

	.in-partone li {width: 100%;}
	.in-partone li .swrap {padding: 40px 10px;}
	.in-partone li h4 {font-size: 20px;}
	.in-partone li a {font-size: 14px;margin-top: 20px;width: 120px;}

	.in-ready {display: none;}

	.sub-footer {padding-top: 30px;}
	.sub-footer dl {display: none;}
	.sub-footer dt {margin-bottom: 10px;}
	.sub-footer .lx {display: block;float: none;width: auto;}
	.sub-footer .lx .tel {font-size: 30px;}
	.sub-footer-top {display: none;}
	.sub-footer-copy {padding: 15px 0;font-size: 12px;margin-top: 30px;}

	.seo-1 {margin: -10px 0 0 -10px;}
	.seo-1 li {width: 50%;}
	.seo-1 li a {margin: 10px 0 0 10px;padding: 75px 10px 10px;}
	.seo-1 li h4 {margin-bottom: 10px;font-size: 14px;}
	.seo-1 li p {font-size: 12px;height: 85px;}
	.seo-1 li:last-child {display: none;}

	.seo-2 {padding: 0;margin: -10px 0 0 -10px;background-color: transparent;}
	.seo-2 li {width: 50%;}
	.seo-2 li a {margin: 10px 0 0 10px;background-color: #fff;padding: 5px;}
	.seo-2 li .img-center {height: 156px;line-height: 156px;}
	.seo-2 li .text {line-height: 34px;font-size: 12px;}

	.seo-3 {padding: 0;background: none;}
	.seo-3 ul {height: auto;}
	.seo-3 li {position: static;margin-bottom: 15px;padding: 10px 15px;font-size: 14px;}
	.seo-3 li:after {display: none !important;}
	.seo-3 li span {font-size: 16px;}
	.seo-3 .zd {width: 88px;height: 88px;}
	.seo-3 .zd span {font-size: 16px;padding: 22px 0;}

	.seo-4 .item {width: 100%;margin-bottom: 30px;}
	.seo-4 .item:last-child {margin-bottom: 0;}
	.seo-4 .tit {margin-bottom: 20px;}
	.seo-4 .tit h4 {font-size: 20px;}
	.seo-4 .tit h4 small {font-size: 14px;margin-left: 10px;}
	.seo-4 .tit span {font-size: 16px;}
	.seo-4 ul {padding: 10px 15px 20px 15px;}
	.seo-4 li {font-size: 14px;}
	.seo-4 li span {width: 20px;height: 20px;margin-right: 5px;line-height: 20px;}
	.seo-4 .more {line-height: 34px;font-size: 14px;margin-top: -15px;}

	.seo-5 {margin: -15px 0 0 -15px;}
	.seo-5 li {width: 33.333333%;}
	.seo-5 li .swrap {margin: 15px 0 0 15px;}
	.seo-5 li .m {height: 75px;}
	.seo-5 li h4 {margin: 10px 0;font-size: 14px;}
	.seo-5 li p {font-size: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
}