.underline-red {
	display: block;
	width: 72px;
	margin-bottom: 21px;
	border-bottom: 1px solid #ff404f
}

.btn-primary {
	display: inline-block;
	font-size: 20px;
	line-height: 1;
	border-radius: 4px;
	padding: 15px 55px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	background: #ff404f;
	cursor: pointer
}

.btn-primary:hover {
	background: #e03140;
	color: #fff
}

.swiper-container {
	min-width: 1200px;
	height: 720px;
	text-align: center;
	background: #111
}

.swiper-container .swiper-slide .strength-media {
	position: relative;
	display: block;
	height: 100%
}

.swiper-container .swiper-slide .swiper-lazy {
	height: 100%;
	background-position: center;
	background-repeat: no-repeat
}

.swiper-container .swiper-slide .pos-text {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 45px;
	color: #fff
}

.swiper-container .swiper-slide .pos-text p {
	line-height: 1;
	margin-top: 230px
}

.swiper-container .swiper-pagination-bullets {
	bottom: 220px;
	left: 0;
	width: 100%
}

.swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
	width: 40px;
	height: 2px;
	border-radius: 0px;
	background: #FF5722
}

.swiper-container .swiper-lazy-preloader {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	margin-left: 0;
	margin-top: 0;
	background: rgba(69,158,128,0.4);
	z-index: 10;
	-webkit-transform-origin: inherit;
	-ms-transform-origin: inherit;
	transform-origin: inherit;
	-webkit-animation: inherit;
	animation: inherit
}

.swiper-container .swiper-lazy-preloader:after {
	background-image: inherit;
	background-position: inherit;
	background-size: inherit;
	background-repeat: inherit
}

.swiper-container .swiper-button-prev,.swiper-container .swiper-button-next {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	margin: -20px 20px 0;
	border: 1px solid #fff;
	font-family: cursive;
	font-size: 18px;
	background-image: none;
	background: url(../image/icon-slides.png) -78px center no-repeat
}

.swiper-container .swiper-button-prev:hover,.swiper-container .swiper-button-next:hover {
	opacity: 0.8
}

.swiper-container .swiper-button-prev {
	background-position: -52px center
}

.banner-media {
	height: 100%
}

.sl-banner {
	position: relative;
	min-width: 1200px
}

.sl-banner .swiper-slide a {
	cursor: default
}

.sl-banner .swiper-slide a.strength-media {
	cursor: pointer
}

.sl-banner .swiper-btm {
	position: absolute;
	width: 100%;
	bottom: 0;
	background: rgba(44,45,56,0.8);
	color: #fff;
	z-index: 1
}

.sl-banner .swiper-btm dl {
	float: left;
	width: 20%;
	height: 140px;
	padding: 32px 13px 0 30px;
	border-right: 1px solid #222;
	text-align: left
}

.sl-banner .swiper-btm dl:first-child {
	padding-left: 0px
}

.sl-banner .swiper-btm dl:last-child {
	border-right: none
}

.sl-banner .swiper-btm dl dt {
	margin-bottom: 5px;
	font-size: 18px;
	color: #fff
}

.sl-banner .swiper-btm dl dd {
	font-size: 14px;
	color: #999
}

.strength {
	min-width: 1200px;
	padding-bottom: 0px;
	padding-top: 0px;
	background: #fff
}

.strength .strength-tp {
	padding-top: 125px;
	padding-bottom: 30px;
	background: url(../image/strength-bg.jpg) center 0px no-repeat;
	background-size: cover
}

.strength .strength-tp .summary-text {
	color: #333
}

.strength .strength-main dl {
	position: relative;
	float: left;
	width: 25%;
	height: 210px;
	text-align: center;
	cursor: default
}

.strength .strength-main dl:after {
	display: none;
	content: '';
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -12px;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid #e60012
}

.strength .strength-main dl dt {
	display: inline-block;
	width: 122px;
	height: 119px;
	margin-bottom: 25px;
	padding-top: 25px;
	font-size: 24px;
	background: url(../image/circle.png) center no-repeat
}

.strength .strength-main dl dd {
	font-size: 15px;
	color: #999
}

.strength .strength-main dl.active:after {
	display: block
}

.strength .strength-main dl.active * {
	color: #e60012
}

.strength .strength-main dl.active dt {
	background: url(../image/circle-active.png) center no-repeat
}

.strength .strength-content {
	background: #000
}

.strength .strength-content .strength-item {
	display: none;
	height: 400px;
	overflow: hidden
}

.strength .strength-content .strength-item img {
	position: relative;
	left: 50%;
	margin-left: -960px
}

.strength .strength-content .strength-item:first-child {
	display: block
}

.strength .strength-content .strength-media {
	position: relative;
	display: block;
	width: 100%;
	min-width: 1200px;
	height: 400px;
	background: url(../image/1.jpg) center
}

.strength .strength-content .strength-inner {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 400px;
	color: #fff;
	text-align: center;
	background: rgba(35,35,35,0.4) url(../image/play.png) center 200px no-repeat
}

.strength .strength-content .strength-inner p {
	padding-top: 125px;
	font-size: 26px
}

.digital-exhibition-hall {
	min-width: 1200px;
	background: #fff
}

.digital-exhibition-hall .c-content {
	min-width: 1200px
}

.digital-exhibition-hall .c-content .c-nav {
	margin-bottom: 20px;
	font-size: 16px;
	text-align: center
}

