/*banner图*/

#banner_tabs {

	width: 100%;

	height: 100vh;

	_height: 800px;

	position: relative;

}

#banner_tabs .slides li {

	width: 100%;

	height: 100%;

}

.this{position:relative;height: 663px;background: url(../images/this11.jpg) center no-repeat;}

.flex-direction-nav a {

	width: 50px;

	height: 100px;

	overflow: hidden;

	text-indent: 999999em;

	background: url(../images/flexnav.png) no-repeat;

	display: block;

	position: absolute;

	top: 50%;

	margin-top: -60px;

	z-index: 10;

	cursor: pointer;

	opacity: 0;

	filter: alpha(opacity=0);

	-webkit-transition: all .6s ease;

}

.flex-direction-nav .flex-prev {

	left: 2%;

	background-position: 0px 0px;

}

.flex-direction-nav .flex-next {

	right: 2%;

	background-position: -50px 0px;

}

#banner_tabs:hover .flex-next {

	opacity: 0.9;

	filter: alpha(opacity=80);

}

#banner_tabs:hover .flex-prev {

	opacity: 0.9;

	filter: alpha(opacity=80);

}

#page {

	height: 0px;

	margin-top: -60px;

}

.index-page section.active>div {

	display: block;

}

.index-page section {

	height: 100vh;

	position: relative;

	overflow: hidden;

}

.index-page section>div {

	position: absolute;

	top: 50%;

	left: 50%;

	z-index: 2;

	display: none;

	transition: all .6s;

}

/*APP-HOME*/

.index-page .app-home .bg {

	background: url(../images/bg1.jpg);

	background-position: center center;

	height: 100vh;

	display: block;

	width: 100%;

	top: 0;

	left: 0;

	opacity: 1;

	-webkit-animation: bg-scale 10s linear infinite;

	animation: bg-scale 10s linear infinite;

}

.index-page2 .app-home .bg {

	background: url(../images/bg2.jpg);

	background-position: center center;

}

.index-page3 .app-home .bg {

	background: url(../images/bg3.jpg);

	background-position: center center;

}

/*slogan*/

.index-page .app-home .slogan {

	height: 162px;

	margin-top: -160px;

	margin-left: 60px;

}

.index-page2 .app-home .slogan {

	width: 100%;

	height: 80px;

	margin-left: -50%;

	margin-top: -340px;

	text-align: center;

}

.index-page3 .app-home .slogan {

	width: 852px;

	height: 100px;

	margin-left: -426px;

	margin-top: -90px;

}

/*second-slogan*/

.index-page .app-home .second-slogan {

	width: 495px;

	height: 50px;

	margin-top: 40px;

	margin-left: 60px;

}

.index-page2 .app-home .second-slogan {

	width: 100%;

	height: 50px;

	margin-top: -240px;

	margin-left: -50%;

	text-align: center;

}

.index-page2 .app-home .second-slogan2 {

	width: 100%;

	margin-left: -50%;

	text-align: center;

	top: auto;

	bottom: 0px;

}

.index-page3 .app-home .second-slogan {

	width: 100%;

	margin-left: -50%;

	text-align: center;

}

/*second-slogan end*/

.index-page .app-home .create-btn {

	margin-left: -130px;

	margin-top: 110px;

}

.index-page .app-home .mask {

	position: absolute;

	background: rgba(0,0,0,0.3);

	width: 150px;

	height: 150px;

	top: 50%;

	margin-top: -75px;

	margin-left: -75px;

	transition: all 2s;

	border-radius: 50%;

	opacity: 0;

}

.maskscale {

	-webkit-animation-duration: 1s;

	animation-duration: 1s;

	-webkit-animation-name: mask-scale;

	animation-name: mask-scale;

}

/*按钮*/

.nav-arrow {

	position: absolute;

	bottom: 30px;

	left: 50%;

	z-index: 3;

	margin-left: -27px;

	width: 55px;

	height: 55px;

	cursor: pointer;

	background-image: url(../images/jiantou_a.png);

	background-repeat: no-repeat;

	background-position: center;

	background-size: 55px 55px;

	opacity: 0.5;

	animation-name: arrowing;

	-webkit-animation-name: arrowing;

	animation-duration: 1.5s;

	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;

	-webkit-animation-iteration-count: infinite;

}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {

 .nav-arrow {

background-size:35px 35px

}

}

.nav-arrow:hover {

	opacity: 1;

}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {

 .nav-arrow:hover {

background-size:35px 35px

}

}

 @-webkit-keyframes arrowing {

 0%, 100% {

-webkit-transform:translateY(-5px);

transform:translateY(-5px)

}

50% {

-webkit-transform:translateY(10px);

transform:translateY(10px)

}

}

@keyframes arrowing {

 0%, 100% {

-webkit-transform:translateY(-5px);

transform:translateY(-5px);

}

 50% {

-webkit-transform:translateY(10px);

transform:translateY(10px);

}

}

 @-webkit-keyframes mask-scale {

 0% {

-webkit-transform:scale(1.5);

transform:scale(1.5);

opacity:.1

}

 20% {

-webkit-transform:scale(2);

transform:scale(2);

opacity:.2

}

 30% {

-webkit-transform:scale(3);

transform:scale(3);

opacity:.3

}

 40% {

-webkit-transform:scale(4);

transform:scale(4);

opacity:.4

}

 50% {

-webkit-transform:scale(5);

transform:scale(5);

opacity:.5

}

 60% {

-webkit-transform:scale(6);

transform:scale(6);

opacity:.6

}

 70% {

-webkit-transform:scale(8);

transform:scale(8);

opacity:.7

}

 80% {

-webkit-transform:scale(10);

transform:scale(10);

opacity:.8

}

 90% {

-webkit-transform:scale(12);

transform:scale(12);

opacity:.9

}

 100% {

-webkit-transform:scale(18);

transform:scale(18);

opacity:1

}

}

