* {
  
	list-style-type: none;
  	font-family: "Microsoft YaHei","Arial",sans-serif;
  	padding: 0px;
  	margin: 0px;
}


.m-test-box {
	display: none;
}

.m-partner-box {
	display: none;
}

/* 轮播图slide */
.banner-box {
	height: 480px;
}
.slide-main {
	height: 480px;
	position: relative;
}

.prev,.next {
	display: block;
	width: 44px;
	height: 44px;
	position: absolute;
	z-index: 222;
	top: 217px;
	overflow: hidden;
	cursor: pointer;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
	_border: 1px solid none;
}

.prev {
	left: 70px;
}

.next {
	right: 70px;
}

.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

.item {
	display: block;
	width: 100%;
	position: absolute;
	z-index: 124;
	top: 420px;
	left: 0;
	text-align: center;
}

.item a {
	display: inline-block;
	width: 48px;
	height: 2px;
	margin-right: 8px;
	background: #fff;
	opacity: 0.4;
	-moz-opacity: 0.4;
	filter: alpha(opacity=40);
	overflow: hidden;
}

.item a.cur {
	background: #fff;
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter: alpha(opacity=90);
}

.slide-box,.slide {
	display: block;
	width: 100%;
	height: 480px;
	overflow: hidden;
}

.slide-box {
	position: relative;
}

.slide {
	display: none;
	height: 480px;
	padding-top: 89px;
	background: #ff6900;
	position: relative;
	position: absolute;
	z-index: 8;
}

#bgstyle01 {
	background: url("../img/banner01.jpg") center 0px rgb(255, 255, 255);
	
}

#bgstyle02 {
	background: url("../img/banner02.jpg") center 0px rgb(255, 255, 255);
}

#bgstyle03 {
	background: url("../img/banner03.jpg") center 0px rgb(255, 255, 255);
}

.slide a {
	display: block;
	width: 100%;
	height: 390px;
	cursor: pointer;
}

.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f {
	position: absolute;
	z-index: 9;
	left: 50%;
}

.obj-a,.obj-b {
	width: 952px;
	margin-left: -476px;
	text-align: center;
}

.obj-a {
	display: block;
	height: 200px;
	top: 120px;
}

.obj-b {
	top: 406px;
	height: 100px;
}

.obj-c {
	display: block;
	height: 582px;
	top: 0;
	margin-left: -540px;
}

.obj-d {
	top: 228px;
	height: 164px;
}

.obj-d p {
	display: block;
	padding-top: 20px;
	font-size: 16px;
	color: #fff;
	clear: both;
}

.obj-e {
	margin-left: -560px;
	top: 100px;
	z-index: 12;
}

.obj-e a.slide-link{
	margin-left: -560px;
	top: 100px;
	z-index: 12;
}

.obj-f {
	width: 200px;
	height: 56px;
	top: -88px;
	margin-left: -560px;
}

.obj-f a.slide-link {
	width: 200px;
	height: 56px;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	line-height: 56px;
	text-align: center;
	border-radius: 100px;
	display: inline-block;
	background-color: rgba(35,108,138,.5);
	text-decoration: none
}

.banAnimate .obj-a {
	display: block;
	animation-name: baoAni;
	-webkit-animation: baoAni 0.4s linear 0s normal none;
	-moz-animation: baoAni 0.4s linear 0s normal none;
	animation: baoAni 0.4s linear 0s normal none;
}

@-webkit-keyframes baoAni {
	from {
		opacity: 0;
		left: 60%;
	}

	to {
		opacity: 1;
		left: 50%;
	}
}

@-moz-keyframes baoAni {
	from {
		opacity: 0;
		left: 60%;
	}

	to {
		opacity: 1;
		left: 50%;
	}
}

@keyframes baoAni {
	from {
		opacity: 0;
		left: 60%;
	}

	to {
		opacity: 1;
		left: 50%;
	}
}

.banAnimate .obj-b {
	display: block;
	animation-name: saAni;
	-webkit-animation: saAni 0.4s linear 0s normal none;
	-moz-animation: saAni 0.4s linear 0s normal none;
	animation: saAni 0.4s linear 0s normal none;
}

@-webkit-keyframes saAni {
	from {
		opacity: 0;
		-webkit-transform: scale(0,0);
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1,1);
	}
}

@-moz-keyframes saAni {
	from {
		opacity: 0;
		-moz-transform: scale(0,0);
	}

	to {
		opacity: 1;
		-moz-transform: scale(1,1);
	}
}

@keyframes saAni {
	from {
		opacity: 0;
		transform: scale(0,0);
	}

	to {
		opacity: 1;
		transform: scale(1,1);
	}
}

