/*---pc&wap comon style-----*/
body {
	font-family: "Helvetica Neue For Number", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
	min-width: 1100px;
}

h1{
	font-weight: normal !important;
}

.hidden {
	display: none;
}

.c999 {
	color: #999 !important;
}

.cred {
	color: red;
}

.padding-top110 {
	padding-top: 0px !important;
}

.padding-top0 {
	padding-top: 0px !important;
}

.margin-top0 {
	margin-top: 0px !important;
}

.border-none {
	border: none !important;
}

.bg-fff {
	background: #fff !important;
}

.width50 {
	width: 48%;
}

.main-w {
	width: auto;
	max-width: 1200px;
	overflow: hidden;
	padding: 0 20px;
	margin: 0 auto;
	/* display:inline-block; */
}

/*return-top*/
.return-top {
	position: fixed;
	bottom: 100px;
	right: 0;
	z-index: 999999;
	transition: 0.7s;
	-webkit-transition: 0.7s;
	/* Safari */
}

.return-top span {
	width: 60px;
	height: 60px;
	padding-top: 30px;
	box-sizing: border-box;
	font-size: 14px;
	text-align: center;
	/* color: #989EA2; */
	color: #fff;
	cursor: pointer;
	/* background: #D61518 url(../images/home/returnTop-icon.png) no-repeat center 25%; */
	background: #D61518 url(../images/home/returnTop-icon-hover.png) no-repeat center 25%;
	display: inline-block;
}

.return-top span:hover {
	background: #D61518 url(../images/home/returnTop-icon-hover.png) no-repeat center 25%;
	color: #fff;
	transition: background 0.5s;
	-webkit-transition: background 0.5s;
	/* Safari */
}

.top {
	width: 100%;
	display: inline-block;
	float: left;
}

.top .top-t {
	width: 100%;
	height: 100px;
	position: fixed;
	top: 0px;
	left: 0;
	z-index: 999999;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	/* Safari */
	/*background: rgba(13,18,32,.6);*/
	min-width: 1100px;
}

.top .top-main {
	height: 58px;
	margin-top: 30px;
	transition: 0.7s;
	-webkit-transition: 0.7s;
	/* Safari */
	min-width: 100%;
}

.top .top-main .top-logo {
	width: auto;
	margin-left: 3%;
	float: left;
}

.top .top-main .top-logo img {}

.top .top-main .top-nav {
	width: auto;
	margin-top: 15px;
	float: right;
	margin-right: 120px;
}

.top .top-main .top-nav li {
	font-size: 18px;
	padding: 0px 0px;
	margin: 2px 18px 2px 100px;
	color: #ddd;
	display: inline-block;
}

.top .top-main .top-nav li a {
	padding: 0px 0px;
	color: #ddd;
	display: inline-block;
	transition: width, background 0.7s;
	-webkit-transition: width, background 0.7s;
	/* Safari */
}

.top .top-main .top-nav li.active,
.top .top-main .top-nav li:hover {
	margin: 0px 0px 0px 82px;
	color: #fff;
}

.top .top-main .top-nav li.active>a,
.top .top-main .top-nav li:hover>a {
	padding: 2px 18px;
	color: #fff;
	background: #D61518;
	border-radius: 2px;
}


/*footer*/
.footer {
	width: 100%;
	margin-top: 0px;
	padding-top: 40px;
	text-align: center;
	/* border-top: 1px solid #eee; */
	background: rgba(13, 18, 32, .9);
	display: inline-block;
}

.footer .main-w {
	max-width: 1400px;
}

.footer .Reservation {
	margin-right: 5%;
	float: left;
}

.footer .Reservation dt {
	text-align: left;
	margin-bottom: 35px;
	font-size: 24px;
	color: #fff;
}

.footer .Reservation dl {}

.footer .Reservation dd {
	margin-right: 40px;
	float: left;
}

.footer .Reservation dd input {
	width: 250px;
	height: 42px;
	font-size: 18px;
	padding-left: 50px;
	background-color: #f9f9f9;
	background-repeat: no-repeat;
	background-position: 15px center;
	border: none;
	border-radius: 2px;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	/* Safari */
}

.footer .Reservation dd .user-icon {
	background-image: url(../images/home/user-icon.png);
}

.footer .Reservation dd .iphone-icon {
	background-image: url(../images/home/iphone-icon.png);
}

.footer .Reservation dl .Reservation-btn {
	height: 42px;
	line-height: 42px;
	padding: 0 30px;
	color: #fff;
	font-size: 16px;
	border-radius: 3px;
	background: #D61518;
	display: inline-block;
	cursor: pointer;
}

.footer .Reservation dd input:focus {
	background-color: #fff;
}

.footer .foot-contact {
	text-align: left;
	float: right;
}

.contact-user {
	color: inherit;
}

.alert-box {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 700px;
	min-height: 350px;
	color: #989EA2;
	background: #2c3448;
	transform: translateX(-50%) translateY(-50%);
	z-index: 999999;
}

.alert-box .close {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 20px;
	color: #fff;
}

.alert-box .call-box {
	padding: 40px;
	font-size: 18px;
}

.alert-box .call-box>div {
	margin-bottom: 10px;
}

.alert-box .call-box .btn {
	padding: 3px 10px;
	display: inline-block;
	color: #fff;
	background: #989EA2;
}

.right-box {
	position: fixed;
	bottom: 170px;
	right: 0;
	z-index: 999999;
}

.right-box>div {
	margin-top: 10px;
	/* background: #2c3448; */
	background: #D61518;
	text-align: center;
	/* color: #989EA2; */
	color: #fff;
	cursor: pointer;
	width: 60px;
	height: 60px;
	line-height: 60px;
}


