.layout {
	overflow: hidden;margin: 0 auto;
	background: #fff;position: relative;
}
.wrap {
	margin: 0 auto;width: 1600px;
}
.footer {
	padding: 115px 0 130px;position: relative;
}
#fvideos{
	position: absolute;left: 0;right: 0;top: 0;
	bottom: 0;z-index: 1;object-fit: cover;
}
.footer::after{
	position: absolute;left: 0;right: 0;top: 0;
	bottom: 0;z-index: 2;content: "";
	background-color: rgba(0,0,0,.6);
}
.footer .wrap{
	position: relative;z-index: 11;
}
.footer .flts {
	float: left;width: calc(100% - 360px);
}
.footer .flts .nav ul {
	overflow: hidden;
}
.footer .flts .nav li {
	float: left;margin-right: 52px;
}
.footer .flts .nav li a {
	display: block;font-size: 16px;line-height: 2;color: #fff;
	font-weight:500;transition: all 0.3s;
}
.footer .flts .nav li a:hover {
	color: #f68b00;
}
.footer .flts .list {
	margin-top: 40px;
}
.footer .flts .list ul {
	overflow: hidden;width: 90%;
}
.footer .flts .list li {
	float: left;width: 50%;padding-right: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.footer .flts .list li h3 {
	font-size: 20px;line-height: 1.5;color: #fff;
}
.footer .flts .list li p {
	margin-top: 8px;font-size: 14px;line-height: 2;color: #fff;
}
.footer .flts .copyright {
	margin-top: 36px;
}
.footer .flts .copyright .ls {
	overflow: hidden;float: left;
}
.footer .flts .copyright p a{
	color: #fff;
}
.footer .flts .copyright p,
.footer .flts .copyright .ls a {
	display: block;float: left;margin-right: 8px;
	font-size: 14px;line-height: 2;color: #fff;
	transition: all 0.3s;
}
.footer .flts .copyright .copr:hover,
.footer .flts .link dd a:hover,
.footer .flts .copyright .ls a:hover {
	color: #f68b00;
}

.footer .flts .copyright .copr {
	display: block;float: left;
	font-size: 14px;line-height: 2;color: #fff;
}
.footer .flts .link {
	margin-top: 10px;
}
.footer .flts .link dl {
	overflow: hidden;
}
.footer .flts .link dt {
	float: left;font-size: 12px;line-height: 1.8;color: #fff;margin-right: 20px;
}
.footer .flts .link dd {
	float: left;margin-right: 20px;
}
.footer .flts .link dd:last-child {
	margin-right: 0;
}
.footer .flts .link dd a {
	display: block;font-size: 12px;line-height: 1.8;color: #fff;
}
.footer .frts {
	float: right;margin-top: 9px;width: 300px;
}
.footer .frts .wxls ul {
	overflow: hidden;
}
.footer .frts .wxls ul li {
	float: left;width: calc((100% - 62px)/3);margin-right: 30px;
}
.footer .frts .wxls ul li:nth-child(3n) {
	margin-right: 0;
}
.footer .frts .wxls ul li .img {
	height: 80px;
}
.footer .frts .wxls ul li .img img {
	display: block;width: 100%;height: 100%;
}
.footer .frts .wxls ul li h6 {
	text-align: center;margin-top: 6px;
	font-size: 14px;line-height: 1.8;color: #fff;
}
.footer .frts .ht {
	margin-top: 20px;
}
.footer .frts .ht h3 {
	font-size: 20px;line-height: 1.8;color: #fff;
	font-weight: 400;
}
.fhacts {
	background: #f4f4f4;padding: 50px 0 110px;
}
.ftitle {
	text-align: center;
}
.ftitle h2 {
	font-size: 36px;line-height: 50px;color: #3e3e3e;
}
.ftitle h6 {
	margin-top: 5px;
	font-size: 18px;line-height: 1.8;color: #656565;transition: all 0.3s;
}
.ftitle .pors{
	position: relative;
	padding: 0 60px;
	width: 600px;
	margin: 0 auto;
}
.ftitle .prev,
.ftitle .next{
	background: url(../images/yyico1.png) no-repeat center/45%;
	width: 40px;height: 40px;position: absolute;
	left: 0;top: 50%;margin-top: -20px;
	cursor: pointer;
}
.ftitle .next{
	left: auto;right: 0;
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);  /* IE 9 */
	-moz-transform:rotate(180deg);     /* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg);
}
.ftitle .prev:hover,
.ftitle .next:hover{
	background: url(../images/yyico2.png) no-repeat center/45%;
}
.ftitle .centsa{
	text-align: center;
}
.ftitle .swiper-nav{
	overflow: hidden;
}
.ftitle ul {
	margin-top: 5px;font-size: 0;
	text-align: center;
}
.ftitle ul li {
	position: relative;
	width: auto;
}
.ftitle ul li a{
	padding: 0 16px;display: block;white-space: nowrap;
}
.ftitle ul li::before {
	position: absolute;z-index: 11;content: "";
	background: url(../images/fn57.png) no-repeat center/cover;
	height: 14px;width: 1px;right: 0;top: 50%;transform: translateY(-50%);
}
.ftitle ul li:last-child::before {
	display: none;
}
.ftitle ul li h4 {
	font-size: 18px;line-height: 1.8;color: #656565;transition: all 0.3s;
}
.ftitle ul li.on h4,
.ftitle ul li:hover h4 {
	color: #f68b00;
}
.fhacts .list ul {
	margin-top: 65px;
}
.fhacts .list li {
	float: left;width: calc((100% - 162px)/3);margin-right: 80px;
	transition: all 0.3s;position: relative;top: 0;
}
.fhacts .list li:hover {
	top: -6px;
}
.fhacts .list li:nth-child(3n) {
	margin-right: 0;
}
.fhacts .list li .tet {
	text-align: center;
}
.fhacts .list li .tet h6 {
	font-size: 14px;line-height: 1.2;color: #656565;
}
.fhacts .list li .tet h3 {
	font-size: 20px;line-height: 1.5;color: #080808;
	margin-top: 8px;font-weight:500;
}
.fhacts .list li a:hover .tet h3{
	color: #f68b00;
}
.fhacts .list li p {
	margin-top: 12px;font-size: 14px;
	line-height: 1.8;color: #666666;
}
.fhchoice {
	padding: 50px 0 110px;
}
.fhchoice .list ul {
	overflow: hidden;margin-top: 65px;
	border: 1px solid #e7e7e7;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border-top: none;
}
.fhchoice .list ul li {
	float: left;width: 20%;border-right: 1px solid #e7e7e7;
	border-top: 1px solid #e7e7e7;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	height: 146px;position: relative;
}
.fhchoice .list ul li:nth-child(5n) {
	border-right: none;
}
.fhchoice .list ul li a {
	display: block;height: 100%;
}
.fhchoice .list ul li span {
	display: block;
	width: 100%;
	padding-top: 46%;
	overflow: hidden;
}
.fhchoice .list ul li span:before {
    bottom: 0;
    right: 0;
    -webkit-transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;
    transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;
}
.fhchoice .list ul li span:before, 
.fhchoice .list ul li span:after {
    position: absolute;
    z-index: 5;
    content: "";
    display: block;
    border: 5px solid transparent;
    width: 0;
    height: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.fhchoice .list ul li:hover span:before {
    width: 100%;
    height: 100%;
    border-bottom-color: #f5f5f5;
    border-left-color: #f5f5f5;
    -webkit-transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
    transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
}
.fhchoice .list ul li:hover span:after {
    width: 100%;
    height: 100%;
    border-top-color: #f5f5f5;
    border-right-color: #f5f5f5;
    -webkit-transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;
    transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;
}
.fhchoice .list ul li span:after {
    top: 0;
    left: 0;
    -webkit-transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;
    transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;
}
.fhchoice .list ul li img {
	display: block;position: absolute;z-index: 11;
	top: 50%;transform: translateY(-50%);left: 0;
	right: 0;margin: 0 auto;max-width: 80%;max-height: 80%;
}
.fhcase {
	padding: 50px 0 32px;
	background: #f4f4f4;
	border-bottom: 3px solid #fff;
}
.fhcase .list {
	margin-top: 65px;padding: 0 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.fhcase .list ul {
	overflow: hidden;
}
.fhcase .list li {
	float: left;width: 25%;background: #fff;
}
.fhcase .list li a {
	display: block;
}
.fhcase .list li .imgs {
	height: 16vw;overflow: hidden;width: 100%;
}
.fhcase .list li .imgs img {
	display: block;width: 100%;height: 100%;
	transition: all 0.3s;
}
.fhcase .list li:hover .imgs img {
	transform: scale(1.05);
}
.fhcase .list li .text {
	padding: 14px 10px;transition: all 0.3s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.fhcase .list li .text::before {
	position: absolute;z-index: 11;content: "";
	left: 0;top: 0;bottom: 0;width: 0;
	transition: all 0.3s;background: #f68b00;
}
.fhcase .list li:hover .text::before {
	width: 100%;
}
.fhcase .list li .text h4 {
	font-size: 18px;line-height: 1.6;color: #000;
	font-weight: 500;transition: all 0.2s;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	position: relative;z-index: 33;
}
.fhcase .list li:hover .text h4 {
	color: #fff;
}
.fhcase .list li .text h6 {
	font-size: 14px;line-height: 1.6;color: #969696;
	margin-top: 3px;transition: all 0.2s;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	position: relative;z-index: 33;
}
.fhcase .list li:hover .text h6 {
	color: #fff;
}
.fcasels ul {
	margin: 30px auto 0;text-align: center;font-size: 0;
}
.fcasels li {
	display: inline-block;margin: 0 15px;overflow: hidden;
	position: relative;border-radius: 24px;
}
.fcasels li.on a,
.fcasels li:hover a{
	background: #f68b00;
}
.fcasels li a {
	display: block;width: 178px;line-height: 48px;
	text-align: center;font-size: 18px;color: #fff;
	transition: all 0.3s;background: #040404;
	position: relative;z-index: 33;
}

.fhservice {
	padding: 50px 0 40px;
	position: relative;
	z-index: 11;
	background: #fff;
}
.fhservice .list {
	margin-top: 95px;
}
.fhservice .list li {
	width: calc((100% - 122px)/3);margin-right: 56px;
	margin-bottom: 60px;position: relative;padding-right: 85px;
	-webkit-box-sizing: border-box;display: inline-block;
	-moz-box-sizing: border-box;vertical-align: top;
	-o-box-sizing: border-box;position: relative;
	box-sizing: border-box;top: 0;transition: all 0.3s;
}
.fhservice .list li:hover {
	top: -6px;
}

.fhservice .list li:nth-child(3n) {
	margin-right: 0;padding-right: 0;padding-left: 60px;
}
.fhservice .list li h3 {
	padding-left: 40px;font-size: 24px;
	line-height: 42px;color: #080808;font-weight: 500;
	background: url(../images/fn1.png) no-repeat left center;
}
.fhservice .list li p {
	font-size: 16px;line-height: 1.8;color: #666666;
}
.fhservice .list li:nth-child(2) h3 {
	background: url(../images/fn2.png) no-repeat left center;
}
.fhservice .list li:nth-child(6) h3 {
	background: url(../images/fn3.png) no-repeat left center;
}
.fhservice .list li:nth-child(4) h3 {
	background: url(../images/fn4.png) no-repeat left center;
}
.fhservice .list li:nth-child(5) h3 {
	background: url(../images/fn5.png) no-repeat left center;
}
.fhservice .list li:nth-child(3) h3 {
	background: url(../images/fn6.png) no-repeat left center;
}
.fhservice .list li:first-child::before {
	position: absolute;z-index: 11;right: 0;top: 0;
	background: #e0e0e0;width: 1px;height: 1000%;
}
.fhservice .list li:nth-child(3)::before {
	position: absolute;z-index: 11;left: 0;top: 0;
	background: #e0e0e0;width: 1px;height: 1000%;
}
.fhdatals {
	padding: 30px 0 40px;position: relative;overflow: hidden;
	z-index: 44;margin: 0 auto !important;
	/* margin: -158px auto 0; */
	transform-origin: bottom;
	-webkit-transform-origin: bottom;
	-moz-transform-origin: bottom;
	transform: rotateX(0deg) translate3d(0,0,0);
	-webkit-transform: rotateX(0deg) translate3d(0,0,0);
	-moz-transform: rotateX(0deg) translate3d(0,0,0);
	transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
	-webkit-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
	-moz-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
	background: #fff !important;
}
.usaab{
	perspective: 800px;
	    -webkit-perspective: 800px;
	    -moz-perspective: 800px;
	    transform-style: preserve-3d;
	    -webkit-transform-style: preserve-3d;
	    -moz-transform-style: preserve-3d;
		position: relative;z-index: 11;
}
.fhdatals.on {
	/* transform: rotateX(100deg) translate3d(0,0,0);
	-webkit-transform: rotateX(100deg) translate3d(0,0,0);
	-moz-transform: rotateX(100deg) translate3d(0,0,0); */
}
.fhdatals ul {
	overflow: hidden;
}
.fhdatals li {
	float: left;width: 20%;text-align: center;
}
.fhdatals li:nth-child(2) {
	width: 60%;
}
.fhdatals li h2 {
	font-size: 68px;color: #e41700;
	line-height: 1;
}
.fhdatals li:nth-child(2) h2 {
	color: #0070ee;
}
.fhdatals li:nth-child(3) h2 {
	color: #f68b00;
}
.fhdatals li h2 i {
	display: inline-block;
}
.fhdatals li h6 {
	font-size: 18px;line-height: 1.2;
	color: #666666;text-align: center;
}
.fbanner {
	height: 860px;position: relative;
}
.fbanner .fhtext {
	position: absolute;z-index: 11;top: 40%;
	left: 0;right: 0;margin: 0 auto;text-align: center;
}
.fbanner .fhtext h2 {
	font-size: 50px;line-height: 1.2;color: #fff;
	font-weight:500;
}
.fbanner .fhtext h2 i {
	display: inline-block;color: #f68b00;
}
.fbanner .fhtext h4 {
	font-size: 16px;line-height: 1.4;color: #fff;
	margin-top: 16px;text-align: center;
}
.fheader.header {
	position: fixed;z-index: 222;
	top: 0;left: 0;right: 0;margin: 0;
	transition: all 0.3s;
}
.header.bai,
.fheader.bai {
	background: #fff;margin: 0 auto;
	border-bottom: 1px solid #e6e6e6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	transition: all 0.3s;
}
.header .logo {
	float: left;margin-top: 35px;
	width: 206px;display: block;
}
.header .logo img {
	display: block;width: 100%;
}
.header .rts {
	float: right;
}
.fheader .rts .naver,
.header .rts .naver {
	float: left;
}
.header .rts .naver ul li {
	float: left;margin-right: 52px;
}
.header .rts .naver ul li:last-child {
	margin-right: 0;
}
.header .rts .naver ul li h3 {
	position: relative;
}
.header .rts .naver ul li h3::before {
	position: absolute;z-index: 11;content: "";
	bottom: 0;left: 0;
	background: #f68b00;width: 0;height: 2px;
	transition: all 0.3s;
}
.header .rts .naver ul li.on h3::before,
.header .rts .naver ul li:hover h3::before {
	width: 100%;
}
.header .rts .naver ul li h3 a {
	display: block;font-size: 16px;
	line-height: 100px;color: #7c7c7c;
	transition: all 0.3s;font-family: "Microsoft YaHei";
}
.header .rts .dh {
	float: right;margin-left: 20px;
	padding-left: 26px;position: relative;
}
.header .rts .dh::before {
	position: absolute;z-index: 11;content: "";
	left: 0;top: 50%;transform: translateY(-50%);
	width: 1px;height: 18px;background: #656565;
}
.header .rts .dh h5 a {
	display: block;
}
.header .rts .dh h5 i {
	display: block;padding-left: 33px;font-weight:500;
	font-size: 16px;line-height: 100px;color: #777777;
	background: url(../images/fn8.png) no-repeat left center;
	transition: all 0.3s;
}
.header .rts .dh h5 i:hover {
	color: #666666;
}
.header .rts .naver li .fnali {
	position: absolute;z-index: 111;
	left: 0;background: #fff;
	width: 100%;top: 100px;
	transform-origin: 250% 0%;transform: perspective(1920px) rotateX(-40deg);
	opacity:0;transition: all .3s 0s;visibility:hidden;
	-webkit-box-shadow: 0 5px 5px rgb(0 0 0 / 7%);
	box-shadow: 0 5px 5px rgb(0 0 0 / 7%);
	border-top: 1px solid #e6e6e6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.header .rts .naver li.ative .fnali{
	opacity: 1; visibility: visible; transition: all .5s 0s;
	transform: perspective(0px) rotateX(0deg); -webkit-transform: rotateX(0deg);
}
.header {
	position: fixed;top: 0;left: 0;right: 0;
	margin: 0 auto;z-index: 111;
}
.flaytop {
	padding-top: 100px;
}
.header .fnali dl {
	text-align: center;font-size: 0;padding-bottom: 6px;
}
.header .fnali dd {
	display: inline-block;
}
.header .fnali dd a {
	font-size: 14px;color: #959595;line-height: 48px;
	display: block;margin: 0 20px;transition: all 0.3s;
}
.header .fnali dd.on a,
.header .fnali dd a:hover {
	color: #f68b00;
}
/* 案例 */
.fpagels ul {
	margin: 40px auto 0;font-size: 0;
	text-align: center;
}
.fpagels ul li {
	display: inline-block;margin: 0 4px;
}
.fpagels ul li a {
	display: block;line-height: 38px;
	background: #fff;padding: 0 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	min-width: 38px;text-align: center;
	font-size: 18px;color: #969696;
	transition: all 0.3s;
}
.fpagels ul li.on a,
.fpagels ul li a:hover {
	color: #fff;
	background: #f68b00;
}
.foffer {
	padding: 100px 0 155px;background: #f4f4f4;
}
.foffer .h {
	font-size: 34px;line-height: 1.6;color: #000;
	font-weight:500;margin-bottom: 42px;
}
.foffer .lt {
	float: left;width: calc(100% - 252px);
}
.foffer .lt li {
	float: left;margin-right: 2%;width: 25%;
}
.foffer .lt li:last-child {
	margin-right: 0;
}
.foffer .lt li:last-child {
	width: 46%;
}
.foffer .lt li .text {
	background: #fff;border: 1px solid #e0e0e0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	height: 60px;padding: 0 18px;
	font-size: 14px;color: #8b8b8b;
	width: 100%;
}
.foffer .lt li .text:focus {
	border: 1px solid #f68b00;
}
.foffer .rt {
	float: right;width: 234px;
}
.foffer .rt .fsub {
	border: 1px solid #e0e0e0;
	background: #f68b00;line-height: 58px;
	color: #fff;font-size: 14px;text-align: center;
	transition: all 0.3s;width: 100%;cursor: pointer;
	transition: all 0.3s;
}
.foffer .rt .fsub:hover {
	background: #d57b06;
}
.foffer .t {
	margin-top: 45px;
	font-size: 14px;color: #8b8b8b;
	line-height: 1.6;
}