.watch-code.code-show {
	display: block;
	animation-name: scode;
	-webkit-animation: scode 0.3s linear 0s normal none;
	-moz-animation: scode 0.3s linear 0s normal none;
	animation: scode 0.3s linear 0s normal none;
}

@-webkit-keyframes scode {
	from {
		opacity: 0;
		-webkit-transform: scale(1,0);
		transform-origin: left bottom;
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1,1);
		transform-origin: left bottom;
	}
}

@-moz-keyframes scode {
	from {
		opacity: 0;
		-moz-transform: scale(1,0);
		transform-origin: left bottom;
	}

	to {
		opacity: 1;
		-moz-transform: scale(1,1);
		transform-origin: bottom bottom;
	}
}

@keyframes scode {
	from {
		opacity: 0;
		transform: scale(1,0);
		transform-origin: left bottom;
	}

	to {
		opacity: 1;
		transform: scale(1,1);
		transform-origin: left bottom;
	}
}

.banAnimate .obj-c,.banAnimate .obj-e {
	display: block;
	animation-name: saAnic;
	-webkit-animation: saAnic 0.3s linear 0s normal none;
	-moz-animation: saAnic 0.3s linear 0s normal none;
	animation: saAnic 0.3s linear 0s normal none;
}

@-webkit-keyframes saAnic {
	from {
		opacity: 0;
		left: 47%;
	}

	to {
		opacity: 1;
		left: 50%;
	}
}

@-moz-keyframes saAnic {
	from {
		opacity: 0;
		left: 47%;
	}

	to {
		opacity: 1;
		left: 50%;
	}
}

@keyframes saAnic {
	from {
		opacity: 0;
		left: 47%;
	}

	to {
		opacity: 1;
		left: 50%;
	}
}

.banAnimate .obj-d,.banAnimate .obj-f {
	display: block;
	animation-name: saAnid;
	-webkit-animation: saAnid 0.3s linear 0s normal none;
	-moz-animation: saAnid 0.3s linear 0s normal none;
	animation: saAnid 0.3s linear 0s normal none;
}

@-webkit-keyframes saAnid {
	from {
		opacity: 0;
		left: 53%;
	}

	to {
		opacity: 1;
		left: 50%;
	}
}

@-moz-keyframes saAnid {
	from {
		opacity: 0;
		left: 53%;
	}

	to {
		opacity: 1;
		left: 50%;
	}
}

@keyframes saAnid {
	from {
		opacity: 0;
		left: 53%;
	}

	to {
		opacity: 1;
		left: 50%;
	}
}

/*环境检测*/
/*home-title*/
.home-title-box {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 20px;
}

.home-title-box .home-title {
	font-size: 28px;
	color: #0b5a7b;
}

.home-title-box .home-txt {
	font-size: 12px;
	font-weight: 700;
	color: #c5d4dc;
	display: block;
	margin-top: -5px;
}

.test-box .test-kv {
	height: 480px;
	position: relative;
}

.test-box .home-img-box {
	width:1200px;
	margin:0 auto;
}

.home-img-box .home-img-tow-rows {
	width:1206px;
	height:303px;
	position:relative;
}

.home-img-tow-rows a {
	width:597px;
	height:297px;
	display:block;
	margin-right:6px;
	float:left;
	background-color:#f4f4f4;
	border-radius: 4px;
	position:relative;
	overflow: hidden;
}

.home-img-tow-rows a img {
	width:597px;
	height:297px;
	transform: scale(1);
    transition: transform .5s;
}

.home-img-tow-rows a img:hover {
	transform: scale(1.1);
    transition: transform .5s;
}

.home-img-tow-rows a div {
	width:100%;
	height:297px;
	background-color: rgba(0,96,128,0.4);
	display: inline;
	position:absolute;
	z-index:99;
	top:0;
	transition: transform .5s;
}

.home-img-tow-rows a:hover div {
	display: none;
	transition: transform .5s;
}

.home-img-tow-rows a b {
	width:100%;
	height:42px;
	font-size:22px;
	font-weight:400;
	color:#fff;
	display:block;
	position:absolute;
	z-index:999;
	top:45%;
	text-align:center;
}

.home-img-box .home-img-three-rows {
	width:1212px;
	height:297px;
	position:relative;
}

.home-img-three-rows a {
	width:396px;
	height:297px;
	display:block;
	margin-right:6px;
	float:left;
	background-color:#f4f4f4;
	border-radius: 4px;
	position:relative;
	overflow: hidden;
}

.home-img-three-rows a img {
	width:396px;
	height:297px;
	transform: scale(1);
    transition: transform .5s;
}