@keyframes mask-scale {

 0% {

-webkit-transform:scale(1.5);

transform:scale(1.5);

opacity:.1

}

 20% {

-webkit-transform:scale(2);

transform:scale(2);

opacity:.2

}

 30% {

-webkit-transform:scale(3);

transform:scale(3);

opacity:.3

}

 40% {

-webkit-transform:scale(4);

transform:scale(4);

opacity:.4

}

 50% {

-webkit-transform:scale(5);

transform:scale(5);

opacity:.5

}

 60% {

-webkit-transform:scale(6);

transform:scale(6);

opacity:.6

}

 70% {

-webkit-transform:scale(8);

transform:scale(8);

opacity:.7

}

 80% {

-webkit-transform:scale(10);

transform:scale(10);

opacity:.8

}

 90% {

-webkit-transform:scale(12);

transform:scale(12);

opacity:.9

}

 100% {

-webkit-transform:scale(18);

transform:scale(18);

opacity:1

}

}

@-webkit-keyframes bg-scale {

 0%, 99% {

-webkit-transform:scale(1);

transform:scale(1)

}

 33% {

-webkit-transform:scale(1.05);

/* transform:scale(1.05) */

}

 66% {

-webkit-transform:scale(1.1);

transform:scale(1.1)

}

}

@keyframes bg-scale {

 0%, 99% {

-webkit-transform:scale(1);

transform:scale(1)

}

 33% {

-webkit-transform:scale(1.05);

/* transform:scale(1.05) */

}

 66% {

-webkit-transform:scale(1.1);

/* transform:scale(1.1) */

}

}

.delay100 {

	animation-delay: .1s;

	-webkit-animation-delay: .1s;

}

.delay200 {

	animation-delay: .2s;

	-webkit-animation-delay: .2s;

}

.delay300 {

	animation-delay: .3s;

	-webkit-animation-delay: .3s;

}

.delay400 {

	animation-delay: .4s;

	-webkit-animation-delay: .4s;

}

.delay500 {

	animation-delay: .5s;

	-webkit-animation-delay: .5s;

}

.delay600 {

	animation-delay: .6s;

	-webkit-animation-delay: .6s;

}

.delay700 {

	animation-delay: .7s;

	-webkit-animation-delay: .7s;

}

.delay800 {

	animation-delay: .8s;

	-webkit-animation-delay: .8s;

}

.delay900 {

	animation-delay: .9s;

	-webkit-animation-delay: .9s;

}

.delay1000 {

	animation-delay: 1s;

	-webkit-animation-delay: 1s;

}

.delay1200 {

	animation-delay: 1.2s;

	-webkit-animation-delay: 1.2s;

}

.delay1400 {

	animation-delay: 1.4s;

	-webkit-animation-delay: 1.4s;

}

.delay1600 {

	animation-delay: 1.6s;

	-webkit-animation-delay: 1.6s;

}

.delay1800 {

	animation-delay: 1.8s;

	-webkit-animation-delay: 1.8s;

}

.delay1900 {

	animation-delay: 1.9s;

	-webkit-animation-delay: 1.9s;

}

.delay2500 {

	animation-delay: 2.5s;

	-webkit-animation-delay: 2.5s;

}

.delay3500 {

	animation-delay: 3.5s;

	-webkit-animation-delay: 3.5s;

}

.delay4500 {

	animation-delay: 4.5s;

	-webkit-animation-delay: 4.5s;

}

.delay7000 {

	animation-delay: 7s;

	-webkit-animation-delay: 7s;

}

/*我们能做什么*/

.bussiness {

	background: #f5f5f5;

	width: 100%;

}

.section_head {

	padding: 30px 0px 50px;

}

.section_head .title {

	text-align: center;

}

.section_head .title p {

	color: #333333;

	font-size: 2.5rem;

	font-weight: bold;

}

.section_head .title p i {

	color: #ff5500;

}

.section_head .title span {

	display: block;

	color: #888;

	font-size: 13px;

}

.bussiness-body {

	display: block;

	overflow: hidden;

	width: 90%;

	text-align: center;

	font-size: 0px;

	margin: auto;

}

.bussiness-body .item {

	position: relative;

	display: inline-block;/*float: left;*/

	width: 16.666%;

	opacity: 0;

	filter: alpha(opacity=0);

	overflow: hidden;

}

.bussiness-body .item1 {

	left: 200px;

	-webkit-transition: left 0.3s 0.5s linear, opacity 0.3s 0.5s linear, background 0.3s linear, width 0.3s linear;

	-o-transition: left 0.3s 0.5s linear, opacity 0.3s 0.5s linear, background 0.3s linear, width 0.3s linear;

	transition: left 0.3s 0.5s linear, opacity 0.3s 0.5s linear, background 0.3s linear, width 0.3s linear;

}

.bussiness-body .item2 {

	left: 300px;

	-webkit-transition: left 0.5s 0.5s linear, opacity 0.5s 0.5s linear, background 0.3s linear, width 0.3s linear;

	-o-transition: left 0.5s 0.5s linear, opacity 0.5s 0.5s linear, background 0.3s linear, width 0.3s linear;

	transition: left 0.5s 0.5s linear, opacity 0.5s 0.5s linear, background 0.3s linear, width 0.3s linear;

	;

}

.bussiness-body .item3 {

	left: 400px;

	-webkit-transition: left 0.7s 0.5s linear, opacity 0.7s 0.5s linear, background 0.3s linear, width 0.3s linear;

	-o-transition: left 0.7s 0.5s linear, opacity 0.7s 0.5s linear, background 0.3s linear, width 0.3s linear;

	transition: left 0.7s 0.5s linear, opacity 0.7s 0.5s linear, background 0.3s linear, width 0.3s linear;

}

