@charset "UTF-8";

@font-face {
	font-family: "gothampro";
	src: url("../font/gothampro.woff2") format("woff2"),
		url("../font/gothampro.woff") format("woff"),
		url("../font/gothampro.ttf") format("truetype"),
		url("../font/gothampro.eot") format("embedded-opentype"),
		url("../font/gothampro.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Gotham-Light";
	src: url("../font/Gotham-Light.woff2") format("woff2"),
		url("../font/Gotham-Light.woff") format("woff"),
		url("../font/Gotham-Light.ttf") format("truetype"),
		url("../font/Gotham-Light.eot") format("embedded-opentype"),
		url("../font/Gotham-Light.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "SourceHanSansCNLight";
	src: url("../font/SourceHanSansCNLight.woff2") format("woff2"),
		url("../font/SourceHanSansCNLight.woff") format("woff"),
		url("../font/SourceHanSansCNLight.ttf") format("truetype"),
		url("../font/SourceHanSansCNLight.eot") format("embedded-opentype"),
		url("../font/SourceHanSansCNLight.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

body {
	font-family: "microsoft yahei";
	background: #fff;
}

img {
	border: 0;
	max-width: 100%;
	vertical-align: middle;
}

.clear {
	clear: both;
}

/*head*/
.menus {
	width: 100%;
	z-index: 999;
	transition: all .5s ease;
}

.menus .container {
	position: relative;
	z-index: 999;
	width: 100%;
	max-width: 1440px;
}

.menus .header {
	padding: 23px 0 23px 0;
}

.menus .Logo {
	overflow: hidden;
	float: left;
	width: 26%;
	max-width: 370px;
}

.menus .Logo .logo-txt{
	border-left: #fff solid 1px;
	margin-left: 10px;
	padding-left: 12px;
	float: left;
	margin-top: 12px;
}
.menus .Logo .logo-txt span{
	background: #fff;/*989898*/
	display: block;
	width: 35px;
	height: 18px;
	color: #f63932;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	border-radius: 5px;
	margin-top: 0;
}
.menus .Logo .logo-txt h4{
	clear: both;
	color: #fff;/*color: #666666;*/
	font-size: 14px;
	display: block;
	margin-top: 3px;
}

.menus .Logo img {
	float: left;
	padding-top: 10px;
}

.menus .head-right {
	width: 20.45%;
	max-width: 270px;
	float: right;
	font-size: 12px;
	color: #fff;
	text-align: right;
	margin-top: -8px;
	position: relative;
}

.menus .head-right .head-tel i {
	font-size: 25px;
}

.menus .head-right .head-right-txt,
.menus .head-right .head-tel
 {
 	width: 100%;
	float: left;
}

.menus .head-right div span.tel {
	font-family: "gothampro";
	font-size: 22px;
}
.menus .head-right div span.span{
	font-size: 14px;
	color: #fff;
	position: relative;
	top: -3px;
}
.head-right-txt i{
	font-size: 18px;
	font-weight: bold;
	margin: 0 5px;
}
.head-right-txt i:nth-child(2){
	margin-right: 20px;
}
.head-right-txt a i{
	color: #fff;
	transition: all .3s;
}
.head-right-txt a:hover i{
	opacity: .8;
}
.head-right-txt a:hover i{
	opacity: .8;
}

.btn-h-wx .ewm{
	position: absolute;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
	right: 6%;
	top: 40px;
	transform: scale(0);
	transition: all .3s ease;
	z-index: 99999;
	opacity: 0;
	text-align: center;
	font-size: 12px;
	padding: 10px 10px 5px 10px;
	background: #fff;
	overflow: hidden;
}
.btn-h-wx .ewm img{
	max-width: 120px;
}
.btn-h-wx .ewm p{
	font-size: 12px;
	margin-top: 5px;
	line-height: 18px;
	width: 100%;
	color: #666;
}
.btn-h-wx{
	cursor: pointer;
	
}
.btn-h-wx:hover .ewm{
	transform: scale(1);
	opacity: 1;
	transition: all .3s ease;
	z-index: 99999; 
}

#WebLink {
	width: 52%;
	float: left;
	color: #fff;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 24px;
	margin-left:25px;
}

#WebLink li {
	float: left;
	position: relative;
	padding: 0 13px;
}
#WebLink li .xx-sub-lm-wrap{
	position: absolute;
    left: 50%;
    margin-left: -80px;
    width: 160px;
    top: 30px;
    z-index: -1;
    visibility: hidden;
    transition: all .5s ease;
}
#WebLink li:hover .xx-sub-lm-wrap{
	z-index: 9999;
    visibility: visible;
}
#WebLink li .xx-sub-lm-wrap .sub-lm-line{
	height: 24px;
    transition: all .5s ease;
}
#WebLink li .xx-sub-lm-wrap .sub-lm{
	background: rgba(255,255,255,0.96);
    padding: 10px 0 20px 0;
    margin-top: 50px;
    opacity: 0;
    position: relative;
    z-index: 0;
    visibility: hidden;
    transition: all .2s ease;
}
#WebLink li:hover .xx-sub-lm-wrap .sub-lm{
	margin-top: 0;
    opacity: 1;
    visibility: visible;
    z-index: 9999;
    transition: all .5s ease;
	border-top:1px solid #f63932;
}
#WebLink li .xx-sub-lm-wrap .sub-lm>div{
	display: block;
    position: relative;
    line-height: 25px;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
    transition: all .5s ease;
}
#WebLink li .xx-sub-lm-wrap .sub-lm>div:hover{
	background: #f63932;
	transition: all .5s ease;
}
#WebLink li .xx-sub-lm-wrap .sub-lm>div>a{
	display: block;
    color: #666666;
    transition: all .5s ease;
	line-height:40px;
}
#WebLink li .xx-sub-lm-wrap .sub-lm>div:hover>a{
	transition: all .5s ease;
	color:#fff;
}
#WebLink li:after {
	content: "";
	width: 2px;
	transition: all .5s ease;
}
#WebLink li:hover,
#WebLink li.on {
	color: rgba(255, 255, 255, 0.8);
	transition: all .5s ease;
}

#WebLink li a {
	font-size: 15px;
	color: #fff;
	display: block;
	width: 100%;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
	overflow: hidden;
}

#WebLink li a:hover {
	color: rgba(255, 255, 255, 0.8);
	transition: all .5s ease;
}

#WebLink li a i {
	width: 100%;
	height: 1px;
	margin-top: 2px;
	display: block;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	background: #fff;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	opacity: 0;
}

#WebLink li a:hover i {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	background: rgba(255, 255, 255, 0.8);
}



.menus.fixedbg {
	top: 0;
	z-index: 9999;
	transition: all .5s ease;
	background: rgba(255, 255, 255, 0.9);
	position: fixed;
}

.menus.fixedbg .header {
	padding: 13px 0;
}

.menus.fixedbg #WebLink li a {
	color: #6c6c6c;
}

.menus.fixedbg #WebLink li a:hover i {
	background: #f63932;
}

.menus.fixedbg .head-right {
	color: #6c6c6c;
}

.menus.fixedbg .head-right div span {
	color: #f63932;
}

.menus.fixedbg .head-right i {
	color: #f63932;
}


.menus.fixedbg .Logo .logo-txt h4,
.menus .inside-menu .Logo .logo-txt h4{
	color: #666;
}
.menus.fixedbg .Logo .logo-txt,
.menus .inside-menu .Logo .logo-txt {
	border-left: #989898 solid 1px;
}
.menus.fixedbg .Logo .logo-txt span,
.menus .inside-menu .Logo .logo-txt span{
	background: #989898;
	color: #fff;
}
	
.inside-menu {
	background: #fff;
	border-bottom: #e0e0e0 solid 1px;
}

.inside-menu #WebLink li a {
	color: #6c6c6c;
}

.inside-menu #WebLink li a:hover i {
	background: #f63932;
}

.inside-menu .head-right {
	color: #6c6c6c;
}

.inside-menu .head-right div span {
	color: #f63932;
}

.inside-menu .head-right .head-tel i {
	color: #f63932;
}

.inside-menu .header {
	padding: 13px 0;
}

.inside-menu #WebLink li.on a,
.menus.fixedbg #WebLink li.on a {
	color: #f63932;
}