/* 案例-详细 */
.fcase {
	padding: 50px 0;
}
.fcase .list ul {
	overflow: hidden;margin-top: 60px;
}
.fcase .list ul li {
	float: left;width: calc((100% - 162px)/3);margin-right: 80px;
	margin-bottom: 50px;
}
.fcase .list ul li:nth-child(3n) {
	margin-right: 0;
}
.fcase .fcasels ul {
	margin: 0 auto;
}
.fcase .list ul li a {
	display: block;
}
.fcase .list ul li .imgs {
	height: 310px;overflow: hidden;
}
.fcase .list ul li .imgs img {
	display: block;height: 100%;width: 100%;
	transition: all 0.3s;
}
.fcase .list ul li:hover .imgs img {
	transform: scale(1.05);
}
.fcase .list ul li .text {
	padding: 14px 10px;
	transition: all 0.3s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.fcase .list ul li .text::before {
    position: absolute;
    z-index: 11;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    transition: all 0.3s;
    background: #f68b00;
}
.fcase .list ul li:hover .text::before {
	width: 100%;
}
.fcase .list ul li .text h4 {
	font-size: 18px;
	line-height: 1.6;
	color: #000;
	font-weight:500;
	transition: all 0.3s;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;z-index: 33;

}
.fcase .list ul li .text h6 {
	font-size: 14px;
	line-height: 1.6;
	color: #969696;
	margin-top: 3px;
	transition: all 0.3s;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	position: relative;z-index: 33;
}
.fcase .list ul li:hover .text h4,
.fcase .list ul li:hover .text h6 {
	color: #fff;
}
.fcasedel {
	margin: 65px auto 0;
}
.fcasedel .wrap .wrap{
	overflow: hidden;
	padding: 2vw 10%;
	background: #f6f6f6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 3vw;
}
.fcasedel img {
	display: block;width: auto;margin: 0 auto;
	max-width: 100%;
}
.fcasedel .fcasehd {
	min-height: 430px;padding: 70px 86px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	background: #f6f6f6;
	overflow: hidden;
}
.fcasedel .fcasehd .tlt {
	float: left;
}
.fcasedel .fcasehd .tlt h2 {
	font-size: 36px;line-height: 80px;color: #000;
	position: relative;
}
.fcasedel .fcasehd .tlt h2::before {
	position: absolute;z-index: 11;content: "";
	left: 0;bottom: 0;width: 67px;height: 3px;
	background: #777777;
}
.fcasedel .fcasehd .dels {
	float: right;width: calc(100% - 740px);
	margin-top: 15px;
}
.fcasedel .fcasehd .dels p {
	font-size: 16px;line-height: 1.8;color: #9e9e9e;
}
.fcasedel .fcasehd .dels a {
	display: block;
	width: 100%;line-height: 48px;
	font-size: 18px;color: #fff;
	text-align: center;
	overflow: hidden;
	transition: all 0.3s;position: relative;z-index: 11;
}
.fcasedel .fcasehd .dels .ann {
	position: relative;width: 144px;overflow: hidden;
	border-radius: 24px;margin-top: 20px;
}
.fcasedel .fcasehd .dels .ann::before {
	position: absolute;z-index: 1;content: "";
	left: 0;top: 0;bottom: 0;width: 0;background: #f68b00;
	transition: all 0.3s;display: none;
}
.fcasedel .fcasehd .dels .ann:hover::before {
	width: 100%;
}
.fcasedel .fcasehd .dels .ann a{
	background: #000;
}
.fcasedel .fcasehd .dels .ann a:hover{
	background: #f68b00;
}

/* 关于我们 */
.fpadd {
	padding: 0 110px;
}
.fab_wh {
	padding: 64px 0 110px;
}
.fab_wh .imgs {
	margin: 80px auto 0;
}
.fab_wh .imgs img {
	display: block;margin: 0 auto;
}
.fadvantage {
	padding: 70px 0 85px;
}
.ftlt {
	text-align: center;
}
.ftlt h2 {
	font-size: 48px;line-height: 1.4;color: #000;
	font-weight: 400;
}
.ftlt h6 {
	margin-top: 18px;font-size: 18px;
	line-height: 1.8;color: #000;
}
.ftlt.bai h2,
.ftlt.bai h6 {
	color: #fff;
}
.fadvantage .imgs {
	margin: 85px auto 0;
}
.fadvantage .imgs img {
	display: block;
}
.fnetwork {
	padding: 70px 0 40px;
}
.fnetwork .list ul {
	margin-top: 54px;
}
.fnetwork .list ul li {
	float: left;width: calc((100% - 202px)/5);margin-right: 50px;
	text-align: center;margin-bottom: 50px;
	position: relative;top: 0;transition: all 0.3s;
}
.fnetwork .list ul li:hover {
	top: -8px;
}
.fnetwork .list ul li:nth-child(5n) {
	margin-right: 0;
}
.fnetwork .list ul li .ico {
	height: 82px;width: 82px;margin: 0 auto;
}
.fnetwork .list ul li .ico img {
	display: block;width: 100%;height: 100%;
}
.fnetwork .list ul li h6 {
	margin-top: 16px;font-size: 14px;
	line-height: 1.8;color: #fff;
}
.fbanls {
	height: 710px;
}
.fbanls .wrap {
	height: 100%;position: relative;
}
.fbanls .list {
	position: absolute;z-index: 55;
	top: 54%;transform: translateY(-50%);
	left: 0;right: 0;margin: 0 auto;
}
.fbanls .list ul {
	text-align: center;font-size: 0;
}
.fbanls .list ul li {
	display: inline-block;width: 30%;text-align: center;
}
.fbanls .list ul li:nth-child(2) {
	width: 40%;
}
.fbanls .list ul li h2 {
	font-size: 128px;line-height: 1;color: #fff;
}
.fbanls .list ul li h5 {
	font-size: 30px;line-height: 1.4;color: #fff;
}


/* 关于我们-企业文化 */
.fenterprise .fenter {
	height: 700px;position: relative;
}
.fenterprise .fenter .text {
	top: 52%;transform: translateY(-50%);
	right: 0;width: 40%;position: absolute;
	z-index: 33;
}
.fenterprise .fenter .text h2 {
	font-size: 42px;line-height: 56px;color: #fff;
}
.fenterprise .fenter .text p {
	font-size: 16px;line-height: 1.8;color: #fff;
	margin-top: 16px;
}
.fenterprise .list li {
	height: 590px;
}
.fenterprise .list li .wrap {
	height: 100%;position: relative;
}
.fenterprise .list li:nth-child(2) {
	height: 596px;
}
.fenterprise .list li:nth-child(3) {
	height: 696px;
}
.fenterprise .list li .text {
	position: absolute;top: 42%;transform: translateY(-50%);
	left: 105px;z-index: 66;
}
.fenterprise .list li .text h2 {
	font-size: 72px;line-height: 88px;color: #000;
}
.fenterprise .list li .text p {
	margin-top: 12px;font-size: 24px;
	line-height: 1.8;color: #000;
}
.fenterprise .list li:nth-child(2n) .text {
	left: auto;right: 95px;
}
.fenterprise .list li:nth-child(2n) .text h2,
.fenterprise .list li:nth-child(2n) .text p {
	color: #fff;
}
.fenterprise .list li .imgs {
	position: absolute;z-index: 6;
	max-width: 60%;top: 0;right: 140px;
}
.fenterprise .list li .imgs img {
	display: block;width: 100%;
}
.fenterprise .list li:nth-child(2n) .imgs {
	right: auto;left: 54px;
}
.fenterprise .list li:nth-child(2) .imgs {
	padding-top: 55px;
}


/* 关于我们-人才招聘 */
.fban {
	position: relative;height: 700px;
}
.fban .text {
	position: absolute;z-index: 11;
	top: 50%;transform: translateY(-50%);
	left: 0;right: 0;margin: 0 auto;text-align: center;
}
.fban .text h2 {
	font-size: 60px;line-height: 1.4;color: #fff;
}
.fban .text h6 {
	margin-top: 18px;font-size: 18px;line-height: 1.6;color: #fff;
}
.frecruit .tlt {
	padding: 66px 0 86px;text-align: center;
}
.frecruit .tlt h2 {
	font-size: 60px;line-height: 1.4;color: #000;
}
.frecruit .tlt p {
	font-size: 24px;line-height: 1.6;color: #000;
	margin-top: 12px;
}
.frecruit .imgs {
	margin: 0 auto;
}
.frecruit .imgs img {
	display: block;width: 100%;
}
.frecruit .list li {
	text-align: center;font-size: 0;
}
.frecruit .list li .lis {
	height: 23vw;width: 33%;display: inline-block;
	vertical-align: top;
}
.frecruit .list li .lis:nth-child(3n+2){
	width: 34%;
}
.frecruit .list li .text {
	height: 23vw;background: #fff;
	padding: 60px 50px;display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;vertical-align: top;
}

.frecruit .list li .text .tet h2 {
	font-size: 30px;line-height: 40px;color: #000000;font-weight:500;
}
.frecruit .list li .text .tet h6 {
	font-size: 16px;line-height: 1.4;color: #808080;margin-top: 4px;
}
.frecruit .list li .text p {
	margin-top: 30px;font-size: 16px;line-height: 1.8;color: #000;overflow: hidden;
	height: auto !important;
}
.frecruit .list li .text .more {
	display: block;margin-top: 55px;transition: all 0.3s;
	font-size: 16px;line-height: 1.8;color: #ababab;
}
.frecruit .list li .text .more:hover {
	color: #f68b00;
}

/* 联系我们 */
.fcontacsw {
	height: 100vh;
}
.fcontacsw .swiper-slide .wrap {
	height: 100%;position: relative;
}
.fcontacsw .swiper-slide .ftext {
	top: 54%;transform: translateY(-50%);
	left: 100px;position: absolute;z-index: 44;
}
.fcontacsw .swiper-slide.swiper-slide-active .ftext h2{
	-webkit-animation:fadeInUp 1s .2s ease both;
	-moz-animation:fadeInUp 1s .2s ease both;
}
.fcontacsw .swiper-slide.swiper-slide-active .ftext h2::before{
	-webkit-animation:fadeInUp 1s .3s ease both;
	-moz-animation:fadeInUp 1s .3s ease both;
}
.fcontacsw .swiper-slide.swiper-slide-active .ftext h3{
	-webkit-animation:fadeInUp 1s .4s ease both;
	-moz-animation:fadeInUp 1s .4s ease both;
}
.fcontacsw .swiper-slide.swiper-slide-active .ftext h6{
	-webkit-animation:fadeInUp 1s .5s ease both;
	-moz-animation:fadeInUp 1s .5s ease both;
}
.fcontacsw .swiper-slide.swiper-slide-active .ftext .wxls{
	-webkit-animation:fadeInUp 1s .6s ease both;
	-moz-animation:fadeInUp 1s .6s ease both;
}
.fcontacsw .swiper-slide .ftext h2 {
	font-size: 160px;line-height: 1.2;color: #fff;
	font-weight:500;position: relative;
}
.fcontacsw .swiper-slide .ftext h2::before {
	position: absolute;z-index: 22;content: "";
	bottom: 0;left: 0;width: 192px;height: 2px;
	background: #fff;
}
.fcontacsw .swiper-slide .ftext h3 {
	margin: 26px 0 10px;font-weight:500;
	font-size: 36px;line-height: 50px;color: #fff;
}
.fcontacsw .swiper-slide .ftext h6 {
	font-size: 16px;line-height: 1.8;color: #fff;
}
.fcontacsw .swiper-slide .ftext .wxls {
	margin-top: 16px;width: 80px;
}
.fcontacsw .swiper-slide .ftext .wxls .wx {
	width: 100%;height: 80px;
}
.fcontacsw .swiper-slide .ftext .wxls .wx img {
	display: block;width: 100%;height: 100%;
}
.fcontacsw .swiper-slide .ftext .wxls p {
	margin-top: 8px;font-size: 14px;line-height: 1.6;
	color: #fff;text-align: center;
}
.fhoffer .tlt {
	padding: 0 10px 0 26px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
.fhoffer .tlt .logo {
	float: left;margin-top: 24px;
	width: 154px;
}
.fhoffer .tlt .logo img {
	display: block;width: 100%;
}
.fhoffer .tlt .cha {
	float: right;position: relative;
	width: 78px;height: 78px;cursor: pointer;
}
.fhoffer .tlt .cha img {
	position: absolute;z-index: 11;top: 50%;
	transform: translateY(-50%);left: 0;
	right: 0;margin: 0 auto;transition: all 0.3s;
}
.fhoffer .tlt .cha:hover img {
	transform: translateY(-50%) rotate(360deg);
}
.fhoffer {
	background: #fff;position: fixed;z-index: 444;
	left: 0;right: 0;margin: 0 auto;top: 50%;
	transform: translateY(-50%);width: 635px;
}
.fofferbj {
	background: rgba(0,0,0,0.35);
	position: fixed;z-index: 333;
	left: 0;right: 0;top: 0;bottom: 0;
	display: none;
}
.fhoffer {
	display: none;
}
.fhoffer .padd {
	padding: 15px 26px 35px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.fhoffer .tlt {
	background: #333;overflow: hidden;
}
.fhoffer .tet h5{
	font-size: 18px;line-height: 28px;color: #000000;
	font-weight:500;
}
.fhoffer .tet h3{
	font-size: 30px;line-height: 40px;color: #000000;
	margin-top: 7px;
}
.fhoffer .tet h2{
	font-size: 34px;line-height: 50px;color: #000000;
	margin-top: 10px;
}
.fhoffer ul {
	margin-top: 12px;overflow: hidden;
}
.fhoffer ul li {
	float: left;margin-bottom: 18px;width: 100%;
}
.fhoffer ul li:nth-child(2),
.fhoffer ul li:nth-child(1) {
	width: calc((100% - 40px)/2);
}
.fhoffer ul li:nth-child(2):nth-child(2) {
	float: right;
}
.fhoffer ul li .text {
	display: block;border: 1px solid #e0e0e0;
	-webkit-box-sizing: border-box;width: 100%;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	height: 60px;padding: 0 18px;
	font-size: 14px;color: #8b8b8b;
}
.fhoffer .t {
	font-size: 14px;color: #8b8b8b;line-height: 1.8;
}
.fhoffer .submit {
	margin: 20px auto 0;
	display: block;border: 1px solid #e0e0e0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;width: 100%;
	line-height: 58px;background: #ff5400;
	text-align: center;color: #fff;font-size: 18px;
	
}

/* 我们的服务 */
.fservice .flist ul {
	overflow: hidden;
}
.fservice .flist li {
	float: left;width: 50%;
	height: 23vw;position: relative;
}
.fservice .flist li .text {
	position: absolute;z-index: 33;
	top: 52%;transform: translateY(-50%);
	left: 40px;right: 40px;margin: 0 auto;
	text-align: center;
}
.fservice .flist li .text h2 {
	font-size: 48px;line-height: 60px;color: #fff;
}
.fservice .flist li .text p {
	font-size: 18px;line-height: 1.6;color: #fff;
	margin-top: 20px;
}
.fservice .flist li .text a {
	text-align: center;margin: 60px auto 0;
	display: block;
}
.fservice .flist li .text a i {
	display: inline-block;font-size: 14px;transition: all 0.3s;
	line-height: 2;color: #fff;border-bottom: 1px solid #fff;
}
.fservice .flist li .text a i:hover {
	color: #f68b00;border-bottom-color: #f68b00;
}
.fservice .list li {
	height: 820px;
}
.fservice .list li .wrap {
	position: relative;height: 100%;
}
.fservice .list li .imgs {
	position: absolute;left: 0%;
	max-width: 55%;top: 55%;transform: translateY(-50%);
}
.fservice .list li:nth-child(3) .imgs {
	left: -2.5%;
}
.fservice .list li .imgs img {
	display: block;width: 100%;
}
.fservice .list li:nth-child(2n) .imgs {
	left: auto;right: 0;
}
.fservice .list li .text {
	position: absolute;z-index: 66;top: 55%;
	transform: translateY(-50%);right: 0;width: 665px;
}
.fservice .list li .text h3 {
	font-size: 48px;line-height: 70px;color: #fff;
}
.fservice .list li .text p {
	margin-top: 15px;font-size: 18px;line-height: 32px;color: #fff;
}
.fservice .list li .text dl {
	margin: 30px auto 40px;overflow: hidden;
}
.fservice .list li .text dd {
	float: left;margin-right: 35px;
	font-size: 18px;line-height: 1.6;color: #fff;
}
.fservice .list li .text dd:last-child {
	margin-right: 0;
}
.fservice .list li .text .more {
	display: inline-block;font-size: 14px;line-height: 2;color: #fff;
	border-bottom: 1px solid #fff;margin-top: 25px;transition: all 0.3s;
}
.fservice .list li .text .more:hover {
	color: #f68b00;border-bottom-color: #f68b00;
}
.fservice .list li:nth-child(2n) .text {
	right: auto;left: 0;width: 820px;
}
.fservice .list li:nth-child(3) .text {
	width: 570px;
}
.fdevelop {
	padding: 70px 0 100px;
}
.fdevelop .list ul {
	text-align: center;font-size: 0;margin-top: 95px;
}
.fdevelop .list ul li {
	display: inline-block;width: 12%;margin: 0 2%;vertical-align: top;
	position: relative;top: 0;transition: all 0.3s;
}
.fdevelop .list ul li:hover {
	top: -8px;
}
.fdevelop .list ul li .icon {
	height: 127px;width: 127px;margin: 0 auto;
	border-radius: 50%;overflow: hidden;
}
.fdevelop .list ul li .icon img {
	display: block;width: 100%;height: 100%;
}
.fdevelop .list ul li .tet {
	text-align: center;margin-top: 16px;
}
.fdevelop .list ul li .tet h4 {
	font-size: 24px;line-height: 1.6;color: #fff;
}
.fdevelop .list ul li .tet p {
	font-size: 14px;line-height: 1.8;color: #fff;
}
.fwhservapp {
	padding: 80px 0 120px;
}
.fwhservapp .list ul {
	margin-top: 80px;text-align: center;
	font-size: 0;
}
.fwhservapp .list li {
	display: inline-block;width: 270px;
	margin: 0 85px;vertical-align: top;
	position: relative;top: 0;transition: all 0.3s;
}
.fwhservapp .list li:hover {
	top: -8px;
}
.fwhservapp .list li .ico {
	width: 160px;height: 160px;margin: 0 auto;
	border-radius: 50%;overflow: hidden;
}
.fwhservapp .list li .ico img {
	display: block;width: 100%;height: 100%;
}
.fwhservapp .list li .tet {
	margin-top: 12px;text-align: center;
}
.fwhservapp .list li .tet h3 {
	font-size: 24px;line-height: 34px;color: #000;
}
.fwhservapp .list li .tet p {
	margin-top: 6px;font-size: 14px;
	line-height: 1.8;color: #000;
}
.fserban {
	height: 820px;
}
.fserban img{
	display: none;
}
.fserban .wrap {
	height: 100%;position: relative;
}
.fserban .text {
	position: absolute;right: 0;
	top: 50%;transform: translateY(-50%);
	width: 40%;
}
.fserban .ftext {
	width: 49%;top: 47%;
}
.fserban .text h2 {
	font-size: 60px;line-height: 80px;color: #fff;
}
.fserban .text p {
	margin-top: 15px;font-size: 18px;line-height: 1.8;color: #fff;
}


/* 我们的服务-H5 */
.fserviceh5 {
	background: #f4f4f4;padding: 60px 0 145px;
}
.fserviceh5 .list {
	margin: 90px 80px 0;
}
.fserviceh5 .list ul {
	overflow: hidden;border: 1px solid #dddddd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.fserviceh5 .list ul li {
	float: left;width: 25%;border-right: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 45px 40px 60px;
}
.fserviceh5 .list ul li:last-child {
	border-right: none;
}
.fserviceh5 .list ul li h3 {
	font-size: 35px;line-height: 50px;color: #d90303;
	font-weight:500;
	position: relative;top: 0;transition: all 0.3s;
}
.fserviceh5 .list ul li:hover h3 {
	top: -6px;
}
.fserviceh5 .list ul li h2 {
	font-size: 45px;line-height: 70px;color: #000;
	margin-top: 16px;
}
.fh5advant {
	padding: 110px 0 160px;
}
.fh5advant .list ul {
	text-align: center;font-size: 0;
	margin-top: 95px;
}
.fh5advant .list ul li  {
	display: inline-block;width: 300px;
	vertical-align: top;margin: 0 32px;
	position: relative;top: 0;transition: all 0.3s;
}
.fh5advant .list ul li:hover {
	top: -8px;
}
.fh5advant .list ul li .icon {
	width: 150px;height: 150px;
	margin: 0 auto;border-radius: 50%;
	overflow: hidden;
}
.fh5advant .list ul li .icon img {
	display: block;width: 100%;height: 100%;
}
.fh5advant .list ul li .text {
	margin-top: 12px;text-align: center;
}
.fh5advant .list ul li .text h2 {
	font-size: 30px;line-height: 1.6;color: #000;
}
.fh5advant .list ul li .text p {
	font-size: 16px;line-height: 1.8;color: #000;
}


/* 我们的服务-视频 */
.fshorvideo {
	padding: 60px 0 130px;
}
.fshorvideo .list ul {
	padding: 75px 90px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.fshorvideo .list ul li {
	float: left;width: calc((100% - 362px)/4);margin-right: 120px;
	position: relative;top: 0;transition: all 0.3s;
}
.fshorvideo .list ul li:hover {
	top: -8px;
}
.fshorvideo .list ul li:nth-child(4n) {
	margin-right: 0;
}
.fshorvideo .list ul li .icon {
	height: 160px;width: 160px;overflow: hidden;
	border-radius: 50%;margin: 0 auto;
}
.fshorvideo .list ul li .icon img {
	display: block;width: 100%;height: 100%;
}
.fshorvideo .list ul li .text {
	margin-top: 20px;
}
.fshorvideo .list ul li .text h4 {
	font-size: 24px;line-height: 1.6;color: #000;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.fshorvideo .list ul li .text p {
	font-size: 14px;line-height: 1.8;color: #000;
	margin-top: 7px;
}
.fshorcase {
	background: #000;
	padding: 65px 0 50px;
}
.fshorcase .fcasesw {
	margin-top: 70px;overflow: hidden;
}
.fshorcase .fcasesw li {
	position: relative;height: 300px;
	background: #545454;
}
.fshorcase .fcasesw li a {
	display: block;height: 100%;
}
.fshorcase .fcasesw li .cent {
	position: absolute;z-index: 11;
	top: 56%;transform: translateY(-50%);
	left: 0;right: 0;margin: 0 auto;text-align: center;
	cursor: pointer;transition: all 0.3s;
}
.fshorcase .fcasesw li .cent:hover {
	top: 53%;
}
.fshorcase .fcasesw li .cent .ico {
	height: 80px;width: 80px;border-radius: 50%;
	overflow: hidden;margin: 0 auto;
}
.fshorcase .fcasesw li .cent .ico img {
	display: block;width: 100%;height: 100%;
}
.fshorcase .fcasesw li .cent h4 {
	margin-top: 50px;font-size: 24px;
	line-height: 1.6;color: #fff;transition: all 0.3s;
	transition: all 0.3s;
}
.fshorcase .fcasesw li .cent:hover h4 {
	color: #f68b00;
}
.fshorcase .fcasesw .swspan {
	margin: 100px auto 0;text-align: center;
}
.fshorcase .fcasesw .swspan span {
	height: 17px;width: 17px;margin: 0 14px;
	opacity: 0.7;background: #fff;
}
.fshorcase .fcasesw .swspan span.swiper-pagination-bullet-active {
	opacity: 1;
}

/* 我们的服务-网站建设 */
.fwebsite {
	padding: 80px 0 75px;background: #f4f4f4;
}
.fwebsite .list {
	margin: 56px 100px 0;position: relative;
}
.fwebsite .list ul {
	padding-top: 65px;overflow: hidden;
	font-size: 0;
}
.fwebsite .list ul li {
	display: inline-block;width: 40%;margin-right: 20%;
	margin-bottom: 40px;vertical-align: top;
}
.fwebsite .list ul li:nth-child(2n) {
	margin-right: 0;
}

.fwebsite .list ul li h4 {
	font-size: 24px;line-height: 32px;color: #000;
}
.fwebsite .list ul li p {
	font-size: 14px;line-height: 1.8;color: #000;
	margin-top: 10px;
}
.fwebsite .list .imgs {
	position: absolute;z-index: 1;left: -1%;
	right: 0;margin: 0 auto;top: 0;
	width: 252px;
}
.fwebsite .list .imgs img {
	display: block;width: 100%;
}
.fserban .text dl {
	margin-top: 30px;overflow: hidden;
}
.fserban .text dl dd {
	float: left;font-size: 18px;line-height: 1.6;color: #fff;
	margin-right: 35px;
}
.fcasebai {
	background: #fff;
}


/* 我们的服务-微信解决方案 */
.fwecase {
	padding: 60px 0 75px;
}
.fwecase .cent {
	margin-top: 60px;padding: 0 100px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.fwecase .cent .lts {
	width: 40%;float: left;
}
.fwecase .cent .lts li {
	float: left;width: calc((100% - 182px)/4);
	margin-right: 60px;text-align: center;
	margin-bottom: 12px;
	position: relative;top: 0;transition: all 0.3s;
}
.fwecase .cent .lts li:hover {
	top: -6px;
}
.fwecase .cent .lts li:nth-child(4n) {
	margin-right: 0;
}
.fwecase .cent .lts li a {
	display: block;
}
.fwecase .cent .lts li .ic {
	height: 50px;width: 50px;
	margin: 0 auto;
}
.fwecase .cent .lts li .ic img {
	display: block;width: 100%;height: 100%;
}
.fwecase .cent .lts li h5 {
	margin-top: 10px;font-size: 18px;
	line-height: 26px;color: #38a36d;
}
.fwecase .cent .rts {
	float: right;margin: 8px 24px 0 0;
	width: 50%;
}
.fwecase .cent .rts img {
	display: block;width: 100%;
}
.fwechat {
	padding: 45px 0 170px;
}
.fwechat .list li {
	float: left;width: calc((100% - 202px)/3);
	margin-right: 100px;text-align: center;
	position: relative;top: 0;transition: all 0.3s;
}
.fwechat .list li:hover {
	top: -6px;
}
.fwechat .list li:nth-child(3n) {
	margin-right: 0;
}
.fwechat .list li .icon {
	height: 130px;width: 130px;margin: 0 auto;
	border-radius: 50%;overflow: hidden;
}
.fwechat .list li .icon img {
	display: block;width: 100%;height: 100%;
}
.fwechat .list li .text {
	margin-top: 25px;text-align: center;
}
.fwechat .list li .text h3 {
	font-size: 24px;line-height: 1.5;color: #000;
}
.fwechat .list li .text p {
	font-size: 14px;line-height: 1.6;color: #000;
	margin-top: 3px;
}
.fwechat .flist {
	margin-top: 100px;
}
.fwechat .flist ul {
	text-align: center;font-size: 0;
}
.fwechat .flist ul li {
	display: inline-block;width: 21%;vertical-align: top;
	position: relative;top: 0;transition: all 0.3s;
}
.fwechat .flist ul li:hover {
	top: -8px;
}
.fwechat .flist ul li .ico {
	height: 168px;margin: 0 auto;
}
.fwechat .flist ul li .ico img {
	display: block;height: 100%;
	margin: 0 auto;
}
.fwechat .flist ul li h3 {
	margin-top: 20px;font-size: 30px;line-height: 1.6;color: #000;
}
.fweban {
	height: 820px;
}
.fweban img{
	display: none;
}
.fweban .wrap {
	height: 100%;position: relative;
}
.fweban .text {
	left: 100px;position: absolute;z-index: 33;
	top: 170px;
}
.fweban .text h2 {
	font-size: 170px;line-height: 1;color: #fff;
}
.fweban .text h4 {
	font-size: 60px;line-height: 72px;color: #fff;
	margin-top: 10px;
}
.fweban .text p {
	font-size: 18px;line-height: 1.8;color: #fff;
	margin-top: 18px;
}


/* 我们的服务-小程序 */
.ftlt h3 {
	font-size: 60px;
}
.ftlt.bai h3 {
	color: #fff;
}
.fentrance {
	padding: 55px 0 80px;
}
.fentrance .list ul {
	margin-top: 65px;
}
.fentrance .list ul li {
	float: left;width: calc((100% - 52px)/6);margin-right: 10px;
	vertical-align: top;position: relative;top: 0;transition: all 0.3s;
}
.fentrance .list ul li:hover {
	top: -6px;
}
.fentrance .list ul li:nth-child(6n) {
	margin-right: 0;
}
.fentrance .list ul li .ico {
	height: 127px;width: 127px;overflow: hidden;
	margin: 0 auto;border-radius: 50%;
}
.fentrance .list ul li .ico img {
	display: block;width: 100%;height: 100%;
}
.fentrance .list ul li .text {
	text-align: center;margin-top: 22px;
}
.fentrance .list ul li .text h3 {
	font-size: 24px;line-height: 1.6;color: #fff;
}
.fentrance .list ul li .text p {
	font-size: 14px;line-height: 1.8;color: #fff;
}
.fapplet {
	padding: 50px 0 ;
}
.fapplet .list ul {
	text-align: center;font-size: 0;
	margin-top: 75px;
}
.fapplet .list ul li {
	margin-bottom: 60px;width: 28%;display: inline-block;
	vertical-align: top;
	position: relative;top: 0;transition: all 0.3s;
}
.fapplet .list ul li:hover {
	top: -6px;
}
.fapplet .list ul li .ico {
	height: 160px;width: 160px;
	margin: 0 auto;border-radius: 50%;
	overflow: hidden;
}
.fapplet .list ul li .ico img {
	display: block;width: 100%;height: 100%;
}
.fapplet .list ul li .text {
	text-align: center;margin-top: 14px;
}
.fapplet .list ul li .text h3 {
	font-size: 24px;line-height: 1.6;color: #000;
}
.fapplet .list ul li .text h6 {
	margin-top: 8px;font-size: 14px;line-height: 1.6;color: #000;
}
.fappban {
	height: 820px;
}


/* 新闻中心 */
.fnews li {
	background: #f3f3f3;padding: 36px 0;
}
.fnews li:nth-child(2n) {
	background: #fff;
}
.fnews li .text h2 {
	font-size: 36px;line-height: 50px;color: #000;
	transition: all 0.3s;
}
.fnews li a {
	display: block;height: 100%;
}
.fnews li a:hover h2 {
	color: #f68b00;
}
.fnews li .text p {
	margin-top: 12px;font-size: 14px;
	line-height: 1.6;color: #2a2a2a;
}
.fnews li .text h3 {
	margin-top: 20px;font-size: 36px;line-height: 40px;
	color: #979797;
}
.fbanews {
	height: 700px;position: relative;
}
.fbanews .text {
	position: absolute;z-index: 33;
	top: 50%;transform: translateY(-50%);
	text-align: center;left: 0;right: 0;margin: 0 auto;
}
.fbanews .text h2 {
	font-size: 60px;line-height: 1.4;color: #fff;
}
.fbanews .text p {
	font-size: 24px;line-height: 1.4;color: #fff;
	margin-top: 16px;
}


/* 新闻详情 */
.fnews_dels {
	padding: 65px 0 70px;
}
.fnews_dels .tet {
	padding-bottom: 12px;border-bottom: 1px solid #999999;
}
.fnews_dels .tet h2 {
	font-size: 36px;line-height: 1.4;color: #000;
}
.fnews_dels .tet h4 {
	margin-top: 13px;
	font-size: 30px;line-height: 50px;
	color: #aeaeae;
}
.fnews_dels .dels {
	padding: 20px 0 125px;
	font-size: 14px;line-height: 1.6;
	color: #2a2a2a;border-bottom: 1px solid #333333;
}
.fnews_dels .dels img {
	display: block;width: 100%;
	margin: 0 auto;
}
.fnews_dels .page {
	margin-top: 25px;
}
.fnews_dels .page ul {
	overflow: hidden;
}
.fnews_dels .page li {
	float: left;width: 48%;
}
.fnews_dels .page li:nth-child(2) {
	float: right;
}
.fnews_dels .page li a {
	display: block;font-size: 16px;
	line-height: 2;color: #575757;
	padding-left: 28px;
	background: url(../images/fjt1.png) no-repeat left center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	transition: all 0.3s;
}
.fnews_dels .page li a:hover {
	color: #f68b00;background: url(../images/fjt2.png) no-repeat left center;
}
.fnews_dels .page li:nth-child(2) a {
	background: url(../images/fjt1-1.png) no-repeat right center;
	text-align: right;padding-left: 0;padding-right: 28px;
}
.fnews_dels .page li:nth-child(2) a:hover {
	background: url(../images/fjt2-1.png) no-repeat right center;
}

/* 营销推广 */
.fmark {
	padding: 55px 0 50px;
}
.fmark .imgs {
	width: 575px;float: left;
}
.fmark .fimg {
	width: 522px;margin-top: 50px;
}
.fmark .imgs img {
	display: block;width: 100%;
}
.fmark .text {
	float: right;width: 50%;
	margin-top: 20px;
}
.fmark .text h3 {
	font-size: 46px;line-height: 1.6;color: #000;
}
.fmark .text h2 {
	font-size: 60px;line-height: 1.2;color: #000;
}
.fmark .text p {
	font-size: 20px;line-height: 1.6;color: #000;
	margin-top: 20px;
}

.fwhadvantag {
	padding: 65px 0 35px;
}
.fwhadvantag .list ul {
	margin-top: 75px;font-size: 0;
}
.fwhadvantag .list ul li {
	display: inline-block;
	overflow: hidden;margin-bottom: 90px;
	width: 48%;margin-right: 4%;
	position: relative;top: 0;transition: all 0.3s;
}
.fwhadvantag .list ul li:hover {
	top: -8px;
}
.fwhadvantag .list ul li:nth-child(2n) {
	margin-right: 0;
}
.fwhadvantag .list ul li .icon {
	float: left;width: 95px;height: 95px;
	border-radius: 8px;overflow: hidden;
}
.fwhadvantag .list ul li .icon img {
	display: block;width: 100%;height: 100%;
}
.fwhadvantag .list ul li .text {
	float: right;width: calc(100% - 120px);
}
.fwhadvantag .list ul li .text h3 {
	font-size: 30px;line-height: 1;color: #000;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.fwhadvantag .list ul li .text p {
	font-size: 16px;line-height: 1.8;color: #000;
	margin-top: 12px;
}
.ftite {
	text-align: center;
}
.ftite h2 {
	font-size: 72px;line-height: 1.2;color: #000;
}
.fetingls {
	padding: 80px 0 100px;
}
.fetingls .list ul {
	text-align: center;font-size: 0;
}
.fetingls .list li {
	display: inline-block;width: 20%;vertical-align: top;
	position: relative;top: 0;transition: all 0.3s;
}
.fetingls .list li:hover {
	top: -8px;
}
.fetingls .list li .icon {
	height: 110px;width: 110px;
	border-radius: 50%;overflow: hidden;
	margin: 0 auto;
}
.fetingls .list li .icon img {
	display: block;width: 100%;height: 100%;
}
.fetingls .list li h6 {
	margin-top: 15px;font-size: 24px;line-height: 1.6;
	color: #fff;
}
.fpuzzled {
	padding: 75px 0 25px;
}
.fpuzzled .list {
	margin-top: 60px;position: relative;
}
.fpuzzled .list ul {
	font-size: 0;position: relative;
	z-index: 66;
}
.fpuzzled .list .zimg {
	top: -12px;position: absolute;z-index: 33;
	left: -80px;right: 0;margin: 0 auto;width: 275px;
}
.fpuzzled .list .zimg img {
	display: block;width: 100%;
}
.fpuzzled .list li {
	display: inline-block;margin-bottom: 55px;
	width: 42%;margin-right: 16%;vertical-align: top;
}
.fpuzzled .list li:nth-child(2n) {
	margin-right: 0;
}
.fpuzzled .list li h4 {
	font-size: 30px;line-height: 1.4;color: #000;
}
.fpuzzled .list li p {
	margin-top: 8px;font-size: 16px;
	line-height: 1.8;color: #000;
}
.ftite p {
	font-size: 18px;line-height: 1.6;color: #3f3f3f;
	margin-top: 20px;
}
.foptimiz {
	padding: 90px 0;
	height: 700px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.fmarkimgs {
	margin: 0 auto;
}
.fmarkimgs img {
	display: block;width: 100%;
}
.fmarkban {
	height: 745px;
}
.fmarkban .wrap {
	height: 100%;position: relative;
}
.fmarkban .text {
	position: absolute;z-index: 33;
	left: 95px;top: 46%;transform: translateY(-50%);
}
.fmarkban .text h2 {
	font-size: 72px;line-height: 100px;color: #fff;
}
.fmarkban .text h3 {
	font-size: 60px;line-height: 1.5;color: #fff;
}
.fmarkban .text p {
	font-size: 18px;line-height: 1.6;color: #fff;
	margin-top: 17px;
}

.foffbter {
	height: calc(100% - 560px);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.oweixin{
	float: right;
}
.erco{position: absolute;top:-15px;right:45px;width: 120px;height: 120px;display: none;transition: top 0.5s;-webkit-transition: top 0.5s;
-ms-transition: top 0.5s;opacity: 0.2;border: 1px solid #bfbfbf; border-radius: 10px;
    }
.erco img{width: 120px;height: 120px;overflow: hidden;  border-radius: 10px;}
.erco::before{
	content: "";
	position: absolute;
	right: -18px;top: 50%;margin-top: -9px;
	width:20px ;height: 18px;z-index: 11;
	background: url(../images/ss7.png) no-repeat center;
}
.ercoa{right:85px;display: block;opacity: 1;}

.sidebar{position: fixed;top: 50%; margin-top:-11rem; right:4%;z-index:101;}
.sidebar li a{
	display: block;
}
.sidebar li{margin-top: 17px;overflow: hidden;cursor: pointer;}
.sidebar .ico{float: right; display: none;}
.sidebar .txt{float: right;width:22rem;height: 52px;background:#4a4a4a ;border-radius: 26px;color: #FFFFFF; overflow: hidden; width: 52px;}
.sidebar .txt span{background: url(../images/lp1-25.png) no-repeat 15px 12px;padding-left:65px ;font-size: 16px;line-height: 52px; display: block;}
.sidebar .n2 span{background-image: url(../images/lp1-26.png);}
.sidebar .n3 span{background-image: url(../images/lp1-27.png);}
.sidebar .n4 span{background: url(../images/lp1-42.png) no-repeat 0px 0px;}

.Signin .inner{background:#fff;border-radius:10px;display:block;position:relative;width:630px;background-color:#fff;padding-bottom: 20px;}
body.is-login-visible .Signin{-moz-pointer-events:auto;-webkit-pointer-events:auto;-ms-pointer-events:auto;pointer-events:auto;opacity:1;visibility:visible}
body.is-login-visible .Signin .inner{-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}
.singtext{background: #333333;text-align: left;padding: 24px 26px;min-height: 10px;overflow: hidden;}
.singtext h2 span{float: right;cursor: pointer;}
.bodysing{width:90%;margin:22px auto;text-align: left;}
.bodysing h2{line-height:52px;margin-bottom: 20px;}
.plase{color: #8b8b8b;font-size:14px;line-height: 24px;margin-bottom: 22px;}
.subtn{width: 100%;background: #ff5400;border:solid 1px #bebfbb;height: 58px;color: #fff;font-size:18px;}
.singtext h2 span img:hover{-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0.5s;transition:all 0.5s ease-out 0s;-moz-transform: rotate(360deg);-o-transform:rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
.Signin{
	position: fixed;
	left: 0;right: 0;
	top:0;bottom: 0;z-index: 9999;
	background: rgba(0,0,0,0.2);
	display: none;
}
.Signin .inner{
	margin: 10vh auto 0;
}
.fnt_18 {
    font-size: 18px;
    line-height: 2;
}
.bodysing h2 {
	font-size: 36px;
    line-height: 52px;
    margin-bottom: 20px;
}


.form-control {
    display: block;
    width: 48%;float: left;
    height: 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background: rgba(255,255,255,0.8);
    background-image: none;
    border: 1px solid #e0e0e0;
	transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 和 Chrome */
	-o-transition:all 0.3s;
}
.form-control:nth-child(2n){
	float: right;
}
.form-control.wid{
	float:none;width: 100%;
	margin-top: 20px;
	height: 120px;
	resize: none;
}
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}
.subtn {
    width: 100%;
    background: #ff5400;
    border: solid 1px #bebfbb;
    height: 58px;border: none;
    color: #fff;cursor: pointer;
    font-size: 18px;
}
.plase {
    color: #8b8b8b;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 22px;
	margin-top: 10px;
}


.fhcase .list li .imgs{
	position: relative;
}
.fhcase .list li .imgs .umks{
	position: absolute;
	left: 0;right: 0;
	top: 0;bottom: 0;z-index: 11;
	background: rgba(0,0,0,0.4);
	opacity: 0;transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 和 Chrome */
	-o-transition:all 0.3s;
}
.fhcase .list li .imgs  h2{
	font-size:20px ;
	line-height: 1.7;
	color: #fff;
	text-align: center;
	position: absolute;
	left: 0;right: 0;
	top: 70%;z-index: 1;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);  /* IE 9 */
	-moz-transform:translateY(-50%);     /* Firefox */
	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */
	-o-transform:translateY(-50%); 
	opacity: 0;
	opacity: 0;transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 和 Chrome */
	-o-transition:all 0.3s;
}
.fhcase .list li:hover .umks{
	opacity: 1;
}
.fhcase .list li:hover h2{
	opacity: 1;top: 50%;
}

.tiammao .hd{
	background: #f4f4f4;
	padding: 65px 0;
}
.tiammao .hd ul{
	text-align: center;
	font-size: 0;
	padding-top: 60px;
	margin: 0 10%;
}
.tiammao .hd li{
	display: inline-block;
	width: 25%;vertical-align: top;
	transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 和 Chrome */
	-o-transition:all 0.3s;
	position: relative;
	top: 0;
}
.tiammao .hd h3{
	font-size: 24px;
	line-height: 1.7;
	color: #040000;
	margin-top: 17px;
}
.tiammao .hd p{
	font-size: 14px;
	line-height: 1.7;
	color: #040000;
}
.tiammao .hd li:hover{
	top: -8px;
}
.tiammao .bd{
	padding: 70px 0 160px;
}
.tiammao .bd ul{
	display: flex;
	justify-content: space-between;
	margin-top: 70px;
	flex-wrap: wrap;
}
.tiammao .bd li{
	margin-bottom: 20px;
	border-radius:18px;
	box-shadow: 0 0 8px 1px rgba(80,80,80,0.5);
	overflow: hidden;width: 345px;
	transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 和 Chrome */
	-o-transition:all 0.3s;
	position: relative;top: 0;
}
.tiammao .bd li:hover{
	top: -8px;
	box-shadow: 0 0 15px 2px rgba(80,80,80,0.5);
}
.tiammao .bd li .pic{
	height:254px;
}
.tiammao .bd li  .text{
	padding: 10px 20px 30px;
}
.tiammao .bd li .text h3{
	font-size: 24px;
	line-height: 1.7;
	color: #040000;
	padding: 10px 0;
	text-align: center;
}
.tiammao .bd li .text p{
	font-size: 16px;
	line-height: 1.7;
	color: #040000;
}
.tiammao .uft{
	background: #f4f4f4;
	padding: 80px 0 60px;
}
.tiammao .uft ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;margin-top: 60px;
}
.tiammao .uft li{
	width:495px;margin-bottom: 100px;
	height:940px ;
	border-radius: 35px;
	box-shadow: 0 0 8px 1px rgba(80,80,80,0.5);
}





.mask{
    position: fixed;
    left: 0;right: 0;top: 0;
    bottom: 0;z-index: 9998;
    background: rgba(0,0,0,0.7);
    display: none;
}
.mkvideo{
    display: none;
    position: fixed;
    left: 0;right: 0;
    top: 53%;z-index: 9999;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);  /* IE 9 */
    -moz-transform:translateY(-50%);     /* Firefox */
    -webkit-transform:translateY(-50%); /* Safari 和 Chrome */
    -o-transform:translateY(-50%); 
    max-width: 1200px;margin: 0 auto;
}
.mkvideo video{
    width: 100%;
}
.mkvideo .icos{
    position: absolute;width: 40px;height: 40px;
    right: -50px;top: -50px;cursor: pointer;
    background: url(../images/ss1.png) no-repeat center/cover;
    z-index: 9;transition:all 0.3s;
    -ms-transition:all 0.3s;  /* IE 9 */
    -moz-transition:all 0.3s;     /* Firefox */
    -webkit-transition:all 0.3s; /* Safari 和 Chrome */
    -o-transition:all 0.3s;
}
.mkvideo .icos:hover{
    transform:rotate(720deg);
    -ms-transform:rotate(720deg);  /* IE 9 */
    -moz-transform:rotate(720deg);     /* Firefox */
    -webkit-transform:rotate(720deg); /* Safari 和 Chrome */
    -o-transform:rotate(720deg);
}
.uuweb,
.webshow{
	display: none;
}

.sidebar{
	display: none;
}
.usindex .sidebar{
	display: block;
}