.digital-exhibition-hall .c-content .c-nav>li {
	display: inline-block;
	margin: 0 10px;
	color: #333;
	cursor: pointer
}

.digital-exhibition-hall .c-content .c-nav>li:hover {
	color: #999
}

.digital-exhibition-hall .c-content .c-nav>li.active {
	position: relative
}

.digital-exhibition-hall .c-content .c-nav>li.active a {
	color: #e60012
}

.digital-exhibition-hall .c-content .c-nav>li.active .innovative-business-icon {
	display: block
}

.digital-exhibition-hall .c-content .c-list-wrap {
	min-width: 1200px;
	margin: 0 auto
}

.digital-exhibition-hall .c-content .c-list-wrap ul.c-list li {
	margin-right: 15px
}

.digital-exhibition-hall .c-content .c-list-wrap ul.c-list li:last-child {
	margin-right: 0px
}

.digital-exhibition-hall .c-content .c-list-wrap ul.c-list li img {
	width: 100%
}

@media screen and (max-width: 1348px) {
	.digital-exhibition-hall .c-content .c-list-wrap {
		width: 1200px
    }
    
    .typeaere{
        width: 1200px;
    }
    .index_anli_wrap{
        width: 1200px;
    }
    .tag_items.animated.slow.fadeInUp{
        width: 1200px;
        margin: 0 auto;
    }
    .center{
        width: 1200px;
        margin: 0 auto;
    }
	.digital-exhibition-hall .c-content .c-list-wrap ul.c-list li {
		width: 592px;
		height: 305px
	}
}

@media screen and (min-width: 1349px) and (max-width: 1599px) {
	.digital-exhibition-hall .c-content .c-list-wrap {
		width: 1330px
    }
    .typeaere{
        width: 1200px;
    }
    .index_anli_wrap{
        width: 1200px;
    }
    .tag_items.animated.slow.fadeInUp{
        width: 1200px;
        margin: 0 auto;
    }
    .center{
        width: 1200px;
        margin: 0 auto;
    }

	.digital-exhibition-hall .c-content .c-list-wrap ul.c-list li {
		width: 657px;
		height: 305px
	}
}

@media screen and (min-width: 1600px) and (max-width: 1918px) {
	.digital-exhibition-hall .c-content .c-list-wrap {
		width: 1580px
    }
    .typeaere{
        width: 1200px;
    }
    .index_anli_wrap{
        width: 1200px;
    }

    .tag_items.animated.slow.fadeInUp{
        width: 1200px;
        margin: 0 auto;
    }
    .center{
        width: 1200px;
        margin: 0 auto;
    }

	.digital-exhibition-hall .c-content .c-list-wrap ul.c-list li {
		width: 782px;
		height: 362px
	}
}

@media screen and (min-width: 1919px) {
	.digital-exhibition-hall .c-content .c-list-wrap {
		width: 1200px
    }
    .typeaere{
        width: 1200px;
    }
    .index_anli_wrap{
        width: 1200px;
    }
    
    .tag_items.animated.slow.fadeInUp{
        width: 1200px;
        margin: 0 auto;
    }
    .center{
        width: 1200px;
        margin: 0 auto;
    }

	.digital-exhibition-hall .c-content .c-list-wrap ul.c-list li {
		width: 952px;
		height: 435px
	}
}

.multimedia-application {
	min-width: 1200px;
	background: url(../image/multimedia-bg.jpg) no-repeat
}

.multimedia-application .c-title {
	color: #fff
}

.multimedia-application .c-nav>li {
	padding-bottom: 5px
}

.multimedia-application .c-nav>li a {
	color: #999
}

.multimedia-application .c-nav>li.active {
	position: relative
}

.multimedia-application .c-nav>li.active a {
	color: #e60012
}

.multimedia-application .c-nav>li.active .innovative-business-icon {
	display: block
}

.multimedia-application .c-list-wrap {
	margin-top: 20px
}

.multimedia-application ul.c-list {
	width: 1380px
}

.multimedia-application ul.c-list li {
	width: 680px;
	height: 410px;
	margin-right: 20px
}

.multimedia-application ul.c-list li img {
	height: 100%
}

.multimedia-application ul.c-list li:last-child {
	margin-right: 0px
}

.multimedia-application .more-detail a {
	color: #fff
}

.multimedia-application .more-detail a:hover {
	color: #e60012
}

@media screen and (max-width: 1400px) {
	.multimedia-application ul.c-list {
		width: 1200px
	}

	.multimedia-application ul.c-list li {
		width: 590px;
		height: 400px
	}
}

.education {
	min-width: 1200px;
	background: url(../image/education-bg.png) no-repeat;
	background-size: cover
}

.education .c-title {
	color: #fff
}

.education ul.c-list {
	display: block;
	height: 380px;
	overflow: hidden
}

.education ul.c-list li {
	position: relative;
	width: 240px;
	height: 100%;
	margin-right: 10px;
	text-align: center;
	font-size: 22px;
	color: #fff
}

.education ul.c-list li:last-child {
	margin-right: 0px
}

.education ul.c-list li:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(53,53,53,0);
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s
}

.education ul.c-list li:hover:after {
	background-color: rgba(255,46,46,0.55)
}

.education ul.c-list li:hover .education-more {
	display: block
}