.bussiness-body .item4 {

	left: 500px;

	-webkit-transition: left 0.9s 0.5s linear, opacity 0.9s 0.5s linear, background 0.3s linear, width 0.3s linear;

	-o-transition: left 0.9s 0.5s linear, opacity 0.9s 0.5s linear, background 0.3s linear, width 0.3s linear;

	transition: left 0.9s 0.5s linear, opacity 0.9s 0.5s linear, background 0.3s linear, width 0.3s linear;

}

.bussiness-body .item5 {

	left: 600px;

	-webkit-transition: left 1.1s 0.5s linear, opacity 1.1s 0.5s linear, background 0.3s linear, width 0.3s linear;

	-o-transition: left 1.1s 0.5s linear, opacity 1.1s 0.9s linear, background 0.3s linear, width 0.3s linear;

	transition: left 1.1s 0.5s linear, opacity 1.1s 0.9s linear, background 0.3s linear, width 0.3s linear;

}

.bussiness-body .item.on {

	width: 32.33%;

}

.bussiness .bussiness-body .item {

	left: 0;

	opacity: 1;

	filter: alpha(opacity=100);

}

.bussiness-body .item .service {

	display: block;

	height: 358px;

	border: 1px solid #e8e8e8;

	border-width: 1px 0px 1px 1px;

	text-align: center;

	-webkit-transition: 0.5s ease-in-out;

	-o-transition: 0.5s ease-in-out;

	transition: 0.5s ease-in-out;

}

.bussiness-body .item.on .service {

	width: 50%;

}

.bussiness-body .item5 .service {

	border-width: 1px 1px 1px 1px;

}

.bussiness-body .item.on .service {

	background-color: #006acd;

	border-color: #006acd;

}

.bussiness-body .item .service .content {

	display: block;

	height: 240px;

	padding-top: 46px;

	line-height: 1;

}

.bussiness-body .item .service .content h4 {

	display: block;

	font-size: 18px;

	font-weight: bold;

}

.bussiness-body .item .service .content h4 a {

	color: #333;

	-webkit-transition: 0.5s ease-in-out;

	-o-transition: 0.5s ease-in-out;

	transition: 0.5s ease-in-out;

}

.bussiness-body .item.on .service .content h4 a {

	color: #fff;

}

.bussiness-body .item .service .content p {

	display: block;

	margin-top: 11px;

	color: #4b4b4b;

	white-space: nowrap;

	-webkit-transition: 0.5s ease-in-out;

	-o-transition: 0.5s ease-in-out;

	transition: 0.5s ease-in-out;

}

.bussiness-body .item.on .service .content p {

	color: #fff;

}

.bussiness-body .item .service .content .icon {

	display: inline-block;

	margin-top: 56px;

}

.bussiness-icon1 {

	background: url(../images/icon1.png) no-repeat 0px -822px;

	height: 72px;

	padding-left: 88px;

}

.bussiness-body .item.on .service .content .bussiness-icon1 {

	background: url(../images/icon1.png) no-repeat 0px -894px;

}

.bussiness-icon2 {

	background: url(../images/icon1.png) no-repeat 0px -750px;

	height: 72px;

	padding-left: 42px;

}

.bussiness-body .item.on .service .content .bussiness-icon2 {

	background: url(../images/icon1.png) no-repeat 0px -678px;

}

.bussiness-icon3 {

	background: url(../images/icon1.png) no-repeat 0px -1254px;

	height: 72px;

	padding-left: 64px;

}

.bussiness-body .item.on .service .content .bussiness-icon3 {

	background: url(../images/icon1.png) no-repeat 0px -1326px;

}

.bussiness-icon4 {

	background: url(../images/icon1.png) no-repeat 0px -966px;

	height: 72px;

	padding-left: 60px;

}

.bussiness-body .item.on .service .content .bussiness-icon4 {

	background: url(../images/icon1.png) no-repeat 0px -1182px;

}

.bussiness-icon5 {

	background: url(../images/icon1.png) no-repeat 0px -1038px;

	height: 72px;

	padding-left: 55px;

}

.bussiness-body .item.on .service .content .bussiness-icon5 {

	background: url(../images/icon1.png) no-repeat 0px -1110px;

}

.bussiness-body .item .service .info {

	display: block;

	padding: 16px 20px 0 20px;

	border-top: 1px dashed #cdcdcd;

	font-size: 12px;

	line-height: 20px;

	color: #6c6c6c;

	-webkit-transition: 0.5s ease-in-out;

	-o-transition: 0.5s ease-in-out;

	transition: 0.5s ease-in-out;

}

.bussiness-body .item.on .service .info {

	color: #fff;

	border-top: 1px dashed #4e94dd;

}

.bussiness-body .item .price {

	position: absolute;

	display: block;

	width: 100%;

	height: 360px;

	left: 100%;

	top: 0;

}

.bussiness-body .item.on .price {

	width: 50%;

	left: 50%;

}

.bussiness-body .item .price ul {

	display: block;

	position: relative;

	z-index: 5;

}

.bussiness-body .item .price ul li {

	display: block;

	height: 71px;

	line-height: 71px;

*height: 69px;

*line-height: 69px;

	border-bottom: 1px solid #565758;

	white-space: nowrap;

}

.bussiness-body .item .price ul li a {

	display: block;

	padding: 0 20px 0 10px;

	color: #999;

	font-size: 14px;

	text-align: left;

	background: url(../images/enter-icon.png) no-repeat right 10px center;

	cursor: pointer;

	-webkit-transition: 0.3s linear;

	-o-transition: 0.3s linear;

	transition: 0.3s linear;

}

.bussiness-body .item .price ul li a:hover {

	color: #fff;

	background: url(../images/enter-icon-on.png) no-repeat right 10px center;

}

.bussiness-body .item .price ul li a .num {

	padding-left: 10px;

}

