/* CSS Document */
body {
	margin: 0 auto;
	padding: 0px;
	background: #FFF;
	font: 16px "Microsoft Yahei", "微软雅黑", Arial, Verdana, sans-serif;
	color: #333333;
}

div,
form,
img,
ul,
ol,
li,
dl,
dt,
dd,
p {
	margin: 0;
	padding: 0;
	border: 0;
}

li {
	list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
}

.content {
	width: 1200px;
	margin: 0 auto;
}

.marauto {
	margin: 0 auto;
}

.txtcolor {
	color: #FFFFFF
}

/* .topimg{ background: url(img/top.jpg) no-repeat top; height:900px;} */
.topimg,
.topimg img {
	width: 100%;
}

.phoneTo {
	display: none;
}

/*公共链接*/
a {
	color: #333333;
}

a:link {
	color: #333333;
	text-decoration: none;
}

a:visited {
	color: #333333;
	text-decoration: none;
}

a:hover {
	color: #006ad7;
	text-decoration: none;
}

.huodongBox {
	margin: 50px auto;
}

.show-mod-righttxt::-webkit-scrollbar {
	/*滚动条整体样式*/
	width: 6px;
	/*高宽分别对应横竖滚动条的尺寸*/
	height: 0px;
}

.show-mod-righttxt::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 20px;
	background: #ffbc6b;
}

.show-mod-righttxt::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	/* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
	border-radius: 20px;
	background: #e4e4e4;
}

.fl-left {
	float: left
}

.fl-right {
	float: right
}

.txt-c {
	text-align: center;
	margin: 20px auto;
}

.ml40 {
	margin-left: 40px;
}

.ml60 {
	margin-left: 60px;
}

.ml80 {
	margin-left: 80px;
}

.mt80 {
	margin-top: 80px;
}

.mt120 {
	margin-top: 120px;
}

.bg1 {
	background: url("img/bg_1.png") no-repeat top;
	height: 650px;
}

.bg2 {
	background: url("img/bg_2.png") no-repeat top;
	height: 480px;
}

.bg3 {
	background: url("img/bg_3.png") no-repeat top;
	height: 1022px;
}

.introduction_box {
	width: 360px;
	height: 450px;
}

.introduction_box p {
	line-height: 36px;
	color: #ffffff;
	font-size: 18px;
}

.banner_nav {
	border-radius: 10px;
	width: 180px;
	cursor: pointer;
	float: left;
	font-size: 18px;
	line-height: 42px;
	text-align: center;
	color: #ffffff;
	background-color: #017fd3;
	margin-top: 20px;
	cursor: pointer;
}

.banner_nav span {
	text-align: center;
}

.banner_nav a:link {
	color: #ffffff;
}

.banner_nav:visited {
	background-color: #017fd3;
	color: #ffffff;
}

.banner_nav:hover {
	background-color: #005f9f;
	color: #ffffff;
}

.changeBox {
	width: 150px;
	display: flex;
	justify-content: space-around;
	margin: 30px auto;
}
.changeBox img{
	cursor: pointer;
}





.xw_tj {
	text-align: center;
}

/* .xw_tj ul { width:1200px;overflow:hidden} */
.xw_tj li img {
	width: 285px;
	height: 161px;
}

.xw_tj ul li {
	margin-right: 20px;
	list-style: none;
	width: 285px;
}

.xw_tj li p {
	line-height: 32px;
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	-webkit-line-clamp: 2;
}



.tj {
	padding-top: 2px;
	text-align: center;
	padding-top: 40px;
	margin-top: 40px;
}



.tj li img {
	width: 100%;
	height: 230px;
}

.tj ul li {
	list-style: none;

}

.tj ul li:nth-of-type(3n) {
	margin-right: 0;
}

.tj li p {
	line-height: 32px;
	text-align: left;
	font-size: 16px;
	padding-bottom: 10px;
	-webkit-line-clamp: 2;
}



.tj02 {
	padding-top: 2px;
	text-align: center;
}
.chuangBox,.chuangBanner,.waijiBox {
	margin: 30px auto;
}

.chuangBanner{
	height:650px;
}

.tj02 li img {
	width: 100%;
	height: 230px;
}

.tj02 ul li {
	list-style: none;
	background: #e2f3ff;
	background: #e2f3ff;
	height: 300px;
}
.tabBox{
	padding-top: 150px;
	margin-bottom: 30px;
	display: flex;
	justify-content: space-between;
}







.certifyBox {position: relative;width: 1160px;margin: 0 auto}
.certifyBox .swiper-container {padding-bottom: 60px;margin-top: 50px;}
.certify .swiper-slide {width: 850px;}
.certifyBox .swiper-slide img{display:block;width: 100%;}
.certifyBox .swiper-slide p {position: absolute;bottom: 0;line-height: 55px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 2.5%;width: 95%;background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.7), rgba(0,0,0,0));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);color: #FFFFFF;text-align: center;}
.Leftprev,.rightnext{width: 45px;height: 45px;position: absolute;top: 40%;z-index: 99;cursor: pointer;}
.rightnext{right: 20px;}
.Leftprev{left: 20px;}
.prevLeft ,.nextRight{width: 30px;position: absolute;bottom: 10px;cursor: pointer;}
.prevLeft {left: 45%;}
.nextRight{right: 45%;}
.certifyBox .swiper-slide::before{content: "";position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);top: 0;left: 0;}
.certifyBox .swiper-slide-active::before{display: none;}