.education ul.c-list li .education-text {
	position: relative;
	padding-top: 70px;
	margin-top: 130px;
	line-height: 1;
	z-index: 1
}

.education ul.c-list li:last-child {
	margin-right: 0px
}

.education ul.c-list li .education-more {
	display: none;
	position: relative;
	width: 126px;
	height: 35px;
	line-height: 35px;
	margin: 30px auto 0;
	text-align: center;
	border: 1px solid #ddd;
	font-size: 16px;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	color: #fff;
	z-index: 1;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s
}

@media screen and (max-width: 1239px) {
	.education .wp {
		width: 1200px
	}

	.education ul.c-list li {
		width: 232px
	}
}

@media screen and (min-width: 1240px) {
	.education .wp {
		width: 1240px
	}

	.education ul.c-list li {
		width: 232px
	}
}

.innovative-business-icon {
	display: none;
	position: absolute;
	width: 6px;
	height: 4px;
	left: 0;
	right: 0;
	top: 35px;
	margin: auto;
	background: url(../image/nav-arrow.png) no-repeat
}

.design-visualization .c-content .c-nav>li.active {
	position: relative
}

.design-visualization .c-content .c-nav>li.active a {
	color: #e60012
}

.design-visualization .c-content .c-nav>li.active .innovative-business-icon {
	display: block
}

.innovative-business {
	min-width: 1200px;
	background: #fff
}

.innovative-business .c-nav>li {
	position: relative;
	color: #333
}

.innovative-business .c-nav>li:hover {
	color: #e60012
}

.innovative-business .c-nav>li.active {
	color: #e60012
}

.innovative-business .c-nav>li.active .innovative-business-icon {
	display: block
}

.innovative-business .c-list-wrap {
	margin-top: 20px;
	height: 380px;
	overflow: hidden
}

.innovative-business ul.c-list {
	overflow: hidden
}

.innovative-business ul.c-list li {
	position: relative;
	width: 240px;
	height: 100%;
	margin-right: 10px;
	overflow: hidden
}

@media screen and (max-width: 1280px) {
	.innovative-business ul.c-list {
		width: 990px
	}

	.innovative-business ul.c-list li:nth-child(4) {
		margin-right: 0px
	}
}

@media screen and (min-width: 1281px) and (max-width: 1530px) {
	.innovative-business ul.c-list {
		width: 1240px
	}

	.innovative-business ul.c-list li:nth-child(5) {
		margin-right: 0px
	}
}

@media screen and (min-width: 1531px) and (max-width: 1790px) {
	.innovative-business ul.c-list {
		width: 1490px
	}

	.innovative-business ul.c-list li:nth-child(6) {
		margin-right: 0px
	}
}

@media screen and (min-width: 1791px) {
	.innovative-business ul.c-list {
		width: 1740px
	}

	.innovative-business ul.c-list li:nth-child(7) {
		margin-right: 0px
	}
}

.business-scope {
	min-width: 1200px;
	height: 636px;
	background: url(../image/business-scope.jpg) center no-repeat
}

.business-scope .c-title {
	margin-bottom: 28px;
	color: #fff;
	text-align: left
}

.business-scope .summary-text {
	text-align: left;
	line-height: 26px
}

.business-scope .news-todetail {
	float: left;
	font-size: 18px;
	color: #ff4150
}

.business-scope .business-scope-inner {
	width: 440px;
	float: right;
	margin-top: 150px
}

.win-hand {
	background: #fff
}

.win-hand .more-detail a {
	margin-top: 0px
}

.win-hand .summary-text {
	width: 510px;
	margin: auto;
	line-height: 26px
}

.win-hand .win-hand-content {
	width: 1200px;
	margin: 60px auto 0
}

.win-hand .win-hand-content ul li {
	float: left;
	width: 150px;
	height: 40px;
	margin-bottom: 60px;
	text-align: center;
	overflow: hidden
}


/* 幻灯片下面news */
/*news-move*/
.news {
	position: absolute;
	left: 50%;
	margin-left: -550px;
	bottom: 140px;
	z-index: 300;
	width: 1100px;
	height: 45px;
}

.news_l {
	position: relative;
	width: 960px;
	height: 45px;
}

.news_hot {
	background: #fff;
	position: relative;
	width: 944px;
	height: 45px;
	padding-left: 16px;
}

.news_r {
	background: #fff;
	width: 136px;
	height: 45px;
	padding-top: 6px;
}

.news_hName {
	color: #0268b3;
	font-size: 14px;
	width: auto;
	height: 45px;
	line-height: 45px;
	background: url(../image/ind_newicon.png) no-repeat left;
	padding-left: 30px;
	margin-right: 6px;
	display: inline;
}

.news_hMove {
	width: 396px;
	height: 45px;
	line-height: 45px;
	overflow: hidden;
}

.news_hMlist li {
	height: 45px;
}

.news_hMlist li a {
	display: block;
	height: 45px;
}

.news_hMlist li a span {
	display: inline-block;
	height: 45px;
}