.home-img-three-rows a img:hover {
	transform: scale(1.1);
    transition: transform .5s;
}

.home-img-three-rows a div {
	width:100%;
	height:297px;
	background-color: rgba(0,96,128,0.4);
	display: inline;
	position:absolute;
	z-index:99;
	top:0;
	transition: transform .5s;
}

.home-img-three-rows a:hover div {
	display: none;
	transition: transform .5s;
}

.home-img-three-rows a b {
	width:100%;
	height:42px;
	font-size:22px;
	font-weight:400;
	color:#fff;
	display:block;
	position:absolute;
	z-index:999;
	top:45%;
	text-align:center;
}

.news-box {
	margin-top:40px;
	padding-bottom:40px;
}

.news-box .home-news-box {
	width:1200px;
	margin:0 auto;
}

.home-news-box .card img {
	width: 280px;
	height: 210px;
}

.home-news-box .card .card-text small {
	color: #b8cfd8;
}

.partner-box {
	background: url(../img/partner-bg.png) no-repeat center;
	height: 540px;
}

.partner-box .home-partner-box {
	width:1200px;
	margin:0 auto;
	padding-top: 20px;
}

.home-partner-box .home-partner-link {
	width:1240px;
	position:relative;
}

.home-partner-link a {
	width:232px;
	height:80px;
	display:block;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	position:relative;
}

.home-partner-link a img {
	width:232px;
	height:80px;
	border:1px solid #e1f2f5;
	transition:all 0.5s ease
}

.home-partner-link a:hover img {
	border:1px solid #4f889f;
	transition:all 0.5s ease
}


/*分类*/
.accordion-DIV {
  
	/*width:98%;
  	height:482px;*/
  	overflow: hidden;
  	/*padding-left: 1%;
  	padding-right: 1%;*/
	
}
.accordion-DIV > .accordion {
  
	/*border:$defaultBorder;*/
	
}