.inside-menu #WebLink li.on a i,
.menus.fixedbg #WebLink li.on i {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	background: #f63932;
}
.inside-menu .head-right-txt a i,
.menus.fixedbg .head-right-txt a i{
	color: #f63932;
}
.menus .inside-menu  .head-right div span.span,
.menus.fixedbg  .head-right div span.span
{
	color: #f63932;
}
/******************banner***************************/
/******************banner背景图片动画***************/
@-webkit-keyframes scale-bg {
	from {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes scale-bg {
	from {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.main-slider {
	background: #f63932;
	position: relative;
}

.main-slider .index_banner .item {
	background-size: cover;
	-webkit-background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 100vh;
	position: relative;
}

.main-slider .section1 .index_banner .item.slick-current .scaleBg {
	visibility: visible;
	-webkit-animation: scale-bg 6s linear forwards;
	animation: scale-bg 6s linear forwards;
}

.main-slider .section1 .index_banner .items {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.main-slider .section1 .index_banner .items:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	/*background: rgba(0,0,0,0.2);*/
}

.main-slider .section1 .index_banner .item .inner .block_txt {
	position: absolute;
	top: 20%;
	right: 10px;
	left: 10px;
	opacity: 0;
	transform: translateY(40px);
	-webkit-transform: translateY(40px);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.main-slider .section1 .index_banner .item.active .inner .block_txt {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 100ms;
	transition-delay: 100ms;
}

.main-slider .section1 .index_banner .item .inner .block_txt h4 {
	font-size: 30px;
	color: #fff;
	text-align: center;
	text-align: center;
}

.main-slider .section1 .index_banner .item .inner .block_txt h4 img {
	margin: 0 auto;
	margin-bottom: 30px;
}

.main-slider .section1 .index_banner .item .inner .block_txt h2 {
	color: #fff;
	font-size: 25px;
	font-weight: normal;
	text-align: center;
	font-family: "SourceHanSansCNLight";
	opacity: 0;
}
/*图片大小*/
.main-slider .section1 .index_banner .item .inner .block_txt h2 img{
	width: 40vw;
}

.main-slider .section1 .index_banner .item.active .inner .block_txt h2 {
	-o-animation: fadeInUp 1s .6s both;
	animation: fadeInUp 1s .6s both;
	-moz-animation: fadeInUp 1s .6s both;
	-webkit-animation: fadeInUp 1s .6s both;
	opacity: 1;
}

.main-slider .section1 .index_banner .item .inner .block_txt h2 span {
	color: rgba(0, 185, 177, 0.8);
	display: inline-block;
	letter-spacing: 5px;
}

.main-slider .section1 .index_banner .item .inner .block_txt h3 {
	color: #fff;
	font-size: 25px;
	font-family: "SourceHanSansCNLight";
	text-align: center;
	margin-top: 20px;
	opacity: 0;
}

.main-slider .section1 .index_banner .item.active .inner .block_txt h3 {
	-o-animation: fadeInUp 1s .9s both;
	animation: fadeInUp 1s .9s both;
	-moz-animation: fadeInUp 1s .9s both;
	-webkit-animation: fadeInUp 1s .9s both;
	opacity: 1;
}

.main-slider .section1 .index_banner .item .container{
	max-width: 1400px;
}

.main-slider .section1 .slick_txt {
	width: 30%;
	height: 100%;
	background-color: transparent;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	font-size: 0;
	outline: none;
	border: 0;
}

.main-slider .section1 .left {
	left: 0;
}

.main-slider .section1 .right {
	right: 0;
}

.main-slider .section1 .slick_txt:hover .slick_arrow {
	opacity: 1;
	visibility: visible;
}

.main-slider .section1 .slick_txt .slick_arrow {
	width: 20px;
	height: 36px;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: -18px;
	position: absolute;
	top: 50%;
	cursor: pointer;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	opacity: 0;
	visibility: hidden;
}

.main-slider .section1 .slick_txt .prev {
	background-image: url(../images/ban_prev.png);
	left: 60px;
}

.main-slider .section1 .slick_txt .next {
	background-image: url(../images/ban_next.png);
	right: 60px;
}

.main-slider .section1 .slick_txt .prev:hover {
	background-image: url(../images/ban_prev_hover.png);
}

.main-slider .section1 .slick_txt .next:hover {
	background-image: url(../images/ban_next_hover.png);
}

.main-slider .section1 .number {
	position: absolute;
	bottom: 8%;
	left: 50%;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	display: table;
	padding: 0 20px;
	width: auto;
	text-align: center;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	opacity: 0;
}

.main-slider .section1 .number span {
	font-family: "Microsoft YaHei";
	font-size: 14px;
	color: #fff;
	margin-right: 100px;
	display: inline-block;
	cursor: pointer;
	position: relative;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
}

.main-slider .section1 .number span:last-child {
	margin-right: 0;
}

.main-slider .section1 .number span:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	bottom: -20px;
	opacity: 0;
	visibility: hidden;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
}

.main-slider .section1 .number span.active:after {
	width: 100%;
	opacity: 1;
	visibility: visible;
}

.main-slider .section1 .index_banner .item .inner .block_txt2{
	position: relative;left: auto; margin-top: calc(34vh);
}
.main-slider-bg1{
	background-image: url(../images/nbanner1.jpg);
}
.main-slider-bg2{
	background-image: url(../images/nbanner2.jpg);
}
.main-slider-bg3{
	background-image: url(../images/nbanner3.jpg);
}
.main-slider-bg4{
	background-image: url(../images/nbanner4.jpg);
}
/************************banner end*************************/
.service-wrap {
	padding: 30px 0;
}
.service-wrap .container{
	width: 82%;
	max-width: 100%;
}
.service-wrap .row {
	margin: 0;
}

.service-wrap .row .p9 {
	padding: 0;
	border-right: #f3f4f7 solid 1px;
	background: #fff;
	height: 461px;
}

.service-wrap .row .p9 .item {
	display: block; 
	width: 100%;
}

.service-wrap .row .p9 .item .number {
	font-family: "Gotham-Light";
	color: #e5e5e5;
	text-align: center;
	font-size: 130px;
	line-height: 1;
	font-weight: bold;
	margin: 0 auto;
	width: 190px;
}
.service-wrap .row .p9 .item .icon{
	margin: 0 auto;
	width: 190px;
}
.service-wrap .row .p9 .item .title {
	color: #f63932;
	font-size: 26px;
	margin-bottom: 27px;
	margin: 0 auto;
	width: 190px;
	padding: 30px 0;
}

.service-wrap .row .p9 .item .service-list {
	width: 51.5%;
	margin: 0 auto;
	width: 190px;
}

.service-wrap .row .p9 .item .service-list p {
	width: 100%;
	color: #4f4f4f;
	font-size: 16px;
	line-height: 39px;
	text-align: left;
}

/*.service-wrap .row .p9 .item2 .service-list {
	width: 115px;
}

.service-wrap .row .p9 .item3 .service-list {
	width: 88px;
}

.service-wrap .row .p9 .item4 .service-list {
	width: 68px;
}

.service-wrap .row .p9 .item5 .service-list {
	width: 86px;
}

.service-wrap .row .p9 .item6 .service-list {
	width: 68px;
}*/

/***************案例展示****************/
.case-wrap {
	background: #ffffff;/*#f2f2f2;*/
	padding: 40px 0;
}

.case-title {
	font-size: 38px;
	text-align: center;
	color: #373737;
	margin: 17px auto 30px auto;
}

.case-title span {
	padding: 0 22px;
}

.case-catelog {
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
}

.case-catelog a {
	margin: 0 2px;
	font-size: 14px;
	color: #333333;
	padding: 9px 26px;
	background: #fff;
	transition: all 0.6s;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: all .5s;
	transition: all .5s;
	margin-bottom: 2px;
	z-index: 1;
}

.case-catelog a .bg {
	display: block;
	width: 0;
	height: 0;
	left: 50%;
	top: 50%;
	transition: all 0.3s ease 0s;
	position: absolute;
	overflow: hidden;
}

.case-catelog a.cur {
	color: #fff;
	font-weight: bold;
	background: #f62a23;
}

.case-catelog a:hover .bg {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #f62a23;
	z-index: -1;
	color: #fff;
}

.case-catelog a:last-child {
	padding: 9px 13px;
}

.case-catelog a:hover {
	color: #fff;
}

.case-catelog a:last-child i {
	margin-right: 5px;
}

.case-list {
	margin-top: 70px;
}

.case-list .row {
	margin: 0 -15px;
}

.case-list .row .p9 {
	padding: 0 15px;
	margin-bottom: 30px;
	opacity: 0;
}

.case-list .row .p9 .item {
	display: block;
	width: 100%;
}

.case-list .row .p9 .case-top {
	background: #cccccc;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	height: 20px;
	overflow: hidden;
	line-height: 20px;
}

.case-list .row .p9 .case-top i {
	color: #fff;
	font-size: 37px;
	margin-left: 12px;
}

.case-list .row .p9 .pic {
	width: 100%;
	overflow: hidden;
	transition: all 0.6s;
	height: 0;
	padding-bottom: 71.43%;
	overflow: hidden;
	position: relative;
}

.case-list .row .p9 .pic img {
	cursor: pointer;
	transition: all 0.6s;
	width: 100%;
}

.case-list .row .item:hover .pic img {
	transform: scale(1.2);
}

.case-list .row .p9 .pic .ewm {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	background: rgba(0, 0, 0, .4);
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 0;
	opacity: 0;
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}

.case-list .row .p9 .pic .ewm .img {
	width: 31.4%;
	margin: 0 auto;
}

.case-list .row .p9 .pic .ewm p {
	color: #f2f2f2;
	font-weight: bold;
	font-size: 14px;
	margin: 25px 0;
}

.case-list .row .p9:hover .pic .ewm {
	height: 100%;
	opacity: 1;
	top: 0px;
}

.case-list .row .item .txt {
	border: #f9fafa solid 1px;
	padding: 13px;
	background: #fff;
	overflow: hidden;
}

.case-list .row .item .txt h2 {
	height: 30px;
	overflow: hidden;
	font-size: 18px;
	color: #444444;
	font-weight: bold;
	margin-bottom: 12px;
	margin-top: 2px;
	-webkit-transition: all .5s;
	transition: all .5s;
}

.case-list .row .item .case-tab {
	width: 69%;
	float: left;
	height: 22px;
}

.case-list .row .item .case-tab span {
	color: #999999;
	font-size: 12px;
	background: #f3f3f3;
	border-radius: 5px;
	padding: 5px 8px;
	position: relative;
	z-index: 1
}

.case-list .row .item .case-tab span .bg {
	width: 0;
	height: 0;
	display: block;
	left: 50%;
	top: 50%;
	border-radius: 5px;
	transition: all 0.3s ease 0s;
	position: absolute;
	overflow: hidden;
	z-index: -1;
}

.case-list .row .item:hover .case-tab span .bg {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #e70011;
}

.case-list .row .item:hover .case-tab span {
	background: none;
	color: #fff;
}

.case-list .row .item .case-likes {
	width: 30%;
	float: right;
	text-align: right;
	color: #bcbcbc;
	font-size: 12px;
}

.case-list .row .p9 .item:hover {
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .3);
}

.case-list .row .p9 .item:hover .case-top {
	border-radius: 0;
}

.case-list .row .p9 .item:hover h2 {
	color: #f63932;
}

/*********************每个细节做到极致都是艺术*********************/
.afterService {
	width: 100%;
	position: relative;
	background: #f63932;
	padding-bottom: 40px;
}

.afterService .picture {
	position: relative;
}
.afterService .picture img{
	max-width: 100%;
}
.afterService .picture .desc {
	position: absolute;
	text-align: center;
	color: #fff;
	width: 100%;
	top: 0;
}

.afterService .picture .desc .desc-tit {
	font-size: 50px;
	margin-top: 44px;
}

.afterService .picture .desc .desc-subtit {
	font-size: 22px;
	color: #cfd0d2;
	margin-top: 8px;
}

.afterService .picture img {
	/*-webkit-animation: banner_inside 20s ease 1 forwards;
	-moz-animation: banner_inside 20s ease 1 forwards;
	-o-animation: banner_inside 20s ease 1 forwards;
	animation: banner_inside 20s ease 1 forwards;*/
}

@-webkit-keyframes banner_inside {
	from {
		-webkit-transform: scale(1.23);
		transform: scale(1.23);
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@-moz-keyframes banner_inside {
	from {
		-moz-transform: scale(1.23);
		transform: scale(1.23);
	}

	to {
		-moz-transform: scale(1);
		transform: scale(1);
	}
}

@-o-keyframes banner_inside {
	from {
		-o-transform: scale(1.23);
		transform: scale(1.23);
	}

	to {
		-o-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes banner_inside {
	from {
		-webkit-transform: scale(1.23);
		-moz-transform: scale(1.23);
		-o-transform: scale(1.23);
		transform: scale(1.23);
	}

	to {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}

.afterService .topImg {
	text-align: center;
	margin: 0 auto;
	position: relative;
}

.afterService .topImg .txt {
	width: 28px;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	margin-left: -14px;
	bottom: 24px;
}

.afterService .service-box {
	width: 90.9%;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 25px;
}

.afterService .service-box .tit {
	color: #fff;
	font-size: 28px;
	text-align: center;
	margin-top: 10px;
	overflow: hidden;
	margin-bottom: 27px;
}

.afterService .service-box .line {
	border-top: #e41c16 solid 1px;
	border-bottom: #ff4f48 solid 1px;
	height: 2px;
	margin-bottom: 50px;
}

.service-content .service-left {
	width: 40%;
	float: left;
}

.service-content .service-left .left-box {
	position: relative;
}

.service-content .service-left .left-box .counts {
	font-family: "gothampro";
	font-size: 260px;
	color: #201f1f;
	position: relative;
	margin-top: -77px;
	z-index: 777;
}

.service-content .service-left .left-box .list {
	color: #fff;
	margin-top: -155px;
	z-index: 888;
	position: relative;
}

.service-content .service-left .left-box .list .name {
	font-size: 30px;
	font-weight: bold;
	line-height: 57px;
	height: 57px;
	overflow: hidden;
}

.service-content .service-left .left-box .list ul {
	font-size: 14px;
	margin-top: 27px;
}

.service-content .service-left .left-box .list ul li {
	height: 21px;
	line-height: 21px;
	margin-bottom: 20px;
	clear: both;
	overflow: hidden;
}

.service-content .service-left .left-box .list ul li .date {
	margin-right: 18px;
}

.service-content .service-right {
	width: 58.33%;
	float: right;
	position: relative;
}

.service-content .service-right .swiper-wrapper {
	width: 65%;
	float: right;
}

.service-button-next,
.service-button-prev {
	outline: none;
	color: #fff;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: #fff;
	text-align: center;
	line-height: 38px;
	position: absolute;
	left: 35%;
}
.service-button-next:hover,
.service-button-prev:hover{
	background: rgba(255,255,255,0.8);
	cursor: pointer;
}

.service-button-next i,
.service-button-prev i {
	color: #f63932;
	font-size: 22px;
	font-weight: bold;
}

.service-button-prev i {
	position: relative;
	top: 2px;
}

.service-button-next {
	top: 0;
}

.service-button-prev {
	bottom: 0;
}

.service-content .service-right .swiper-container {
	margin-top: 65px;
	margin-bottom: 65px;
	height: 330px;
}

.service-content .service-right .swiper-container .swiper-slide a {
	display: block;
	width: 100%;
	position: relative;
	color: #fff;
	height: 30px;
	line-height: 30px;
	margin-left: 3px;
}

.service-content .service-right .swiper-container .swiper-slide a i {
	width: 30%;
	height: 2px;
	background: #000;
	display: block;
	position: absolute;
	top: 15px;
	left: -30%;
	opacity: 0;
}

@keyframes myfirst {
	0% {
		left: -10%;
		width: 10%;
	}

	50% {
		left: -25%;
		width: 25%;
	}

	100% {
		left: -30%;
		width: 30%;
	}
}

.service-content .service-right .swiper-container .swiper-slide .num {
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: #fff solid 1px;
	text-align: center;
	font-size: 14px;
	font-family: arial;
	color: #fff;
	float: left;
	margin-right: 20px;
}

.service-content .service-right .swiper-container .swiper-slide .txt {
	width: 85%;
	float: left;
	font-size: 18px;
	display: block;
	overflow: hidden;
	height: 30px;
}

/*.service-content .service-right .swiper-container .swiper-slide-thumb-active .num {
	background: #272626;
	font-weight: bold;
	border: #272626 solid 1px;
}

.service-content .service-right .swiper-container .swiper-slide-thumb-active .txt {
	color: #201f1f;
	font-weight: bold;
}

.service-content .service-right .swiper-container .swiper-slide-thumb-active a i {
	opacity: 1;
	animation: myfirst 5s;
	-webkit-animation: myfirst 5s;
	animation-fill-mode: forwards;
}*/

.service-content .service-right .swiper-container .swiper-slide-active .num {
	background: #272626;
	font-weight: bold;
	border: #272626 solid 1px;
}

.service-content .service-right .swiper-container .swiper-slide-active .txt {
	color: #201f1f;
	font-weight: bold;
}

.service-content .service-right .swiper-container .swiper-slide-active a i {
	opacity: 1;
	animation: myfirst 5s;
	-webkit-animation: myfirst 5s;
	animation-fill-mode: forwards;
}

/*seo整站优化*/
.optimization {
	width: 100%;
}

.optimization-box {
	background: #f63932;
	position: relative;
	margin-top: -200px;
}

.optimization-box .item {
	width: 91%;
	margin: 0 auto;
	padding: 60px 0 90px 0;
	color: #fff;
	overflow: hidden;
}

.optimizat-left {
	width: 37%;
	float: left;
}

.optimizat-left .txt-en {
	font-family: "gothampro";
	font-size: 60px;
}

.optimizat-left .txt-cn {
	font-family: "gothampro";
	font-size: 32px;
	font-weight: bold;
}

.optimizat-right {
	width: 47%;
	float: right;
	font-size: 20px;
	line-height: 43px;
	font-weight: normal;
	margin-top: 30px;
}

.optimizat-right .optimizat-more {
	font-size: 18px;
	font-family: arial;
	line-height: 20px;
	margin-top: 50px;
	background: url(../images/tb.png) no-repeat left center;
	padding-left: 53px;
}

.optimizat-right .optimizat-more p {
	font-size: 14px;
	margin-top: 3px;
}

.optimizat-zixun {
	position: absolute;
	bottom: 23.57%;
	left: 4.5%;
	color: #fff;
	display: block;
	width: 50%;
	transition: all 0.6s;
}

.optimizat-zixun .span {
	display: block;
	width: 46px;
	height: 46px;
	background: #fff;
	border-radius: 50%;
	line-height: 46px;
	text-align: center;
	float: left;
	transition: all 0.6s;
}

.optimizat-zixun .span i {
	font-size: 18px;
	color: #f63932;
	transition: all 0.6s;
}

.optimizat-zixun .txt {
	font-size: 16px;
	font-weight: bold;
	float: left;
	width: 50%;
	margin-left: 15px;
	line-height: 46px;
	color: #fff;
}

.optimizat-zixun .txt:hover {
	color: #fce31a;
}

.optimizat-zixun:hover {
	color: #fce31a;
}

.optimizat-zixun:hover .span {
	background: rgba(252, 227, 26, 0.8);
}

.optimizat-zixun:hover .span i {
	color: #fff;
}

/*********************新闻中心*****************/
.index-news {
	margin-bottom: 60px;
}

.news-tit {
	font-size: 38px;
	color: #373737;
	text-align: center;
	margin-top: 55px;
	margin-bottom: 70px;
}

.index-news-left {
	width: 15%;
	float: left;
	border: #f7f7f7 solid 1px;
}

.index-news-left .item {
	display: block;
	width: 100%;
	border-bottom: #f7f7f7 solid 1px;
	text-align: center;
	padding-top: 17px;
	transition: all 0.6s;
	overflow: hidden;
}

.index-news-left .item:hover,
.index-news-left .active {
	background: #f63932;
	color: #fff;
}

.index-news-left .item:last-child {
	border-bottom: none;
}

.index-news-left .item i {
	font-size: 42px;
	color: #c9c7c8;
}

.index-news-left .item p {
	color: #373737;
	font-size: 18px;
	margin: 7px 0 22px 0;
}

.index-news-left .item:hover i,
.index-news-left .item:hover p,
.index-news-left .active i,
.index-news-left .active p {
	color: #fff;
}

.index-news-right {
	width: 82.57%;
	float: right;
}

.index-news-box {
	width: 100%;
}

.index-news-box .item-box {}

.index-news-box .item-box .recommd-news {

	overflow: hidden;
}

.index-news-box .item-box .recommd-news .pic {
	width: 22%;
	float: left;
	overflow: hidden;
}

.index-news-box .item-box .recommd-news .pic img {
	cursor: pointer;
	transition: all 0.6s;
	width: 100%;
}

.index-news-box .item-box .recommd-news a:hover .pic img {
	transform: scale(1.2);
}

.index-news-box .item-box .recomm-txt {
	width: 78%;
	float: left;
	padding-left: 34px;
	border-bottom: #e5e5e5 dashed 1px;
}

.index-news-box .item-box .recomm-txt h2 {
	display: block;
	font-size: 20px;
	font-weight: bold;
	color: #252525;
	line-height: 30px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	height: 30px;
	margin-top: 3px;
}

.index-news-box .item-box .recomm-txt h2 i {
	display: block;
	float: left;
	width: 0;
	height: 1px;
	margin-top: 15px;
	background-color: #f63932;
}

.index-news-box .item-box .recommd-news a:hover .recomm-txt h2 {
	color: #f63932;
}

.index-news-box .item-box .recommd-news a:hover .recomm-txt h2 i {
	width: 70px;
	margin-right: 10px;
}

.index-news-box .item-box .recommd-news .date {
	color: #838383;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 11px;
}

.index-news-box .item-box .recommd-news .txt {
	color: #666666;
	font-size: 14px;
	line-height: 26px;
	margin-bottom: 23px;
}

.index-news-box .item-box .index-news-list {
	width: 100%;
	clear: both;
	margin-top: 9px;
}

.index-news-box .item-box .index-news-list .item {
	width: 47.7%;
	float: left;
}

.index-news-box .item-box .index-news-list .item:nth-child(2n) {
	float: right;
}

.index-news-box .item-box .index-news-list .item a {
	display: block;
	width: 100%;
	padding: 16px 0;
	border-bottom: #eeeeee solid 1px;
	transition: all 0.6s;
}

.index-news-box .item-box .index-news-list .item a:hover {
	border-bottom: #a8a8a8 solid 1px;
}

.index-news-box .item-box .index-news-list .item h3 {
	display: block;
	font-size: 16px;
	color: #252525;
	line-height: 25px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	height: 25px;
}

.index-news-box .item-box .index-news-list .item h3 i {
	display: block;
	float: left;
	width: 0;
	height: 1px;
	margin-top: 13px;
	background-color: #f63932;
	transition: all 0.6s;
}

.index-news-box .item-box .index-news-list .item a:hover h3 {
	color: #f63932;
}

.index-news-box .item-box .index-news-list .item a:hover h3 i {
	width: 70px;
	margin-right: 10px;
}

.index-news-box .item-box .index-news-list .item p {
	color: #969595;
	font-size: 12px;
	margin-top: 4px;
	height: 17px;
	overflow: hidden;
}

.index-news-box .item-box .index-news-list .item p .line {
	padding: 0 11px;
}

/********************footer*********************/
.foot-menu-wrap{
	width: 100%;
	background: #f63932;
	color: #fff;
	font-size: 16px;
	text-align: center;
	display: flex;
	flex-wrap:wrap;
	flex-direction: row;
	justify-content: center;
}
.foot-menu-wrap a{
	padding:11px 25px;
	color: #fff;
	transition: all 0.5s;
}
.foot-menu-wrap a:hover{
	background: #be1315;
}
footer {
	width: 100%;
	overflow: hidden;
	padding: 40px 0 0 0;
	background: #333333;
	color: #929395;
	font-size: 14px;
}

.foot {
	padding-bottom: 30px;
}

.foot a {
	color: #929395;
	transition: all .6s;
}

.foot a:hover {
	color: #d1d2d5;
}

.foot-tit {
	font-size: 18px;
	color: #fff;
	line-height: 19px;
	margin-bottom: 25px;
}

.foot-tit a {
	color: #fff;
}

.foot-wedo {
	width: 22.3%;
	float: left;
}

.foot-wedo p {
	line-height: 30px;
	width: 94px;
	float: left;
}

.foot-wedo p:first-child {
	width: 76px;
}

.foot-whywe {
	width: 24.3%;
	float: left;
}

.foot-whywe p {
	line-height: 30px;
}

.foot-contact {
	width: 30%;
	float: left;
}

.foot-contact .foot-tel {
	font-family: "gothampro";
	font-size: 30px;
	color: #fff;
	line-height: 36px;
}
.foot-contact .foot-tel span{
	font-family: "microsoft yahei";
	font-size: 16px;
}
.foot-contact .foot-add {
	line-height: 28px;
	margin-top: 8px;
}

.foot-contact .foot-add i {
	margin-right: 10px;
	font-size: 16px;
	color: #929395;
	position: relative;
	top: 2px;
}

.foot-contact .foot-qq {
	margin-top: 20px;
}

.foot-contact .foot-qq a {
	color: #fff;
	transition: all 0.6s;
	padding-right: 10px;

}

.foot-contact .foot-qq a:hover {
	color: #929395;
}

.foot-contact .foot-qq i {
	color: #fff;
	background: #eb3900;
	border-radius: 50%;
	padding: 3px;
	margin-right: 6px;
	z-index: 1;
	position: relative;
}

.foot-contact .foot-qq i:after {
	content: '';
	width: 0;
	height: 0;
	display: block;
	left: 50%;
	top: 50%;
	transition: all 0.3s ease 0s;
	position: absolute;
	overflow: hidden;
	z-index: -1;
	border-radius: 50%;
}

.foot-contact .foot-qq a:hover i:after {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #e70011;
}

.foot-contact .foot-qq a:hover i {
	background: none;
}

.foot-ewm {
	text-align: center;
	font-size: 12px;
	color: #929395;
	float: right;
	width: 18.93%;
}

.foot-ewm .ewm {
	float: left;
	width: 50%;
}
.foot-ewm .foot-tit{
	text-align: left;
}

.foot-ewm img {
	max-width: 110px;
	margin-bottom: 12px;
}

.foot-ewm .txt {
	line-height: 20px;
}

footer .copyright-wrap {
	width: 100%;
	background: #333333;
	padding: 15px 0;
	color: #757575;
	border-top: #434242 solid 1px;
	font-size: 12px;
}

footer .copyright-wrap a {
	color: #757575;
	transition: all 0.6s
}

footer .copyright-wrap a:hover {
	color: #b6b5b5;
}

footer .copyright-wrap p {
	float: right;
}

/*************内页**************/
.subbanner {
	width: 100%;
	background: #f3f3f3;
	padding: 30px 0;
}

.subbanner-left {
	width: 40%;
	float: left;
}

.subbanner-left h3 {
	font-size: 26px;
	color: #070707;
}

.subbanner-left p {
	font-size: 14px;
	color: #999999;
	margin-top: 5px;
}

.subbanner-left p a {
	color: #999999;
	transition: all 0.6s;
}

.subbanner-left p a:hover {
	color: #eb3900;
}

.subbanner-right {
	width: 59%;
	float: right;
	font-size: 16px;
	color: #464545;
}

.subbanner-right p {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	margin-top: 8px;
}

.subbanner-right p a {
	color: #464545;
	transition: all 0.6s;
	padding: 9px 23px;
	margin-left: 6px;

}

.subbanner-right p a:hover {
	color: #f63932;
}

.subbanner-right p a:last-child {
	padding-right: 0;
}

.subbanner-right p a.active {
	color: #fff;
	font-weight: bold;
	background: #f63932;
	text-align: center;
}

.subbanner-right p a.active:last-child {
	padding: 9px 23px;
}


#particles-js {
	position: absolute;
	width: 100%;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	top: 0;
}
.abt-content-wrap{
	position: relative;
	overflow: hidden;
}
.abt-content {
	padding: 50px 0 0 0;
}

.abt-title {
	color: #343434;
	font-size: 36px;
	text-align: center;
	margin-top: 10px;
	font-weight: bold;
}

.abt-title-en {
	font-family: arial;
	font-size: 18px;
	color: #717171;
	text-transform: uppercase;
	font-weight: normal;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 50px;
}

.profile-content {
	width: 79%;
	margin: 0 auto;
	color: #535353;
	line-height: 36px;
	font-size: 18px;
	padding: 10px 0 30px 0;
	overflow: hidden;
	text-align: left;
}

.profile-content p{
	margin-bottom: 30px;
}
.protection-content {
	width: 100%;
	margin: 0 auto;
	color: #535353;
	line-height: 30px;
	font-size: 16px;
	padding: 10px 0 30px 0;
	overflow: hidden;
}

/*********************我们的优势*********************/
.our-advantage {
	width: 100%;
	background:#f1f1f1;
	padding: 100px 0;
	overflow: hidden;
}

.our-advantage-service {
	width: 79%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.our-advantage-service  .item {
	width: 17.74%;	
}

.our-advantage-service .item .title-box {
	width: 100%;
	background: url(../images/a-tbbg.png) no-repeat center top;
	background-size: 100%;
	text-align: center;
	padding: 55px 0 61px 0;
	position: relative;
}

.our-advantage-service  .item .pic img {
	margin: 0 auto;
	text-align: center;
}

.our-advantage-service  .item .advantage-title {
	text-align: center;
	font-size: 30px;
	color: #393939;
	padding: 30px 0 10px 0;
}

.our-advantage-service .item p {
	font-size: 16px;
	color: #595959;
	line-height: 33px;
	width: 100%;
	margin: 25px auto 0 auto;
	padding-bottom: 25px;
}

.our-advantage-service .item .num {
	width: 38px;
	border-radius: 50%;
	left: 50%;
	margin-left: -19px;
	bottom: -8px;
	height: 38px;
	text-align: center;
	line-height:38px;
	color: #fff;
	font-family: arial;
	font-size: 18px;
	position: absolute;
	z-index: 44444;
	background: #383838;
}
.our-advantage-service .item .num::after{
	content: "";
	width: 800%;
	border-bottom: #383838 dashed 1px;
	position: absolute;
	height: 2px;
	top: 18px;
}
.our-advantage-service .item:last-child .num::after{
	border-bottom: none;
	width: 0%;
}
 
/********************人文环境******************/
.renwen {
	text-align: center;
}

.renwen h2 {
	color: #373737;
	font-size: 50px;
	margin-top: 85px;
}

.renwen p {
	color: #404040;
	font-size: 20px;
	line-height: 40px;
	margin: 20px 0;
}

.renwen .renwen-icon {
	margin-bottom: 18px;
}

.renwen .renwen-icon i {
	font-size: 40px;
	color: #d5d5d5;
	margin: 0 12px;
	outline: none;
	transition: all 0.3s;
}
.renwen .renwen-icon i:hover{
	color: #eb3900;
}

.renwen-swiper .swiper-slide {
	width: 635px;
	transition-timing-function: linear;
}

@media only screen and (max-width:1200px) {
	.renwen-swiper .swiper-slide {
		width: 397px;
	}
}

@media only screen and (max-width:980px) {
	.renwen-swiper .swiper-slide {
		width: 324px;
	}
}

@media only screen and (max-height:480px) {
	.renwen-swiper .swiper-slide {
		width: 324px;
	}
}

.renwen-swiper .swiper-slide img {
	width: 100%;
}

/***********************公司理念****************/
.linian {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0 100px 0;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.linian .item {
	width: 100%;
	overflow: hidden;
}

.linian .item h3 {
	color: #373737;
	font-size: 36px;
}

.linian .item p {
	color: #404040;
	font-size: 18px;
	line-height: 36px;
}

.linian .item .pic {
	position: relative;
}

.linian .item .pic {
	width: 100%;
}

.linian .item .linian-txt {
	width: 90%;
}

.linian .item .linian-txt h3 {
	margin-top: 36px;
}
.linian .item .linian-txt h4 {
	color: #5b5b5b;
	font-family: arial;
	font-size: 16px;
	padding-top: 18px;
}
.linian .item .linian-txt p {
	margin-top: 36px;
}

/***********************新闻中心************************/
.submain {
	padding: 40px 0;
}

.sub-newsspec-list {
	padding: 20px 0;
	width: 67.42%;
	float: left;
}

.sub-newsspec-list ul {
	min-height: 500px;
}

.sub-newsspec-list ul li {
	border-bottom: #e2e2e1 solid 1px;
	margin-bottom: 30px;
}

.sub-newsspec-list ul li a {
	display: flex;
	flex-direction: row;
	padding: 0 0 30px 0;
	transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
}

.sub-newsspec-list ul li a .pic {
	width: 24.15%;
	transition: all 0.6s;
	overflow: hidden;
	position: relative;
}

.sub-newsspec-list ul li a .pic img {
	cursor: pointer;
	transition: all 0.6s;
}

.sub-newsspec-list ul li a:hover .pic img {
	transform: scale(1.2);
}

.sub-newsspec-list ul li .title {
	margin-left: 33px;
	overflow: hidden;
	width: 71%;
	transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;

}

.sub-newsspec-list ul li .title h2 {
	font-size: 18px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	color: #373737;
	font-weight: bold;
}

.sub-newsspec-list ul li .title p.data {
	color: #838383;
	font-size: 14px;
	padding: 10px 0;
}

.sub-newsspec-list ul li a .title p.data {
	color: #838383;
}

.sub-newsspec-list ul li .title p.subtitle {
	color: #666666;
	font-size: 14px;
	height: 55px;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 28px;
}

.sub-newsspec-list ul li a:hover .title h2 {
	transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	color: #f63932;
}

.news-right {
	width: 27.65%;
	float: right;
	background: #f63932;
	padding: 20px 25px;
	margin-top: 20px;
}

.news-right .title-en {
	font-family: "gothampro";
	font-size: 60px;
	color: #fff;
}

.news-right .title-cn {
	font-size: 32px;
	font-weight: bold;
	color: #fff;
	padding-bottom: 12px;
	border-bottom: #f87975 solid 1px;
}

.news-right .ewm-box {
	padding: 25px 0;
	overflow: hidden;
}

.news-right .ewm-box .pic {
	width: 33.77%;
	float: left;
	padding: 5px;
	background: #fff;
}

.news-right .ewm-box .ewm-right {
	width: 62.3%;
	float: right;
}

.news-right .ewm-box .ewm-right a {
	color: #fff;
	display: block;
	width: 100%;
	transition: all 0.6s;
	margin-top: 12px;

}

.news-right .ewm-box .ewm-right a .span {
	display: block;
	width: 29px;
	height: 29px;
	background: #fff;
	border-radius: 50%;
	line-height: 29px;
	text-align: center;
	float: left;
	transition: all 0.6s;
}

.news-right .ewm-box .ewm-right a .span i {
	font-size: 18px;
	color: #f63932;
	transition: all 0.6s;
}

.news-right .ewm-box .ewm-right a .txt {
	font-size: 14px;
	font-weight: bold;
	float: left;
	width: 50%;
	margin-left: 10px;
	line-height: 29px;
	color: #fff;
}

.news-right .ewm-box .ewm-right a .txt:hover {
	color: #fce31a;
}

.news-right .ewm-box .ewm-right a:hover {
	color: #fce31a;
}

.news-right .ewm-box .ewm-right a:hover .span {
	background: rgba(252, 227, 26, 0.8);
}

.news-right .ewm-box .ewm-right a:hover .span i {
	color: #fff;
}

.news-right .ewm-box .ewm-right p {
	width: 100%;
	overflow: hidden;
	color: #fff;
	font-family: "gothampro";
	font-size: 27px;
	padding-top: 10px;
}

.news-right .item {
	border-top: #f87975 solid 1px;
	width: 100%;
	clear: both;
	padding: 10px 0 15px 0;
	overflow: hidden;
}

.news-right .item h3 {
	color: #fff;
	font-weight: bold;
	margin: 15px 0;
}

.news-right .item p {
	width: 100%;
	color: #ffe3e3;
}

.news-right .item p a {
	display: block;
	width: 50%;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	float: left;
	color: #ffe3e3;
	font-size: 15px;
	transition: all 0.6s;
}

.news-right .item p a:hover {
	color: #fd8c8c;
}

/****************新闻详情页*****************/
.newsde-banner-left {
	width: 100%;
}

.newsde-banner-left p {
	margin-top: 25px;
}

.newsde-banner-left p span {
	padding-right: 30px;
}

.newsde-banner-left p span a {
	color: #838383;
	transition: all .6s;
}

.newsde-banner-left p span a:hover {
	color: #f63932;
}

.newsde-banner-left p span img {
	margin-right: 5px;
}

.newsde-banner-left p span:first-child img {
	position: relative;
	top: -1px;
}

/******************新闻详情***************/
.newsde {
	float: left;
	width: 67.42%;
}

.newsde .newsde-content {
	padding: 0 0 30px 0;
	font-size: 14px;
	line-height: 28px;
	margin-top: 15px;
	color: #666666;
}

.newsde .newsde-content img {
	max-width: 100%;
}

.newsde-fenye {
	line-height: 33px;
	font-size: 14px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	color: #666;
	padding: 10px 0;
	width: 100%;
	clear: both;
	border-top: #e0e0e0 solid 1px;
}

.newsde-fenye .fenye-box {
	width: 84%;
	float: left;
}

.newsde-fenye .fenye-box a {
	width: 100%;
	float: left;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	transition: all 0.5s;
}

.newsde-fenye .fenye-box a:hover {}

.newsde-fenye a.prev {
	float: none;
	display: block;
}

.newsde-fenye a.next {
	clear: both;
	display: block;
}

.newsde-fenye .goback {
	display: block;
	width: 125px;
	height: 35px;
	line-height: 35px;
	margin-top: 15px;
	color: #fff;
	text-align: center;
	background: #7e7e7e;
	transition: all 0.6s;
}

.newsde-fenye .goback:hover {
	color: #fff;
	background: #f63932;
}

/********************联系我们******************/
.sub-contact {
	background: #f63932;
	color: #fff;
	padding: 40px 10px;
	overflow: hidden;
}

.sub-contact .item1 {
	width: 27%;
	float: left;
	height: 180px;
	border-right: #fb9996 solid 1px;
	margin-left: 3%;
}

.sub-contact .item1 p {
	font-family: "gothampro";
	font-size: 40px;
	margin-top: 8px;
}

.sub-contact .item1 a {
	color: #fff;
	display: block;
	width: 100%;
	transition: all 0.6s;
	margin-top: 37px;
}

.sub-contact .item1 a .span {
	display: block;
	width: 46px;
	height: 46px;
	background: #fff;
	border-radius: 50%;
	line-height: 46px;
	text-align: center;
	float: left;
	transition: all 0.6s;
}

.sub-contact .item1 a .span i {
	font-size: 18px;
	color: #f63932;
	transition: all 0.6s;
}

.sub-contact .item1 a .txt {
	font-size: 16px;
	font-weight: bold;
	float: left;
	width: 50%;
	margin-left: 10px;
	line-height: 46px;
	color: #fff;
}

.sub-contact .item1 a .txt:hover {
	color: #fce31a;
}

.sub-contact .item1 a:hover {
	color: #fce31a;
}

.sub-contact .item1 a:hover .span {
	background: rgba(252, 227, 26, 0.8);
}

.sub-contact .item1 a:hover .span i {
	color: #fff;
}
.sub-contact .twxname{
	font-size: 14px;
	font-family: "microsoft sans serif";
}

.sub-contact .item2 {
	width: 42%;
	float: left;
	margin-left: 4%;
}

.sub-contact .item2 p {
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	margin-top: 35px;
}

.sub-contact .item2 p a{
	color: #fff;
}

.sub-contact .item2 p a:hover{
	color: rgba(255,255,255,.8);
}

.sub-contact .item2 p span {
	font-weight: bold;
	margin-right: 15px;
}

.sub-contact .item3 {
	width: 24%;
	float: left;
}

.sub-contact .item3 p {
	margin-top: 40px;
}

.sub-contact .item3 p a {
	display: block;
	width: 100px;
	border: #ff9a9a solid 2px;
	height: 30px;
	line-height: 26px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	border-radius: 30px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	transition: all 0.6s;
}

.sub-contact .item3 p a:hover {
	background: #ff9a9a;
}

.sub-contact .nums {
	font-family: arial;
	font-size: 12px;
	color: #ffb7b7;
	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	display: block;
	position: absolute;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	text-transform: uppercase;
}

.sub-contact .line {
	width: 50px;
	height: 1px;
	background: #ffb7b7;
	margin-top: 30px;
	display: block;
}

.ewm-list {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 40px;
}

.ewm-list .item {
	text-align: center;
	font-size: 14px;
	color: #626161;
	margin: 0 28px;
}

.ewm-list .item p {
	margin: 15px 0;
}

.sub-map {
	margin-top: 40px;
}

/***********************内页 案例展示******************/
.sub-case-wrap {
	background: #f2f2f2;
	width: 100%;
	border-top: #e0e0e0 solid 1px;
}

.sub-case-class {
	font-size: 16px;
	color: #333333;
	margin-top: 30px;
	margin-bottom: 50px;
}

.sub-case-class a {
	padding: 0 7px;
	margin-right: 35px;
	transition: all 0.6s;
	position: relative;
}

.sub-case-class a .bg {
	display: block;
	width: 0;
	height: 0;
	left: 50%;
	top: 50%;
	transition: all 0.3s ease 0s;
	position: absolute;
	overflow: hidden;
}

.sub-case-wrap .case-list {
	margin-top: 0;
}

.sub-case-class a.cur {
	font-weight: bold;
	background: url(../images/line2.jpg) repeat-x left 80%;
}

.sub-case-class a.cur a .bg {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #333333;
	z-index: -1;
}

/***********************内页 案例详情页******************/
.subcasede-left {
	width: 80%;
	border-right: #e0e0e0 solid 1px;
	float: left;
	padding: 30px 0;
}

.subcasede-content {
	width: 95.8%;
	font-size: 14px;
	line-height: 28px;
	margin-top: 15px;
	color: #666666;
}

.subcasede-content img {
	max-width: 100%;
}

.subcasede-right {
	width: 18.2%;
	float: right;
	padding: 30px 0 0 0;
}

.subcasede-right .case-logo {
	border-bottom: #e0e0e0 solid 1px;
	padding-bottom: 20px;
}

.subcasede-right .casede-info {
	border-bottom: #e0e0e0 solid 1px;
	padding: 15px 0;
	font-size: 12px;
	color: #464545;
}

.subcasede-right .casede-info p:first-child {
	margin-bottom: 13px;
}

.subcasede-right .casede-info p:first-child img {
	position: relative;
	top: -2px;
}

.subcasede-right .casede-info img {
	margin-right: 3px;
}

.subcasede-right .casede-info p span {
	padding: 0 20px;
}

.subcasede-right .casede-ewm {
	padding-top: 25px;
	border-bottom: #e0e0e0 solid 1px;
	text-align: center;
}

.subcasede-right .casede-ewm .pic {
	margin: 0 auto;
	width: 83.3%;
}

.subcasede-right .casede-ewm p {
	color: #464545;
	padding: 20px 0;
}

.subcasede-right .link {
	padding: 30px 0;
	text-align: center;
}

.subcasede-right .link a {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin-bottom: 10px;
	border-radius: 5px;
	font-size: 14px;
	transition: all .6s;
}

.subcasede-right .link a.url {
	background: #f63932;
	color: #fff;
}

.subcasede-right .link a.url i {
	color: #fff;
}

.subcasede-right .link a.zixun {
	background: #f3f3f3;
	color: #717171;
}

.subcasede-right .link a:hover {
	background: rgba(246, 57, 50, 0.8);
	color: #fff;
}

.casede-service {
	margin-bottom: 30px;
}

.casede-service .tel {
	font-size: 30px;
	color: #fff;
	font-family: "gothampro";
	margin-top: 40px;
}

.casede-service .weixin-img {
	width: 118px;
	background: #fff;
	padding: 3px;
	margin-top: 25px;
}

.casede-service .optimizat-left {
	width: 20%;
}

.casede-service .item {
	padding: 50px 0;
}

.casede-service .our-advantage-list {
	width: 75%;
	float: right;
}

.casede-service .our-advantage-list .row {
	margin: 0 -15px;
}

.casede-service .our-advantage-list .row .p9 {
	padding: 0 15px;
}

.casede-service .our-advantage-list .row .p9 .item {
	padding-top: 40px;
	padding-bottom: 0;
}

.casede-service .our-advantage-list .row .p9 .item p a {
	font-size: 14px;
	border-bottom: #f66761 solid 1px;
	padding: 10px 0;
	display: block;
}
.casede-service .our-advantage-list .row .p9 .item p a:hover{
	color: #f1f1f1;
}

.our-advantage-list .row .p9 .item h3 {
	color: #fff;
	margin-bottom: 35px;
}

/****************内页 售后服务*****************/
.sub-aftService {
	padding: 35px 0;
}

.sub-aftService .item {
	border-bottom: #e0e0e0 solid 1px;
	padding: 20px 0;
	overflow: hidden;
}

.sub-aftService-left {
	width: 39.4%;
	float: left;
}

.sub-aftService-left .count {
	font-family: "gothampro";
	font-size: 100px;
	color: #ebebeb;
	line-height: 72px;
	position: relative;
	left: -5px;
}

.sub-aftService-left .cus-name {
	color: #4a4949;
	font-size: 14px;
	position: relative;
	top: -18px;
}

.sub-aftService-left .cus-name2 {
	color: #4a4949;
	font-size: 20px;
	position: relative;
	top: -15px;
	font-weight: bold;
}

.sub-aftService .weihu-info {
	color: #717171;
	font-size: 14px;
	position: relative;
	top: -9px;
}

.sub-aftService .weihu-info i {
	font-size: 13px;
	position: relative;
	top: -1px;
}

.sub-aftService .weihu-info .nums {
	color: #f63932;
	font-weight: bold;
	font-size: 20px;
	font-family: arial;
}

.sub-aftService .weihu-info .danwei {
	color: #f63932;
	font-weight: bold;
	font-size: 14px;
}

.sub-aftService-left a {
	display: block;
	width: 150px;
	height: 35px;
	color: #fff;
	background: #f63932;
	line-height: 35px;
	font-size: 14px;
	transition: all 0.6s;
	text-align: center;
	margin-top: 20px;
}

.sub-aftService-left a:hover {
	background: #f9903e;
}

.sub-aftService-right {
	width: 54%;
	float: right;
	padding-top: 50px;
}

.aftService-title {
	font-size: 16px;
	color: #3f3f3f;
	font-weight: bold;
	padding: 5px 0;
	transition: all .3s;
}

.sub-aftService-right a{
	transition: all .3s;
}

.sub-aftService-right a:hover .aftService-title{
	color: #f63932;
}

.aftService-content {
	font-size: 16px;
	color: #3f3f3f;
	line-height: 33px;
}

.sub-aftServicede-left {
	width: 29.5%;
}

.sub-aftServicede-left a {
	text-align: left;
	padding-left: 12px;
	margin-top: 0;
	color: #717171;
	background: none;
	margin-bottom: 2px;
}

.sub-aftServicede-left a:hover {
	color: #fff;
	background: #f63932;
}

.sub-aftServicede-left a.cur {
	color: #fff;
	background: #f63932;
}

.sub-aftServicede-left .weihu-info {
	margin-bottom: 20px;
}

.sub-aftServicede-right {
	width: 62%;
}

.sub-aftServicede .item {
	border-bottom: none;
}

.sub-aftServicede-right .li-item {
	border-bottom: #e0e0e0 solid 1px;
	padding: 35px 0 20px 0;
}

/********************网站建设*******************/
.menu_fixed {
	POSITION: fixed;
	Z-INDEX: 99999;
	max-width: 100%;
	top: 0;
}

.sub-construct {
	width: 60%;
	float: right;
}
.sub-construct-banner .subbanner-left{
	max-width: 180px;
}

.menu_fixed.sub-construct {
	padding-top: 0px;
	background: rgba(247,247,247,.9);
	z-index: 99999;
}

.sub-construct-tab {
	width: 100%;
	margin: 0 auto;
}

.sub-construct-tab ul {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	margin: 0 auto;
}

.sub-construct-tab ul li {
	text-align: center;
	line-height: 24px;
	padding: 7px 15px 5px 15px;
	cursor: pointer;
	position: relative;
	z-index: 1;
}

.sub-construct-tab ul li .bg {
	display: block;
	width: 0;
	height: 0;
	left: 50%;
	top: 50%;
	transition: all 0.3s ease 0s;
	position: absolute;
	overflow: hidden;
	border-radius: 3px;
}

.sub-construct-tab ul li:hover .bg {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(246, 42, 35, .6);
	z-index: -1;
	color: #fff;
}

.sub-construct-tab ul li:hover {
	color: #fff;
}

.sub-construct-tab ul li.cur {
	color: #f63932;
}

.sub-construct-tab ul li.cur:hover {
	color: #000;
}

.sub-construct-tab ul li .title {
	font-size: 16px;
}

.sub-construct-tab ul li .title-tag {
	font-size: 14px;
}

.sub-constructlist {}

.sub-constructlist .item {
	padding: 50px 0 30px 0;
	width: 100%;
	position: relative;
	z-index: 1;
}

.item-box {}

.content_bg_grid {
	position: absolute;
	left: 30%;
	width: 100vw;
	height: 100%;
	left: 0;
	top: 0;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;
}

.content_bg_grid>div {
	/*border-right:1px solid rgba(26,26,161,0);*/
	/*min-height:100vh;*/
	height: 60%;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	position: relative;
	width: 25%;
	background: #f3f3f3;
	z-index: 111;
}

.content_bg_grid>div:after {
	position: absolute;
	left: 100%;
	width: 1px;
	content: "";
	height: 60%;
	background: #f3f3f3;
	background: -webkit-linear-gradient(top, #f3f3f3 0%, #f3f3f3 20%, #f3f3f3 80%, #f3f3f3 100%);
	background: linear-gradient(to bottom, #f3f3f3 0%, #f3f3f3 20%, #f3f3f3 80%, #f3f3f3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a1a1aa1', endColorstr='#1a1a1aa1', GradientType=0);
	z-index: 111;
}

.sub-constructlist .item.color_alternate .content_bg_grid>div:after {}


.sub-constructlist .item:nth-child(2n) {
	background: #f3f3f3;
}

.sub-constructlist .item .construct-left {
	width: 29.5%;
	float: left;
	position: relative;
	z-index: 9999;
}

.sub-constructlist .item .construct-left .name {
	color: #000;
	font-size: 34px;
}

.sub-constructlist .item .construct-left p {
	font-size: 14px;
	color: #595959;
	line-height: 28px;
	padding: 17px 0 22px 0;
}

.sub-constructlist .item .construct-left a {
	padding: 7px 15px;
	height: 35px;
	line-height: 35px;
	border-radius: 35px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	background: #f63932;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease 0s;
}

.sub-constructlist .item .construct-left a .bg {
	border-radius: 35px;
	display: block;
	width: 0;
	height: 0;
	left: 50%;
	top: 50%;
	transition: all 0.3s ease 0s;
	position: absolute;
	overflow: hidden;
}

.sub-constructlist .item .construct-left a:hover {
	background: none;
}

.sub-constructlist .item .construct-left a:hover .bg {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #f6470e;
	z-index: -1;
	color: #fff;
}

.sub-constructlist .item .construct-right {
	width: 62%;
	float: right;
	position: relative;
	z-index: 9999;
}

.sub-constructlist .item .construct-right .row {
	margin: 0 -32px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.sub-constructlist .item .construct-right .row .p9 {
	padding: 0 32px;
	margin-bottom: 30px;
}

.sub-constructlist .item .construct-right .row .p9 .nums {
	font-family: arial;
	font-size: 12px;
	color: #000000;
	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	display: block;
	position: absolute;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	text-transform: uppercase;
}

.sub-constructlist .item .construct-right .row .p9 .line {
	width: 50px;
	height: 1px;
	background: #000000;
	margin-top: 30px;
	display: block;
	-webkit-transition: width 1s cubic-bezier(0.77, 0, 0.175, 1);
	transition: width 1s cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}

.sub-constructlist.active .item .construct-right .row .p9 .line {
	width: 50px;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition: none;
	transition: none;
}

.construct-right-title {
	color: #f63932;
	font-size: 18px;
	font-weight: bold;
	padding: 27px 0 12px 0;
}

.construct-right-content {
	color: #595959;
	font-size: 14px;
	line-height: 28px;
}
/*最后一个特殊*/
.sub-constructlist .item:last-child .construct-left,
.sub-constructlist .item:last-child .construct-right{
	width: 100%;
	text-align: center;
}
.sub-constructlist .item:last-child  .construct-left p{
	opacity: 0;
	height: 20px;
}
.sub-constructlist .item:last-child .construct-right{
	width: 100%;
}
.sub-constructlist .item:last-child .construct-right .row .p9 .nums,
.sub-constructlist .item:last-child .construct-right .row .p9 .line,
.sub-constructlist .item:last-child .construct-right-title{
	display: none;
}
.sub-constructlist .item:last-child .construct-right .row .p9{
	width: 100%;
}
.sub-constructlist .item:last-child .construct-right-content{
	padding-top: 40px;
}

.submain-right {
	width: 73.11%;
	float: right;
}

.sub-about {
	line-height: 30px;
	font-size: 15px;
	padding: 25px 0;
	color: #666666;
}



/*page*/
.page {
	padding: 20px 0px 30px 0px;
	text-align: center;
	clear: both;
	margin: 0px auto;
	font-size: 14px;
}

.page A {
	BORDER-RIGHT: #c9c9c9 1px solid;
	PADDING-RIGHT: 10px;
	BORDER-TOP: #c9c9c9 1px solid;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 5px;
	MARGIN: 2px;
	BORDER-LEFT: #c9c9c9 1px solid;
	COLOR: #818181;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #c9c9c9 1px solid;
	TEXT-DECORATION: none;

}

.page A:hover {
	BORDER-RIGHT: #c9c9c9 1px solid;
	BORDER-TOP: #c9c9c9 1px solid;
	BORDER-LEFT: #c9c9c9 1px solid;
	COLOR: #322516;
	BORDER-BOTTOM: #c9c9c9 1px solid
}

.page A:active {
	BORDER-RIGHT: #c9c9c9 1px solid;
	BORDER-TOP: #c9c9c9 1px solid;
	BORDER-LEFT: #c9c9c9 1px solid;
	COLOR: #818181;
	BORDER-BOTTOM: #c9c9c9 1px solid
}

.page SPAN.current {
	BORDER-RIGHT: #c4201f 1px solid;
	PADDING-RIGHT: 10px;
	BORDER-TOP: #c4201f 1px solid;
	PADDING-LEFT: 10px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 5px;
	MARGIN: 2px;
	BORDER-LEFT: #c4201f 1px solid;
	COLOR: #fff;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #c4201f 1px solid;
	BACKGROUND-COLOR: #c4201f
}

.page SPAN.disabled {
	BORDER-RIGHT: #c9c9c9 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #c9c9c9 1px solid;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	MARGIN: 2px;
	BORDER-LEFT: #c9c9c9 1px solid;
	COLOR: #ababab;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #c9c9c9 1px solid
}

.pageAfter {
	margin-top: 30px;
}

/*Webkit,Opera9.5+,Ie9+*/
::selection {
	background: #f63932;
	color: #fff;
}

/*Mozilla Firefox*/
::-moz-selection {
	background: #f63932;
	color: #fff;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
	width: 4px;
	height: 16px;
	background-color: #fff;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
	/*border-radius: 10px;*/
	background-color: #f2f2f2;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
	cursor: pointer;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: rgba(246, 57, 50, 1);
	border-radius: 0;
}

::-webkit-scrollbar-thumb:hover {
	background-color: rgba(246, 57, 50, 1);
}

::-webkit-scrollbar-thumb:active {
	background-color: rgba(246, 57, 50, 1);
}

/*定义两端上下按钮*/
/*::-webkit-scrollbar-button {
	height: 10px;
	width: 10px;
	background: #ff6a07;
}*/
.sroll_top {
	right: 0.8%;
	bottom: 6%;
	position: fixed;
	display: none;
	cursor: pointer;
	z-index: 99999;
}


/*底部*/
.footH {
	height: 75px;
	display: none;
}

.footFix {
	background: #f63932;

	display: none;
	justify-content: space-between;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 999;
	text-align: center;
	color: #fff;
}

.footFix>a {
	display: inline-block;
	width: 33%;
	padding: 15px 0;
	font-size: 16px;
	color: #ffffff !important;
	border-right: #fff solid 1px;
}
.footFix a:last-child{
	border-right: none;
}

.footFix>a>i.iconfont {
	font-size: 20px;
	margin-right: 5px;
	color: #fff;
}

/*404*/
.nofound {
	text-align: center;
	padding: 20px 0;
}

.nofound h2 {
	text-align: center;
	font-size: 20px;
	margin: 34px 0 55px 0;
}

.nofound .keyslist {
	text-align: center;
}

.nofound .keyslist a {
	background: #666666;
	font-size: 16px;
	border-radius: 5px;
	margin: 0 7px;
	transition: all .5s ease;
	color: #fff;
	display: inline-block;
	height: 41px;
	line-height: 41px;
	width: 147px;
	margin-bottom: 3px;
}

.nofound .keyslist a:hover {
	background: #458805;
	color: #fff;
}

/*右侧浮动*/
.right-nav {
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -116px;
	width: 67px;
	height: 228px;
	color: #fff;
	z-index: 99;
	transition: right, 0.5s;
	font-size: 14px;
}


@media screen and (max-width: 1365px) {
	.right-nav {
		right: -67px;
	}
}

@media screen and (min-width: 1366px) {
	.right-nav {
		right: 0;
	}
}

.right-nav .nav-hover>div {
	height: 57px;
	position: relative;
	text-align: center;
	line-height: 14px;
	overflow: hidden;
	margin-bottom: 1px;
	background: #458805;
}

.right-nav .nav-hover>div>.ibox {
	width: 67px;
	height: 56px;
	text-align: center;
	line-height: 56px;

}

.right-nav .nav-hover>div>i {
	color: #fff;
	font-size: 28px;
	position: relative;
	top: 23px;
}

.right-nav .nav-hover>div>a i {
	color: #fff;
	font-size: 28px;
	position: relative;
	top: 23px;
}

.right-nav .nav-hover>div .nav-open {
	position: absolute;
	left: -150px;
	top: 0;
	min-height: 56px;
	opacity: 0;
	width: 135px;
	line-height: 56px;
	background-color: #458805;
	color: #fff;
	transition: left, 0.5s;
}

.right-nav .nav-hover>div .nav-open .arrow {
	position: absolute;
	right: -8px;
	top: 14px;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-left: 4px solid #458805;
}

.right-nav .nav-hover>div .nav-open .team-num {
	line-height: 18px;
	background-color: #458805;
	color: #fff;
	margin-top: -5px;
	padding-bottom: 5px;
}

.right-nav .nav-hover>div .nav-open .team-num2 {
	margin-top: 10px;
	font-size: 12px;
}

.right-nav .nav-hover>div .nav-open img {
	width: 135px;
}

.right-nav .nav-hover>div:hover {
	background-color: #7fa50c;
	overflow: visible;
}

.right-nav .nav-hover>div:hover .nav-open {
	opacity: 1;
	left: -135px;
}

.right-nav .nav-hover>div .fdweixin {
	background: #458805 !important;
	padding: 8px;
	width: 150px;
	left: -150px !important;
}

/*20200215新增*/
 
a.animated-button.case-more{
	color: #f63932;
	font-size: 16px;
	border-radius:40px;
	display:block;
	margin: 0 auto;
	width: 217px;
	line-height: 40px;
	border:#f63932 solid 1px;
	text-align: center;
	margin-top: 18px;
	position: relative;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	z-index: 1;
}
a.animated-button.case-more span{
	padding-left: 18px;
}
a.animated-button.case-more:hover {
	color: #fff;	
	border: transparent solid 1px;
}
a.animated-button.case-more .bg {
	width: 0;
	height: 0;
	display: block;
	left: 50%;
	top: 50%;
	border-radius: 5px;
	transition: all 0.3s ease 0s;
	position: absolute;
	overflow: hidden;
	z-index: -1;
	border-radius:40px;
}

a.animated-button.case-more:hover .bg {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(246,57,50,0.8);
}
/*seo优秀案例*/
.seo-wrap{
	background: #f2f2f2;
	padding: 30px 0;
}
.seo-wrap .row {
	margin: 0 -15px;
}
.seo-list-wrap{
	margin-top: 56px;
}
.seo-wrap .row  .p9{
	padding: 0 15px;
	margin-bottom: 28px;
}
.seo-zbox{ 
	width:100%; 
	float:left; 
	border:solid 1px #e5e5e5; 
	overflow:hidden;
	-moz-border-radius:8px; 
	-webkit-border-radius:8px; 
	-khtml-border-radius:8px;
	border-radius:8px;
	border-bottom: none;
}
.seo-zbox .title{ 
	width:100%; 
	float:left; 
	font-size:20px; 
	text-align:center; 
	background:#373737; 
	overflow:hidden;
	color: #fff;
}
.seo-zbox .title .title-border{
	border: #6e6c6c solid 1px;
	border-radius:8px;
	width: 92%;
	margin: 13px auto;
	text-align: left;
	padding: 0 20px;
	line-height: 43px;
	overflow: hidden;
	
}
.seo-zbox .title .title-border span{
	display: block;
	width: 90%;
	float: left;
	overflow: hidden;
}
.seo-zbox .title .title-border i{
	float: right;
	font-size: 26px;
}
.seo-zbox table{ 
	background:white;
}
.seo-zbox table td{ 
	border:solid 1px #e5e5e5; 
	padding:17px 30px 15px 30px; 
	font-size:16px; 
	color:black; 
	line-height:22px; 
	border-right:0;
}
.seo-zbox table td span{ 
	color:#d32329;
}
.seo-zbox table td.td1{ 
	width:130px;
	border-left: none;
}
.seo-zbox table td img{ 
	vertical-align:middle; 
	margin:-2px 3px 0 3px;
}

/*营销推广企业网络*/
.promotion-wrap{
	background: #fff;
	padding: 30px 0;
}
.promotion-wrap .case-title{
	display: none;
}
.promotion-wrap .promot-quest{
	width: 90%;
	margin: 0 auto;
	padding-top: 35px;
}
.promotion-wrap .promot-quest .rows{
	margin: 0 -15px;
	clear: both;
	overflow: hidden;
}
.promotion-wrap .promot-quest .rows .item{
	width: 33.33%;
	padding: 0 15px;
	float: left;
	font-size: 18px;
	color: #313131;
}
.promotion-wrap .promot-quest .rows .item2{
	text-align: center;
	padding-top: 10px;
}

.promotion-wrap .promot-quest .rows .item span{
	color: #f63932;
	font-weight: bold;
}
.promotion-wrap .promot-quest .rows .item i{
	font-size: 32px;
	color: #f63932;
	margin-right: 18px;
	position: relative;
	top: -7px;
	float: left;
}
.promot-advantage-box .item i,
.promot-advantage-box .item p{
	float: left;
}
.promotion-wrap .promot-quest .item .item-box p{
	width: 100%;
}

.promotion-wrap .promot-quest .rows .item .item-box{
	max-width: 358px;
	position: relative;
}
.promotion-wrap .promot-quest .rows .line{
	margin: 29px 0 29px 0;
}
.promotion-wrap .promot-quest .rows .line img{
	max-width: 100%;
}
.promotion-wrap .promot-quest .foot-line{
	height: 22px;
	width: 100%;
	border-top: #9e9e9e dashed 1px;
	clear: both;
	margin-top: 90px;
	position: relative;
	text-align: center;
}
.promotion-wrap .promot-quest .foot-line img{
	top: -1px;
	position: relative;
}

.promotion-wrap .promot-advantage{
	margin-top: 45px;
}
.adva-title{
	color: #373737;
	font-size: 36px;
	text-align: center;
}
.adva-subtitle{
	color: #f63932;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
}

.promotion-wrap .promot-advantage .promot-advantage-box{
	width: 87%;
	margin:0 auto;
	padding-top: 45px;
}
.promot-advantage-box .item{
	width: 48%;
	float: left;
	margin-bottom: 40px;
}

 
.promot-advantage-box .item:nth-child(2n){
	float: right;
}
.promot-advantage-box .item .pic {
	float: left;
	border: rgba(255, 255, 255, 0.1) solid 10px;
	border-radius: 50%;
	margin-right: 22px;
}

.promot-advantage-box .item .pic img {
	border-radius: 50%;
	background: #ebebeb;
}

.promot-advantage-box .item .title {
	color: #f63932;
	font-size:24px;
	padding-top: 31px;
	padding-bottom: 12px;
	line-height: 21px;
	float: left;
	width: 62%;
}

.promot-advantage-box .item .title .nums {
	font-weight: bold;
	color: #7f7f7f;
	font-size: 44px;
	position: relative;
	top: 1px;
	margin-right: 17px;
	float: left;
}
.promot-advantage-box .item.right .title .nums {
	float: right;
	margin-left: 17px;
	margin-right: 0;
}

.promot-advantage-box .item p {
	color:#373737;
	font-size: 16px;
	line-height: 28px;
	float: left;
	width: 62%;
	margin-top: 13px;
}
.promot-advantage-box .item.right .title {
	text-align: right;
	background-position: right top;
	width: 62%;
}

.promot-advantage-box .item.right .pic {
	float: right;
	margin-left: 22px;
	margin-right: 0;
}

.promot-advantage-box .item .pic img {
	-webkit-transition: -webkit-transform 0.5s ease-out;
	-moz-transition: -moz-transform 0.5s ease-out;
	-o-transition: -o-transform 0.5s ease-out;
	-ms-transition: -ms-transform 0.5s ease-out;
	border:#ebebeb solid 6px;
}

.promot-advantage-box .item .pic:hover img {
	-webkit-transform: rotateZ(180deg);
	-moz-transform: rotateZ(180deg);
	-o-transform: rotateZ(180deg);
	-ms-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
	cursor: pointer;
	border:rgba(246,57,50,0.8) solid 6px;
}
.promot-advantage-box .item.right p{
	text-align: right;
	width:62%;
}
.promot-advantage-more{
	background: #f63932;
	border-radius: 8px;
	font-size: 20px;
	padding: 15px 10px;
	color: #fff;
	text-align: center;
	margin: 30px auto 20px auto;
	display: block;
	width: 26%;
	max-width: 330px;
	overflow: hidden;
	transition: all 0.6s;
}
.promot-advantage-more:hover{
	color: #fff;
	background:#e52d26 ;
}
/*小程序模板展示*/
.row-n .routine-info.generate-con{
	border: 0;
	box-shadow: unset;
	display: inline-block;
	border-radius: 5px;
}
.row-n .routine-temps{
	max-width:1320px;
	margin:0 auto;
	position:relative;
}
.row-n .swiper-container{
	width:86.8%;
	z-index: 1;
}
.row-n .swiper-container:before,.row-n .swiper-container:after{
	width:415px;
	height: 533px;
	content:'';
	display:block;
	position:absolute;
	z-index: 9999;
	opacity: .5;
	top:0;
}
.row-n .swiper-container:before{
	left:0;
}
.row-n .swiper-container:after{
	right:0;
}
.row-n .framing{
	width:282px;
	height:588px;
	position:absolute;
	background-image:url("../images/iPhone2.png"); 
 	left: 50%;
 	margin-left: -139px;
 	top: 50%;
 	margin-top: -282px;
	z-index:99909;
	opacity:0;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;
}
.row-n .swiper-container{
	margin-top: 55px;
	margin-bottom: 100px;
}
.row-n .lookTemp{
	position: absolute; 
	left: calc(50% - 65px); 
	color: #fff;
	padding: 0; 
	width: 133px;
	line-height: 40px; 
	border-radius: unset;
	display:none;
	} 
.row-n{
	height: 876px;
	background:url(../images/xcxbg.jpg) no-repeat center top;
	padding-top:35px;
} 
.wechat .case-title{
	color: #fff;
	line-height:60px;
}
.wechat .swiper-slide{
	opacity: 0.9;
}
.wechat .swiper-slide.swiper-slide-active{
	opacity: 1;
}
.wechat .container{
	position: relative;
}
.wechat .swiper-prev:before{top: calc(50% - 17px);right: calc(50% - 20px);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}       
.wechat .swiper-next:before{top: calc(50% - 17px);right: calc(50% - 27px);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}    
.wechat .swiper-prev,.wechat .swiper-next{background-repeat:no-repeat;position:absolute;z-index: 9999;; width:56px;height:56px;display:block;content:'';background-color:rgba(0,0,0,0.3);border-radius:50%;cursor:pointer;top: calc(50%);}
.wechat .swiper-prev:before,.swiper-next:before{position:absolute;width:35px;height:35px;background-repeat: no-repeat;content:'';}
.wechat .swiper-prev{left:0; top:40%}   
.wechat .swiper-next{right:0;top:40%} 

/*****************加入我们********************/
.joinus-tit{ text-align: center; margin-bottom: 30px;}
.joinus-tit h2{ color: #f63932; font-size: 30px; text-align: center; font-weight: bold; padding-top: 14px;}
.joinus-tit h3{ color: #565454; font-size: 24px; line-height:22px; padding: 20px 0;}
.joinus-row{margin: 0 -37px;}
.joinus-row .p9{padding: 0 37px; margin-bottom: 30px;}
.joinus-item{border: #e7e7e7 solid 1px; padding:20px 30px;}
.position-name{color: #575252; font-size: 24px; padding: 10px 0; margin-bottom: 10px;}
.position-email{color: #f63932; font-size: 14px; margin-top: 20px;}
.position-email i{ color: #c4c4c4; font-size: 14px; margin-right: 3px;}
.position-subtitle{ 
	color: #757575; 
	font-size: 14px; 
	line-height: 22px; 
	max-height: 133px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
}
/*****************网络推广********************/
.sub-seo-wrap{ border-top: #e0e0e0 solid 1px;}
.sub-seo-wrap .case-title{margin-top: 0;}

/*****************品牌设计********************/
.brandDesign-wrap{ padding-top: 50px;}
.brandDesign-wrap .case-list .row .item .txt{border: #edeff1 solid 1px;}
.brandDesign-wrap .case-list .row .p9{ margin-bottom: 50px;}

/*****************内页小程序********************/
.applets-tit{ text-align: center; margin-bottom: 30px;}
.applets-tit h2{ color: #373737; font-size: 36px; text-align: center;  padding-top: 14px;}
.applets-tit h3{ color: #373737; font-size: 18px; line-height:22px; padding: 20px 0;}
.applets-type{ margin: 0 -10px;}
.applets-type .p9{padding:0 10px; margin-bottom: 13px;}
.applets-type-item{ border: #cccccc solid 1px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; position: relative; padding-bottom: 20px;-webkit-transition: all .5s;transition: all .5s; top: 5px;}
.applets-type-item .pic{width: 94px; margin: 0 auto; margin-top: 30px;}
.applets-type-item h2{font-size: 24px; color: #373737; text-align:center; margin: 15px 0;}
.applets-type-item p{line-height: 26px; color: #555555; font-size: 14px; width: 76%; margin: 20px auto; height: 48px; overflow: hidden; text-align: center;}
.applets-type-item .line{width: 100%;border-top: #cccccc solid 1px; position: absolute; left: 1px; bottom: 3px;}
.applets-type-item:hover {box-shadow: 0 0 15px 0 rgba(0, 0, 0, .3); top: 0;}
.applets-fun-wrap{width: 100%; background: #f3f3f3 url(../images/xcxbg2.jpp) no-repeat center top; padding: 50px 0;}
.applets-fun{margin-top: 40px;}
.applets-fun .row{margin: 0 -13px;}
.applets-fun .p9{padding: 0 13px; margin-bottom: 30px;}
.applets-fun .circle {
  border-radius: 50%;
  background: #5c5c5c;
  color: white;
  text-align: center;
  transition: .6s;
  width: 100%;
  position: relative;
  padding-top: 100%;
  height: 0;
}
.applets-fun .circle:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  padding-top: 100%;
  height: 0;
}
.applets-fun .circle-box {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
}
.applets-fun .circle:hover{
	background: #7e7c7c;
}
.applets-fun .circle h2{
	color: #f1b000; 
	font-size: 26px;
}
.applets-fun .circle p{
	width: 40%;
	margin: 0 auto; 
	margin-top: 40px;
}
.applets-fun .p9:nth-child(1)  .circle p,
.applets-fun .p9:nth-child(2)  .circle p,
.applets-fun .p9:nth-child(3)  .circle p,
.applets-fun .p9:nth-child(7)  .circle p {
	width: 60%;
}
.applets-fun .p9:last-child .circle p{
	line-height: 26px; 
	font-size: 14px; 
	width: 68%; 
	overflow: hidden; 
	text-align: center;
}
/*****************内页小程序  分销引流********************/
.applets-fenxiao{
	width: 100%;
	background:#fff;
	padding: 60px 0 ;
	overflow: hidden;
	position: relative;
}
.applets-hidden{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 60px;
	opacity: 0;
}
.applets-fenxiao .row{
	margin: 0 -12px;
}
.applets-fenxiao .row .p9{
	padding: 0 12px;
	margin-bottom: 18px;
}
.applets-fenxiao .row .p9 .item{
	border-radius: 8px;
	padding: 10px 0;
	text-align: center;
	color: #fff;
	transition: 0.6s;
	top: 5px;
	position: relative;
}
.applets-fenxiao .row .p9 .item:hover{
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .3);
	top: 0;
}
.applets-fenxiao .row .p9 .item .pic{
	width: 72.2%;
	margin: 15px auto;
}
.applets-fenxiao .row .p9 .item .pic .circle {
	width: 100%;
	height: 0;
	padding-top: 100%;
	position: relative;
}
.applets-fenxiao .row .p9 .item .pic .circle-img  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	background: #ffffff;
	border-radius: 50%;
}
.applets-fenxiao .row .p9 .item h2{
	font-size: 24px;
	padding: 10px 0;
}
.applets-fenxiao .row .p9 .item p{
	font-size: 14px;
	line-height: 24px;
	margin: 5px 0 15px  0;
}
.applets-fenxiao .row .p9 .item1{
	background: #4fb1f8;
}
.applets-fenxiao .row .p9 .item2{
	background: #ff9943;
}
.applets-fenxiao .row .p9 .item3{
	background: #72cbd3;
}
.applets-fenxiao .row .p9 .item4{
	background: #f38584;
}
.applets-fenxiao .row .p9 .item5{
	background: #f9cc53;
}
.applets-fenxiao .row .p9 .item6{
	background: #7f91e0;
}
.applets-fenxiao .row .p9 .item7{
	background: #7dc64f;
}
.applets-fenxiao .row .p9 .item8{
	background: #a59ddf;
}
.applets-fenxiao .row .p9 .item9{
	background: #eea2d2;
}
.applets-fenxiao .row .p9 .item10{
	background: #d18f8f;
}
.applets-fenxiao .row .p9 .item11{
	background: #61c5ef;
}
.applets-fenxiao .row .p9 .item12{
	background: #89b56e;
}
/************************案例**********************/
.fixed-sub-case-banner{
	position: fixed;
	top: 90px;
	z-index: 999;
	background: rgba(247,247,247,.9);
	padding: 10px 0;
}
.fixed-sub-case-banner .subbanner-left{
	opacity: 0;
}
/*******************网站建设********************/
.case-list-item {
	display: block;
	width: 100%;
}

.case-list-item .case-top {
	background: #cccccc;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	height: 20px;
	overflow: hidden;
	line-height: 20px;
}

.case-list-item .case-top i {
	color: #fff;
	font-size: 37px;
	margin-left: 12px;
}

.case-list-item .pic {
	width: 100%;
	overflow: hidden;
	transition: all 0.6s;
	height: 0;
	padding-bottom: 71.43%;
	overflow: hidden;
	position: relative;
}

.case-list-item .pic img {
	cursor: pointer;
	transition: all 0.6s;
	width: 100%;
}

.case-list-item:hover .pic img {
	transform: scale(1.2);
}

.case-list-item .pic .ewm {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	background: rgba(0, 0, 0, .4);
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 0;
	opacity: 0;
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}

.case-list-item .pic .ewm .img {
	width: 31.4%;
	margin: 0 auto;
}

.case-list-item .pic .ewm p {
	color: #f2f2f2;
	font-weight: bold;
	font-size: 14px;
	margin: 25px 0;
}

.case-list .swiper-slide:hover .pic .ewm {
	height: 100%;
	opacity: 1;
	top: 0px;
}

.case-list-item .txt {
	border: #f9fafa solid 1px;
	padding: 13px;
	background: #fff;
	overflow: hidden;
}

.case-list-item .txt h2 {
	height: 30px;
	overflow: hidden;
	font-size: 18px;
	color: #444444;
	font-weight: bold;
	margin-bottom: 12px;
	margin-top: 2px;
	-webkit-transition: all .5s;
	transition: all .5s;
}

.case-list-item .case-tab {
	width: 69%;
	float: left;
	height: 22px;
}

.case-list-item .case-tab span {
	color: #999999;
	font-size: 12px;
	background: #f3f3f3;
	border-radius: 5px;
	padding: 5px 8px;
	position: relative;
	z-index: 1
}

.case-list-item .case-tab span .bg {
	width: 0;
	height: 0;
	display: block;
	left: 50%;
	top: 50%;
	border-radius: 5px;
	transition: all 0.3s ease 0s;
	position: absolute;
	overflow: hidden;
	z-index: -1;
}

.case-list-item:hover .case-tab span .bg {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #e70011;
}

.case-list-item:hover .case-tab span {
	background: none;
	color: #fff;
}

.case-list-item .case-likes {
	width: 30%;
	float: right;
	text-align: right;
	color: #bcbcbc;
	font-size: 12px;
}


.case-list-item:hover .case-top {
	border-radius: 0;
}

.case-list-item:hover h2 {
	color: #f63932;
}
.case-list .swiper-button-black{
	opacity: 0;
	transition: all 0.6s;
}
.case-list .swiper-container:hover .swiper-button-black{
	opacity: 0.8;
}

/********************建站流程*****************/
.web-process{
	padding: 30px 0;
}
.web-process-tit{color: #707070; font-size: 16px; text-align: center; padding-top: 10px;}
.web-process-box{
	width: 100%;
	clear: both;
	margin-top: 50px;
	background:url(../images/jsbg.png) no-repeat center bottom;
	background-size: 100%;
	height: 505px;
}
.web-process-box-list{
	width: 95%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.web-process-box .bg{
	left: 0;
	bottom: 0;
	position: absolute;
}
.web-process-box .item{
	width: 7.6%;
	background:url(../images/jsbg2.png) no-repeat center bottom;
	position: relative;
	z-index: 9;
}
.web-process-box .item .show{
	border: #e5e5e5 solid 1px;
	border-radius: 6px;
	font-size: 16px;
	background: #fff;
	box-shadow: 0 0 15px 0 rgba(196, 196, 196, .46);
	text-align: center;
	padding: 18px 0;
	transition: .55s;
	position: relative;
	height: 120px;
	z-index: 2;
}
.web-process-box .item .show  .item-desc{
	position: absolute;
	border: #e5e5e5 solid 1px;
	border-radius: 6px;
	font-size: 16px;
	box-shadow: 0 0 15px 0 rgba(196, 196, 196, .46);
	background: #f63932;
	left: 0;
	top: 0;
	height:120px;
	width: 303%;
	z-index: 99;
	padding:20px 8px;
	transition: 0.55s;
	opacity: 0;
}
.web-process-box .item .show  .item-desc h3{
	color: #fff;
	font-size: 18px;
	float: left;
	margin-left: 15px;
	font-weight: bold;
	width: 60%;
	text-align: left;
	padding-top: 5px;
}
.web-process-box .item .show  .item-desc p{
	color: #fff;
	font-size: 14px;
	float: left;
	margin-left: 15px;
	width:63%;
	margin-top: 10px;
	text-align: left;
	overflow: hidden;
}
.web-process-box .item .show  .item-desc i{
	float: left;
	background: #fff;
	border-radius: 50%;
	width: 78px;
	height: 78px;
	line-height: 78px;
}
.web-process-box .item:hover .show {
	box-shadow:none;
	border: none;
}
.web-process-box .item:hover .show  .item-desc{
	opacity: 1;
}
.web-process-box .item .show i{
	font-size: 42px;
	color: #f63932;
}

.web-process-box .item1{
	height: 257px;
	margin-top: 3.7%;
}
.web-process-box .item2{
	height: 220px;
	margin-top: 11%;
	}
.web-process-box .item3{
	height: 270px;
	margin-top: 18.7%;
}
.web-process-box .item4{
	height: 330px;
	margin-top: 7.8%;
}
.web-process-box .item5{
	height: 300px;
	margin-top: 0.4%;
}
.web-process-box .item6{
	height: 246px;
	margin-top: 9.5%;
}
.web-process-box .item7{
	height: 262px;
	margin-top: 12.8%;
}
.web-process-box .item8{
	height: 247px;
	margin-top: 5%;
}
/********************内页服务项目*****************/
.sub-service-item{
	width: 100%;
	position: relative;
	z-index: 1;
	height: 0;
	padding-bottom: 41.6666666%;
	background: url(../images/fw1.jpg) no-repeat center top;
	transition: all .6s;
}

.sub-service-box{
	width: 44%;
	color: #fff;
	margin-top: 13%;
}
.sub-service-title{
	font-weight: bold;
	font-size: 44px;
	padding: 20px 0;
	margin-top: 40px;
}
.sub-service-txt{
	font-size: 17px;
	line-height: 36px;
	margin-bottom: 40px;
}
.sub-service-more{
	width: 168px;
	height: 42px;
	border-radius: 42px;
	text-align: center;
	border:#fff solid 1px;
	color: #fff!important;
	display: block;
	line-height: 40px;
}
.sub-service-more i{
	color: #fff;
	font-size: 16px;
	margin-right: 20px;
	top: 1px;
	position: relative;
}
.sub-service-more:hover{
	background: #fff;
	color: #f63932!important;
}
.sub-service-more:hover i{
	color: #f63932;
}
.sub-service-item2,
.sub-service-item3{
	padding-bottom: 47.916666%;
}
.sub-service-item2{
	background: url(../images/fw2.jpg) no-repeat center top;
}
.sub-service-item3{
	background: url(../images/fw3.jpg) no-repeat center top;
}
.sub-service-item2 .sub-service-box{
	float: right;
	width: 36%;
}
.hidden-morethan767{}
.hidden-lessthan767{display: none;}
.hidden-lessthan740{display: none;}
.hidden-morethan740{}
.hidden-lessthan640{display: none;}
.hidden-morethan640{}
/*底部浮动广告*/
.pcfoot-slidebox{
	width: 100%;
	background: rgba(229,45,38,.8);
	position: fixed;
	padding: 11px 0 8px 0;
	left: 0;
	bottom: -300px;
	color: #fff;
	z-index: 99990;
}
.pcfoot-slidebox .container{
	position: relative;
	width: 100%;
	max-width: 1262;
}
.pcfoot-slidebox .container .ft-close{
	right: -75px;
	position: absolute;
	top: 0;
	text-align: right;
	width: 24px;
}
.pcfoot-slidebox .container .ft-close i{
	color: #000000;
	font-size: 18px;
	float: right;
	display: block;
	margin-left: 40px;
	transition: all .6s;
	cursor: pointer;
}
.pcfoot-slidebox .container .ft-close i:hover{
	color:rgba(255,255,255,.6);
}
.pcfoot-slidebox-left {
	width: 67%;
	float: left;
}
.pcfoot-slidebox-left .tit{
	font-size: 20px;
	margin: 0 24px 0 4px;
	float: left;
	line-height: 33px;
}
.pcfoot-slidebox-left .tit span{
	font-weight: bold;
	color: #f6ff00;
}
.pcfoot-slidebox-left i{
	background: #fff;
	color: #e52d26;
}
.pcfoot-slidebox-left .online{
	width: 39%;
	float:left;
}
.pcfoot-slidebox-left .online i{
	background: #fff;
	color: #e52d26;
	font-size: 18px;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align:center;
	display: block;
	float: left;
}
.pcfoot-slidebox-left .online a{
	display: block;
	width: 95px;
	height: 24px;
	background: #fff;
	border-radius: 24px;
	text-align: center;
	line-height: 24px;
	color: #373737;
	transition: all .6s;
	margin-left: 9px;
	margin-right: 35px;
	float: left;
	margin: 5px 35px 0 9px;
	cursor: pointer;
}
.pcfoot-slidebox-left .online a:hover{
	background: #373737;
	color: #fff;
}
.pcfoot-slidebox-left .online a:last-child{
	margin-right: 0;
}
.pcfoot-slidebox-right{
	float: right;
	width: 360px;
}
.pcfoot-slidebox-right img{
	float: right;
	margin-left: 30px;
}
.pcfoot-slidebox-right  .pcfoot-tel{
	text-align: right;
	position: relative;
	padding-right: 30px;
	width:470px;
	float: right;
}
.pcfoot-slidebox-right  .pcfoot-tel i{
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 25px;
}
.pcfoot-slidebox-right .pcfoot-tel  span.tel{
	font-family: "gothampro";
	font-size: 22px;
}
.pcfoot-slidebox-right .pcfoot-tel  span.txt{
	position: relative;
	bottom: 3px;
}
.pcfoot-slidebox form{
	width: 100%;
	overflow: hidden;
	padding-top: 10px;
}
.pcfoot-slidebox form .input-wrap{
	width: 22.2%;
	float: left;
	height: 37px;
	background: #fff url(../images/inputbg.jpg) no-repeat  left center;
}
.pcfoot-slidebox form .input-wrap input{
	border: none;
	background: none;
	outline: none;
	width: 75%;
	float: left;
	line-height: 37px;
	font-size: 14px;
	color: #333;
	padding: 0 12px;
}
.pcfoot-slidebox form .input-wrap input::-webkit-input-placeholder{
    color:#8c8c8c;
}
.pcfoot-slidebox form .input-wrap input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#8c8c8c;
}
.pcfoot-slidebox form .input-wrap input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#8c8c8c;
}
.pcfoot-slidebox form .input-wrap input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#8c8c8c;
}
.pcfoot-slidebox form .input-wrap i{
	float: right;
	color: #cccccc;
	font-size: 20px;
	margin-right: 10px;
	margin-top: 6px;
}
.pcfoot-slidebox form .input-wrap:nth-child(2) i{
	font-size: 23px;	
}

.pcfoot-slidebox form .button{
	width: 10%;
	float: right;
	height: 40px;
	text-align: center;
	outline: none;
	border:none;
	background: #373737;
	color: #fff;
	font-size: 16px;
	transition: all .6s;
}
.pcfoot-slidebox form .button:hover{
	background: #282828;
}

/*底部浮动广告end*/


/*20210428客户心声*/
/*首页服务项目*/
.service-wrap .row .p9{
	width:20%;
}
@media( max-width:768px){
	.service-wrap .row .p9{
		width: 100%;
	}
}
.customer-video{
	background: #f2f2f2 url(../images/nvideo-bg.jpg) no-repeat left top;
}

.customer-video .case-title{
	margin-top: 0;
	padding-top: 40px;
	color: #201f1f;	
}
.customer-video .case-title .desc-subtit{
	color: #616161;
	font-size: 16px;
	padding: 20px 0;
}
.customer-video  .video-list{
	padding:0 0 60px 0;
}

.video-list-item {
	display: block;
	width: 100%;
}
 
.video-list-item .pic {
	width: 100%;
	overflow: hidden;
	transition: all 0.6s;
	height: 0;
	padding-bottom: 55.81%;
	overflow: hidden;
	position: relative;
}

.video-list-item .pic img {
	cursor: pointer;
	transition: all 0.6s;
	width: 100%;
}
.video-list-item:hover .pic{
	position: relative;
}
.video-list-item:hover .pic img {
	transform: scale(1.2);
}

.video-list-item .pic .ewm {
	width: 80px;
	position: absolute;
	left: 50%;
	top: 50%;
	height: 80px;
	margin-left: -40px;
	margin-top: -40px;
	 
}
.video-list .swiper-button-next{
	background: url(../images/nicon-right-v.png) no-repeat left center!important;
	background-size: 40px  40px;
	opacity: 0;
	width: 40px;
	height: 40px;
	transition: all .6s;
}
.video-list .swiper-button-prev{
	background: url(../images/nicon-left-v.png) no-repeat left center;
	background-size: 40px  40px;
	opacity: 0;
	width: 40px;
	height: 40px;
	transition: all .6s;
}
.video-list:hover .swiper-button-next, .swiper-container-rtl .swiper-button-prev,
.video-list:hover .swiper-button-prev, .swiper-container-rtl .swiper-button-prev{
	opacity: 1;
	}
	
.video-list .swiper-button-next:hover{
	background: url(../images/nicon-right-v1.png) no-repeat left center!important;
	background-size: 40px  40px;
}
.video-list .swiper-button-prev:hover{
	background: url(../images/nicon-left-v1.png) no-repeat left center!important;
	background-size: 40px  40px;
}
 
/*视频*/
 .boxer-position{
	display: none;
    }
    #boxer{
    	padding: 0px!important;
    	z-index: 9999!important;
    }
    #boxer .boxer-iframe{
    	border: 0;
    	background: #000;
    }
    body:-webkit-full-page-media {
    	background: rgba(0,0,0,.3)!important;
    }
   #boxer .boxer-close {
    	background: url(../images/casedeicon-close.png) no-repeat!important;
    	top: 25px;
    	right: 25px;
    	transition-duration:0.5s;
		transition-delay:0.5s;
		z-index: 99999;
    }
    #boxer .boxer-close:hover{
    	background: url(../images/casedeicon-close-on.png) no-repeat!important;;
    }
	 
/*品牌设计*/
.brand-deignt-bg{
	background: #f2f2f2;
	padding: 30px 0;
}
.brand-list{
	padding: 45px 0 30px 0;	
	
}
.brand-list-item{
	
}
.brand-list-item .row-one{
	margin-bottom: 10px;	
}
.brand-list-item .row-one .pic{
	width: 100%;
	overflow: hidden;
	transition: all 0.6s;
	height: 0;
	padding-bottom: 37.87%;
	overflow: hidden;
	position: relative;
}
.brand-list-item  .pic .hover {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	background: rgba(0, 0, 0, .45);
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 0;
	opacity: 0;
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.brand-list-item  .pic:hover .hover{
	height: 100%;
	opacity: 1;
	top: 0px;
}
.brand-list-item   .pic  .hover .brand-title{
	width: 83%;
	border-top: #fff solid 1px;
	border-bottom: #fff solid 1px;
	text-align: center;
	color: #fff;
	padding: 20px 0;
	margin: 0 auto;
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	font-size: 24px;
	line-height: 30px;
}
.brand-list-item   .pic  .hover .brand-title  span{
	display: block;
	font-size: 16px;
	padding-top: 5px;
}
.brand-list-item .row-two .row {
	margin: 0 -15px;
}
.brand-list-item .row-two .row .p9{
	padding: 0 15px;
}
.brand-list-item .row-two .row .p9 .a{
	display: block;
	width: 100%;
}
.brand-list-item .row-two .row .p9 .pic{
	width: 100%;
	overflow: hidden;
	transition: all 0.6s;
	height: 0;
	padding-bottom: 71.428%;
	overflow: hidden;
	position: relative;
}

/*0430内页网站建设*/
.weixinshop{
	background:url(../images/wzjsbgin.jpg) no-repeat center top;
	margin: 50px 0 0 0;
}
.weixinshop-box{
	display: flex;
	flex-direction: row;
	align-items: center;	
}
.weixinshop-box-in{
	padding: 100px 91px;
}
.weixinshop-title{
	color: #ffffff;
	font-size: 34px;
	
}
.weixinshop-subtitle{
	font-size: 18px;
	line-height: 22px;
	color: #ffffff;
	margin-left: 35px;
	line-height: 37px;
}
.weixinshop-subtitle a{
	color: #ffffff;
}
.weixinshop-link{	 
	width: 300px;
	height: 45px;
	border-radius: 45px;
	background: #f63932;
	color: #ffffff!important;
	line-height: 45px;
	font-size: 18px;
	font-weight: bold;
	padding: 0 30px;
	display: block;
	clear: both;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease 0s;
	margin: 40px 0 60px 35px;
	text-align: center;
}
.weixinshop-link:hover{
	color: #ffffff;
}
.weixinshop-link .bg {
	border-radius: 45px;
	display: block;
	width: 0;
	height: 0;
	left: 50%;
	top: 50%;
	transition: all 0.3s ease 0s;
	position: absolute;
	overflow: hidden;
}

.weixinshop-link:hover {
	background: none;
}

.weixinshop-link:hover .bg {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #f6470e;
	z-index: -1;
	color: #fff;
}

.sub-constructlist{
	color: #666666;
	line-height: 26px;
	font-size: 14px;
	margin-top: 50px;
}
.sub-constructlist table tr:nth-child(2n){
	background: #f2f2f2;
}
.sub-constructlist .span{
	color: #f63932;
	font-weight: bold;
}
.sub-constructlist table tr td{
	padding: 30px 25px;
	border-right: #e4e4e4 dashed 1px;
}

.sub-constructlist table tr td:nth-child(1){
	font-size:20px;
	text-align: center;
	padding: 0 20px;
	word-break: keep-all;
	color: #000000;
}
.sub-constructlist table tr td:last-child {
	border: none;
}
.sub-constructlist .title{
	color: #000000;
	font-size: 24px;	
	text-align: center;
	width: 100%;
}
.sub-constructlist .tag{
	font-size: 18px;
	line-height: 40px;
	height: 40px;
	color: #fff;
	background: #f63932;
	border-radius: 6px;
	text-align: center;
	margin: 30px 0;
	width: 100%;
	overflow: hidden;
}
.mobile-table{
	display: none;
}