.footer .foot-contact dt {
	margin-bottom: 30px;
	font-size: 24px;
	color: #fff;
}

.footer .foot-contact dl {}

.footer .foot-contact dd {
	margin-bottom: 10px;
	font-size: 16px;
	color: #999;
	transition: width, height .8s;
	-webkit-transition: width, height .8s;
	/* Safari */
}

.footer .foot-contact dd:hover {
	color: #D61518;
}

.footer .foot {
	width: 100%;
	font-size: 14px;
	color: #999;
	padding: 20px 0;
	margin-top: 20px;
	border-top: 1px solid #333;
	display: inline-block;
}

.footer .foot .foot-l {
	float: left;
}

.footer .foot .foot-l span {}

.footer .foot .foot-l a {
	color: #999;
}

.footer .foot .foot-r {
	float: right;
}

.footer .foot .foot-r .foot-logo {}

.footer .foot .foot-r .foot-logo img {}


/* index-banner-css */
.index-banner {
	width: 100%;
	height: 580px;
	position: relative;
	overflow: hidden;
	min-width: 1200px;
}

.index-banner .pic {
	width: 100% !important;
	height: 100%;
	position: relative;
	z-index: 0;
}

.index-banner .pic li {
	width: 100% !important;
	height: 100%;
	text-align: center;
	display: block;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center;
}

.index-banner .pic li a {
	width: 100% !important;
	height: 100%;
	display: block;
}

.index-banner .pic li img {
	/* max-width: 40%; */
	position: absolute;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	/* Safari */
	/* max-height: 80px; */
}

.index-banner .pic li .index-banner-txt1 {
	animation: rightEaseInAnimate1 1s ease 1;
	/**/
	animation-fill-mode: forwards;
	/*ŽN*/
	top: 45%;
	left: 50%;
	-ms-transform: translate(-50%, -45%);
	/* IE 9 */
	-webkit-transform: translate(-50%, -45%);
	/* Safari and Chrome */
	-o-transform: translate(-50%, -45%);
	/* Opera */
	-moz-transform: translate(-50%, -45%);
	/* Firefox */
	transform: translate(-50%, -45%);
}

.index-banner .pic li .index-banner-txt1-x {
	animation: rightEaseInAnimate2 1s ease 1;
	/**/
	animation-fill-mode: forwards;
	/*ŽN*/
	top: 60%;
	left: 50%;
	-ms-transform: translate(-50%, -60%);
	/* IE 9 */
	-webkit-transform: translate(-50%, -60%);
	/* Safari and Chrome */
	-o-transform: translate(-50%, -60%);
	/* Opera */
	-moz-transform: translate(-50%, -60%);
	/* Firefox */
	transform: translate(-50%, -60%);
}

.index-banner .pic li .index-banner-txt2 {
	animation: rightEaseInAnimate3 1s ease 1;
	/**/
	animation-fill-mode: forwards;
	/*ŽN*/
	top: 52%;
	left: 50%;
	-ms-transform: translate(-50%, -45%);
	/* IE 9 */
	-webkit-transform: translate(-50%, -45%);
	/* Safari and Chrome */
	-o-transform: translate(-50%, -45%);
	/* Opera */
	-moz-transform: translate(-50%, -45%);
	/* Firefox */
	transform: translate(-50%, -45%);
}

.index-banner .pic li .index-banner-txt2-x {
	animation: rightEaseInAnimate4 1s ease 1;
	/**/
	animation-fill-mode: forwards;
	/*ŽN*/
	top: 57%;
	left: 50%;
	-ms-transform: translate(-50%, -57%);
	/* IE 9 */
	-webkit-transform: translate(-50%, -57%);
	/* Safari and Chrome */
	-o-transform: translate(-50%, -57%);
	/* Opera */
	-moz-transform: translate(-50%, -57%);
	/* Firefox */
	transform: translate(-50%, -57%);
	margin-top: 30px;
	display: none;
}

.index-banner .pic li .index-banner-txt3 {
	animation: rightEaseInAnimate4 1s ease 1;
	/**/
	animation-fill-mode: forwards;
	/*ŽN*/
	top: 58%;
	left: 50%;
	-ms-transform: translate(-50%, -48%);
	/* IE 9 */
	-webkit-transform: translate(-50%, -48%);
	/* Safari and Chrome */
	-o-transform: translate(-50%, -48%);
	/* Opera */
	-moz-transform: translate(-50%, -48%);
	/* Firefox */
	transform: translate(-50%, -48%);
	height: 300px;
}

.index-banner .pic li .index-banner-txt3-x {
	animation: rightEaseInAnimate6 1s ease 1;
	/**/
	animation-fill-mode: forwards;
	/*ŽN*/
	top: 59%;
	left: 50%;
	-ms-transform: translate(-50%, -59%);
	/* IE 9 */
	-webkit-transform: translate(-50%, -59%);
	/* Safari and Chrome */
	-o-transform: translate(-50%, -59%);
	/* Opera */
	-moz-transform: translate(-50%, -59%);
	/* Firefox */
	transform: translate(-50%, -59%);
	display: none;
}

.index-banner .pic li .index-banner-txt4 {
	animation: rightEaseInAnimate4 1s ease 1;
	/**/
	animation-fill-mode: forwards;
	/*ŽN*/
	top: 58%;
	left: 50%;
	-ms-transform: translate(-50%, -48%);
	/* IE 9 */
	-webkit-transform: translate(-50%, -48%);
	/* Safari and Chrome */
	-o-transform: translate(-50%, -48%);
	/* Opera */
	-moz-transform: translate(-50%, -48%);
	/* Firefox */
	transform: translate(-50%, -48%);
	/*height:300px;*/
}