.accordion {
	
  	clear: both;
  	overflow: hidden;
	
}
.accordion [data-name=accordion] {
	
  	border: thin solid #efefef;
	
}
.accordion .accordion-li {
	
	float: left;
  	color: #fff;
  	border-right: none;
  	overflow: hidden;
  	width: 100px;
  	transition: width 1.5s;
  	position: relative;
  	cursor: pointer;
	
}
.accordion .accordion-li .accordion-img {
	
	border: thin solid #ebf5f7;
	
}
.accordion .accordion-li:last-child {
	
	border-right: thin solid #ebf5f7;
	
}
.accordion .accordion-li::before {
	
	content: "";
  	display: block;
  	position: absolute;
  	width: 100%;
  	height: 100%;
  	left: 0;
  	top: 0;
  	opacity: 0.2;
  	transition: all 0.5s;
	
}
.accordion .accordion-li .accordion-description {
	
	content: "";
  	display: block;
  	position: absolute;
  	width: 100%;
  	height: 100%;
  	left: 0;
  	top: 0;
  	opacity: 0.55;
  	transition: all 0.5s;
  	bottom: 50%;
  	margin-bottom: -135px;
  	padding: 1.5%;
	box-sizing:content-box;
	
}
.accordion .accordion-li .accordion-content, .accordion .accordion-li .accordion-title, .accordion:hover .accordion-li li.active .accordion-title, .accordion:hover li.active .accordion-li .accordion-title {
	
	opacity: 0;
  	transition: all 0.5s;
  	margin-top: 10px;
	margin-bottom: 15px;
  	text-shadow: 0px 0px 1px #e0f9ff;
	padding: 0 16px;
	font-size: 14px;
	
}
.accordion .accordion-li .accordion-title {
	
	font-size: 16px;
  	font-weight: bold;
	padding: 0 16px;
	
}
.accordion .accordion-li .accordion-icon {
	
	position: absolute;
  	left: 50%;
	top: 80px;
	width: 20px;
	margin-left: -10px;
	margin-top: -20px;
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	z-index: 10;
	opacity: 1;
	transition: opacity 2.5s;
	font-style: normal;
	
}
.accordion:hover li {
	
	width: 100px;
	transition: width 1.5s;
	
}
.accordion:hover li.active {
	
  	/* width:600px !important; */
  	transition: width 0.5s;
	
}
.accordion:hover li.active::before {
	
  	opacity: 0;
	
}
.accordion:hover li.active .accordion-icon {
	
  	opacity: 0;
  	transition: opacity .2s;
	
}
.accordion:hover li.active .accordion-description {
	
  	content: "";
  	display: block;
  	position: absolute;
  	width: 100%;
  	height: 100%;
  	left: 0;
  	top: 0;
  	opacity: 1;
  	transition: all 0.5s;
	background: -webkit-linear-gradient(rgba(255, 255, 255, 0), white);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(rgba(255, 255, 255, 0), white);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(rgba(255, 255, 255, 0), white);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(rgba(255, 255, 255, 0), white);
	padding-top: 9%;
  	height: auto;
  	width: 97%;
  	top: inherit;
  	bottom: 136px;
	
}
.accordion:hover li.active .accordion-content, .accordion:hover li.active .accordion-title {
	
	opacity: 1  !important;
  	transition: all 2s;
	
}
.accordion.verticality {
	
  	clear: both;
  	overflow: hidden;
	
}
.accordion.verticality .accordion-li {
	
  	width: 100%;
  	float: inherit;
  	border: thin solid #efefef;
  	height: 100px;
  	transition: height .6s;
  	border-bottom: none;
	
}
.accordion.verticality .accordion-li .accordion-description {
	
  	left: 50%;
  	bottom: 0;
  	width: 30%;
  	height: 95%;
  	margin-bottom: 0px;
  	margin-top: auto;
  	margin-left: -224px;
  	transition: all .8s;
	
}
.accordion.verticality .accordion-li .accordion-img {
	
  	width: 100%;
	
}
.accordion.verticality .accordion-li:last-child {
	
  	border-bottom: thin solid #efefef;
	
}
.accordion.verticality .accordion-li.active {
	
  	width: 100% !important;
  	transition: height .6s;
	
}
.accordion.verticality .accordion-li.active::before {
	
  	opacity: 0;
	
}
.accordion.verticality .accordion-li.active .accordion-icon {
	
  	opacity: 0;
  	transition: all 0.5s;
	
}
.accordion.verticality .accordion-li.active .accordion-description {
	
  	margin-left: 0;
  	width: 98%;
  	height: 50%;
  	top: inherit;
  	bottom: 0;
  	left: 0;
  	opacity: 1;
  	padding-top: 1.5%;
	background: -webkit-linear-gradient(rgba(255, 255, 255, 0), white);
	background: -o-linear-gradient(rgba(255, 255, 255, 0), white);
	background: linear-gradient(rgba(255, 255, 255, 0), white);
	transition: height .8s;
	
}
.accordion.verticality .accordion-li.active .accordion-description .accordion-title, .accordion.verticality .accordion-li.active .accordion-description .accordion-content, .accordion.verticality .accordion-li.active .accordion-description .accordion-title {
	
  	opacity: 1;
  	transition: opacity 1s;
	
}
.accordion .ver-toggle {
	
	display: none;
	
}
.accordion .accordion-img {
	
	display: block;
	
}
.accordion a {
	
	display: block;
  	background-color: white;
  	width: 100%;
  	height: 100%;
	position: relative;
	
}






/*移动设备兼容*/
@media only screen and (max-width: 540px) {
	
	
}


@media only screen and (max-width: 768px) {
	
	
	
}


@media only screen and (max-width: 991px) {
	
	.hearder-box {
		display: none;
	}
	

}