.news_hMname {
	font-size: 13px;
	width: 310px;
	height: 45px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news_hMtime {
	color: #888;
}

.news_r a {
	display: block;
	background-color: #0268b3;
	color: #FFF;
	font-size: 15px;
	width: 100px;
	height: 32px;
	line-height: 32px;
	margin: 0 auto;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.news_r a span {
	background: url(../image/jt_zyicon.png) no-repeat left;
	padding-left: 20px;
}

.news_Mtk {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 300;
	background: #fff;
	width: 960px;
	height: 0;
}

.news_Mtkbox {
	width: 945px;
	height: 232px;
	padding: 16px 18px 0 30px;
	font: 12px/24px 'Microsoft YaHei';
	text-align: left;
	box-sizing: border-box;
}

.news_Mtkl {
	width: 444px;
}


.new_Mrsimg {
    width: 272px;
    height: 162px;
}
.news_Mtkr {
	width: 414px;
	
}

.news_Mtname {
	background: url(../image/ind_newicon.png) no-repeat left;
	padding-left: 30px;
	color: #0268b3;
	font-size: 18px;
}

.news_Mtlist {
	padding-top: 6px;
	height: auto;
	overflow: hidden;
}

.news_Mtlist li {
	height: 35px;
	line-height: 35px;
	border-bottom: 1px dotted #888;
}

.news_Mtlist li a {
	display: block;
	height: 35px;
	padding-left: 6px;
}

.news_Mtitle {
	display: inline-block;
	background: url(../image/ind_newMac.png) no-repeat left;
	padding-left: 22px;
	font-size: 13px;
	width: 334px;
	height: 35px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news_Mrmore {
	height: 23px;
	padding: 4px 0 20px;
}

.news_Mrmore  a {
	display: inline-block;
	color: #0268b3;
	width: auto;
	font-size: 12px;
	height: 21px;
	line-height: 21px;
	padding: 0 10px;
	border: 1px solid #0268b3;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
}

.news_Mrmore a span {
	background: url(../image/nore_icon.png) no-repeat right;
	padding-right: 16px;
}

.news_Mrshow {
	height: 162px;
	margin-top: 40px;
}

.new_Mrsimg {
	width: 272px;
	height: 162px;
}

.new_Mrfor {
	width: 130px;
}

.new_Mrfname a {
	display: block;
	color: #0268b3;
	font-size: 18px;
	margin-bottom: 42px;
}

.new_Mrfmore a {
	color: #c0a354;
	font-size: 14px;
}


/* 产品*/

.page { padding: 60px 0; }
.page.on { background: #f4f4f4; }
.page_tit { text-align: center; margin-bottom: 60px; }
.page_tit.on h3 { color: #fff; }
.page_tit h4 { font-family: 'Microsoft Yi Baiti'; font-size: 48px; font-weight: normal; color: #adadad; text-transform: uppercase; margin-bottom: 5px; }
.page_tit h3 { font-size: 30px; font-weight: normal; line-height: 40px; }
.page_tit h3 img { vertical-align: middle; }
.page_tit h3 span { display: inline-block; padding: 0 20px; }
.page_tit h3 label { color: #e81320; }
.page_list1 ul { overflow: hidden; margin: 0 -10px; }
.page_list1 ul li { width: 33.333%; float: left;}
.page_list1 ul li .list { margin: 10px; background: #fff; text-align: center; padding: 40px; line-height: 25px; position: relative; overflow: hidden; z-index: 1; }
.page_list1 ul li .list .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; }
.page_list1 ul li:hover .list { background: #e81320; }
.page_list1 ul li:hover .list .img { opacity: 0.15; }
.page_list1 ul li .list h3 { font-weight: normal; color: #000; margin-bottom: 15px; padding-top: 90px; font-size: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-position: top center; background-repeat: no-repeat; }
.page_list1 ul li:hover .list h3 { color: #fff; }
.page_list1 ul li:hover .list p { color: #fff; }
.page_list1 ul li .list p { height: 50px; overflow: hidden; color: #8a8a8a; }
.page_list1 ul li .list h3.h3-1 { background-image: url(../img/icon_03.png); }
.page_list1 ul li .list h3.h3-2 { background-image: url(../img/icon_05.png); }
.page_list1 ul li .list h3.h3-3 { background-image: url(../img/icon_07.png); }
.page_list1 ul li .list h3.h3-4 { background-image: url(../img/icon_13.png); }
.page_list1 ul li .list h3.h3-5 { background-image: url(../img/icon_15.png); }
.page_list1 ul li .list h3.h3-6 { background-image: url(../img/icon_17.png); }
.page_list1 ul li:hover .list h3.h3-1 { background-image: url(../img/icon1_03.png); }
.page_list1 ul li:hover .list h3.h3-2 { background-image: url(../img/icon1_05.png); }
.page_list1 ul li:hover .list h3.h3-3 { background-image: url(../img/icon1_07.png); }
.page_list1 ul li:hover .list h3.h3-4 { background-image: url(../img/icon1_13.png); }
.page_list1 ul li:hover .list h3.h3-5 { background-image: url(../img/icon1_15.png); }
.page_list1 ul li:hover .list h3.h3-6 { background-image: url(../img/icon1_17.png); }

.page2 { padding: 0; }
.page_list2 ul { overflow: hidden; }
.page_list2 ul li { width: 25%; float: left; }
.page_list2 ul li a { display: block; position: relative; }
.page_list2 ul li .img img { width: 100%; display: block; }
.img img { width: 100%; display: block; height: 290px;}

.page_list2 ul li .text { position: absolute; left: 5%; right: 5%; top: 50%; margin-top: -60px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.page_list2 ul li .text h3 { font-size: 24px; font-weight: normal; }
.page_list2 ul li .text p { line-height: 62px; border-bottom: 2px solid #fff; display: inline-block; width: 75%; white-space: nowrap; font-size: 16px; margin-bottom: 35px; text-overflow: inherit; }
.page_list2 ul li .text span { display: none; }
.page_list2 ul li a:hover .text p { width: 100%; }

/*----------mainer----------*/
.mainer { padding-top: 81px; }
.tag_tit ul { text-align: center; overflow: hidden; overflow-x: auto; white-space: nowrap; }
.tag_tit ul li { display: inline-block; margin: 0 5px; font-size: 16px; cursor: pointer; }
.tag_tit ul li span { display: block; line-height: 32px; padding: 0 10px; border: 1px solid #dbdbdb; min-width: 4em; text-align: center; color: #666; }
.tag_tit ul li:hover span, .tag_tit ul li.on span { color: #fff; background: #242424; border-color: #242424; }
.case_list { margin-top: 50px;  }
.case_list ul:after {clear:both;content:'';display:block;}
.case_list ul {margin-left: -15px;}
.case_list ul li { width: 33.333%; float: left; margin: 10px 0; padding-left:15px }
.case_list ul img { display: block; }
.case_list ul a { display: block; margin: 0 1px; }
/*.case_list ul a:hover .text h3{color:#fff}
.case_list ul a:hover .text{ transform:translateY(-55px);-o-transform:translateY(-55px);-webkit-transform:translateY(-55px);-moz-transform:translateY(-55px);-ms-transform:translateY(-55px); padding:0 15px;background:rgba(0,0,0,0.8)}*/
.case_list ul .text h3 { font-size: 16px; font-weight: normal; color: #000; line-height: 55px; }

.page4 { background: url(../img/banner4.jpg) no-repeat center center; background-attachment: fixed; background-size: 100% 100%; }
.page_list4 ul li { position: relative; width: 25%; float: left; color: #fff; margin: 15px 0; }
.page_list4 ul li .jt { position: absolute; top: 0; height: 100px; width: 100%; left: 50%; background: url(../img/icon6.png) no-repeat center center; }
.page_list4 ul li:nth-child(4n) .jt { display: none; }
.page_list4 ul { overflow: hidden; margin: -15px 0; }
.page_list4 .list { text-align: center; line-height: 26px; color: #898989; width: 180px; margin: 0 auto; }
.page_list4 .list h3 { color: #fff; font-size: 18px; font-weight: normal; line-height: 45px; padding-top: 10px; }
.page_list4 .list span { display: block; width: 98px; height: 98px; border-radius: 100%; border-radius: 100%; border: 1px solid #fff; margin: 0 auto; position: relative; z-index: 1; }
.page_list4 .list span:before { content: ''; display: block; width: 98px; height: 98px; }
.page_list4 .list span:after { position: absolute; content: ''; display: block; width: 0; height: 0; margin: 0; top: 50%; left: 50%; border-radius: 100%; z-index: -1; }
.page_list4 li.on .list span:after { width: 100%; margin-left: -50%; margin-top: -50%; height: 100%; background: #e81320; }
.page_list4 li.on span { border-color: #e81320; }
.page_list4 .list span.span1:before { background: url(../img/icon5.png) no-repeat center center; }
.page_list4 .list span.span2:before { background: url(../img/icon5-1.png) no-repeat center center; }
.page_list4 .list span.span3:before { background: url(../img/icon5-2.png) no-repeat center center; }
.page_list4 .list span.span4:before { background: url(../img/icon5-3.png) no-repeat center center; }
.page_list4 .list span.span5:before { background: url(../img/icon5-4.png) no-repeat center center; }
.page_list4 .list span.span6:before { background: url(../img/icon5-5.png) no-repeat center center; }
.page_list4 .list span.span7:before { background: url(../img/icon5-6.png) no-repeat center center; }
.page_list4 .list span.span8:before { background: url(../img/icon5-7.png) no-repeat center center; }


/* 业务类型 */

.layui-tab-item {
    display: none;
}

.layui-show {
    display: block!important;
    height: 667px;
}

.pc_box{
    display:block;
    background: #fff;
}
.web_box{
	display:none;
}
.layui-tab {
	height: 667px;
	position: relative;
	margin: 0 auto !important;
}

.layui-tab-title {
	position: absolute;
	top: 0;
	height: auto;
	/* padding: 5px 7px; */
	box-sizing: border-box;
}
.title_box{
	padding: 5px 7px;
}
.title_box li{
	background: #ffffff;
	margin-top: 3px;
}

.layui-tab-title li {
	width: 260px;
	height: 160px;
	/* background: #ffffff; */
	font-size: 18px;
	color: #414141;
	line-height: 160px;
	display: block;
	/* margin-top: 3px; */
	transition: all 0.5s;
	padding: 0 !important;
	text-align: left;
}

.layui-tab-title .layui-this {
	background: #e60012;
	color: #ffffff;
	margin-top: 1px;
}

.layui-tab-title .layui-this .tab_img {
	display: none;
}

.layui-tab-title .layui-this .tab_on_img {
	display: inline-block;
}

.layui-tab-title li .layui-this_box {
	width: 50%;
	display: block;
	text-align: center;
	float: left;
}

.layui-tab-title li .tab_on_img {
	display: none;
}

.layui-tab-title li:hover .tab_img {
	display: none;
}

.layui-tab-title li:hover .tab_on_img {
	display: inline-block;
}

.layui-tab-content {
    width: 100%;
    overflow: hidden;
}

.layui-tab-item.item_box.layui-show {
    overflow: hidden;
}

.tab-content_R {
	width: 25%;
	float: right;
	padding-right: 40px;
	box-sizing: border-box;
}

.tab-content_R h2 {
	font-size: 35px;
	color: #fefefe;
	margin-top: 150px;
}

.tab-content_R p {
	font-size: 16px;
	color: #fefefe;
	margin-top: 23px;
}

.tab-content_R .content_R_ecl {
	width: 186px;
	height: 46px;
	line-height: 46px;
	background: #ffffff;
	color: #414141;
	font-size: 16px;
	border-radius: 20px;
	padding-left: 34px;
	box-sizing: border-box;
	transition: all 0.5s;
	cursor: pointer;
	margin-top: 60px;
	display: block;
}

.tab-content_R .content_R_ecl:hover {
	padding-left: 50px;
	box-sizing: border-box;
}

.tab-content_R .content_R_ecl img {
	width: 20px;
	height: 13px;
	margin-left: 10px;
}

.tab-content_R ul {
	font-size: 35px;
	color: #fefefe;
	margin-top: 50px;
}

.tab-content_R ul li {
	width: 33.3%;
	color: #fefefe;
	font-size: 14px;
	float: left;
	line-height: 40px;
}

/* 案例 */

.index_anli_wrap {
	background: #fff;
	padding: 0 6px;
	overflow: hidden;
    font-size: 20px;
    margin: 0 auto;
}
.index_anli_wrap .img_text {
	width: 25%;
	float: left;
	background: #efefef;
	height: 420px;
}
.index_anli_wrap .img_text .title {
	font-size: 35px;
	margin-top: 100px;
	margin-left: 30px;
}
.index_anli_wrap .img_text .des {
    font-size: 16px;
    margin-top: 30px;
    margin-left: 30px;
    margin-right: 30px;
    line-height: 1.4;
}
.index_anli_wrap .img_wrap {
	width: 75%;
	float: left;
	height: 418px;
    padding-left: 2px;
}
.index_anli_wrap .img_wrap img {
	display: block;
    width: 100%;
    height: 418px;
    padding-right: 2px;
}
.anli_picScroll ul {
	
	margin-left: -6px!important;
}
.anli_picScroll li {
	width: 25%;
	float: left;
	margin-left: 2px;
}
.anli_picScroll li img {
	display: block;
	height: 260px;
	width: 100%;
}
.anli_picScroll li p {
	font-size: 24px;
	height: 60px;
	line-height: 60px;
	background: #efefef;
	text-align: center;
}



.anli_picScroll {
    overflow: hidden;
}

/* vr展示 */
.center.vr{    overflow: hidden;    padding: 50px 0;}
.i_fm{     width: 100%;
    height: 400px;
    float: left;
    margin: 0 auto; }
.fold_wrap{width:100%;height:400px;margin:0px auto;overflow:hidden;}
.fold_wrap li{float:left;width:11.11%;height:400px;position:relative;overflow:hidden;cursor:pointer;padding: 0;}
.fold_wrap li .mask_b{position:absolute;overflow:hidden;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.3);_background:#B2B2B2;}
.fold_wrap li.active .mask_b{background:none;}
.fold_wrap li .mask_b h4{color:#fff;width:30px;margin:0 auto; display:block;font:30px/30px Microsoft Yahei;position:relative;padding:100px 0 0 0;}
.fold_wrap li.big{width:322px;}
.fold_wrap li .adv_intro{ width:92%; height:40px; padding:5px 4%; position:absolute;left:0; bottom:-50px;background:#37D; color:#FFF; overflow:hidden;}
.adv_intro_show{bottom:0 !important; transition:bottom 0.3s linear 0.3s; -webkit-transition:bottom 0.3s linear 0.3s;}
.pic_auto{width:100%;height:100%;}


/* 底部 */
.fixed {
    display: block;
    min-height: 1%;
    overflow: hidden;
}
.Ft_select{position: relative;}
.Ft_select:after{width: 30px;height: 38px;right: 1px;top: 1px;position: absolute;background: url(../image/tobottom.png) #fff no-repeat right center;background-color: #ffffff;content: "";display: block;}
.footer{ background-color:#1F1D1D; padding-top:50px; color:#fff;overflow: hidden}
.F_content{ padding-bottom:20px;}
.F_content .fl{ text-align:center; width:100%;}
.F_left{ padding-bottom:20px;}
.reply_title{ margin-bottom:15px; text-align:left;font-size: 18px;}
.F_left input{ float:left; width:100%; padding:5px 10px; line-height:30px; border-radius:2px; border:none; margin-bottom:15px; color:#909090;}
.Ft_select{ float:left; display:inline-table; width:65%; border-radius:2px;  height:40px; margin-right:3.5%; background:url(../image/tobottom.png) #fff no-repeat right center; overflow:hidden;}
.F_left select{ width:100.5%; padding:5px; border:none; height:40px; color:#909090; background-color:transparent;}
.F_left button{ float:right; width:30%; line-height:40px; color:#fff; font-size:14px; border:none; border-radius:2px; padding:0 2px;}
.Fm_li{ float:left; width:25%; padding:5px 0; font-size:14px;}
.Fm_li a{ color:#ccc; padding:5px;}
.Fm_li a:focus,.Fbm_li a:focus{ background-color:transparent;}
.F_bottom{ padding:0 0 15px; color:#ccc; text-align:center; margin-top:-10px;}
.footer p{ color:#fff; font-size:12px;}
.F_bottom p{ color:#ccc;  padding-top:5px;}

.Fb_map{ padding:15px 0; background:url(../images/Fbm_erweima_linePhone.png) repeat-x top;}
.Fb_map li{ float:left; width:25%; text-align:center;}
.Fb_map li a{ color:#fff; display:inline-block; height:100%; width:100%;}
.Fb_map li a:hover{ color:#c7000b;}
.Fbm_erweima_box{ float:left; width:65%;}
.Fbm_erweima_box > div.fl{ width:50%; padding:0 5px; text-align:center;}
.Fbm_erweima_box > div >img{ max-width:100%; width:84px;}
.Fbm_erweima_box > div >p{ border:none;margin-top: 3px}

.Fbm_fx{ float:left; width:34%; height:52px; line-height:22px;text-align: center}
.Fbm_fx img{ width:20px;}
.hot-line{text-align: left;margin-top: 20px}
.F_content .bottom-lists{display: none}
.Fbm_erweima_box>div{float: left;width: 100%;text-align: center}
.F_right{width: 100%}
.hot-line h3{font-size: 18px}

.typeaere{
    margin: 0 auto;
    overflow: hidden;
    padding: 0px;
}

.F_content .F_left {
    width: 45%;
    padding: 0px 10px;
}
.hot-line {
    margin-top: 35px;
}
.F_content .bottom-lists {
width: 15%;
display: block;
margin-left: 230px;
}
.F_content .bottom-lists>div {
    width: 33.33%;
    text-align: center;
}

.F_content .F_right {
    width: 15%;
    text-align: center;
}
.bottom-lists .bt dd>a {
    color: #dadada;
}

.footer .F_banquan {
    text-align: left;
    width: 54%;
    padding-left: 50px;
}

.Fb_map {
    float: right;
    padding: 5px 0;
    background: none;
    position: relative;
    padding-right: 100px;
}

.Fb_map li {
    float: left;
    width: auto;
    padding: 0 5px;
    font-size: 12px;
    height: auto;
    line-height: 1.4285;
}

.Fbm_fx img {
    width: 20px;
}

.F_bottom {
    padding-top: 5px;
    margin-top: 0;
    border-top: 1px solid #5f4646;
}

.AN01 {
    cursor: pointer;
    border-radius: 2px;
    color: #fff;
    border: none;
    background-color: #c7000b;
}


/**/
.medi{ width: 1200px; height: auto;  margin:0 auto;overflow: hidden;}
.medi a li{ width: 380px; height: auto; float: left; margin-right: 30px; list-style: none; margin-right: 30px; background: #fefefe;}
.medi a:nth-child(3) li{margin-right: 0;}
.medi a li .img{ width: 380px; height: 239px; float: left; border:0; overflow: hidden;}
.medi a li .img:hover img{cursor: pointer; -webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s; transition: all 0.6s; transform: scale(1.2);}
.medi a li img{ width: 380px; height: 239px; border:0; }
.medi a li .zi{ width: 380px; height: 80px; float: left; padding:15px 0; font-size: 13px; line-height: 25px; color: #666;}
.medi a li .zi:hover, .medi a li .zi span:hover{color: #bd1a25;}
.medi a li .zi span{ font-size: 16px; width: 100%; float: left; font-weight: bold; color: #333;}
.medi a li .ly{ width: 300px; height: 40px; float: left; line-height: 40px;}
.medi a li .ly img{ width: 80px; height: 28px; transform: scale(1); }
.medi a li .fx{ width: 65px; height: 40px; float: right; margin-right: 15px; line-height: 40px; text-align: right; }
.medi a li .fx img{ width: 15px; height: 15px; transform: scale(1); }
/**/
.medi li{ width: 380px; height: auto; float: left; margin-right: 30px; list-style: none; margin-right: 30px; background: #f7f7f7;}
.medi li:nth-child(3){margin-right: 0;}
.medi li .img{ width: 380px; height: 239px; float: left; border:0; overflow: hidden;}
.medi li .img:hover img{cursor: pointer; -webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s; transition: all 0.6s; transform: scale(1.2);}
.medi li .img img{ width: 380px; height: 239px; border:0; }
.medi li .img .yy{ width: 380px; height: 239px; line-height: 239px; margin-top: -240px; display: none; font-size: 14px; color: #fff; background: rgba(0,0,0,.7); text-align: center; position: absolute;}
.medi li .img:hover .yy{ display: block; }
.medi li .tit{ width: 380px; height: 40px; float: left; font-size: 16px; line-height: 16px; color: #333; font-weight: bold; }
.medi li .zis{ width: 380px; height: 30px; float: left; font-size: 13px; line-height: 30px; color: #fff; background: rgba(0,0,0,.7); text-align: center; margin-top: -30px;}
.medi li .img:hover .zis{ display: none; }
.medi li .tia{ width: 380px; float: left; margin-top: 20px;}
.medi li .tia .tis{ width: 360px; padding-left:20px; height: 30px; float: left; line-height: 30px; font-size: 13px; background: url(/images/dian.png) left 11px no-repeat;}

.medi li .tia .tis a{ color: #333; }
.medi li .tia .tis span{ float: right; line-height: 30px; height: 30px; }
.medi li .more{     width: 90px;
    height: auto;
    float: left;
    border: 1px solid #ccc;
    text-align: center;
    margin-top: 15px;
	box-sizing: border-box;
	line-height: 25px;}
.medi li .more:hover{ background: #666; color: #fff;}
.medi li .more:hover a{ color: #fff; }
.medi li .more a{ color: #999; font-size: 14px;}
.center.news1 {
    padding: 40px 0;
}
/**/

/* 首页新闻2 */

.dtit{padding:4% 0; text-align: center;}
.dtit span{font-size: 36px; color: #161616; display: block;}
.dtit p{font-size: 15px; color: #888888}
.dtit.bai span, .dtit.bai p{color: #fff}

.newsbg{width: 100%; background: #f0eeee; padding-bottom: 4%}
.news2 {
    display: block;
    width: 1200px;
    margin: 0 auto;
}
.newsnav{overflow:hidden; padding-bottom:2%; margin: 0 auto; display: table}
.newsnav li{font-size: 16px; color: #535353; float:left;background: #fff;
 border-radius:20px; margin-right:10px; overflow:hidden;}
.newsnav li a{display:block;padding: 6px 20px; font-size:16px;}
.newsnav li.cur,.newsnav li:hover{ background:#e60012; color:#fff;}
.newsnav2{overflow:hidden; padding-bottom:2%; margin: 0 auto; display: table}
.newsnav2 li{font-size: 16px; color: #535353; float:left;background: #fff;
 border-radius:20px; margin-right:10px; overflow:hidden;}
.newsnav2 li a{display:block;padding: 6px 18px; font-size:16px;}
.newsnav2 li.cur,.newsnav2 li:hover{ background:#e60012; color:#fff;}
.newsnav2 li.cur a,.newsnav2 li:hover a{  color:#fff;}


.navbj{ background: #f0eeee; padding-top:2%;}

.newsimp{display: block;width: 35%; background: #fff; padding: 2.5%}
.newsimp .pic{width: 100%; height: 308px; display: block; overflow: hidden; margin-bottom: 20px}
.newsimp .pic img{/*width: 100%;*/ height: 100%}
.newsimp .pic:hover img{transform: scale(1.1);-o-transform: scale(1.1);
	-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);}
.newsimp .zi{width: 70%; }
.newsimp .zi span{display: block;font-size: 18px;color: #484848; margin-bottom: 8px}
.newsimp .zi  span i{ display: inline-block; width: 0px; height: 1px; background: #e60012; vertical-align: middle; }
.newsimp .zi:hover span i{ width: 15px;margin-right: 5px;}
.newsimp .zi:hover span{color: #e60012 }
.newsimp .zi p{color: #818181; height: 45px; overflow: hidden;}
.newsimp .date{display: block;padding: 10px 3%;
	background: #e60012;text-align: center;	color: #fff; }
.newsimp .date .day{display: block;font-size:38px;line-height: 1.2;}
.newsimp .date .month{display: block;line-height: 1;}

.news2 .newslist{width: 63%; overflow:hidden;}
.news2 .newslist li{width:49.7%; background:#ffffff; overflow:hidden; padding:20px;
margin: 1px; float: left;}
.news2 .newslist li .time{color:#555555; /*width:15%;*/ text-align: center; margin-top: 10px}
.news2 .newslist li .time .d{ font-size:30px; display:block; line-height: 1}
.news2 .newslist li .time .y{ display:block; }
.news2 .newslist li .zi{ width:79%; }
.news2 .newslist li .zi span{ color:#484848; font-size:16px; margin-bottom: 10px; display: block;
height: 25px; overflow: hidden;} 
.news2 .newslist li .zi span i{ display: inline-block; width: 0px; height: 1px; background: #e60012; vertical-align: middle; }
.news2 .newslist li:hover .zi span i{ width: 15px;margin-right: 5px;}
.news2 .newslist li:hover .zi span{color: #e60012 }

.news2 .newslist li .zi p{ color:#818181; height:40px; overflow: hidden; line-height:20px; }
.news2 .newslist li:hover{box-shadow: 0 0 40px #c3c3c3;}
.news2 .sylist {
	width: 100%;
	font-size: 14px;
}
.news2 .sylist li {
    width: 33%;
}
/* 首页幻灯视频 */

.qfe_row .vc_span6 {
	width: 50%;
	float: right;
}

.qfy-column-inner>.column_inner {
    transition: all 0.3s ease 0s;
}

.vc-column-dragging .qfy-column-inner>.column_inner {
    transition: none;
}

.qfy-column-inner>.column_inner>.background-overlay {
    transition: all 0.3s ease 0s;
}

.qfy_title *, .qfy_title .qfy_title_image_warpper *, .qfy_title:hover *, .qfy_title:hover .qfy_title_image_warpper * {
    transition: all ease .6s;
}

.background-media, .background-overlay {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}

.qfy_title.center {
    text-align: center;
}
.vc_general.vc_btn3 {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    background-color: transparent;
    color: #5472d2;
    border: 1px solid transparent;
    box-sizing: border-box;
    word-wrap: break-word;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    position: relative;
    top: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    line-height: normal;
    font-size: 14px;
    padding: 14px 20px;
}