.index-banner .pic li .index-banner-txt4-x {
	animation: rightEaseInAnimate6 1s ease 1;
	/**/
	animation-fill-mode: forwards;
	/*ŽN*/
	top: 59%;
	left: 50%;
	-ms-transform: translate(-50%, -59%);
	/* IE 9 */
	-webkit-transform: translate(-50%, -59%);
	/* Safari and Chrome */
	-o-transform: translate(-50%, -59%);
	/* Opera */
	-moz-transform: translate(-50%, -59%);
	/* Firefox */
	transform: translate(-50%, -59%);
	display: none;
}

@keyframes rightEaseInAnimate1 {

	/**/
	0% {
		transform: translate(300px, -45%);
		opacity: 0;
	}

	100% {
		transform: translate(-50%, -45%);
		opacity: 1;
	}
}

@keyframes rightEaseInAnimate2 {

	/**/
	0% {
		transform: translate(-900px, -60%);
		opacity: 0;
	}

	100% {
		transform: translate(-50%, -60%);
		opacity: 1;
	}
}

@keyframes rightEaseInAnimate3 {

	/**/
	0% {
		transform: translate(-50%, -500px);
		opacity: 0;
	}

	100% {
		transform: translate(-50%, -45%);
		opacity: 1;
	}
}

@keyframes rightEaseInAnimate4 {

	/**/
	0% {
		transform: translate(-50%, 500px);
		opacity: 0;
	}

	100% {
		transform: translate(-50%, -57%);
		opacity: 1;
	}
}

@keyframes rightEaseInAnimate5 {

	/**/
	0% {
		transform: translate(-80%, -600px);
		opacity: 0;
	}

	100% {
		transform: translate(-50%, -45%);
		opacity: 1;
	}
}

@keyframes rightEaseInAnimate6 {

	/**/
	0% {
		transform: translate(10%, 500px);
		opacity: 0;
	}

	100% {
		transform: translate(-50%, -57%);
		opacity: 1;
	}
}

.index-banner .hd {
	width: 100%;
	position: absolute;
	bottom: 40px;
	text-align: center;
	font-size: 0;
	z-index: 1;
}

.index-banner .hd li {
	margin: 0 5px;
	background: rgba(255, 255, 255, .7);
	height: 6px;
	overflow: hidden;
	width: 6px;
	transition: width 0.5s;
	-webkit-transition: width 0.5s;
	cursor: pointer;
	border-radius: 50%;
	display: inline-block;
	*display: inline;
	zoom: 1;
	text-align: center;
}

.index-banner .hd .on {
	width: 40px;
	height: 4px;
	border-radius: 2px;
	background: rgba(255, 255, 255, 1);
	/* Safari */
}

.index-banner .prev,
.index-banner .next {
	width: 60px;
	height: 90px;
	margin: -60px 0 0;
	display: none;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	filter: alpha(opacity=20);
	opacity: 0.2;
}

.index-banner .prev {
	left: 0;
}

.index-banner .next {
	background-position: 0 -90px;
	right: 0;
}

.index-banner .prev:hover,
.index-banner .next:hover {
	filter: alpha(opacity=50) !important;
	opacity: 0.5 !important;
}

/* 技术优势修改样式 */
.function_ul{
	display: flex;
	flex-wrap: wrap;
}
.function_ul li{
	width: calc(27% - 30px);
	margin-bottom: 25px;
}
.li_title{
	font-size: 18px;
	margin: 15px 0;
	font-weight: bold;
}
.li_text{
	font-size: 14px;
	color: #a1a1a1;
}


.success_ul li{
	display: flex;
	justify-content: center;
}
.img_box{
	width: 40vw;
	/* margin-right: 20px; */
}
.img_box img{
	width: 80%;
	height: 100%;
}
.text_box{
	width: 60vw;
	padding: 20px;
	text-align: left;
}
.success_ul_title{
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 30px;
}
.success_ul_text{
	font-size: 14px;
	color: #a1a1a1;
}

/*index-comon*/
.index-layer {
	width: 100%;
	/* padding-top:80px; */
	padding-bottom: 100px;
	text-align: center;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	/*background: #fafafa; */
	transition: background 1s;
	-webkit-transition: background 1s;
	/* Safari */
	/* margin-top: 1px; */
}

.index-layer:hover {
	/*background: #fff;*/
}

.index-title {
	padding: 85px 0 40px 0;
	margin-bottom: 0px;
	position: relative;
	border-bottom: 1px solid rgba(238, 238, 238, .15);
	border-top: 1px solid #eee;
}

.index-title .title-t {
	padding: 0 5%;
	width: 100%;
	box-sizing: border-box;
	font-size: 40px;
	color: #000;
	/* font-weight: bold; */
	display: inline-block;
	transition: color 0.3s;
	-webkit-transition: color 0.3s;
	/* Safari */
}

.index-title .title-txt {
	width: auto;
	padding: 0 200px;
	font-size: 16px;
	color: #666;
	margin-top: 15px;
	display: inline-block;
	transition: color 0.3s;
	-webkit-transition: color 0.3s;
	/* Safari */
}

/*.index-bg .index-title .title-t{ color: #fff; }
	.index-bg .index-title .title-txt{ color: #fff; }*/

.index-title .title-t:hover {
	color: #D61518;
}

.index-title .title-txt:hover {
	color: #ddd;
}