@media only screen and (max-width: 1199px) {
	
	.test-box {
		display: none
	}
	
	.news-box {
		display: none
	}
	
	.partner-box {
		display: none
	}
	
	.item {
		top: 500px;
		left: 0;
	}
	
	.prev,.next {
		display: none;
	}
	
	.obj-e {
		margin-left: -360px;
		top: 100px;
		z-index: 12;
	}
	
	.obj-f {
		width: 200px;
		height: 56px;
		top: -88px;
		margin-left: -360px;
	}
	
	/*环境检测*/
	/*home-title*/
	.m-test-box {
		display: inline;
	}
	
	.m-home-title-box {
		text-align: center;
		padding-top: 40px;
		padding-bottom: 20px;
	}

	.m-home-title-box .m-home-title {
		font-size: 2.4rem;
		color: #0b5a7b;
	}

	.m-home-title-box .home-txt {
		font-size: 14px;
		font-weight: 700;
		color: #c5d4dc;
		display: block;
		margin-top: -5px;
	}
	
	.m-test-kv {
		margin-top: 1.2rem;
		height: 1332px;
		position: relative;
	}
	
	.m-accrodion-group a {
		color: #fff;
	}
	
	.m-accrodion-group .m-accrodion-item-01 {
		width: 100%;
		height: 148px;
		font-size: 2rem;
		line-height: 148px;
		text-align: center;
		background: url(../img/m-1.jpg) no-repeat;
		background-size: 100%;
	}
	
	.m-accrodion-group .m-accrodion-item-02 {
		width: 100%;
		height: 148px;
		font-size: 2rem;
		line-height: 148px;
		text-align: center;
		background: url(../img/m-2.jpg) no-repeat;
		background-size: 100%;
	}
	
	.m-accrodion-group .m-accrodion-item-03 {
		width: 100%;
		height: 148px;
		font-size: 2rem;
		line-height: 148px;
		text-align: center;
		background: url(../img/m-3.jpg) no-repeat;
		background-size: 100%;
	}
	
	.m-accrodion-group .m-accrodion-item-04 {
		width: 100%;
		height: 148px;
		font-size: 2rem;
		line-height: 148px;
		text-align: center;
		background: url(../img/m-4.jpg) no-repeat;
		background-size: 100%;
	}
	
	.m-accrodion-group .m-accrodion-item-05 {
		width: 100%;
		height: 148px;
		font-size: 2rem;
		line-height: 148px;
		text-align: center;
		background: url(../img/m-5.jpg) no-repeat;
		background-size: 100%;
	}
	
	.m-accrodion-group .m-accrodion-item-06 {
		width: 100%;
		height: 148px;
		font-size: 2rem;
		line-height: 148px;
		text-align: center;
		background: url(../img/m-6.jpg) no-repeat;
		background-size: 100%;
	}
	
	.m-accrodion-group .m-accrodion-item-07 {
		width: 100%;
		height: 148px;
		font-size: 2rem;
		line-height: 148px;
		text-align: center;
		background: url(../img/m-7.jpg) no-repeat;
		background-size: 100%;
	}
	
	.m-accrodion-group .m-accrodion-item-08 {
		width: 100%;
		height: 148px;
		font-size: 2rem;
		line-height: 148px;
		text-align: center;
		background: url(../img/m-8.jpg) no-repeat;
		background-size: 100%;
	}
	
	.m-accrodion-group .m-accrodion-item-09 {
		width: 100%;
		height: 148px;
		font-size: 2rem;
		line-height: 148px;
		text-align: center;
		background: url(../img/m-9.jpg) no-repeat;
		background-size: 100%;
	}
	
	.m-home-img-box {
		padding: 20px 30px;
	}
	
	.m-home-img-tow-rows {
		margin-bottom: 30px;
	}
	
	.m-home-img-box a.m-home-img-01 {
		display: block;
		font-size: 1.6rem;
		height: 260px;
		background: url(../img/m-10.jpg) no-repeat;
		background-size: 100%;
		border-radius: 16px;
		text-align: center;
		color: #fff;
		padding-top: 25%;
	}
	
	.m-home-img-box a.m-home-img-02 {
		display: block;
		font-size: 1.6rem;
		height: 260px;
		background: url(../img/m-11.jpg) no-repeat;
		background-size: 100%;
		border-radius: 16px;
		text-align: center;
		color: #fff;
		padding-top: 25%;
	}
	
	.m-home-img-box a.m-home-img-03 {
		display: block;
		font-size: 1.6rem;
		height: 260px;
		background: url(../img/m-12.jpg) no-repeat;
		background-size: 100%;
		border-radius: 16px;
		text-align: center;
		color: #fff;
		padding-top: 25%;
	}
	
	.m-home-img-box a.m-home-img-04 {
		display: block;
		font-size: 1.6rem;
		height: 260px;
		background: url(../img/m-13.jpg) no-repeat;
		background-size: 100%;
		border-radius: 16px;
		text-align: center;
		color: #fff;
		padding-top: 25%;
	}
	
	.m-home-img-box a.m-home-img-05 {
		display: block;
		font-size: 1.6rem;
		height: 180px;
		background: url(../img/m-14.jpg) no-repeat;
		background-size: 100%;
		border-radius: 16px;
		text-align: center;
		color: #fff;
		padding-top: 8%;
	}
	
	.m-home-news-box {
		padding: 20px 30px;
	}
	
	.m-home-news-box .row .card img {
		width: 100%;
		/*max-height: 220px;*/
	}
	
	.m-partner-box {
		display: inline;
	}
	
	.m-home-partner-box {
		padding: 20px 30px;
	}
	
	.m-home-partner-link .row {
		margin-bottom: 30px;
	}
	
	.m-home-partner-link a {
		display: block
	}
	
	.m-home-partner-link a img {
		width: 100%;
	}
	
}


@media only screen and (min-width: 0) and (max-width: 540px) {
	
	
	
}


@media only screen and (min-width: 540px) and (max-width: 768px) {
	
	
		
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	
	
}


@media only screen and (min-width: 768px) and (max-width: 1199px) {
	
	
	
}