.bussiness-body .item .price .mask {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	background-color: #000;

	opacity: 0.8;

	filter: alpha(opacity=80);

	z-index: 2;

}

/*我们做过什么*/

.case_link {

	width: 100%;

	text-align: center;

	margin-bottom: 35px;

}

.case_link ul li {

	display: inline-block;

	vertical-align: middle;

	padding: 0 1px;

}

.case_link ul li a {

	display: block;

	padding: 0 30px;

	height: 40px;

	line-height: 40px;

	color: #666;

	font-size: 15px;

	border-radius: 30px;

	-webkit-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

}

.case_link ul li:hover a, .case_link ul li.on a {

	background-color: #006acd;

	color: #fff;

}

.case_wrap {

	width: 94%;

	margin: 0 auto;

}

.case_wrap ul li {

	float: left;

	width: 24%;

	margin: 0.5%;

*width:24.97%;

	text-align: center;

	background: #fff;

	-webkit-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

}

.case_wrap ul li a {

	display: block;

}

.case_wrap ul li article {

	position: relative;

	width: 100%;

	height: 0;

	padding-top: 62.4%;

	overflow: hidden;

}

.case_wrap ul li article img {

	position: absolute;

	top: 0;

	left: 0;

	width: 100.5%;

	height: 100%;

	-webkit-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

	-webkit-transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}

.case_wrap ul li article summary {

	width: 100%;

	height: 50px;

	position: absolute;

	bottom: -50px;

	left: 0;

	line-height: 50px;

	color: #dcdcdc;

	background: rgba(0,0,0,0.5);

	background: #666\9;

	text-align: left;

	text-indent: 20px;

	z-index: 3;

	-webkit-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

}

.case_wrap ul li .info {

	width: 100%;

	height: 60px;

	overflow: hidden;

	padding: 0px 0px 0px 10px;

	box-sizing: border-box;

}

.case_wrap ul li .info h5 {

	display: block;

	float: left;

	width: calc(100% - 100px);

	height: 40px;

	line-height: 40px;

	margin: 10px 0px;

	text-align: left;

}