.tj02 li p {
	line-height: 32px;
	text-align: left;
	font-size: 16px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 3px;
	-webkit-line-clamp: 2;
	
}
/* 多行省略 */
.tj02 li p,.tj li p,.xw_tj li p,.j_list li span{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	word-break: break-all;
	overflow: hidden;
}


.tj03 {
	padding-top: 2px;
	text-align: center;
}

.tj03 ul {
	width: 1200px;
	overflow: hidden
}

.tj03 li img {
	width: 380px;
	height: 823px;
}

.tj03 ul li {
	float: left;
	margin-right: 30px;
	list-style: none;
	margin-bottom: 40px;
	width: 380px;
	height: 823px;
	background: #e2f3ff;
}

.tj03 ul li:nth-of-type(3n) {
	margin-right: 0;
}







.j_list {
	width: 520px;
	height: 416px;
	overflow-y: scroll;
	padding-right: 25px;
}

.j_list li {
	width: 520px;
	height: 124px;
	position: relative;
	margin-bottom: 10px;
	cursor: pointer;
	background: #8ef6ff;
}

.j_list li img {
	width: 200px;
	float: left;
}

.j_list li span {
	font-size: 16px;
	line-height: 35px;
	right: 0;
	position: absolute;
	top: 0;
	width: 300px;
	height: 105px;
	color: #333333;
	padding-right: 5px;
	padding-top: 10px;
	-webkit-line-clamp: 3;
}


.j_list li:hover {
	background: #d0fcff;
	width: 520px;
	height: 124px;
}

.j_list li span:hover {
	color: #333333;
}



.shu_n {
	margin-bottom: 15px
}

.shu_n .item {
	float: left;
	background: #8ef6ff;
	width: 620px;
	position: relative;
	line-height: 0;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear
}

.shu_n .item img {
	width: 100%
}

.shu_n .item p {
	padding: 6px 15px;
}

.shu_n .item-col {
	height: 58px;
	line-height: 24px;
}

.shu_n .item:hover {
	background: #d0fcff;
	color: #333333;
}



.list_m {
	font-size: 16px;
	display: flex;
	flex-wrap: wrap;
}
.haiBanner li img{
	width: 100%;
}
.haiBanner{
	margin: 50px auto;
}

.list_m li {
	width: 570px;
	OVERFLOW: hidden;
	list-style: inside;
	list-style-type: none;
	background: url(img/ico.png) no-repeat left 20px;
	padding-left: 10px;
	margin-right: 10px;
	margin-left: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #ffffff;s
}

.list_m li a {
	overflow: hidden;
	color: #ffffff;
	line-height: 46px;
	text-decoration: none;
}

.list_m li a:hover {
	color: #55d5ff;
}




.bg_bq {
	background-color: #017fd3;
	width: 100%;
}

.x-bq {
	float: center;
	line-height: 28px;
	color: #ffffff;
	font-size: 16px;
}

.x-bq p {
	text-align: center;
}

.x-bq a {
	overflow: hidden;
	color: #ffffff;
}
.huodongBox .txt-c{margin: 20px auto;}
.introduction_box p{height: 300px;}

/* 手机版样式 */
@media screen and (max-width:760px) {
	.topimg{display: none;}
	.phoneTo{display: block;}
	.phoneTo,.phoneTo img,.content,.txt-c img,.w780,.bg1 .w780 img,.w360,.xw_tj li img,.w580,.shu_n .item,.j_list,.j_list li,.list_m li{width: 100%!important;}
	.bg1,.bg1 .w780 img,.w360,.xw_tj li img,.tj02 li img,.shu_n .item img,.j_list li,.bg3,.introduction_box p{height: auto!important;}
	.left,.right,.shu_n .item,.j_list li img{float: inherit!important;}
	.ml60{margin-left: 0;}
	.mt120,.mt80{margin-top: 0.5rem;}
	.huodongBox{margin: 1rem auto;}
	.bg1{background: none;}
	.introduction_box p{color: #000;width: 95%;margin: 0.3rem auto;font-size: 0.75rem;line-height: 1.5rem;}
	.banner_nav{margin: 1rem auto;}
	.xw_tj,.bannerWai,.bannerDui {width: 95%;margin: 0.5rem auto;}
	.tj li p,.list_m li,.x-bq{font-size: 0.75rem;}
	.tj02 ul li{height: 8rem;}
	.chuangBanner{height: 17rem;width: 95%;margin:1rem auto;}
	.Leftprev, .rightnext{top: 30%;}
	.certifyBox .swiper-container{padding-bottom: 1rem;margin-top: 1rem;}
	.tj{padding-top: 1rem;}
	.tabBox{padding-top: 0;margin-top: 1rem;display: flex;flex-wrap: wrap;margin-bottom: 1rem;}
	.j_list li img{width: 8rem;height: 4.5rem;}
	.bg3{background-position: bottom;background-color: #148DD6;}
	.j_list{padding-right: 0.5rem;}
	.j_list ul{margin-left: 0.5rem;}
	.j_list li span{width: 50%;height: 4.5rem;line-height: 1.5rem;font-size: 0.75rem;padding-top: 0;}
	.haiBox{width: 95%;margin: 2rem auto;}
	.changeBox,.haiBanner{margin: 1rem auto;}
	.j_list li a{display: block;height: 4.5rem;}
	
	
}