@import url("../fonts/font.css");

 body {
 	background: #fff;
 	font-size: 18px;
 }

 .wrapper {
 	margin: 0 auto;
 	width: 1240px;
 }

 .sha {
 	display: none;
 }

 .gh {
 	display: none;
 }

 .img {
 	font-size: 0;
 }

 .g-banner {
 	position: relative;
 }

 .g-banner img {
 	width: 100%;
 }

 .g-banner .txt {
 	position: absolute;
 	left: 50%;
 	bottom: 85px;
 	font-size: 36px;
 	-webkit-transform: translateX(-50%);
 	-moz-transform: translateX(-50%);
 	-ms-transform: translateX(-50%);
 	transform: translateX(-50%);
 	color: #fff;
 	text-align: center;
 }

 .g-banner .txt h3 {
 	margin-bottom: 10px;
 	font-weight: bold;
 	font-size: 68px;
 }

 .g-banner .txt h3 em {
 	color: #23d3ff;
 	font-weight: bold;
 }

 .g-banner img {
 	width: 100%;
 }

 .g-tit .txt {
 	padding-left: 35px;
 	border-left: 6px solid #fcbd36;
 	font-size: 28px;
 	color: #fff;
 	letter-spacing: 2px;
 }

 .g-tit .txt h3 {
 	margin-bottom: 10px;
 	font-size: 56px;
 	line-height: 1;
 	font-weight: bold;
 	letter-spacing: 6px;
 }

 .g-tit .desc {
 	letter-spacing: 4px;
 	line-height: 26px;
 	font-size: 16px;
 	color: #fff;
 }

 .header {
 	position: fixed;
 	top: 0;
 	left: 0;
 	width: 100%;
 	z-index: 9999999;
 }

 .header-bd {
 	position: relative;
 	top: -88px;
 	height: 88px;
 	background: #fff;
 	overflow: hidden;
 	-webkit-transition: all .3s;
 	-moz-transition: all .3s;
 	transition: all .3s;
 	z-index: 999999999;
 }

 .header-fx {
 	position: fixed;
 	left: 0;
 	width: 100%;
 	-webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2);
 	-moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2);
 	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2);
 	z-index: 999999;
 	background: rgba(255, 255, 255, 1);
 }

 .header-fx a {
 	color: #000;
 	font-family: fashion;
 }

 .header-bd .logo {
 	margin-top: 25px;
 	float: left;
 }

 .header-bd .nav {
 	margin-top: 35px;
 	float: right;
 	width: 60%;
 }

 .header-bd .nav ul {
 	display: -webkit-box;
 	display: -moz-box;
 	display: -ms-flexbox;
 	display: flex;
 }

 .header-bd .nav li {
 	line-height: 1;
 	text-align: center;
 	font-size: 18px;
 	color: #000000;
	padding-right: 35px;
 }

 .header-bd .nav li.on a {
 	color: #fea644;
 }

 .header-bd .nav li:hover a {
 	color: #fea644;
 }

 .banner {
 	position: relative;
 }
 .banner .img{
	font-size: 0; 
 }
 .banner img {
 	width: 100%;
 }
 .banner .txt{
	position: absolute;
	top: 50%;
	left: 20%;
	font-size: 50px;
	font-family: REEJI-BigYoung-BoldGB2.0;
	font-weight: bold;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	color: #fff;
 }
 .banner .txt p{
	letter-spacing: 3px; 
 }
 .business {
 	padding: 90px 0 70px;
 }

 .business-hd {
 	text-align: center;
 }

 .business-hd h3 {
 	font-size: 62px;
 	color: #58595b;
 }

 .business-hd p {
 	margin-top: 15px;
 	position: relative;
 	font-size: 30px;
 	color: #ff8106;
 	font-family: ses-rule;
 }

 .business-hd p:before,
 .business-hd p:after {
 	content: '';
 	position: absolute;
 	top: 50%;
 	width: 35%;
 	height: 2px;
 	background: #000;
 }

 .business-hd p:before {
 	left: 0;
 }

 .business-hd p:after {
 	right: 0;
 }

 .business-bd {
 	margin-top: 90px;
 }

 .business-bd ul {
 	display: -webkit-box;
 	display: -moz-box;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-pack: justify;
 	-moz-box-pack: justify;
 	-ms-flex-pack: justify;
 	justify-content: space-between;
 }

 .business-bd li {
 	margin-right: 50px;
 	width: 20%;
 }

 .business-bd li:last-child {
 	margin: 0;
 }

 .business-bd li .img {
 	position: relative;
 	margin: 0 auto;
 	width: 176px;
 	height: 205px;
 	background-repeat: no-repeat;
 	-moz-background-size: cover;
 	background-size: cover;
 	background-image: url(../img/bg_01.png);
 }

 .business-bd li .img img {
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	-webkit-transform: translate(-50%, -50%);
 	-moz-transform: translate(-50%, -50%);
 	-ms-transform: translate(-50%, -50%);
 	transform: translate(-50%, -50%);
 }

 .business-bd li a {
 	display: block;
 }

 .business-bd li .txt {
 	margin-top: 25px;
 	text-align: center;
 	color: #868585;
 	font-size: 26px;
 }

 .business-bd li .txt h3 {
 	font-size: 30px;
 }

 .business-bd li .txt p {
 	white-space: nowrap;
 }

 .business-bd li:hover .img {
 	background-image: url(../img/bg_01_hover.png);
 }

 .case-hd {
 	padding: 40px 0;
 	background: #393b3e;
 	color: #fff;
 }

 .case-hd .wrapper {
 	padding: 0 80px;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 }

 .case-hd h3 {
 	font-size: 40px;
 	font-family: ses-left;
 	font-weight: 100;
 }

 .case-hd em {
 	margin-right: 18px;
 	font-weight: 100;
 	font-size: 62px;
 	color: #eeb02c;
 	font-family: ses-left;
 }

 .case-hd p {
 	margin-top: 20px;
 	position: relative;
 	font-size: 34px;
 }

 .case-hd p:before {
 	content: '';
 	position: absolute;
 	top: 50%;
 	right: 0;
 	width: 77%;
 	height: 2px;
 	background: #fff;
 }

 .case {
 	position: relative;
 	background: #e5e5e5;
 }

 .case-bd {
 	padding: 70px 0 35px;
 }

 .case-bd .wrapper {
 	padding: 0 80px;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 }

 .case-bd ul {
 	margin: 0 -35px -35px 0;

 	display: -webkit-box;

 	display: -moz-box;

 	display: -ms-flexbox;

 	display: flex;
 	-ms-flex-wrap: wrap;
 	flex-wrap: wrap;
 }

 .case-bd li {
 	position: relative;
 	margin: 0 35px 35px 0;
 	overflow: hidden;
 }

 .case-bd li .txt {
 	padding: 0 20px;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	font-size: 16px;
 	line-height: 62px;
 	background: rgba(0, 0, 0, .8);
 	color: #fff;
 	overflow: hidden;
 	letter-spacing: 1px;
 	-webkit-transition: all .3s;
 	-moz-transition: all .3s;
 	transition: all .3s;
 }

 .case-bd li .txt h3 {
 	float: left;
 }

 .case-bd li .txt p {
 	float: right;
 	color: #eeb02c;
 }

 .case-bd li .mock {
 	position: absolute;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	left: 0;
 	-webkit-transform: translateY(100%);
 	-moz-transform: translateY(100%);
 	-ms-transform: translateY(100%);
 	transform: translateY(100%);
 	background: rgba(0, 0, 0, .8);
 	-webkit-transition: all .4s;
 	-moz-transition: all .4s;
 	transition: all .4s;
 }

 .case-bd li .img {
 	overflow: hidden;
 }

 .case-bd li .img img {
 	width: 100%;
 	height: 215px;
 	-webkit-transition: all .3s;
 	-moz-transition: all .3s;
 	transition: all .3s;
 }

 .case-bd li:hover .mock {
 	-webkit-transform: translateY(0);
 	-moz-transform: translateY(0);
 	-ms-transform: translateY(0);
 	transform: translateY(0);
 }

 .case-bd li:hover .img img {
 	-webkit-transform: scale(1.2);
 	-moz-transform: scale(1.2);
 	-ms-transform: scale(1.2);
 	transform: scale(1.2);
 }

 .case-bd li:hover .txt {
 	opacity: 0;
 }

 .case-bd li .mock .m1 {
 	margin-top: 50px;
 	text-align: center;
 	font-size: 16px;
 	color: #fff;
 }

 .case-bd li .mock .m1 p {
 	margin-top: 10px;
 	text-align: 1px;
 }

 .case-bd li .mock .m1 em {
 	color: #eeb02c;
 }

 .case-bd li .mock .m2 {
 	margin-top: 20px;
 	font-size: 16px;
 	color: #fff;
 	text-align: center;
 }

 .case-bd .more {
 	margin: 40px 30px 0 0;
 	text-align: right;
 	font-size: 22px;
 }

 .case-bd .more a {
 	display: inline-block;
 	padding-right: 30px;
 	color: #000;
 	background: url(../img/icon_06.png) no-repeat right center;
 }

 .g-ft {
 	position: absolute;
 	left: 50%;
 	bottom: -35px;
 	-webkit-transform: translateX(-50%);
 	-moz-transform: translateX(-50%);
 	-ms-transform: translateX(-50%);
 	transform: translateX(-50%);
 	z-index: 99;
 }

 .g-ft a {
 	display: block;
 	width: 90px;
 	height: 70px;
 	background-color: rgba(0, 80, 115, .5);
 	border: solid 2px #ffffff;
 	background-repeat: no-repeat;
 	background-position: center;
 	background-image: url(../img/img_13.png);
 }

 .advantage {
 	padding: 70px 0 60px;
 	background: #777;
 }

 .advantage ul {
 	position: relative;
 	display: -webkit-box;
 	display: -moz-box;
 	display: -ms-flexbox;
 	display: flex;
 	-ms-flex-wrap: wrap;
 	flex-wrap: wrap;
 }

 .advantage ul:before {
 	content: '';
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	width: 620px;
 	height: 600px;
 	-webkit-transform: translate(-50%, -50%);
 	-moz-transform: translate(-50%, -50%);
 	-ms-transform: translate(-50%, -50%);
 	transform: translate(-50%, -50%);
 	background: url(../img/img_10.png) no-repeat center;
 	-moz-background-size: cover;
 	background-size: cover;
 }

 .advantage li {
 	display: -webkit-box;
 	display: -moz-box;
 	display: -ms-flexbox;
 	display: flex;
 	padding: 70px 0 50px;
 	-webkit-box-pack: end;
 	-moz-box-pack: end;
 	-ms-flex-pack: end;
 	justify-content: flex-end;
 	width: 50%;
 	background: #ffa845;
 	color: #362e2b;
 }

 .advantage li .txt {
 	font-size: 16px;
 	line-height: 24px;
 }

 .advantage li .txt p {
 	margin-bottom: 7px;
 	text-align: right;
 }

 .advantage li .em {
 	line-height: 1.8;
 	display: block;
 	font-size: 100px;
 	color: #fff;
 }

 .advantage li .em p {
 	-webkit-transition: all .3s;
 	-moz-transition: all .3s;
 	transition: all .3s;
 }

 .advantage li:hover .em p {
 	-webkit-transform: scale(1.2);
 	-moz-transform: scale(1.2);
 	-ms-transform: scale(1.2);
 	transform: scale(1.2);
 }

 .advantage li:nth-child(2) {
 	background: #64d1da;
 }

 .advantage li:nth-child(3) {
 	background: #8c103d;
 }

 .advantage li:nth-child(4) {
 	background: #065280;
 }

 .advantage li:nth-child(3),
 .advantage li:nth-child(4) {
 	color: #fff;
 }

 .advantage li:nth-child(1) .em,
 .advantage li:nth-child(3) .em {
 	margin-right: 30%;
 	border-left: 2px solid #000;
 	padding-left: 30px;
 	margin-left: 20px;
 }

 .advantage li:nth-child(2),
 .advantage li:nth-child(4) {
 	-webkit-box-pack: start;
 	-moz-box-pack: start;
 	-ms-flex-pack: start;
 	justify-content: flex-start;
 }

 .advantage li:nth-child(2) .txt p,
 .advantage li:nth-child(4) .txt p {
 	text-align: left;
 	-webkit-box-pack: start;
 	-moz-box-pack: start;
 	-ms-flex-pack: start;
 	justify-content: flex-start;
 }

 .advantage li:nth-child(2) .em,
 .advantage li:nth-child(4) .em {
 	padding-right: 30px;
 	margin-right: 20px;
 	margin-left: 30%;
 	border-right: 2px solid #000;
 }

 .advantage li:nth-child(4) .em,
 .advantage li:nth-child(3) .em {
 	border-color: #fff;
 }

 .brand {
 	background: #000;
 }

 .brand-hd {
 	text-align: center;
 	font-size: 56px;
 	color: #fff;
 }

 .brand-hd h3 {
 	padding: 40px 0 25px;
 }

 .brand-hd p {
 	font-size: 30px;
 	line-height: 42px;
 	background: #c91010;
 	color: #ffa845;
 }

 .brand-bd {
 	padding: 50px 0;
 }

 .brand-bd ul {
 	display: -webkit-box;
 	display: -moz-box;
 	display: -ms-flexbox;
 	display: flex;
 	-ms-flex-wrap: wrap;
 	flex-wrap: wrap;
 }

 .brand-bd li {
 	margin: 0 10px 10px 0;
 	font-size: 0;
 	width: 300px;
 	height: 120px;
 }

 .brand-bd li a {
 	display: block;
 	width: 100%;
 	height: 100%;

 }

 .brand-bd li.rotate img {
 	-webkit-animation: rotate .5s linear;
 	   -moz-animation: rotate .5s linear;
 	        animation: rotate .5s linear;
 }

 @-webkit-keyframes rotate {
 	from {
 		-webkit-transform: rotateY(360deg);
 		        transform: rotateY(360deg);
 	}

 	to {
 		-webkit-transform: rotateY(0);
 		        transform: rotateY(0);
 	}
 }

 @-moz-keyframes rotate {
 	from {
 		-moz-transform: rotateY(360deg);
 		     transform: rotateY(360deg);
 	}

 	to {
 		-moz-transform: rotateY(0);
 		     transform: rotateY(0);
 	}
 }

 @keyframes rotate {
 	from {
 		-webkit-transform: rotateY(360deg);
 		   -moz-transform: rotateY(360deg);
 		        transform: rotateY(360deg);
 	}

 	to {
 		-webkit-transform: rotateY(0);
 		   -moz-transform: rotateY(0);
 		        transform: rotateY(0);
 	}
 }

 .brand-bd li img {
 	width: 100%;
 	height: 100%;
 	-webkit-transform: translateY(-0%) rotateY(0deg);
 	   -moz-transform: translateY(-0%) rotateY(0deg);
 	        transform: translateY(-0%) rotateY(0deg);
 }

 .news {
 	padding: 60px 0;
 }

 .news-hd {
 	margin: 0 0 35px;
 	font-size: 34px;
 	color: #5d5d5d;
 	text-align: right;
 }

 .news-hd h3 {
 	position: relative;
 }

 .news-hd h3:before {
 	content: '';
 	position: absolute;
 	top: 50%;
 	left: 0;
 	width: 77%;
 	height: 2px;
 	background: #5d5d5d;
 }

 .news-hd h3 em {
 	display: inline-block;
 	margin-right: 10px;
 	font-weight: 400;
 	letter-spacing: 2px;
 	font-size: 46px;
 	color: #58595b;
 }

 .news-bd ul {
 	display: -webkit-box;
 	display: -moz-box;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-pack: justify;
 	-moz-box-pack: justify;
 	-ms-flex-pack: justify;
 	justify-content: space-between;
 	padding: 0 3%;
 }

 .news-bd li {
 	width: 44.35%;
 }

 .news-bd li .img img {
 	width: 100%;
 	height: 100%;
 }

 .news-bd li dt {
 	position: relative;
 	margin-bottom: 20px;
 	padding: 30px 0 12px;
 	line-height: 34px;
 	border-bottom: 5px solid #000;
 }

 .news-bd li dt:before {
 	content: '';
 	position: absolute;
 	right: 0;
 	bottom: -5px;
 	height: 5px;
 	width: 0%;
 	z-index: 99;
 	background: #5da0cb;
 	-webkit-transition: all .5s;
 	-moz-transition: all .5s;
 	transition: all .5s;
 }

 .news-bd li dt h3 {
 	float: left;
 	font-size: 24px;
 	color: #000;
 }

 .news-bd li dt a {
 	float: right;
 	font-size: 16px;
 	font-weight: bold;
 	color: #595757;
 }

 .news-bd li dd {
 	font-size: 14px;
 	line-height: 24px;
 	color: #4d4d4d;
 	overflow: hidden;
 }

 .news-bd li dd p {
 	float: left;
 }

 .news-bd li dd span {
 	float: right;
 }

 .news-bd li dd:hover a {
 	color: #000;
 }

 .news-bd li:hover dt:before {
 	width: 78%;
 }

 .fiex-video,
 .fiex-btn {
 	display: none;
 	position: fixed;
 	top: 10%;
 	right: 0;
 }

 .fiex-btn a {
 	display: block;
 	width: 59px;
 	height: 628px;
 	background: url(../img/icon_10.png) no-repeat center;
 	-moz-background-size: contain;
 	background-size: contain;
 }

 /* 动画制作 */
 .abbr-banner {
 	position: relative;
 	background: url(../img/bg_03.jpg) no-repeat center;
 	-moz-background-size: cover;
 	background-size: cover;
 	height: 830px;
 	overflow: hidden;
 }

 .abbr-banner .img {
 	position: absolute;
 	top: 64px;
 	left: 50%;
 	-webkit-transform: translateX(-50%);
 	-moz-transform: translateX(-50%);
 	-ms-transform: translateX(-50%);
 	transform: translateX(-50%);
 }

 .classification {
 	position: relative;
 	padding: 50px 0 80px;
 	background: #3b3e41;
 }

 .classification-hd {
 	text-align: center;
 }

 .classification-hd h3 {
 	font-size: 56px;
 	color: #eeb02c;
 }

 .classification-hd p {
 	font-size: 22px;
 	color: #bbbbbb;
 }

 .classification-bd {
 	margin-top: 60px;
 }

 .classification-bd ul {
 	display: -webkit-box;
 	display: -moz-box;
 	display: -ms-flexbox;
 	display: flex;
 	-ms-flex-wrap: wrap;
 	flex-wrap: wrap;
 	-webkit-box-pack: justify;
 	-moz-box-pack: justify;
 	-ms-flex-pack: justify;
 	justify-content: space-between;
 }

 .classification-bd li {
 	margin-bottom: 20px;
 	position: relative;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	width: 32%;
 	height: 212px;
 	background: #fff;
 	-webkit-transition: all .6s;
 	-moz-transition: all .6s;
 	-ms-transition: all .6s;
 	-o-transition: all .6s;
 	display: -webkit-box;
 	display: -moz-box;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-align: end;
 	-moz-box-align: end;
 	-ms-flex-align: end;
 	align-items: flex-end;
 }

 .classification-bd li .img {
 	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
 }

 .classification-bd li img {
 	position: absolute;
 	top: 0;
 	left: 0;
	width: 100%;
 	webkit-perspective: 1000;
 	-webkit-transition: all .6s;
 	-moz-transition: all .6s;
 	-ms-transition: all .6s;
 	-o-transition: all .6s;
 	-webkit-backface-visibility: hidden;
 	-moz-backface-visibility: hidden;
 	backface-visibility: hidden;
 }

 .classification-bd li .img-x {
 	position: relative;
 	-moz-transform: rotateY(-180deg);
 	transform: rotateY(-180deg);
 	-webkit-transform: rotateY(-180deg);
 	z-index: 99;
 }

 .classification-bd li:hover .img-w {
 	-moz-transform: rotateY(-180deg);
 	transform: rotateY(-180deg);
 	-webkit-transform: rotateY(-180deg);
 }

 .classification-bd li:hover .img-x {
 	-moz-transform: rotateY(-360deg);
 	transform: rotateY(-360deg);
 	-webkit-transform: rotateY(-360deg);
 }

 .classification-bd li:hover {
 	background: #4f90c2;
 }

 .classification-bd li:hover .txt {
 	color: #fff;
 }

 .classification-bd li:nth-child(2) img {
 	left: -35px;
 }

 .classification-bd li .txt {
 	text-align: right;
 	margin: 0 20px 20px 0;
 	width: 100%;
 	color: #000;
 	-webkit-transition: all .6s;
 	-moz-transition: all .6s;
 	-ms-transition: all .6s;
 	-o-transition: all .6s;
 }

 .classification-bd li .txt h3 {
 	margin-bottom: 10px;
 	font-size: 24px;
 	font-weight: bold;
 }

 .classification-bd li .txt p {
 	margin: 0;
 	font-size: 16px;
 	line-height: 26px;
 }

 .ind-case-hd {
 	padding: 50px 0 30px;
 	background: #000;
 	text-align: center;
 }

 .ind-case-hd .wrapper {
 	position: relative;
 }

 .ind-case-hd h3 {
 	font-size: 56px;
 	color: #eeb02c;
 }

 .ind-case-hd p {
 	font-size: 22px;
 	color: #bbbbbb;
 }

 .ind-case-hd form {
 	position: absolute;
 	top: 50%;
 	right: 0;
 	margin-top: -17px;
 	width: 390px;
 	height: 35px;
 }

 .ind-case-hd form input {
 	padding: 0 40px 0 18px;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	display: block;
 	font-size: 16px;
 	width: 100%;
 	height: 100%;
 	background: #c0c1c2;
 	border: none;
 	-webkit-box-shadow: inset 1px 2px 2px 0px rgba(0, 0, 0, 0.26);
 	-moz-box-shadow: inset 1px 2px 2px 0px rgba(0, 0, 0, 0.26);
 	box-shadow: inset 1px 2px 2px 0px rgba(0, 0, 0, 0.26);
 }

 .ind-case-hd form button {
 	position: absolute;
 	top: 4px;
 	right: 3px;
 	width: 36px;
 	height: 28px;
 	border: none;
 	background: url(../img/icon_ss.png) no-repeat center #4b4c4c;
 	cursor: pointer;
 }

 .ind-case-bd {}

 .ind-case-bd .tit {
 	margin-bottom: 70px;
 	font-size: 30px;
 	line-height: 42px;
 	background: #c91010;
 	text-align: center;
 	color: #fff;
 	letter-spacing: 33px;
 }

 .ind-case-bd ul {
 	margin: 0 0 -35px 0;
 	display: -webkit-box;
 	display: -moz-box;
 	display: -ms-flexbox;
 	display: flex;
 	-ms-flex-wrap: wrap;
 	flex-wrap: wrap;
 	-webkit-box-pack: justify;
 	   -moz-box-pack: justify;
 	    -ms-flex-pack: justify;
 }

 .ind-case-bd li {
 	margin: 0 0 35px 0;
 	position: relative;
 	margin-right: 25px;
 	width: 31%;
 	height: 298px;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	overflow: hidden;
 }

 .ind-case-bd li .img img {
 	width: 100%;
 	height: 260px;
 }

 .ind-case-bd li .img p {
 	padding: 0 40px 0;
 	background: rgba(0, 0, 0, .8);
 	line-height: 38px;
 	font-size: 20px;
 	text-align: right;
 	color: #ffffff;
 	-webkit-transition: all .5s;
 	-moz-transition: all .5s;
 	transition: all .5s;
 }

 .ind-case-bd li .txt {
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	padding: 20px 20px;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	width: 100%;
 	height: 60%;
 	-webkit-transform: translateY(100%);
 	-moz-transform: translateY(100%);
 	-ms-transform: translateY(100%);
 	transform: translateY(100%);
 	background: rgba(0, 0, 0, .67);
 	font-size: 14px;
 	line-height: 22px;
 	color: #fff;
 	-webkit-transition: all .5s;
 	-moz-transition: all .5s;
 	transition: all .5s;
 }

 .ind-case-bd li .txt h3 {
 	margin-bottom: 15px;
 	text-align: right;
 	font-size: 20px;
 	color: #eeb02c;
 }

 .ind-case-bd li:last-child {
 	margin: 0;
 }

 .ind-case-bd li:hover .img p {
 	opacity: 0;
 }

 .ind-case-bd li:hover .txt {
 	-webkit-transform: translateY(0);
 	-moz-transform: translateY(0);
 	-ms-transform: translateY(0);
 	transform: translateY(0);
 }

 .ind-case-ft {
 	margin: 50px 0 45px;
 }

 .pages>ul {
 	display: -webkit-box;
 	display: -moz-box;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-align: center;
 	-moz-box-align: center;
 	-ms-flex-align: center;
 	align-items: center;
 	-webkit-box-pack: center;
 	-moz-box-pack: center;
 	-ms-flex-pack: center;
 	justify-content: center;
 }

 .pages>ul>li {
 	margin: 0 5px;
 	display: inline-block;
 	width: auto;
 	line-height: 24px;
 	padding: 2px 10px;
 	text-align: center;
	color: #fff;
 	background: #494e5a;
 	-webkit-box-shadow: 1px 1px 0px 0px #ffffff, inset 1px 2px 5px 0px rgba(0, 0, 0, 0.65);
 	-moz-box-shadow: 1px 1px 0px 0px #ffffff, inset 1px 2px 5px 0px rgba(0, 0, 0, 0.65);
 	box-shadow: 1px 1px 0px 0px #ffffff, inset 1px 2px 5px 0px rgba(0, 0, 0, 0.65);
 }

 .pages>ul>li.on {
 	background: #ba2d1a;
 }

 .pages>ul>li a {
 	display: block;
 	color: #fff;
 	cursor: pointer;
 }

 .pages>ul>li.prev,
 .pages>ul>li.next {
 	height: 24px;
 	-webkit-box-shadow: none;
 	-moz-box-shadow: none;
 	box-shadow: none;
 	background-color: transparent;
 	background-repeat: no-repeat;
 	-moz-background-size: contain;
 	background-size: contain;
 	background-position: center;
 }

 .pages>ul>li.prev {
 	background-image: url(../img/prev.png);
 }

 .pages>ul>li.next {
 	background-image: url(../img/next.png);
 }

 .g-hd {
 	padding: 19px 0;
 	text-align: center;
 	background: #383a3d;
 }

 .g-hd h3 {
 	margin-bottom: 6px;
 	font-size: 32px;
 	color: #eeb02c;
 	letter-spacing: 10px;
 }

 .g-hd p {
 	font-size: 20px;
 	color: #fff;
 }

 .process {
 	background: #bbbbbb;
 }

 .process-bd {
 	padding: 80px 3.4% 50px;
 }

 .process-bd ul {
 	margin: 0 auto;
 	width: 1200px;
 	display: -webkit-box;
 	display: -moz-box;
 	display: -ms-flexbox;
 	display: flex;
 	-ms-flex-wrap: wrap;
 	flex-wrap: wrap;
 	-webkit-box-pack: justify;
 	-moz-box-pack: justify;
 	-ms-flex-pack: justify;
 	justify-content: space-between;
 }

 .process-bd li {
 	width: 32%;
 }

 .process-bd li .img {
 	overflow: hidden;
 }

 .process-bd li img {
 	width: 100%;
 	-webkit-transition: all .5s;
 	-moz-transition: all .5s;
 	transition: all .5s;
 }

 .process-bd li:hover img {
 	-webkit-transform: scale(1.1);
 	-moz-transform: scale(1.1);
 	-ms-transform: scale(1.1);
 	transform: scale(1.1);
 }

 .process-bd li p {
 	padding: 10px 0 20px;
 	font-size: 24px;
 	line-height: 36px;
 	color: #000;
 	text-align: center;
 }

 .material-bd {
 	padding: 88px 0;
 	background: #000;
 }

 .material-bd .wrapper {
 	width: 1300px;
 }

 .material-bd ul {
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	overflow: hidden;
 	text-align: center;
 	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
 }

 .material-bd ul:before {
 	content: '';
 	position: absolute;
 	top: 50%;
 	left: 0;
	width: 100%;
 	height: 3px;
 	background: #fff;
 }

 .material-bd li {
 	position: relative;
 	margin-right: 89px;
 	display: inline-block;
 }

 .material-bd li:last-child {
 	margin-right: 0;
 }

 .material-bd li a {
 	display: block;
 	padding: 0 34px;
 	line-height: 45px;
 	font-size: 20px;
 	text-align: center;
 	border: solid 2px #ffffff;
 	background: #717171;
 	color: #fff;
 }

 .material-bd li:hover a {
 	background: #4198b8;
 }

 .news-style2 {position: relative;}

 .news-style2 .wrapper {
 	width: 1570px;
 }

 .news-style2 ul {
 	display: block;
 }

 .news-style2 li {
 	margin-bottom: 70px;
 	display: -webkit-box;
 	display: -moz-box;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-pack: center;
 	   -moz-box-pack: center;
 	    -ms-flex-pack: center;
 	        justify-content: center;
 	width: 100%;
 }

 .news-style2 li:last-child {
 	margin-bottom: 0;
 }

 .news-style2 li .img {
 	width: 38%;
 }

 .news-style2 li dl {
 	margin-left: 4%;
 	width: 50%;
 }

 .news-style2 li dt {
 	margin-bottom: 55px;
 	padding: 0 0 12px;
 }

 .news-style2 li dd {
 	font-size: 18px;
 	line-height: 36px;
 }

 .white-bg {
 	background: #fff;
 }

 .white-bg li {
 	border: 2px solid #717171;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 }

 .brand {
 	position: relative;
 }

 .service {
 	padding: 100px 0 60px;
 	background: url(../img/bg_04.jpg) no-repeat center;
 }

 .service-hd {
 	font-size: 22px;
 	color: #bbbbbb;
 	line-height: 36px;
 	text-align: center;
 }

 .service-hd h3 {
 	margin-bottom: 16px;
 	font-size: 56px;
 	font-weight: 100;
 	color: #eeb02c;
 }

 .service-bd {
 	margin-top: 125px;
 }

 .service-bd ul {
 	display: -webkit-box;
 	display: -moz-box;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-pack: justify;
 	-moz-box-pack: justify;
 	-ms-flex-pack: justify;
 	justify-content: space-between;
 }

 .service-bd li {
 	width: 184px;
 	text-align: center;
 }

 .service-bd li .img {
 	position: relative;
 	width: 184px;
 	height: 184px;
 	text-align: center;
 	-webkit-box-shadow: inset 0 0 0 50px rgba(113, 176, 224, .33);
 	-moz-box-shadow: inset 0 0 0 50px rgba(113, 176, 224, .33);
 	box-shadow: inset 0 0 0 50px rgba(113, 176, 224, .33);
 	-moz-border-radius: 50%;
 	border-radius: 50%;
 	-webkit-transition: all .3s;
 	-moz-transition: all .3s;
 	transition: all .3s;
 }

 .service-bd li .img:before {
 	content: '';
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	width: 150px;
 	height: 150px;
 	background: #444644;
 	-moz-border-radius: 50%;
 	border-radius: 50%;
 	-webkit-transform: translate(-50%, -50%);
 	-moz-transform: translate(-50%, -50%);
 	-ms-transform: translate(-50%, -50%);
 	transform: translate(-50%, -50%);
 	-webkit-transition: all .5s;
 	-moz-transition: all .5s;
 	transition: all .5s;
 }

 .service-bd li .img img {
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	-webkit-transform: translate(-50%, -50%);
 	-moz-transform: translate(-50%, -50%);
 	-ms-transform: translate(-50%, -50%);
 	transform: translate(-50%, -50%);
 }

 .service-bd li .txt {
 	color: #fff;
 	font-size: 16px;
 	line-height: 26px;
 }

 .service-bd li .txt h3 {
 	margin: 30px 0 15px;
 	font-size: 26px;
 }

 .service-bd li:hover .img {
 	-webkit-box-shadow: inset 0 0 0 5px rgba(113, 176, 224, 1);
 	-moz-box-shadow: inset 0 0 0 5px rgba(113, 176, 224, 1);
 	box-shadow: inset 0 0 0 5px rgba(113, 176, 224, 1);
 }

 .service-bd li:hover .img:before {
 	width: 126px;
 	height: 126px;
 	background: #71b0e0;
 }

 .board {
 	padding: 50px 0;
 	background: #fff;
 }

 .board-hd {
 	text-align: center;
 }

 .board-hd h3 {
 	font-size: 40px;
 	color: #000;
 }

 .board-hd p {
 	font-size: 18px;
 	color: #bbbbbb;
 }

 .board-bd {
 	margin-top: 50px;
 }

 .board-bd h3 {
 	text-align: center;
 	font-size: 18px;
 	color: #737374;
 }

 .board-bd .list {
 	margin-top: 30px;
 	padding: 0 20px;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	display: -webkit-box;
 	display: -moz-box;
 	display: -ms-flexbox;
 	display: flex;
 }

 .board-bd .list .left {
 	width: 32.5%;
 	margin-right: 25px;
 }

 .board-bd .list .left p {
 	margin-bottom: 20px;
 }

 .board-bd .list .left p:last-child {
 	margin-bottom: 0;
 }

 .board-bd .list .left input {
 	display: block;
 	padding: 0 24px;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	display: block;
 	width: 100%;
 	height: 55px;
 	font-size: 20px;
 	background-color: #d7d7d7;
 	-webkit-box-shadow: inset 2px 2px 3px 0px rgba(92, 91, 91, 0.34);
 	-moz-box-shadow: inset 2px 2px 3px 0px rgba(92, 91, 91, 0.34);
 	box-shadow: inset 2px 2px 3px 0px rgba(92, 91, 91, 0.34);
 	border: none;
 }

 .board-bd .list .right {
 	width: 100%;
 	height: 100%;
 }

 .board-bd .list .right textarea {
 	padding: 20px;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	display: block;
 	height: 205px;
 	width: 100%;
 	font-size: 20px;
 	resize: none;
 	background-color: #d7d7d7;
 	border: none;
 	-webkit-box-shadow: inset 2px 2px 3px 0px rgba(92, 91, 91, 0.34);
 	-moz-box-shadow: inset 2px 2px 3px 0px rgba(92, 91, 91, 0.34);
 	box-shadow: inset 2px 2px 3px 0px rgba(92, 91, 91, 0.34);
 }

 .board-bd .sub-btn {
 	margin-top: 28px;
 	text-align: center;
 }

 .board-bd .sub-btn a {
 	display: inline-block;
 	width: 205px;
 	line-height: 55px;
 	text-align: center;
 	background: #f19149;
 	color: #fff;
 }

 .footer-txt {
 	color: #fff;
 	width: 100%;
 }

 .footer-txt .t1 {
 	font-size: 18px;
 }

 .footer-txt .t2 {
 	margin: 15px 0;
 	font-size: 14px;
 }

 .footer-txt .t3 h3 {
 	display: none;
 }

 .footer-txt .t3 {
 	font-size: 18px;
 	line-height: 36px;
 }

 .footer-txt .t3 a {
 	color: #fff;
 }

 .footer-txt .t3 ul {
 	margin: 0 -20px -15px 0;
 	display: -webkit-box;
 	display: -moz-box;
 	display: -ms-flexbox;
 	display: flex;
 	-ms-flex-wrap: wrap;
 	flex-wrap: wrap;
 }

 .footer-txt .t3 li {
 	margin: 0 20px 15px 0;
 }

 .footer-txt .t4 {
 	margin-top: 25px;
 }

 .footer-txt .t4 ul {
 	display: -webkit-box;
 	display: -moz-box;
 	display: -ms-flexbox;
 	display: flex;
 }

 .footer-txt .t4 li {
 	margin-right: 39px;
 	font-size: 12px;
	position:relative;
 }
  .footer-txt .t4 li a{
	 display: -webkit-box;
	 display: -moz-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	 -moz-box-align: center;
	 -ms-flex-align: center;
	 align-items: center; 
	 color: #d7d7d7;
  }

 .footer-txt .t4 li img {
 	margin-right: 10px;
 }

 .footer-txt .t4 li .img-x {
 	display: none;
 }

 .footer-txt .t4 li:hover .img-x {
 	display: block;
 }

 .footer-txt .t4 li:hover .img-w {
 	display: none;
 }
.footer-txt .t4 .weixin {
	 display: -webkit-box;
	 display: -moz-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	 -moz-box-align: center;
	 -ms-flex-align: center;
	 align-items: center; 
	 color: #d7d7d7;
 }
 
  .footer-txt .t4 .weibo {
	 display: -webkit-box;
	 display: -moz-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	 -moz-box-align: center;
	 -ms-flex-align: center;
	 align-items: center; 
	 color: #d7d7d7;
 }
 
 .footer-txt .t4 .weixin span{
	 display:none;
 }
 
 .footer-txt .t4 .weixin:hover span{
	 display:block;
	 position:absolute;
	 top:100%; 
	 left:15%;
	 z-index:999;
	 background:rgba(0,0,0,0.4);
	 padding:5px 0px 0px 5px;
 }
 
 .footer-txt .t4 .weibo span{
	 display:none;
 }

  .footer-txt .t4 .weibo:hover span{
	 display:block;
	 position:absolute;
	 top:100%;
	 left:15%;
	 z-index:999;
	 background:rgba(0,0,0,0.4);
	 padding:5px 0px 0px 5px;
 }
 
 .footer-contact .qr-style2 {
 	margin-top: 40px;
 }

 .footer-contact .qr-style2 h3 img {
 	display: inline-block;
 	vertical-align: middle;
 	margin-right: 10px;
 }


 .publicity-item {
 	padding: 140px 0 120px;
 	background-repeat: no-repeat;
 	background-position: center;
 	-moz-background-size: cover;
 	background-size: cover;
 }

 .publicity-item .wrapper {
 	padding: 0 5%;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 }

 .publicity-box .bg1 {
 	background-image: url(../img/bg_05.jpg);
 }

 .publicity-box .bg2 {
 	background-image: url(../img/bg_06.jpg);
 }

 .publicity-box .bg3 {
 	background-image: url(../img/bg_07.jpg);
 }

 .publicity-box .bg4 {
 	background-image: url(../img/bg_08.jpg);
 }

 .publicity-box .bg5 {
 	background-image: url(../img/bg_09.jpg);
 }

 .publicity-item-bd {
 	overflow: hidden;
 	color: #fff;
 }

 .publicity-item-bd .txt {
 	float: left;
 	width: 360px;
 }

 .publicity-item-bd .txt .t1 {
 	font-size: 0;
 }

 .publicity-item-bd .txt .t1 h3 {
 	font-weight: bold;
 	font-size: 32px;
 }

 .publicity-item-bd .txt .t2 {
 	margin: 10px 0;
 	font-size: 28px;
 	color: #fff;
 }

 .publicity-item-bd .txt .t2 p {
 	background: #00b7ee;
 	line-height: 42px;
 	text-align: center;
 }

 .publicity-item-bd .txt img {
 	display: inline-block;
 	margin-right: 45px;
 	vertical-align: -6px;
 }

 .publicity-item-bd .txt .t3 {
 	margin-bottom: 30px;
 	font-size: 22px;
 	color: #00b7ee;
 	letter-spacing: 5px;
 }

 .publicity-item-bd .txt .desc {
 	font-size: 14px;
 	line-height: 25px;
 	letter-spacing: 3px;
 }

 .publicity-item-bd .video-box {
 	float: right;
 	position: relative;
 	padding: 25px 4px 58px;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	width: 589px;
 	height: 336px;
 	background: url(../img/bg_10.png) no-repeat center;
 	overflow: hidden;
 }

 .publicity-item-bd .video-box video {
 	width: 100%;
 	height: 100%;
 	-o-object-fit: fill;
 	object-fit: fill;
 }

 .publicity-item-bd .video-box img {
 	position: absolute;
 	top: 25px;
 	left: 4px;
 }

 .publicity-item .more {
 	text-align: right;
 }

 .publicity-item .more a {
 	padding-right: 25px;
 	display: inline-block;
 	margin-top: 15px;
 	font-size: 22px;
 	color: #eeb02c;
 	background: url(../img/icon_16.png) no-repeat right center;
 }

 .publicity-box .publicity-item:nth-child(even) .txt {
 	float: right;
 	color: #000;
 }

 .publicity-box .publicity-item:nth-child(even) .video-box {
 	float: left;
 }

 .publicity-box .publicity-item:nth-child(even) .more {
 	text-align: left;
 }

 .estate {
 	position: relative;
 	height: 1080px;
 	border-top: 22px solid #c91010;
 	background: url(../img/bg_12.jpg) no-repeat center;
 	-moz-background-size: cover;
 	background-size: cover;
 }

 .estate .tit {
 	padding: 40px 0;
 	overflow: hidden;
 	background-color: #3a3e41;
 }

 .estate .tit .desc {
 	margin-right: 10%;
 	float: right;
 	width: 55%;
 }

 .estate .tit .txt {
 	margin-left: 10%;
 	float: left;
 }

 .estate .img {
 	position: absolute;
 	top: 55%;
 	left: 10%;
 	font-size: 0;
 	-webkit-transition: all .3s;
 	-moz-transition: all .3s;
 	transition: all .3s;
 	-webkit-transform: scale(0);
 	-moz-transform: scale(0);
 	-ms-transform: scale(0);
 	transform: scale(0);
 }

 .estate .tip {
 	position: absolute;
 	top: 42%;
 	right: 13%;
 	padding: 20px;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	width: 534px;
 	background: rgba(0, 0, 0, .5);
 	color: #fff;
 	font-size: 16px;
 	line-height: 26px;
 	letter-spacing: 4px;
 	-webkit-transition: all .3s;
 	-moz-transition: all .3s;
 	transition: all .3s;
 	-webkit-transform: scale(0);
 	-moz-transform: scale(0);
 	-ms-transform: scale(0);
 	transform: scale(0);
 }

 .estate .btn {
 	position: absolute;
 	top: 32%;
 	left: 38.5%;
 	width: 20%;
 	height: 40%;
 	background: transparent;
 }

 .estate .list {
 	position: absolute;
 	left: 50%;
 	bottom: 30px;
 	-webkit-transform: translateX(-50%);
 	-moz-transform: translateX(-50%);
 	-ms-transform: translateX(-50%);
 	transform: translateX(-50%);
 }

 .exhibition {
 	padding: 90px 0 0;
 	position: relative;
 	background: #fff;
 }

 .exhibition .img {
 	position: relative;
 	z-index: 8;
 	text-align: center;
 }

 .exhibition .img img {
 	display: inline-block;
 }

 .exhibition .tit {
 	position: absolute;
 	top: 0;
 	right: 11%;
 	padding: 170px 60px 155px;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	width: 436px;
 	background: rgba(0, 0, 0, .66);
 	z-index: 9;
 }

 .exhibition .tit .desc {
 	margin-top: 30px;
 	text-align: justify;
 }

 .plant {
 	position: relative;
 	z-index: 1;
 	margin-top: -170px;
 }

 .plant .img {
 	text-align: center;
 }

 .plant .img img {
 	width: 100%;
 }

 .plant .tit {
 	position: absolute;
 	top: 230px;
 	right: 0;
 	overflow: hidden;
 }

 .plant .tit .txt {
 	margin-left: 29%;
 	color: #000;
 	float: left;
 }

 .plant .tit .desc {
 	margin-left: 4%;
 	float: left;
 	color: #000;
 	width: 48%;
 }

 .vr-rotate {
 	padding: 70px 0 50px;
 	background: #b7b7b7;
 }

 .vr-rotate ul {
 	margin: 0 auto;
 	width: 1440px;
 	overflow: hidden;
 }

 .vr-rotate li {
 	margin-right: 34px;
 	float: left;
 	font-size: 18px;
 	color: #444343;
 	text-align: center;
 	width: 334px;
 }

 .vr-rotate li:last-child {
 	margin: 0;
 }

 .vr-rotate li .img {
 	position: relative;
 	height: 334px;
 	background: url(../img/bg_14.jpg) no-repeat center;
 }

 .vr-rotate li .img .btn {
 	position: absolute;
 	left: 50%;
 	bottom: -30px;
 	display: block;
 	width: 50px;
 	height: 50px;
 	-webkit-transform: translateX(-50%);
 	-moz-transform: translateX(-50%);
 	-ms-transform: translateX(-50%);
 	transform: translateX(-50%);
 	background: url(../img/icon_17.png) no-repeat center;
	-moz-background-size: cover;
	     background-size: cover;
 }

 .vr-rotate li img {
 	position: absolute;
 	top: 50%;
 	left: 50%;
	width: 65%;
 	-webkit-transform: translate(-50%, -50%);
 	-moz-transform: translate(-50%, -50%);
 	-ms-transform: translate(-50%, -50%);
 	transform: translate(-50%, -50%);
 }

 .vr-rotate li p {
 	margin-top: 55px;
 }

 .train {
 	position: relative;
 	height: 1565px;
 	background: url(../img/bg_15.jpg) no-repeat center;
 	-moz-background-size: cover;
 	background-size: cover;
 }

 .medicine .tit,
 .train .tit {
 	position: absolute;
 	top: 20%;
 	left: 10%;
 	width: 400px;
 	border-left: 6px solid #fcbd36;
 	padding-left: 20px;
 }

 .medicine .tit .txt,
 .train .tit .txt {
 	margin-bottom: 20px;
 	padding-left: 0;
 	border: none;
 }

 .medicine {
 	position: relative;
 	height: 1300px;
 	background: url(../img/bg_16.jpg) no-repeat center;
 	-moz-background-size: cover;
 	background-size: cover;
 }

 .medicine .tit {
 	position: absolute;
 	top: 10%;
 	right: 10%;
 	left: auto;
 	float: right;
 }

 .medicine .tit .txt {
 	color: #000;
 }

 .medicine .tit .desc {
 	color: #000;
 }

 .medicine .video {
 	position: absolute;
 	left: 50%;
 	bottom: 75px;
 	-webkit-transform: translateX(-50%);
 	-moz-transform: translateX(-50%);
 	-ms-transform: translateX(-50%);
 	transform: translateX(-50%);
 	width: 1200px;
 	height: 750px;
 	z-index: 9;
 }

 .medicine .video img {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	z-index: 1;
 }

 .medicine .video video {
 	width: 100%;
 	height: 100%;
 	-o-object-fit: fill;
 	object-fit: fill;
 }

 .place {
 	position: relative;
 }

 .place-bg {
 	font-size: 0;
 	text-align: center;
 }

 .place .wrapper {
 	position: relative;
 }

 .place-bd {
 	position: absolute;
 	top: 85px;
 	left: 0;
 	width: 100%;
 	z-index: 9;
 }

 .place-bd .wrapper {
 	height: 940px;
 }

 .place-bd video,
 .place-bd img {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 }

 .place-bd img {
 	z-index: 2;
 	cursor: pointer;
 }

 .place-bd video {
 	z-index: 1;
 	background: #000;
 }

 .mobie {
 	padding: 335px 0 70px;
 }

 .mobie-bd ul {
 	display: -webkit-box;
 	display: -moz-box;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-pack: justify;
 	-moz-box-pack: justify;
 	-ms-flex-pack: justify;
 	justify-content: space-between;
 }

 .mobie-bd li {
 	text-align: center;
 }

 .mobie-bd li .img {
 	font-size: 0;
 }

 .mobie-bd li .txt {
 	margin-top: 20px;
 	color: #000;
 }

 .mobie-bd li .tit {
 	font-size: 24px;
 }

 .mobie-bd li .mid {
 	margin: 15px 0 0;
 	font-size: 20px;
 }

 .mobie-bd li .em {
 	font-size: 24px;
 	font-weight: bold;
 }

 .recruitment {}

 .recruitment-hd {
 	text-align: center;
 }

 .recruitment-hd .tit {
 	padding: 40px 0;
 	background: #000;
 	color: #fff;
 }

 .recruitment-hd .tit h3 {
 	font-size: 36px;
 }

 .recruitment-hd .tit p {
 	font-size: 30px;
 }

 .recruitment-hd .desc {
 	background: #c91010;
 	line-height: 42px;
 	color: #fff;
 	font-size: 24px;
 }

 .recruitment-bd {}

 .recruitment-bd .more {
 	padding: 20px 0 18px;
 	float: right;
 	text-align: right;
 	font-size: 20px;
 	line-height: 24px;
 	color: #000;
 }

 .recruitment-bd .more img {
 	display: inline-block;
 	vertical-align: -4px;
 }

 .recruitment-bd ul {
 	padding: 0 0 60px;
 	margin-bottom: -40px;
 	width: 100%;
 	display: -webkit-box;
 	display: -moz-box;
 	display: -ms-flexbox;
 	display: flex;
 	-ms-flex-wrap: wrap;
 	flex-wrap: wrap;
 	-webkit-box-pack: justify;
 	-moz-box-pack: justify;
 	-ms-flex-pack: justify;
 	justify-content: space-between;
 }

 .recruitment-bd li {
 	margin-bottom: 20px;
 	position: relative;
 	width: 32%;
 	height: 298px;
 	overflow: hidden;
 }

 .recruitment-bd li .img {
 	width: 100%;
 	height: 260px;
 	font-size: 0;
 }

 .recruitment-bd li .img p {
 	line-height: 38px;
 	text-align: center;
 	font-size: 20px;
 	background: rgba(0, 0, 0, .88);
 	color: #fff;
 	-webkit-transition: all .3s;
 	-moz-transition: all .3s;
 	transition: all .3s;
 }

 .recruitment-bd li img {
 	width: 100%;
 	height: 100%;
 }

 .recruitment-bd li .marck {
 	position: absolute;
 	left: 0;
 	bottom: 38px;
 	-webkit-transform: translateY(120%);
 	-moz-transform: translateY(120%);
 	-ms-transform: translateY(120%);
 	transform: translateY(120%);
 	width: 100%;
 	text-align: center;
 	background: rgba(0, 0, 0, .65);
 	color: #fff;
 	overflow: hidden;
 	-webkit-transition: all .3s;
 	-moz-transition: all .3s;
 	transition: all .3s;
 }

 .recruitment-bd li .marck .txt {
 	padding: 35px 55px 25px;
 	font-size: 14px;
 	line-height: 28px;
 	text-align: left;
 }

 .recruitment-bd li:hover .marck {
 	-webkit-transform: translateY(0);
 	-moz-transform: translateY(0);
 	-ms-transform: translateY(0);
 	transform: translateY(0);
 }

 .recruitment-bd li:hover p {
 	background: rgba(0, 0, 0, .68);
 }

 .contact-swiper-bd {
 	position: relative;
 }

 .contact-swiper-bd .swiper-button-next {
 	right: 10%;
 	background-image: url(../img/next_01.png);
 }

 .contact-swiper-bd .swiper-button-prev {
 	left: 10%;
 	background-image: url(../img/prev_01.png);
 }

 .contact-swiper-bd li {
 	text-align: center;
 	font-size: 0;
 }

 .map {
 	background: #4c4c4c;
 }

 .map-hd {
 	padding: 50px 0;
 	text-align: center;
 	font-size: 24px;
 	color: #fff;
 }

 .map-hd h3 {
 	font-size: 32px;
 }

 .map-hd .t2 {
 	margin-top: 25px;
 	font-size: 14px;
 }

 .map-bd {
 	font-size: 0;
 }

 .map-ft {
 	padding: 20px 0;
 	text-align: center;
 	font-size: 24px;
 }

 .map-ft a {
 	color: #fff;
 }

 .map-ft img {
 	vertical-align: -4px;
 }

 .brand-server {}

 .brand-server-hd {
 	padding: 50px 0;
 	background: #766454;
 	text-align: center;
 	color: #fff;
 	font-size: 56px;
 }

 .brand-server-hd h3 {
 	font-weight: 100;
 }

 .brand-server-hd p {
 	font-size: 22px;
 	font-weight: bold;
 	color: #bbbbbb;
 }

 .brand-server-top {
 	margin-top: 50px;
 }

 .brand-server-top .tit {
 	position: relative;
 	font-size: 30px;
 	color: #000;
 	text-align: center;
 }

 .brand-server-top .tit:before,
 .brand-server-top .tit:after {
 	content: '';
 	position: absolute;
 	top: 50%;
 	width: 154px;
 	height: 3px;
 	background: #000;
 }

 .brand-server-top .tit:before {
 	left: 10%;
 }

 .brand-server-top .tit:after {
 	right: 10%;
 }

 .brand-server-top .bd {
 	margin-top: 40px;
 }

 .brand-server-top .bd ul {
 	overflow: hidden;
 }

 .brand-server-top .bd li {
 	display: -webkit-box;
 	display: -moz-box;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-pack: justify;
 	-moz-box-pack: justify;
 	-ms-flex-pack: justify;
 	justify-content: space-between;
 	-webkit-box-align: stretch;
 	-moz-box-align: stretch;
 	-ms-flex-align: stretch;
 	align-items: stretch;
 	float: left;
 	margin-right: 40px;
 }

 .brand-server-top .bd li .img {
 	position: relative;
 	background: #626262;
 	width: 125px;
 	text-align: center;
 }

 .brand-server-top .bd li .img img {
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	-webkit-transform: translate(-50%, -50%);
 	-moz-transform: translate(-50%, -50%);
 	-ms-transform: translate(-50%, -50%);
 	transform: translate(-50%, -50%);
 }

 .brand-server-top .bd li .txt {
 	margin-left: 1px;
 	padding: 30px 30px 30px 25px;
 	border: 1px solid #a40000;
 	color: #000;
 }

 .brand-server-top .bd li .txt .t1 h3 {
 	font-size: 26px;
 	color: #b50d28;
 	font-weight: bold;
 }

 .brand-server-top .bd li .txt .t1 p {
 	font-size: 20px;
 	font-weight: bold;
 	color: #000;
 }

 .brand-server-top .bd li .txt .desc {
 	margin-top: 10px;
 	font-size: 18px;
 	color: #000;
 }

 .brand-server-top .bd li:last-child {
 	margin-right: 0;
 }

 .brand-server-bd {
 	margin-top: 40px;
 	padding-bottom: 40px;
 }

 .brand-server-bd .tit {
 	padding: 50px 0;
 	background: #b50d28;
 	color: #fff;
 	text-align: center;
 }

 .brand-server-bd .tit h3 {
 	margin-bottom: 5px;
 	font-size: 34px;
 	text-align: center;
 }

 .brand-server-bd .item {
 	margin-top: 60px;
 }

 .brand-server-bd .item .t1 {
 	text-align: center;
 }

 .brand-server-bd .item .t1 img {
 	display: inline-block;
 }

 .brand-server-bd .item .t1 p {
 	margin-top: 20px;
 	font-size: 24px;
 	color: #b50d28;
 }

 .brand-server-bd .item ul {
 	margin-top: 50px;
 	display: -webkit-box;
 	display: -moz-box;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-pack: justify;
 	-moz-box-pack: justify;
 	-ms-flex-pack: justify;
 	justify-content: space-between;
 }

 .brand-server-bd .item li {
 	width: 33.33%;
 	font-size: 20px;
 }

 .brand-server-bd .item li a {
 	color: #000;
 }

 .brand-server-bd .item1 li {}

 .brand-server-bd .item1 li a {
 	display: -webkit-box;
 	display: -moz-box;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-align: center;
 	-moz-box-align: center;
 	-ms-flex-align: center;
 	align-items: center;
 }

 .brand-server-bd .item1 li .img {
 	position: relative;
 	width: 78px;
 	height: 78px;
 	background: #a6a6a6;
 	-moz-border-radius: 50%;
 	border-radius: 50%;
 }

 .brand-server-bd .item1 li .img img {
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	-webkit-transform: translate(-50%, -50%);
 	-moz-transform: translate(-50%, -50%);
 	-ms-transform: translate(-50%, -50%);
 	transform: translate(-50%, -50%);
 }

 .brand-server-bd .item1 li .txt {
 	margin-left: 20px;

 }

 .brand-server-bd .item2 li p {
 	margin-bottom: 10px;
 }

 .brand-server-bd .item2 li p:last-child {
 	margin-bottom: 0;
 }

 .brand-server-bd .item2 li a {
 	display: block;
 	padding-left: 26px;
 	background: url(../img/icon_27.png) no-repeat left center;
 }

 .why-we-hd {
 	padding: 50px 0;
 	text-align: center;
 	font-size: 56px;
 	color: #fff;
 	background: #766454;
 }

 .why-we-hd p {
 	margin-top: 5px;
 	font-size: 32px;
 	color: #dcdcdc;
 }

 .why-we-bd {
 	padding: 9% 0 8%;
 	font-size: 0;
 	text-align: center;
 }

 .why-we-bd img {
 	display: inline-block;
 }

 .crash {
 	position: relative;
 	padding: 70px 0 60px;
 	background: #dfdfdf;
 }

 .crash-hd {
 	text-align: center;
 	font-size: 38px;
 	color: #a40000;
 }

 .crash-hd p {
 	position: relative;
 	margin-top: 10px;
 	display: inline-block;
 	font-size: 24px;
 	color: #000000;
 }

 .crash-hd p:before,
 .crash-hd p:after {
 	content: '';
 	position: absolute;
 	top: 50%;
 	width: 120px;
 	height: 3px;
 	background: #000;
 }

 .crash-hd p:before {
 	left: -70%;
 }

 .crash-hd p:after {
 	right: -70%;
 }

 .crash-bd {
 	margin-top: 55px;
 }

 .crash-bd ul {
 	margin: 0 auto;
 	width: 1500px;
 	display: -webkit-box;
 	display: -moz-box;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-pack: justify;
 	-moz-box-pack: justify;
 	-ms-flex-pack: justify;
 	justify-content: space-between;
 }

 .crash-bd li {
 	font-size: 0;
 }

 .crash-bd li {
 	position: relative;
 }

 .crash-bd li a {
 	display: block;
 }

 .crash-bd li:before {
 	content: '';
 	position: absolute;
 	top: 50%;
 	right: -27%;
 	margin-top: -2px;
 	width: 34px;
 	height: 5px;
 	background: #000;
 }

 .crash-bd li:last-child:before {
 	display: none;
 }

 .image-list {
 	padding: 180px 0;
 	background: #303030;
 }

 .image-list-bd li {
 	position: relative;
 	margin-bottom: 15px;
 	display: -webkit-box;
 	display: -moz-box;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-pack: justify;
 	-moz-box-pack: justify;
 	-ms-flex-pack: justify;
 	justify-content: space-between;
 	font-size: 0;
 }

 .image-list-bd li a {
 	position: relative;
 	z-index: 1;
 	display: inline-block;
 	margin-right: 10px;
 	font-size: 0;
 }

 .image-list-bd li .img-left {
 	display: -webkit-box;
 	display: -moz-box;
 	display: -ms-flexbox;
 	display: flex;
 	-ms-flex-wrap: wrap;
 	flex-wrap: wrap;
 	font-size: 0;
 }

 .image-list-bd li .img-left .top {
 	margin-bottom: 10px;
 	display: -webkit-box;
 	display: -moz-box;
 	display: -ms-flexbox;
 	display: flex;
 }

 .image-list-bd li .img-right {
 	-webkit-box-flex: 1;
 	   -moz-box-flex: 1;
 	    -ms-flex: 1;
 	        flex: 1;
 	margin-left: 1%;
 }

 .image-list-bd li a:hover {
 	-webkit-animation: fade .5s ease-in;
 	-moz-animation: fade .5s ease-in;
 	animation: fade .5s ease-in;
 }

 @-webkit-keyframes fade {
 	0% {
 		opacity: 0;
 	}

 	100% {
 		opacity: 1;
 	}
 }

 @-moz-keyframes fade {
 	0% {
 		opacity: 0;
 	}

 	100% {
 		opacity: 1;
 	}
 }

 @keyframes fade {
 	0% {
 		opacity: 0;
 	}

 	100% {
 		opacity: 1;
 	}
 }

 .image-list-bd li a:last-child {
 	margin-right: 0;
 }

 .image-list-bd li.frist-time:before {
 	content: '';
 	position: absolute;
 	top: -25px;
 	left: 0;
 	width: 760px;
 	height: 420px;
 	background: #16a7e1;
 }

 .image-list-bd li.last-item:before {
 	content: '';
 	position: absolute;
 	bottom: 0;
 	right: -20px;
 	width: 420px;
 	height: 280px;
 	background: #16a7e1;
 }

 /* 数字展厅 */
 .industry-hd {
 	position: relative;
 	background: #000;
 }

 .industry-bd {
 	background: #393b3e;
 }

 .industry-bd ul {
 	padding: 130px 0 100px;
 	display: -webkit-box;
 	display: -moz-box;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-pack: justify;
 	-moz-box-pack: justify;
 	-ms-flex-pack: justify;
 	justify-content: space-between;
 }

 .industry-bd li {
 	position: relative;
 	width: 20%;
 	height: 330px;
 	background-repeat: no-repeat;
 	background-position: center;
 	background-image: url(../img/bg_18.png);
 	-moz-background-size: contain;
 	background-size: contain;
 }

 .industry-bd li .img {
 	position: absolute;
 	top: -15px;
 	left: 50%;
 	-webkit-transform: translateX(-50%);
 	-moz-transform: translateX(-50%);
 	-ms-transform: translateX(-50%);
 	transform: translateX(-50%);
 	text-align: center;
 	font-size: 0;
 	-webkit-transition: all .3s;
 	-moz-transition: all .3s;
 	transition: all .3s;
 }

 .industry-bd li p {
 	position: absolute;
 	left: 50%;
 	bottom: 60px;
 	-webkit-transform: translateX(-50%);
 	-moz-transform: translateX(-50%);
 	-ms-transform: translateX(-50%);
 	transform: translateX(-50%);
 	font-size: 30px;
 	color: #fff;
 }

 .industry-bd li:hover .img {
 	top: -30px;
 }

 .industry-bd li:nth-child(2) {
 	background-image: url(../img/bg_19.png);
 }

 .industry-bd li:nth-child(3) {
 	background-image: url(../img/bg_20.png);
 }

 .industry-bd li:nth-child(4) {
 	background-image: url(../img/bg_21.png);
 }

 .industry-bd li:nth-child(5) {
 	background-image: url(../img/bg_22.png);
 }

 .why-we-bd {
 	padding: 120px 0;
 	background: #000;
 	text-align: center;
 }

 .why-we-bd img {}

 .brand-banner img {
 	width: 100%;
 }
 .index-text{
	line-height: 180px;
	color: #fff;
	font-size: 46px;
	font-weight: bold;
	text-align: center;
	background: #2f76c0;
 }
 
 /* 2019-9-12 软件产品 */
.product-fun{
	padding: 110px 0 150px;
	background: #2e2e2e;
}
.product-fun .wrapper{
	width: 1300px;
}
.product-fun .hd{
	margin-bottom: 150px;
	text-align: center;
}
.product-fun .hd h3{
	font-size: 60px;
	font-weight: bold;
	color: #10c5f8;
}
.product-fun .img{
	position: relative;
	margin: 0 auto;
	font-size: 0;
	width: 220px;
	height: 220px;
	-moz-border-radius: 50%;
	     border-radius: 50%;
	background: #676767;
}
.product-fun .img:before{
	content: '';
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: url(../img/icon_32.png) no-repeat;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
	-webkit-transition: all .6s cubic-bezier(.41,.3,.63,1.03);
	-moz-transition: all .6s cubic-bezier(.41,.3,.63,1.03);
	transition: all .6s cubic-bezier(.41,.3,.63,1.03);
}
.product-fun li:hover .img:before{
	-webkit-transform: rotate(360deg);
	   -moz-transform: rotate(360deg);
	    -ms-transform: rotate(360deg);
	        transform: rotate(360deg);
}
.product-fun .img img{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40%;
	-webkit-transform: translate(-50%,-50%);
	   -moz-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
}
.product-fun  .txt{
	margin-top: 65px;
	font-size: 26px;
	color: #fff;
	line-height: 46px;
	text-align: center;
}
.product-fun ul{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.product-fun ul li{
		
}
.time-consuming{
	padding: 170px 0;
}
.time-consuming .bd{
	text-align: center;
}
.time-consuming .bd li{
	margin-bottom: 60px;
	font-size: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}
.time-consuming .bd li:hover{
	-webkit-transform: translateY(-15px);
	   -moz-transform: translateY(-15px);
	    -ms-transform: translateY(-15px);
	        transform: translateY(-15px);
}
.time-consuming .bd li:last-child{
	margin-bottom: 0;
}
.yourself{
	position: relative;
	overflow: hidden;
}
.yourself .bg{
	font-size: 0;
}
.yourself .bg img{
	width: 100%;
}
.yourself .hand{
	position: absolute;
	top: -34px;
	left: 10%;
	font-size: 0;
	transform-origin:20% 40%;
	-ms-transform-origin:20% 40%; /* IE 9 */
	-webkit-transform-origin:20% 40%; /* Safari and Chrome */
	-moz-transform-origin:20% 40%; /* Firefox */
	-o-transform-origin:20% 40%; /* Opera */
	-webkit-animation: handMove 2s infinite;
	   -moz-animation: handMove 2s infinite;
	        animation: handMove 2s infinite;
}
@-webkit-keyframes handMove{
	0%{
		-webkit-transform: rotate(0);
		        transform: rotate(0);
	}
	50%{
		-webkit-transform: rotate(5deg);
		        transform: rotate(5deg);
	}
	100%{
		-webkit-transform: rotate(0);
		        transform: rotate(0);
	}
}
@-moz-keyframes handMove{
	0%{
		-moz-transform: rotate(0);
		     transform: rotate(0);
	}
	50%{
		-moz-transform: rotate(5deg);
		     transform: rotate(5deg);
	}
	100%{
		-moz-transform: rotate(0);
		     transform: rotate(0);
	}
}
@keyframes handMove{
	0%{
		-webkit-transform: rotate(0);
		   -moz-transform: rotate(0);
		        transform: rotate(0);
	}
	50%{
		-webkit-transform: rotate(5deg);
		   -moz-transform: rotate(5deg);
		        transform: rotate(5deg);
	}
	100%{
		-webkit-transform: rotate(0);
		   -moz-transform: rotate(0);
		        transform: rotate(0);
	}
}
.scheme .hd{
	background: #2e2e2e;
	line-height: 100px;
	font-size: 32px;
	text-align: center;
	color: #10c5f8;
}
.scheme .bd{
	margin-top: 170px;
}
.scheme .bd .desc{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}
.scheme .bd .desc .video-box{
	position: relative;
	width: 55%;
	padding: 25px 4px 58px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 720px;
	height: 466px;
	background: url(../img/bg_23.png) no-repeat center;
	-moz-background-size: 100% 100%;
	     background-size: 100% 100%;
	overflow: hidden;
}
.scheme .bd .desc .video-box img{
	position: absolute;
	-moz-tab-size: 20px;
	  -o-tab-size: 20px;
	     tab-size: 20px;
	left: 0;
	z-index: 1;
	width: 100%;
}
.scheme .bd .desc .video-box video{
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: fill;
	   object-fit: fill;
}
.scheme .bd .desc .txt{
	width: 45%;
	margin-left: 20px;
}
.scheme .bd .desc .txt h3{
	font-size: 66px;
	color: #2e2e2e;
	font-family: REEJI-BigYoung-BoldGB2.0;
	letter-spacing: 5px;
	font-weight: bold;
}
.scheme .bd .desc .txt  .t1{
	margin: 15px 0;
	padding: 30px 0 30px 30px;
	background: #0099cc;
	color: #fff;
	font-size: 32px;
	line-height: 45px;
}
.scheme .bd .desc .txt .t2{
	font-size: 26px;
	color: #2e2e2e;
	line-height: 45px;
	letter-spacing: 2px;
}
.scheme .bd .img{
	margin-top: 30px;
	font-size: 0;
	text-align: center;
}
.scheme .bd .img img{
	width: 100%;
}
.superiority{
	background: #2e2e2e;
}
.superiority .hd{
	padding: 40px 0;
	text-align: center;
	font-size: 32px;
	color: #fff;
	background: #a9a9a9;
}
.superiority .hd h3{
	margin-bottom: 10px;
	font-size: 52px;
}
.superiority .bd{
	padding: 40px 0;
	text-align: center;
}
.software-material .hd{
	background: #10c5f8;
}
.software-material .hd h3{
	color: #000;
}
.software-material .hd p{
	color: #3f3f3f;
}
.after-sales-service{
	padding-bottom: 120px;
	background: #2e2e2e;
}
.after-sales-service .hd{
	padding: 40px 0 80px;
	text-align: center;
}
.after-sales-service .bd img{
	width: 100%;
}

/* 2019-10-28  start*/

.g-video-box{
	position: relative;
	padding: 25px 4px 58px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background: url(../img/bg_10.png) no-repeat center;
	overflow: hidden;
	cursor: pointer;
}
.g-video-box img{
	position: absolute;
	top: 25px;
	left: 4px;
}
.g-video-box video{
	width: 100%;
	height: 100%;
	-o-object-fit: fill;
	object-fit: fill;
}

.header-style2{
	position: static;
}
.header-style2 .header-bd{
	top: 0!important;
}
.header-style2 .header-fx{
	position: static!important;
}
.animation-box{
	
}
.breadcrumb{
	font-size: 16px;
}
.breadcrumb p{
	display: inline-block;
	vertical-align: middle;
}
.breadcrumb a{
	display: inline-block;
	vertical-align: middle;
	color: #000;
	
}
.breadcrumb .wrapper > a + a:before{
	display: inline-block;
	vertical-align: 1px;
	padding: 0 5px;
	color: #ccc;
	content: ">";
	color: #000;
}
.animation-box .hd{
	padding: 3.5% 0;
	background: #393b3e;
	overflow: hidden;
}
.animation-box .hd .wrapper{
	overflow: hidden;
}
.animation-box .hd .tit{
	float: left;
	font-size: 16px;
	color: #bbbbbb;
}
 @media (min-width: 960px){
 .animation-box .hd .tit{
 	margin-right: 400px;
   }
 }
.animation-box .hd .tit h3{
	font-size: 38px;
	color: #fff;
	margin-bottom: 8px;
}
.globel-serch .bd .serch-box,
.animation-box .hd .serch-box{
	position: relative;
	margin-top: 25px;
	float: right;
	width: 390px;
	height: 35px;
}
.animation-box .hd .serch-box form{
	display: block;width: 100%;height: 100%;
}
.globel-serch .bd .serch-box input, 
.animation-box .hd .serch-box input{
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 38px 0 17px;
	box-sizing: border-box;
	background: #c0c1c2;
	color: #000;
	box-shadow: inset 1px 2px 2px 0px rgba(0, 0, 0, 0.26);
	border: none;
}
.globel-serch .bd .serch-box button, 
.animation-box .hd .serch-box button{
	position: absolute;
	top: 50%;
	right: 2px;
	margin-top: -14px;
	width: 36px;
	height: 29px;
	background: url(../img/img_103.png) no-repeat center;
	background-color: #393b3e;
	border: none;
	cursor: pointer;
}
.animation-box .bd{
	padding-bottom: 50px;
}
.animation-box .bd .breadcrumb{
	margin: 30px 0 20px;
}
.animation-box .bd  .content{
	overflow: hidden;
}
.animation-box .bd .left{
	width: 960px;
	
}
.animation-box .bd .video-box{
	padding: 43px 3px 108px;
	background: url(../img/img_101.png) no-repeat center;
	overflow: hidden;
	height: 640px;
}
.animation-box .bd .video-box img{
	top: 42px;
	left: 0;
}
.animation-box .bd .txt{
	font-size: 16px;
	color: #000;
	line-height: 32px;
}
.animation-box .bd .txt .tit{
	padding: 30px 0;
	display: flex;
	justify-content: space-between;
}
.animation-box .bd .txt .tit h3{
	font-size: 32px;
}
.animation-box .bd .txt .tit span{
	font-size: 18px;
}
.animation-box .bd .txt p{
	color: rgba(0,0,0,.56);
}
.animation-box .bd .txt p img{
	width: 100%;
}
.animation-box .bd .txt p embed{
	width: 100%!important;
}
.animation-box .bd .txt p iframe{
	width: 100%;
}
.animation-box .bd .right{
}
.qr-fixed .qr{
	font-size:0;
	text-align: center;
}
.qr-fixed .qr p{
	font-size: 16px;
	color: #000;
}
.qr-fixed{
	position: fixed;
	top: 40%;
	right: 20%;
	z-index: 9999;
}
.qr-fixed img{
	box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
}

.ind-case-bd{
	
}
.ind-case-bd .t1{
	margin-bottom: 65px;
	position: relative;
	height: 42px;
	background: #c91010;
}

.ind-case-bd .t1 .g-ft{
	bottom: -45px;
}

.bg-gray{
	background: #e9e9ea;
}
.globel-serch{
	padding: 45px 0;
	background: #dad8d6;
}
.globel-serch .bd .serch-box{
	margin: 0;
	float: none;
	width: 100%;
	height: 70px;
}
.globel-serch .bd .serch-box form{
	display: block;
	height: 100%;
}
.globel-serch .bd .serch-box input{
	padding: 0 75px 0 20px;
	background: #eeeeee;
	font-size: 22px;
	box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.26);
}
.globel-serch .bd .serch-box button{
	margin: 0;
	right: 5px;
	width: 70px;
	height: 57px;
	transform: translateY(-50%);
	background: url(../img/img_105.png) no-repeat center;
	background-color: #b6b4b3;
}
.news-list{
	
} 
.news-list .tab{
	padding: 110px 0;
}
.news-list .tab ul{
	text-align: center;
}
.news-list .tab ul li{
	margin-right: 110px;
	display: inline-block;
}
.news-list .tab ul li:last-child{
	margin-right: 0;
}
.news-list .tab ul li a{
	display: block; 
	background: #727272;
	text-align: center;
	width: 400px;
	line-height: 60px;
	font-size: 32px;
	color: #fff;
}
.news-list .tab ul li.on a{
	background: #990000;
}
.news-list .content-item .list{
	position: relative;
}
.news-list .content-item .hr{
	margin: 20px 0 0;
	position: relative;
	background: #5DA0CB;
	width: 100%;
	height: 5px;
}
.news-list .content-item .hr:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 30%;
	height:5px;
	background: #000;
}
.news-list .content-item .list li{
	padding: 15px 20px;
	border-bottom: 2px solid #d0d0d0;
}
.news-list .content-item .list li a{
	display: flex;
	align-items: center;
}
.news-list .content-item .list li .img{
	font-size: 0;
	width: 230px;
	height: 150px;
}
.news-list .content-item .list li .img img{
	width: 100%;
	height: 100%;
}
.news-list .content-item .list li .txt{
	padding: 0 0 0 88px;
	flex: 1;
	font-size: 24px;
}
.news-list .content-item .list li .txt p{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
.news-list .content-item .list li .txt .t1{
	margin-bottom: 20px;
}
.news-list .content-item .list li .txt .t1 i{
	margin-right: 20px;
	display: inline-block;
	vertical-align: -2px;
	width: 10px;
	height: 20px;
	background-image: url(../img/img_107.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.news-list .content-item .list li:hover  .txt .t1 i{
	background-image: url(../img/img_108.png); 
}
.news-list .content-item .list li:hover  .txt .t1 .news-tit{
	color: #990000;
}
.news-list .content-item .recommend{
	padding: 80px 0 ;
}
.news-list .content-item .recommend .hd{
	margin-bottom: 15px;
}
.news-list .content-item .recommend .hd h3{
	font-size: 24px;
	font-weight: bold;
	color: #727272;
}
.news-list .content-item .recommend .bd li a{
	display: flex;
	justify-content: space-between;
	padding: 20px 0 20px 20px;
	border-bottom: 2px solid #d0d0d0;
	font-size: 24px;
	color: #727272;
}
.news-list .content-item .recommend .bd li .t1{
	font-weight: bold;
}
.news-list .content-item .recommend .bd li .t2{
	font-size: 22px;
}
.news-list .content-item .recommend .bd li .t2 em{
	margin-right: 20px;
	font-size: 24px;
	font-weight: bold;
}
.news-list .content-item .recommend .pages{
	padding: 65px 0 0 ;
}
.news-list .content-item .breadcrumb {
	font-size: 22px;
}
.news-list .content-item .breadcrumb p{
	margin-right: 40px;
	font-size: 24px;
}
.news-list .content-item .breadcrumb p em{
	font-size: 28px;
	font-weight: bold;
}
/* 2019-10-28  end*/