.index-title .btn {
	height: 40px;
	background: #eee;
	display: inline-block;
	font-size: 16px;
	color: #666;
	position: absolute;
	right: 0;
	float: right;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

.index-title .btn a {
	line-height: 40px;
	padding: 0 20px;
	display: inline-block;
}

.index-title .btn:hover {
	background: #D61518;
}

.index-title .btn:hover a {
	color: #fff;
}

.index-title {
	background: url(../images/home/arrow-icon.png) no-repeat center 0px;
	background-size: 30px auto;
	text-align: center
}

.index-more {
	font-size: 16px;
	color: #fff;
	background: #D61518;
	width: 120px;
	margin: 60px auto 0px;


}

.index-more a {
	color: #fff;
	transition: color, font-size 0.5s;
	-webkit-transition: color, font-size 0.5s;
	/* Safari */
}

.index-more a:hover {
	color: #fff;
	font-size: 14px;
	transition: color, font-size 0.5s;
	-webkit-transition: color, font-size 0.5s;
	/* Safari */
}


.index-service-bg {
	/*background-image: url(../images/home/service-bg.jpg);*/
	 border-top: 1px solid #c81300;
}

.index-service-bg .index-title

/*,.index-plan-bg .index-title*/
,
.index-case-bg .index-title,
.company-bg .index-title,
.index-cooperate-bg .index-title,
.index-pro-bg .index-title,
.index-Process-bg .index-title,
.index-partner-bg .index-title {
	border-top: 1px solid rgba(214, 21, 24, 1);
}

.index-service-bg .index-title .title-t,
.index-plan-bg .index-title .title-t,
.company-bg .index-title .title-t,
.index-pro-bg .index-title .title-t

/*,.index-Process-bg .index-title .title-t*/
	{
	color: #fff;
}

.index-service-bg .index-title .title-txt,
.index-plan-bg .index-title .title-txt,
.company-bg .index-title .title-txt,
.index-pro-bg .index-title .title-txt

/*,.index-Process-bg .index-title .title-txt*/
	{
	color: #bbb;
}

.index-plan-bg .index-title {
	border-top: 1px solid rgba(255, 255, 255, .3);
	background: url(../images/home/arrow-icon.png) no-repeat center 0px;
	background-size: 30px auto;
}


.index-pro-bg dl dt {
	color: #fff !important;
}


.index-plan-bg {
	background-image: url(../images/home/plan-bg.jpg);
}

.index-case-bg {
	background-image: url(../images/home/case-bg.jpg);
}

.company-bg {
	background-image: url(../images/home/company-bg.jpg);
}

.index-pro-bg {
	background-image: url(../images/home/pro-bg.jpg);
	background-size: 100% 100%
}

.index-cooperate-bg {
	background-color: #fffdfd;
}

.index-Process-bg {
	background-image: url(../images/home/Process-bg.jpg);
}

.index-partner-bg {
	background-color: #eee;
}

/*.company-bg{ background-image: url(../images/home/index-bg1.jpg); }*/

/*index-company*/
.index-company {
	padding: 20px 0 0px 0;
}

.index-company .company-logo {
	margin-top: 60px;
}

.index-company .company-logo img {
	/*width: 100px;*/
	height: 65px;
}

.index-company .comany-text {
	margin-top: 40px;
	line-height: 56px;
	font-size: 16px;
	/*color: #ddd;*/
	color: #343434;
}

.index-company .comany-text p {}

.index-company .comany-text b {
	font-size: 24px;
	/*color: #fff;*/
	color: #000;
	transition: color, font-size 0.8s;
	-webkit-transition: color, font-size 0.8s;
	/* Safari */
}

.index-company .comany-text:hover b {
	font-size: 24px;
	color: #D61518;
}

.company-bg .comany-text {
	color: #ddd;
	font-weight: 100;
}

.company-bg .comany-text b {
	color: #fff;
}

/*index-cooperate*/
.index-cooperate {
	text-align: center;
	margin: 20px auto;
}

.index-cooperate li {
	width: 70%;
	margin: 28px 0;
	display: inline-block;
	/*cursor: pointer;*/
}

.index-cooperate li .cooperate-icon {
	width: 130px;
	height: 130px;
	float: left;
	position: relative;
	text-align: center;
	background: linear-gradient(-31deg, rgba(222, 36, 34, 1), rgba(255, 120, 45, 1));
	border-radius: 50%;
	margin-top: 4px;
}

.index-cooperate li .cooperate-icon img {
	width: 50%;
	transition: width 0.5s;
	-webkit-transition: width 0.5s;
	/* Safari */
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	/* IE 9 */
	-webkit-transform: translate(-50%, -50%);
	/* Safari and Chrome */
	-o-transform: translate(-50%, -50%);
	/* Opera */
	-moz-transform: translate(-50%, -50%);
	/* Firefox */
	transform: translate(-50%, -50%);
}

.index-cooperate li .cooperate-r {
	text-align: left;
	margin-left: 55px;
	line-height: 40px;
	float: left;
}

.index-cooperate li .cooperate-r h1 {
	margin-bottom: 10px;
	font-size: 28px;
	color: #333;
	transition: color, font-size 0.5s;
	-webkit-transition: color, font-size 0.5s;
	/* Safari */
}

.index-cooperate li .cooperate-r p {
	font-size: 16px;
	color: #333;
	transition: color 0.3s;
	-webkit-transition: color 0.3s;
	/* Safari */
	line-height: 34px;
}

.index-cooperate li .cooperate-r p b {
	color: #000;
}

.index-cooperate li:hover .cooperate-icon {
	background: linear-gradient(-31deg, rgba(222, 36, 34, .95), rgba(255, 120, 45, .95));
}

.index-cooperate li:hover .cooperate-icon img {
	width: 55%;
}

.index-cooperate li:hover .cooperate-r h1 {
	color: #D61518;
	font-size: 28px;
}

.index-cooperate li:hover .cooperate-r p {
	color: #777;
}

/*index-service*/
.index-service {
	/*background: rgba(0, 0, 0, .5);*/
	background: #a5a5a5;
	/* border: 1px solid #333; */
	margin-top: 50px;
	border-radius: 5px;
	max-width: 1000px;
}

.index-service dl {
	width: 100%;
	padding: 65px 0 60px 0;
	/* border-bottom: 1px solid #F4F4F4; */
	display: inline-block;
	position: relative;
	text-align: center;
}

.index-service dl dt {
	width: 8%;
	text-align: left;
	font-size: 30px;
	color: #343434;
	/* font-weight: bold; */
	float: left;
	position: absolute;
	top: 50%;
	left: 0%;
	-ms-transform: translate(-0%, -50%);
	/* IE 9 */
	-webkit-transform: translate(-0%, -50%);
	/* Safari and Chrome */
	-o-transform: translate(-0%, -50%);
	/* Opera */
	-moz-transform: translate(-0%, -50%);
	/* Firefox */
	transform: translate(-0%, -50%);
}

.index-service dl dd {
	width: 100%;
	display: table;
	/* float: right; */
	padding: 0 0px;
	box-sizing: border-box;
}

.index-service dl dd li {
	display: table-cell;
	text-align: center;
}

.index-service dl dd li .service-icon {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	/* background: #EEEEEE; */
	display: inline-block;
	position: relative;
}

.index-service dl dd li .service-icon img {
	height: 100%;
	width: auto;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	/* Safari */
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	/* IE 9 */
	-webkit-transform: translate(-50%, -50%);
	/* Safari and Chrome */
	-o-transform: translate(-50%, -50%);
	/* Opera */
	-moz-transform: translate(-50%, -50%);
	/* Firefox */
	transform: translate(-50%, -50%);
}

.index-service dl dd li .service-t {
	width: 100%;
	margin-top: 20px;
	font-size: 20px;
	color: #fff;
	display: inline-block;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	/* Safari */
	/* font-weight: bold; */
}

.index-service dl dd li:hover .service-icon img {
	height: 78px;
}

.index-service dl dd li:hover .service-t {
	color: #D61518;
}

.index-service dl:nth-child(2) dt {
	color: #D61518;
}

.index-service dl:nth-child(2) dd li .service-icon {
	background: #fff;
	border: 1px solid #e5e6e8;
}


/*index-plan*/
.index-plan {
	width: 100%;
	margin-top: 45px;
	display: inline-block;
	text-align: center;
}

.index-plan ul {
	width: 100%;
	display: inline-block;
}

.index-plan ul li {
	/* width: 40%; */
	margin: 20px 5.5%;
	display: inline-block;
	text-align: left;
}

.index-plan ul li .plan-icon {
	width: 96px;
	height: 96px;
	overflow: hidden;
	margin-right: 20px;
	border-radius: 50%;
	background: rgba(238, 238, 238, 1);
	float: left;
	position: relative;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	/* Safari */
}

.index-plan ul li .plan-icon img {
	text-align: center;
	float: left;
	display: block;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	/* IE 9 */
	-webkit-transform: translate(-50%, -50%);
	/* Safari and Chrome */
	-o-transform: translate(-50%, -50%);
	/* Opera */
	-moz-transform: translate(-50%, -50%);
	/* Firefox */
	transform: translate(-50%, -50%);
}

.index-plan ul li .plan-r {
	margin-top: 8px;
	float: left;
}

.index-plan ul li .plan-r h1 {
	margin-bottom: 5px;
	font-size: 20px;
	color: #fff;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	/* Safari */
}

.index-plan ul li .plan-r h1 b {
	font-size: 28px;
	margin-right: 10px;
	font-style: italic;
}

.index-plan ul li .plan-r p {
	font-size: 16px;
	color: #9f9f9f;
}

.index-plan ul li:hover .plan-icon {
	background: rgba(238, 238, 238, 0.4);
}

.index-plan ul li:hover .plan-r h1 {
	color: #D61518;
}

.index-plan ul li:hover .plan-icon img {
	top: 25%;
	left: 25%;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	filter: drop-shadow(0 0px 0 red);
}

/*index-product*/
.index-pro {
	width: 100%;
	margin-top: 70px;
	margin-bottom: 20px;
	display: flex;
	display: -webkit-flex;
	/*align-items: center;*/
	justify-content: space-around;
}

.index-pro dl {
	flex: 1;
	align-items: center;
	text-align: left;
	float: left;
}

.index-pro dl:first-child {
	margin-right: 25px;
}

.index-pro dl:last-child {
	margin-left: 25px;
}

.index-pro dl dt {
	margin: 0px 0 30px 0;
	padding-left: 40px;
	font-size: 24px;
	color: #343434;
	/* font-weight: bold; */
	transition: 0.5s;
	-webkit-transition: 0.5s;
	/* Safari */
}

.index-pro dl dd {
	height: 350px;
	padding: 30px 0px 30px 25px;
	box-sizing: border-box;
	text-align: center;
	background: rgba(249, 249, 249, .8);
	border-radius: 10px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.index-pro dl dd li {
	width: 45%;
	margin: 15px 0px 15px 15px;
	padding-left: 25px;
	text-align: left;
	box-sizing: border-box;
	font-size: 18px;
	box-sizing: border-box;
	background: url(../images/home/dian-icon.png) no-repeat center left;
	float: left;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.index-pro dl dd li .pro-t {}

.index-pro dl:hover dt {
	color: #D61518;
}

.index-pro dl:hover dd {
	background: #ececec
}

.index-pro dl:hover dd li {
	/*color: #fff; */
}

/*index-proprietary*/
.index-proprietary {
	display: block;
}

.index-proprietary ul {
	width: 100%;
	min-height: 500px;
	margin-top: 100px;
	float: left;
	display: flex;
	display: -webkit-flex;
	/*align-items: center;*/
	justify-content: space-around;
}

.index-proprietary ul li {
	margin-top: 30px;
	flex: 1;
	align-items: center;
	display: inline-block;
}

.index-proprietary ul li .proprietary-icon {
	width: 184px;
	height: 184px;
	overflow: hidden;
	display: inline-block;
	margin-bottom: 40px;
	position: relative;
}

.index-proprietary ul li .proprietary-icon img {
	width: 184px;
	height: 184px;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	/* Safari */
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	/* IE 9 */
	-webkit-transform: translate(-50%, -50%);
	/* Safari and Chrome */
	-o-transform: translate(-50%, -50%);
	/* Opera */
	-moz-transform: translate(-50%, -50%);
	/* Firefox */
	transform: translate(-50%, -50%);
}

.index-proprietary ul li .proprietary-r {}

.index-proprietary ul li .proprietary-r h1 {
	font-size: 22px;
	color: #343434;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	/* Safari */
}

.index-proprietary ul li .proprietary-r p {
	margin-top: 10px;
	font-size: 16px;
	color: #9A9A9A;
}

.index-proprietary ul li a {
	display: inline-block;
}

.index-proprietary ul li:hover .proprietary-icon img {
	width: 164px;
	height: 164px;
}

.index-proprietary ul li:hover .proprietary-r h1 {
	color: #D61518;
}

/*index-case*/
.index-case {
	margin-top: 60px;
	padding: 0;
}

.case-l-tab {
	width: 160px;
	float: left;
}

.case-l-tab .active {
	color: #333;
	/* font-weight: bold; */
	background: url(../images/home/right-arrow.png) no-repeat center right;
}

.case-l-tab span {
	width: 100%;
	margin: 45px 0;
	text-align: left;
	font-size: 18px;
	color: #999;
	background-position: center 90%;
	display: inline-block;
	cursor: pointer;
	transition: .5s;
	-webkit-transition: .5s;
	/* Safari */
}

.case-l-tab span:first-child {
	margin-top: 0;
}

.index-case .case-list-mian {
	overflow: hidden;
	margin-left: 160px;
	display: block;
}

.index-case ul {
	width: 100%;
	margin-bottom: 0px;
	display: none;
	float: left;
}

.index-case ul li {
	width: 314px;
	margin-left: 30px;
	margin-right: 2px;
	cursor: pointer;
	float: left;
	overflow: hidden;
	padding: 0 2px;
	box-sizing: border-box;
}

.index-case ul li .case-icon {
	width: 100%;
	height: 208px;
	overflow: hidden;
	border: 1px solid #eee;
	position: relative;
	display: inline-block;
	transition: border 0.8s;
	-webkit-transition: border 0.8s;
	/* Safari */
}

.index-case ul li .case-icon img {
	height: 100%;
	min-width: 100%;
	transition: width, height .8s;
	-webkit-transition: width, height .8s;
	/* Safari */
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	/* IE 9 */
	-webkit-transform: translate(-50%, -50%);
	/* Safari and Chrome */
	-o-transform: translate(-50%, -50%);
	/* Opera */
	-moz-transform: translate(-50%, -50%);
	/* Firefox */
	transform: translate(-50%, -50%);
}

.index-case ul li .case-r {
	margin-top: 30px;
}

.index-case ul li .case-r h1 {
	font-size: 20px;
	color: #333;
	transition: color 0.3s;
	-webkit-transition: color 0.3s;
	/* Safari */
}

.index-case ul li .case-r p {
	margin-top: 5px;
	font-size: 16px;
	color: #666;
}

.index-case ul li:hover .case-r h1 {
	color: #D61518;
}

.index-case ul li:hover .case-icon {
	border: 1px solid #D61518;
}

.index-case ul li:hover .case-icon img {
	height: 115%;
}

/*index-Process*/
.index-Process {}

.index-Process .Process-img {
	margin: 25px 0 25px 0;
	opacity: .9;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	/* Safari */
}

.index-Process .Process-img img {
	max-width: 80%;
	height: auto;
	display: inline-block;
}

.index-Process .Process-img:hover {
	opacity: 1
}

/*index-partner*/
.index-partner {
	margin: 20px 0 0px 0;
	text-align: center;
	display: inline-block;
}

.index-partner li {
	width: 164px;
	height: 64px;
	margin: 8px 8px;
	overflow: hidden;
	position: relative;
	display: inline-block;
	border: 1px solid #eee;
	transition: .8s;
	-webkit-transition: .8s;
	/* Safari */
	box-sizing: border-box;
}

.index-partner li a {
	width: 100%;
	height: 100%;
	display: inline-block;
	float: left;
	margin: 0;
	padding: 0;
}

.index-partner li img {
	/*height: 62px;*/
	/*min-width: 162px;*/
	width: 100%;
	transition: width, height .8s;
	-webkit-transition: width, height .8s;
	/* Safari */
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	/* IE 9 */
	-webkit-transform: translate(-50%, -50%);
	/* Safari and Chrome */
	-o-transform: translate(-50%, -50%);
	/* Opera */
	-moz-transform: translate(-50%, -50%);
	/* Firefox */
	transform: translate(-50%, -50%);
	border: none;
	/* border: 1px solid #eee; */
}

.index-partner li:hover img {
	height: 120%;
}

.index-partner li:hover {
	border: 1px solid #D61518;
}


/*-----------------------------------------------------------------*/


/* sub-banner-css */
.sub-banner {
	width: 100%;
	height: 445px;
	position: relative;
	overflow: hidden;
}

.sub-banner .pic {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 0;
}

.sub-banner .pic li {
	width: 100%;
	height: 100%;
	text-align: center;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-color: rgb(2, 9, 35)
}

/*background-size: auto 100%;*/
.sub-banner .pic li a {
	width: 100%;
	height: 100%;
	display: block;
}

.sub-banner .pic li img {
	max-width: 80%;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	/* Safari */
}

.sub-banner .pic li .sub-banner-txt1 {
	animation: subEaseInAnimate1 2s ease 1;
	/**/
	animation-fill-mode: forwards;
	/*ŽN*/
	position: absolute;
	top: 54%;
	left: 50%;
	-ms-transform: translate(-50%, -54%);
	/* IE 9 */
	-webkit-transform: translate(-50%, -54%);
	/* Safari and Chrome */
	-o-transform: translate(-50%, -54%);
	/* Opera */
	-moz-transform: translate(-50%, -54%);
	/* Firefox */
	transform: translate(-50%, -54%);
}

@keyframes subEaseInAnimate1 {

	/**/
	0% {
		transform: translate(-50%, -200px);
		opacity: 0;
	}

	100% {
		transform: translate(-50%, -46%);
		opacity: 1;
	}
}

/*sub-product*/
.sub-img {
	margin-top: 10px;
}

.sub-pro {
	width: 100%;
	margin-bottom: 0px;
	display: flex;
	display: -webkit-flex;
	/*align-items: center;*/
	justify-content: space-around;
}

.sub-pro dl {
	flex: 1;
	align-items: center;
	text-align: left;
	float: left;
}

.sub-pro dl:first-child {
	margin-right: 25px;
}

.sub-pro dl:last-child {
	margin-left: 25px;
}

.sub-pro dl dt {
	margin: 50px 0 20px 0;
	padding-left: 50px;
	font-size: 24px;
	color: #343434;
	/* font-weight: bold; */
	transition: 0.5s;
	-webkit-transition: 0.5s;
	/* Safari */
}

.sub-pro dl dd {
	min-height: 250px;
	padding: 30px 0px 30px 20px;
	text-align: center;
	display: inline-block;
	background: rgba(249, 249, 249, 1);
	border: 2px solid #fff;
	box-sizing: border-box;
	border-radius: 10px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.sub-pro dl dd li {
	width: 100%;
	margin: 10px 0px 10px 0px;
	padding-left: 25px;
	text-align: left;
	box-sizing: border-box;
	font-size: 16px;
	box-sizing: border-box;
	float: left;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.sub-pro dl dd li .pro-t {}

.sub-pro dl:hover dt {
	color: #D61518;
}

.sub-pro dl:hover dd {
	background: #ececec
}

.sub-pro dl:hover dd li {
	/*color: #fff; */
}


/*sub-case*/
.sub-case {
	margin-top: 60px;
	padding: 0 30px;
	display: inline-block;
}

.case-l-tab {
	width: 160px;
	float: left;
}

.case-l-tab .active {
	color: #333;
	/* font-weight: bold; */
	background: url(../images/home/right-arrow.png) no-repeat center right;
}

.case-l-tab span {
	width: 100%;
	margin: 45px 0;
	text-align: left;
	font-size: 18px;
	color: #999;
	background-position: center 90%;
	display: inline-block;
	cursor: pointer;
	transition: .5s;
	-webkit-transition: .5s;
	/* Safari */
}

.case-l-tab span:first-child {
	margin-top: 0;
}

.sub-case .case-list-mian {
	max-width: 1732px;
	overflow: hidden;
	margin-left: 160px;
	display: block;
}

.sub-case ul {
	width: 100%;
	display: none;
	float: left
}

.sub-case ul .hy-menu {
	width: 100%;
	margin-left: 60px;
	margin-bottom: 55px;
	color: #333;
	font-size: 15px;
	display: inline-block;
	text-align: left;
}

.sub-case ul .hy-menu dt {
	margin-right: 10px;
	color: #666;
	display: inline-block;
}

.sub-case ul .hy-menu dd {
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	margin-left: 10px;
	border: 1px solid #eee;
	display: inline-block;
	margin-bottom: 15px;
}

.sub-case ul .hy-menu dd a {
	height: 100%;
}

.sub-case ul .hy-menu dd.active {
	background: #D61518;
}

.sub-case ul .hy-menu dd.active a {
	color: #fff;
}

.sub-case ul li {
	width: 378px;
	margin-bottom: 100px;
	margin-left: 40px;
	margin-right: 15px;
	cursor: pointer;
	float: left;
	background: #f7f7f7;
	padding-bottom: 25px;
}

.sub-case ul li .case-icon {
	width: 378px;
	height: 238px;
	overflow: hidden;
	border: 1px solid #f7f7f7;
	position: relative;
	display: inline-block;
	transition: border 0.8s;
	-webkit-transition: border 0.8s;
	/* Safari */
}

.sub-case ul li .case-icon img {
	min-height: 100%;
	width: 100%;
	/*min-width: 100%;*/
	transition: .8s;
	-webkit-transition: .8s;
	/* Safari */
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	/* IE 9 */
	-webkit-transform: translate(-50%, -50%);
	/* Safari and Chrome */
	-o-transform: translate(-50%, -50%);
	/* Opera */
	-moz-transform: translate(-50%, -50%);
	/* Firefox */
	transform: translate(-50%, -50%);
}

.sub-case ul li .case-r {
	margin-top: 25px;
}

.sub-case ul li .case-r h1 {
	font-size: 20px;
	color: #333;
	transition: color 0.3s;
	-webkit-transition: color 0.3s;
	/* Safari */
}

.sub-case ul li .case-r p {
	margin-top: 5px;
	font-size: 16px;
	color: #666;
}

.sub-case ul li:hover .case-r h1 {
	color: #D61518;
}

.sub-case ul li:hover .case-icon {
	border: 1px solid #D61518;
}

.sub-case ul li:hover .case-icon img {
	width: 115%;
}

.sub-case-detail {
	text-align: center;
	font-size: 16px;
	color: #666;
	line-height: 36px;
}

.sub-case-detail p {
	margin: 30px 0;
	text-align: left;
}

.sub-case-detail img {
	max-width: 100%;
	margin: 0 auto 10px auto;
	display: block;
	border: 20px solid #eee;
}

/*sub-about*/
.about-m {
	text-align: center;
}

.about-m .item {
	width: 80%;
	margin: 45px 0;
	text-align: left;
	font-size: 14px;
	color: #333;
	line-height: 36px;
	display: inline-block;
}

.about-m .item .m-title {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 40px;
	font-size: 24px;
	color: #000;
	/* font-weight: bold; */
	transition: 0.3s;
	-webkit-transition: 0.3s;
	/* Safari */
}

.about-m .item:hover .m-title {
	color: #D61518;
}

.about-m .item dl {
	display: inline-block;
	margin-right: 30px;
}

.about-m .item dl dt {
	margin-bottom: 10px;
	font-size: 20px;
	color: #000;
	/* font-weight: bold; */
}

.about-m .item dl dd {
	line-height: 36px;
}

.about-m .item dl dd p {
	margin-bottom: 30px;
}

.about-m .item dl:last-child {
	margin-right: 0;
}

/*sub-news*/
.news-m {}

.news-t-tab {
	width: 100%;
	text-align: left;
	float: left;
	margin-top: 50px;
}

.news-t-tab .active {
	color: #333;
	/* font-weight: bold; */
	background: url(../images/news/tab-arrow.png) no-repeat bottom center;
}

.news-t-tab span {
	margin: 0px 150px 20px 0;
	padding-bottom: 12px;
	text-align: left;
	font-size: 18px;
	color: #999;
	background-position: center center;
	display: inline-block;
	cursor: pointer;
	transition: .5s;
	-webkit-transition: .5s;
	/* Safari */
}

.news-t-tab span:first-child {
	margin-top: 0;
}

.news-m .news-list {
	display: inline-block;
}

.news-m .news-list .list-m {
	display: none;
}

.news-m .news-list .list-m li {
	width: 100%;
	height: 200px;
	margin: 35px 0;
	padding: 10px 0;
	line-height: 36px;
	overflow: hidden;
	display: inline-block;
	text-align: left;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	/* Safari */
}

.news-m .news-list .list-m li a {
	height: 200px;
	display: block;
}

.news-m .news-list .list-m li .news-img {
	width: 330px;
	height: 100%;
	margin-right: 60px;
	text-align: center;
	float: left;
	position: relative;
	overflow: hidden;
}

.news-m .news-list .list-m li .news-img img {
	min-width: 100%;
	height: 100%;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	/* Safari */
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	/* IE 9 */
	-webkit-transform: translate(-50%, -50%);
	/* Safari and Chrome */
	-o-transform: translate(-50%, -50%);
	/* Opera */
	-moz-transform: translate(-50%, -50%);
	/* Firefox */
	transform: translate(-50%, -50%);
}

.news-m .news-list .list-m li .news-t {
	font-size: 22px;
	color: #333;
	display: inline-block;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	/* Safari */
}

.news-m .news-list .list-m li .news-cont {
	margin-top: 10px;
	margin-left: 350px;
	font-size: 16px;
	color: #666;
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}

.news-m .news-list .list-m li:hover {
	background: #f9f9f9;
}

.news-m .news-list .list-m li:hover .news-t {
	color: #D61518;
}

.news-m .news-list .list-m li:hover .news-img img {
	height: 110%;
}

.news-detail {
	width: 100%;
}

.news-detail .detail-title {
	margin: 25px 0;
	text-align: left;
}

.news-detail .detail-title .d-title {
	font-size: 24px;
	color: #333333;
}

.news-detail .detail-title .time {
	margin: 20px 0;
	font-size: 16px;
	color: #666666;
	display: inline-block;
}

.news-detail .detail-cont {
	width: 100%;
	margin-top: 10px;
	text-align: left;
	color: #666;
	font-size: 18px;
	line-height: 38px;
	display: inline-block;
}

.news-detail .detail-cont img {
	max-width: 100%;
	margin: 0 auto;
}

.news-detail .detail-cont p {
	margin: 35px 0;
}

.news-detail .detail-cont p:first-child {
	margin-top: 0;
}

/*sub-contact*/
.contact-m {
	width: 100%;
	text-align: left;
}

.contact-m .contant-cont {
	margin: 40px 0;
	float: left;
	display: table;
}

.contact-m .c-logo {
	width: 350px;
	padding-right: 100px;
	text-align: left;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.contact-m .c-logo img {
	max-width: 300px;
}

.contact-m .c-r-text {
	text-align: left;
	line-height: 48px;
	float: left;
}

.contact-m .c-r-text h1 {
	margin-bottom: 20px;
	font-size: 30px;
	color: #000;
	/* font-weight: bold; */
}

.contact-m .c-r-text p {
	font-size: 18px;
	color: #333;
}

.contact-m .contact-map {
	width: 100%;
	margin-top: 40px;
	display: inline-block;
}

.contact-m .contact-map img {
	width: 100%;
}