.case_wrap ul li .info h5 a {

	font-size: 18px;

	color: #333;

	-webkit-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.case_wrap ul li .info .fr {

	width: 90px;

	height: 60px;

}

.case_wrap ul li .info .fr a {

	display: inline-block;

	vertical-align: middle;

	text-align: right;

	margin-left: 10px;

	width: 20px;

	height: 60px;

	background-repeat: no-repeat;

	background-position: center;

}

.case_wrap ul li .info .fr a.case_pc {

	background-image: url(../images/pc_b.png);

}

.case_wrap ul li .info .fr a.case_phone {

	background-image: url(../images/phone_b.png);

}

.case_wrap ul li:hover {

	background-color: #006acd;

}

.case_wrap ul li:hover a article summary {

	bottom: 0;

}

.case_wrap ul li:hover a article img {

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	transform: scale(1.1);

}

.case_wrap ul li:hover a article:before {

	opacity: 1;

	filter: alpha(opacity=100);

	zoom: 1;

}

.case_wrap ul li:hover a article:after {

	opacity: 1;

	filter: alpha(opacity=100);

	zoom: 1;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	transform: scale(1);

}

.case_wrap ul li:hover .info h5 a {

	color: #fff;

}

.case_wrap ul li:hover .info .fr a.case_pc {

	background-image: url(../images/pc_w.png);

}

.case_wrap ul li:hover .info .fr a.case_phone {

	background-image: url(../images/phone_w.png);

}

/*解决方案*/

.solution .section_head .title p, .solution .section_head .title p i, .solution .section_head .title span {

	color: #fff;

}

.solution {

	background-color: #06050a;

	background-repeat: no-repeat;

	background-position: center top;

	background-size: cover;

	padding: 30px 0 50px!important;

	margin-top: 50px;

	overflow: hidden;

	box-sizing: border-box;

}

.solution .solution-slide {

	position: relative;

	width: 85%;

	margin: 0 auto;

}

.solution .solution-slide .solution-slide-menu {

	width: 320px;

	text-align: center

}

.solution .solution-slide .solution-slide-menu ul {

	position: relative;

	z-index: 1

}

.solution .solution-slide .solution-slide-menu ul li {

	padding: 20px 0;

	position: relative;

	overflow: hidden;

	;

	cursor: pointer;

	background: hsla(0,0%,100%,.2);

	box-sizing: border-box;

}

.solution .solution-slide .solution-slide-menu ul li span {

	position: absolute;

	top: 0;

	left: 0;

	width: 0;

	height: 100%;

	background-color: #006acd;

	overflow: hidden;

	display: block;

	z-index: 1;

}

.solution .solution-slide .solution-slide-menu ul li.cur span {

	width: 100%;

}

.solution .solution-slide .solution-slide-menu ul li i.icon {

	display: block;

	width: 100px;

	height: 60px;

	margin: 0 auto;

	background-image: url(../images/solution-icon.png);

	background-repeat: no-repeat;

	position: relative;

	z-index: 2;

}

.solution .solution-slide .solution-slide-menu ul li p {

	margin: 10px 0 0;

	font-size: 16px;

	color: #fff;

	position: relative;

	z-index: 2;

}

.solution .solution-slide .solution-slide-menu ul li .icon1 {

	background-position: 0px 0px;

}

.solution .solution-slide .solution-slide-menu ul li .icon2 {

	background-position: 0px -60px;

}

.solution .solution-slide .solution-slide-menu ul li .icon3 {

	background-position: 0px -120px;

}

.solution .solution-slide .solution-slide-menu ul li .icon4 {

	background-position: 0px -180px;

}

.solution .solution-slide .solution-slide-menu ul li .icon5 {

	background-position: 0px -200px;

}

.solution .solution-slide .solution-slide-body {

	width: calc(100% - 450px);

	min-height: 670px;

	position: absolute;

	top: 0px;

	right: 0px;

}

.solution .solution-slide .solution-slide-body .solution-slide-item {

	width: 100%;

	display: none;

}

.solution .solution-slide .solution-slide-body .solution-slide-item h4 {

	color: #fff;

	font-size: 28px;

	margin: 20px 0px;

}

.solution .solution-slide .solution-slide-body .solution-slide-item>p {

	width: 60%;

	color: #fff;

}

.solution .solution-slide .solution-slide-body .solution-slide-item .row {

	margin-top: 80px;

}

.solution .solution-slide .solution-slide-body .solution-slide-item .row .col-3 {

	width: 25%;

	float: left;

}

.solution .solution-slide .solution-slide-body .solution-slide-item .row .col-3 .item-info-item {

	width: 100%;

	text-align: center;

}

.solution .solution-slide .solution-slide-body .solution-slide-item .row .col-3 .item-info-item i {

	display: inline-block;

	width: 100px;

	height: 90px;

	line-height: 90px;

}

.solution .solution-slide .solution-slide-body .solution-slide-item .row .col-3 .item-info-item p {

	color: #fff;

	font-size: 14px;

}

.solution .solution-slide .solution-slide-body .s-button {

	position: absolute;

	left: 0px;

	bottom: 30px;

}

.solution .solution-slide .solution-slide-body .s-button a {

	display: block;

	width: 125px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	color: #ff5800;

	font-size: 15px;

	border: 1px solid #ff5800;

	border-radius: 20px;

	-webkit-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

}

.solution .solution-slide .solution-slide-body .s-button a:hover {

	background-color: #ff5800;

	color: #fff;

}

/*新闻*/

.news .section_head {

	padding-bottom: 20px;

}

.news .news-body {

	margin-bottom: 50px;

}

.news .news-body .news_link {

	width: 100%;

	text-align: center;

	margin-bottom: 35px;

}

.news .news-body .news_link ul li {

	display: inline-block;

*display: inline;

*zoom: 1;

	color: #555;

	font-size: 16px;

	padding: 0 30px;

	height: 45px;

	line-height: 45px;

	border: 1px solid #c4c4c4;

	margin: 0 15px;

	cursor: pointer;

}

.news .news-body .news_link ul li a {

	display: block;

	padding: 0 30px;

	height: 40px;

	line-height: 40px;

	color: #666;

	font-size: 15px;

	border-radius: 30px;

	-webkit-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

}

.news .news-body .news_link ul li:hover a, .news .news-body .news_link ul li.on {

	background-color: #006acd;

	color: #fff;

}

.news .news-body .news_wrap {

	max-width: 1200px;

	margin: 0 auto;

	overflow: hidden;

}

.news .news-body .news_wrap .news_item {

	margin-bottom: 30px;

}

.news .news-body .news_wrap .news_item .time {

	width: 140px;

	height: 130px;

	background-color: #006acd;

	border-radius: 10px;

	overflow: hidden;

	text-align: center;

}

.news .news-body .news_wrap .news_item .time strong {

	width: 100%;

	height: 80px;

	line-height: 80px;

	text-align: center;

	color: #fff;

	font-size: 60px;

}

.news .news-body .news_wrap .news_item .time p {

	display: block;

	width: 100%;

	height: 39px;

	line-height: 39px;

	border-top: 1px solid #0060ba;

	color: #fff;

	font-size: 18px;

}

.news .news-body .news_wrap .news_item .con {

	width: calc(100% - 180px);

	height: 130px;

}

.news .news-body .news_wrap .news_item .con h4 {

	margin-bottom: 15px;

}

.news .news-body .news_wrap .news_item .con h4 a {

	display: block;

	color: #555;

	font-size: 20px;

	font-weight: bold;

	-webkit-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

}

.news .news-body .news_wrap .news_item .con h4 a:hover {

	color: #006acd;

}

.news .news-body .news_wrap .news_item .con p a {

	display: block;

	color: #555;

	font-size: 16px;

	line-height: 28px;

	-webkit-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

}

.news .news-body .news_wrap .news_item .con p a:hover {

	color: #006acd;

}

.news .news-body .more a {

	display: block;

	width: 125px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	margin: 0 auto;

	border-radius: 30px;

	overflow: hidden;

	border: 1px solid #006acd;

	color: #006acd;

	font-size: 16px;

	-webkit-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

}

.news .news-body .more a:hover {

	background-color: #006acd;

	color: #fff;

}

.newslis dl {

	float: left;

	width: 550px;

	margin: 0 0px 30px 0;

	height: auto;

	background: #f3f3f3;

	padding: 20px;

}

.newslis dl:nth-child(2n) {

	float: right;

}

.newslis dl dt {

	float: left;

	height: 135px;

}

.news-box-img {

	position: relative;

	max-width: 200px;

}

.news-box-img img {

	width: 180px;

	height: 135px;

}

.news-data {

	position: absolute;

	left: 0;

	top: 0;

	padding: 0 8px;

	text-align: center;

	background: #006acd;

	color: #fff;

}

.news-data span {

	display: block;

	font-size: 24px;

	line-height: 30px;

}

.news-data em {

	display: block;

	font-size: 14px;

	font-style: normal;

	line-height: 20px;

	margin-top: -3px;

}

.newslis dl dd {

	float: right;

	width: 340px;

}

.newslis dl dd h4 {

	font-size: 16px;

	overflow: hidden;

	font-weight: normal;

}

.newslis dl dd h4 a {

	color: #333;

	display: block;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.newslis dl dd h4 a:hover {

	color: #006acd

}

.newslis dl dd p {

	color: #666;

	font-size: 14px;

	padding-top: 8px;

	line-height: 21px;

	height: 108px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 5;

	overflow: hidden;

}

/*售后服务*/

.section.service_home {

	padding: 0px 0px 0px;

}

.service_wrap {

	padding: 90px 0px 100px;

	background: url(../images/service_bg.jpg) no-repeat center;

}

.service_wrap .main-wrap ul {

	width: 100%;

	text-align: center;

}

.service_wrap .main-wrap ul li {

	display: inline-block;

}

.service_wrap .main-wrap ul li h4 {

	font-size: 46px;

	font-weight: bold;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#02ebfd), to(#008de5));

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

}

.service_wrap .main-wrap ul li p {

	font-size: 32px;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#02ebfd), to(#008de5));

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

}

.footer-topbar {

	background: #141414;

}

.footer-topbar .main-wrap {

	padding: 5px 0px;

}

.footer-topbar .footer-topbar-content {

	max-width: 1440px;

	margin: 0 auto;

}

.footer-topbar .footer-topbar-content .footer-topbar-item {

	width: 25%;

	float: left;

	cursor: pointer;

}

.footer-topbar .footer-topbar-content .footer-topbar-item p {

	color: #fff;

	margin: 10px 0;

}

.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img {

	float: left;

}

.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .icon {

	display: block;

	width: 100px;

	height: 100px;

	background-image: url(../images/common_icons.png);

	background-repeat: no-repeat;

}

.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .f-t-icon1 {

	background-position: 0px -300px;

}

.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .f-t-icon2 {

	background-position: -100px -300px;

}

.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .f-t-icon3 {

	background-position: -200px -300px;

}

.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .f-t-icon4 {

	background-position: -300px -300px;

}

.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-content {

	float: left;

	margin-top: 15px

}

.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-content .h4 {

	font-size: 22px;

	color: #fff;

}

.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-content p {

	font-size: 14px;

	color: #737373;

	margin: 5px 0 0;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.footer-topbar .footer-topbar-content .footer-topbar-item.on .f-top-img .f-t-icon1 {

	background-position: 0px -400px;

}

.footer-topbar .footer-topbar-content .footer-topbar-item.on .f-top-img .f-t-icon2 {

	background-position: -100px -400px;

}

.footer-topbar .footer-topbar-content .footer-topbar-item.on .f-top-img .f-t-icon3 {

	background-position: -200px -400px;

}

.footer-topbar .footer-topbar-content .footer-topbar-item.on .f-top-img .f-t-icon4 {

	background-position: -300px -400px;

}

.footer-topbar .footer-topbar-content .footer-topbar-item.on .f-top-content, .footer-topbar .footer-topbar-content .footer-topbar-item.on .f-top-content p {

	color: #006acd;

}

/*留言提交*/

.footer-mess {

	width: 100%;

	background-color: #006acd;

}

.footer-mess .mess-left {

	float: left;

	width: 25%;

}

.footer-mess .mess-left .left_con {

	padding: 50px 42px;

}

.footer-mess .mess-left .left_con .top {

	color: #fff;

}

.footer-mess .mess-left .left_con .top p {

	font-size: 2vw;

}

.footer-mess .mess-left .left_con .top span {

	font-size: 1.8vw;

}

.footer-mess .mess-left .left_con .top .line {

	width: 192px;

	height: 1px;

	background-color: #fff;

	display: block;

	margin: 30px 0px;

}

.footer-mess .mess-left .left_con b {

	color: #fff;

	font-size: 2vw;

	font-weight: bold;

	line-height: 130%;

}

.footer-mess .mess-left .left_con .bshare-custom {

	margin: 20px 0px 40px;

}

.footer-mess .mess-left .left_con .bshare-custom .bdsharebuttonbox a {

	display: inline-block;

	vertical-align: middle;

	width: 30px;

	height: 30px;

	padding: 0px;

	margin-right: 12px;

	background-image: url(../images/common_icons.png);

	background-repeat: no-repeat;

}

.footer-mess .mess-left .left_con .bshare-custom .bdsharebuttonbox a.bds_tsina {

	background-position: -120px 0px;

}

.footer-mess .mess-left .left_con .bshare-custom .bdsharebuttonbox a.bds_renren {

	background-position: -150px 0px;

}

.footer-mess .mess-left .left_con .bshare-custom .bdsharebuttonbox a.bds_sqq {

	background-position: -180px 0px;

}

.footer-mess .mess-left .left_con .bshare-custom .bdsharebuttonbox a.bds_weixin {

	background-position: -210px 0px;

}

.footer-mess .mess-left .left_con .footer_call {

	color: #fff;

}

.footer-mess .mess-right {

	float: right;

	width: 75%;

	min-height: 414px;

	padding: 50px 0px;

	background: url(../images/index_mess_bg.jpg) no-repeat center;

}

.footer-mess .mess-right form {

	padding: 0px 42px;

}

.footer-mess .mess-right .form {

	background-color: #fff;

	padding: 25px 50px;

	box-sizing: border-box;

}

.footer-mess .mess-right .form h5 {

	color: #3d3d3d;

	font-size: 24px;

	line-height: 34px;

	padding: 0px 9px;

}

.footer-mess .mess-right .form input, .footer-mess .mess-right .form select {

	color: #888;

	font-size: 15px;

	width: 100%;

	height: 50px;

	line-height: 48px;

	border: 1px solid #ccc;

	padding: 0px 15px;

	box-sizing: border-box;

	-webkit-transition: 0.5s;

	-moz-transition: 0.5s;

	-ms-transition: 0.5s;

	-o-transition: 0.5s;

	transition: 0.5s;

}

.footer-mess .mess-right .form input:hover, .footer-mess .mess-right .form select:hover {

	border-color: #006acd;

}

.footer-mess .mess-right .form .ind_wrap {

	margin: 23px 0px 25px;

}

.footer-mess .mess-right .form .ind_wrap .input_text {

	width: 50%;

	padding: 0 9px;

	float: left;

	box-sizing: border-box;

}

.footer-mess .mess-right .form .ind_sub {

	padding: 0 9px;

}

.footer-mess .mess-right .form .ind_sub input {

	display: block;

	float: right;

	width: 158px;

	height: 42px;

	line-height: 40px;

	color: #006acd;

	border: 1px solid #006acd;

	border-radius: 50px;

	background-color: #fff;

	cursor: pointer;

}

.footer-mess .mess-right .form .ind_sub input:hover {

	background-color: #006acd;

	color: #fff;

}

.footer-mess .mess-right .form .ind_mess {

	padding: 0px 9px;

	margin: 25px 0px;

}

.footer-mess .mess-right .form .ind_mess textarea {

	display: block;

	float: left;

	width: calc(70% - 30px);

	height: 120px;

	color: #666;

	font-size: 15px;

	border: 1px solid #ccc;

	padding: 15px;

	outline: none;

	font-family: "Microsoft Yahei";

	box-sizing: border-box;

	-webkit-transition: 0.5s;

	-moz-transition: 0.5s;

	-ms-transition: 0.5s;

	-o-transition: 0.5s;

	transition: 0.5s;

}

.footer-mess .mess-right .form .ind_mess textarea:hover {

	border-color: #006acd;

}

.footer-mess .mess-right .form .ind_mess .code {

	width: 30%;

	display: block;

	float: right;

}

.footer-mess .mess-right .form .ind_mess .code .ind5_pho {

	margin-bottom: 20px;

}

.footer-mess .mess-right .form .ind_mess .code #verycode {

	width: 55%;

	float: left;

}

.footer-mess .mess-right .form .ind_mess .code .yzm {

	width: 42%;

	height: 50px;

	border: 1px solid #006acd;

	background: #006acd;

	color: #fff;

	float: right;

	cursor: pointer;

}

.footer-mess .mess-right .form .ind_mess .code .yzm:hover {

	background: #0162bd;

	border-color: #0162bd;

}









/* ---------------- Responsive website ---------------- */



/*屏幕小于1440px应用一下样式*/

@media (max-width:1440px) {

.index-page .app-home .slogan {

	height: 120px;

	margin-top: -140px;

}

.index-page .app-home .slogan img {

	height: 120px;

}

.index-page2 .app-home .slogan {

	margin-top: -240px;

}

.index-page2 .app-home .slogan img {

	height: auto;

}

.index-page3 .app-home .slogan img {

	height: auto;

}

.index-page2 .app-home .second-slogan {

	margin-top: -150px;

}

.index-page2 .app-home .second-slogan2 img {

	height: 420px;

}

.index-page3 .app-home .second-slogan {

	width: 100%;

	margin-left: -50%;

	text-align: center;

}

.footer-mess .mess-right .form .ind_mess textarea {

	width: calc(66% - 20px);

}

.footer-mess .mess-right .form .ind_mess .code {

	width: 34%;

}

}



/*屏幕小于1366px应用一下样式*/

@media (max-width:1366px) {

.index-page2 .app-home .slogan {

	margin-top: -200px;

}

.index-page2 .app-home .slogan img {

	height: 60px;

}

.index-page2 .app-home .second-slogan {

	margin-top: -120px;

}

.index-page2 .app-home .second-slogan img {

	height: 45px;

}

.index-page2 .app-home .second-slogan2 img {

	height: 350px;

}

}

 @media (max-width:1200px) {

.header .info {

	display: none;

}

.footer-mess .mess-right .form .ind_mess textarea {

	width: calc(50% - 9px);

}

.footer-mess .mess-right .form .ind_mess .code {

	width: calc(50% - 9px);

}

}



/*屏幕小于1024px应用一下样式*/

@media (max-width:1024px) {

.case_wrap {

	width: 99%;

	margin: 0 auto;

}

.footer-mess .mess-left, .footer-mess .mess-right {

	width: 100%;

}

.footer-mess .mess-left .left_con .top p {

	font-size: 2.5rem;

}

.footer-mess .mess-left .left_con .top span {

	font-size: 1.9rem;

}

.footer-mess .mess-left .left_con b {

	font-size: 2.5rem;

}

}

 @media (max-width:769px) {

.index-page .app-home .slogan,  .index-page .app-home .second-slogan {

	width: 100%;

	margin-left: -50%;

	text-align: center;

	height: auto;

	padding: 0 45px;

	box-sizing: border-box;

}

.index-page .app-home .slogan img, .index-page2 .app-home .slogan img, .index-page2 .app-home .second-slogan img, .index-page2 .app-home .second-slogan2 img {

	height: auto;

}

.index-page .app-home .slogan {

	margin-top: -120px;

}

.index-page2 .app-home .slogan {

	margin-top: -90px;

}

.index-page3 .app-home .slogan {

	margin-top: -90px;

}

.index-page .app-home .second-slogan {

	margin-top: -10px;

}

/*共用元素*/

.container {

	margin: 0 auto;

}

.section {

	padding: 30px 0px;

}

}



/*屏幕小于768px应用一下样式*/

@media (max-width:768px) {

/*banner图*/

.section_head {

	padding: 30px 10px;

}

.section_head .title p {

	font-size: 24px;

}

.section_head .title span {

	font-size: 14px;

}

.flex-direction-nav a {

	opacity: 1;

	width: 30px;

	height: 60px;

	background-size: 60px 60px;

}

.flex-direction-nav .flex-prev {

	left: 2%;

	background-position: 0px 0px;

}

.flex-direction-nav .flex-next {

	right: 2%;

	background-position: -30px 0px;

}

/*服务*/

.bussiness-body {

	padding: 0 10px;

	overflow: inherit;

	box-sizing: border-box;

}

.bussiness-body .item {

	margin-bottom: -1px;

}

.bussiness-body .item, .bussiness-body .item.on {

	width: 33.333%;

}

.bussiness-body .item .service {

	width: 100%;

	height: auto;

	border: 1px solid #dcdcdc;

	border-width: 1px 0px 1px 1px;

	box-sizing: border-box;

}

.bussiness-body .item .service, .bussiness-body .item.on .service {

	border: 1px solid #dcdcdc;

	border-width: 1px 0px 1px 1px;

	background: transparent;

}

.bussiness-body .item.item2 .service, .bussiness-body .item.item5 .service {

	border-width: 1px 1px 1px 1px;

}

.bussiness-body .item.on .service {

	width: 100%;

}

.bussiness-body .item .service .content {

	height: auto;

	padding: 30px 0px;

}

.bussiness-body .item .service .content .icon {

	margin-top: 30px;

}

.bussiness-body .item .price {

	display: none;

}

.bussiness-body .item .service .info {

	display: none;

}

.bussiness-body .item.item1, .bussiness-body .item.item2, .bussiness-body .item.item1.on, .bussiness-body .item.item2.on {

	width: 50%;

}

.bussiness-body .item .service .content h4 a {

	color: #4b4b4b;

	;

	font-size: 16px;

}

.bussiness-body .item.on .service .content h4 a {

	color: #4b4b4b;

}

.bussiness-body .item.on .service .content p {

	color: #4b4b4b;

}

.bussiness-body .item.on .service .content .bussiness-icon1 {

	background: url(../images/icon1.png) no-repeat 0px -822px;

	height: 72px;

	padding-left: 88px;

}

.bussiness-body .item.on .service .content .bussiness-icon2 {

	background: url(../images/icon1.png) no-repeat 0px -750px;

	height: 72px;

	padding-left: 42px;

}

.bussiness-body .item.on .service .content .bussiness-icon3 {

	background: url(../images/icon1.png) no-repeat 0px -1254px;

	height: 72px;

	padding-left: 64px;

}

.bussiness-body .item.on .service .content .bussiness-icon4 {

	background: url(../images/icon1.png) no-repeat 0px -966px;

	height: 72px;

	padding-left: 60px;

}

.bussiness-body .item.on .service .content .bussiness-icon5 {

	background: url(../images/icon1.png) no-repeat 0px -1038px;

	height: 72px;

	padding-left: 55px;

}

/*案例*/

.case_wrap ul {

	padding: 0px 7px

}

.case_wrap ul li {

	width: calc(50% - 6px);

	margin: 3px;

	box-sizing: border-box;

}

.case_wrap ul li .info {

	height: 40px;

}

.case_wrap ul li .info h5 {

	width: 100%;

	height: 20px;

	line-height: 20px;

}

.case_wrap ul li .info h5 a {

	font-size: 16px;

}

.case_wrap ul li .info .fr {

	display: none;

}

/*方案*/

.solution {

	padding: 1px 0px 30px;

	height: auto;

	background-size: cover;

}

.solution .solution-slide {

	width: 100%;

}

.solution .solution-slide .solution-slide-menu {

	width: 100%;

	position: static;

}

.solution .solution-slide .solution-slide-menu ul {

	padding: 0px 10px;

}

.solution .solution-slide .solution-slide-menu ul li {

	margin-bottom: 10px;

}

.solution .solution-slide .solution-slide-menu ul li span {

	top: 0px;

	right: 0px;

	bottom: 0px;

	left: 0px;

	margin: auto;

}

.solution .solution-slide .solution-slide-body {

	display: none;

}

/*新闻*/

.news .news-body .news_wrap {

	margin: 0px 10px 30px;

}

.news .news-body .news_wrap .news_item {

	margin-bottom: 15px;

}

.news .news-body .news_wrap .news_item .time {

	width: 95px;

	height: 88px;

}

.news .news-body .news_wrap .news_item .time strong {

	height: 55px;

	line-height: 55px;

	font-size: 45px;

}

.news .news-body .news_wrap .news_item .time p {

	height: 35px;

	line-height: 35px;

}

.news .news-body .news_wrap .news_item .con {

	width: calc(100% - 110px);

	height: 90px;

}

.news .news-body .news_wrap .news_item .con h4 {

	margin-bottom: 5px;

}

.news .news-body .news_wrap .news_item .con h4 a {

	display: block;

	font-size: 16px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.news .news-body .news_wrap .news_item .con p a {

	font-size: 13px;

	line-height: 19px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	overflow: hidden;

}

.newslis dl {

	width: 100%;

	float: none;

	box-sizing: border-box;

	padding: 10px;

	margin-bottom: 15px;

}

.newslis dl:nth-child(2n) {

	float: none;

}

.newslis dl dd {

	width: calc(100% - 190px);

}

.newslis dl dd p {

	-webkit-line-clamp: 3;

	font-size: 12px;

	height: 52px;

	line-height: 18px;

	padding-top: 3px;

}

.footer-topbar {

	padding: 0px;

}

.footer-topbar .footer-topbar-content .footer-topbar-item {

	width: 50%;

}

.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img {

	float: none;

}

.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .icon {

	margin: 0 auto;

}

.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-content {

	float: none;

	margin-top: 5px;

	text-align: center;

}

.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-content .h4 {

	font-size: 18px;

}

}

/*屏幕小于540px应用一下样式*/

@media (max-width:540px) {

/*案例*/

.service_wrap {

	padding: 50px 0px;

}

.service_wrap .main-wrap ul li h4 {

	font-size: 35px;

}

.service_wrap .main-wrap ul li p {

	font-size: 24px;

}

/*新闻*/

.newslis dl dt {

	height: 80px;

}

.news-box-img img {

	width: auto;

	height: 80px;

	width: 120px;

}

.newslis dl dd {

	width: calc(100% - 130px);

}

}