img {
	max-width: 100%;
}

.comm_banner .block_txt {
	top: 50% !important;
	right:14%;
}

.league-1 h4 {
	font-size: 48px;
	color: #FFFFFF;
	letter-spacing: 5px;
	margin-bottom: 22px;
	text-align: right;
}

.league-1 .comm_banner h1 {
	font-size: 22px;
	color: #FFFFFF;
	margin-bottom: 38px;
	text-align: right;
}
.league-1 .comm_banner h1 span{
	color: #f5c921;
	font-size: 36px;
}
.league-1 .comm_banner h2 {
	font-size: 29px;
	margin-bottom: 100px;
	text-align: right;

}
.league-1 .comm_banner h2 span{
	display: inline-block;
	border-radius: 23px;
	border: solid 1px #e3e7f3;
	padding: 10px 25px 11px 18px;
}
.league-1 .comm_banner h3 {
	font-size: 20px;
	letter-spacing: 0;
	margin-bottom: 25px;
	text-align: right;
}

.league-1 .comm_banner h3 span {
	color: #FFFFFF;
	display: inline-block;
	line-height: 60px;
	z-index: 0;
	background-size: contain;
	/*margin: 0 27px;*/
	border: 3px solid #fed643;
	font-size: 50px;
	padding: 7px;
}
.league-1 .comm_banner h3 span.span2{
	background: #fed643;
	color: #333;
}

.league-1 .comm_banner h5 {
	width: 21%;
	line-height: 74px;
	background: #144d91;
	margin: 0 auto;
	border-radius: 50px;
	border: #FFFFFF 2px solid;
	margin-right: 0;
}

.league-1 .comm_banner h5 a {
	font-size: 24px;
	color: #FFFFFF;
}

.league-1 .comm_banner h5 a img {
	vertical-align: -4px;
	margin: auto;
	display: inherit;
	width: auto;
	margin-right: 10px;
}

.league-2 {
	padding: 100px 0;
}

.league-2 i {
	background: #f5c921;
}

.league-2 .conn2 {
	position: relative;
	height: 496px;
	margin-top: 300px;
	background: url(../images/img-H/l-conn2-bj_03.png)center no-repeat;
}
.league-2 .conn2>img{
	display: none;
}
.league-2 .conn2 .item:nth-of-type(1) {
	position: absolute;
	left: 0;
	top: -48%;
	width: 22%;
}

.league-2 .conn2 .item:nth-of-type(2) {
	position: absolute;
	left: 23%;
	top: -26%;
	width: 24%;
}

.league-2 .conn2 .item:nth-of-type(3) {
	position: absolute;
	left: 50%;
	top: -48%;
	width: 25%;
}

.league-2 .conn2 .item:nth-of-type(4) {
	position: absolute;
	right: 0;
	top: -26%;
	height: auto;
	width: 22%;
}

.league-2 .conn2 .item:hover img {
	-webkit-transform: rotate(360deg);
	animation: rotation 5s linear infinite;
	-moz-animation: rotation 5s linear infinite;
	-webkit-animation: rotation 5s linear infinite;
	-o-animation: rotation 5s linear infinite;
}

@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

.league-2 .conn2 .item {
	text-align: center;
	position: relative;
}

.league-2 .conn2 h2 {
	font-size: 36px;
}

.league-2 .conn2 h3 {
	font-size: 24px;
	margin-bottom: 15px;
}

.league-2 .conn2 p {
	font-size: 16px;
	line-height: 30px;
	color: #808080;
}

.league-2 .conn2 .item-txt {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
	transform: translateY(-50%);
}
.league-2 .conn2 .item-txt1 {
	top: 55%;
}

.league-2 .conn2 .item:nth-of-type(1) h2 {
	color: #7ecdf4;
}

.league-2 .conn2 .item:nth-of-type(2) h2 {
	color: #55caa0;
}

.league-2 .conn2 .item:nth-of-type(3) h2 {
	color: #ff835d;
}

.league-2 .conn2 .item:nth-of-type(4) h2 {
	color: #c090e4;
}

.league-2 .jiameng {
	position: absolute;
	width: 16%;
	bottom: 10%;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	background: #007AFF;
	border-radius: 50px;
}

.league-2 .jiameng a {
	font-size: 18px;
	display: inline-block;
	line-height: 60px;
	color: #FFFFFF;
}

.league-2 .jiameng a img {
	vertical-align: middle;
	margin-right: 10px;
}

.league-3 {
	padding: 100px 0 220px 0;
	background: url(../images/img-H/l3-bj_02.png)center no-repeat;
	background-size: cover;
}

.league-3 .conn3 {
	margin-top: 70px;
	background: url(../images/img-H/l3-vs_03.png)center 10% no-repeat;
}

.league-3 .conn3 li {
	width: 42%;
	float: left;
	border-radius: 20px 20px 0 0;
	overflow: hidden;
}

.league-3 .conn3 li:nth-of-type(even) {
	float: right;
}

.league-3 .conn3 li h2 {
	font-size: 26px;
	line-height: 78px;
	background: #718aa6;
	color: #FFFFFF;
	letter-spacing: 5px;
	text-align: center;
}

.league-3 .conn3 li:nth-of-type(even) h2 {
	background: #ff7f00;
}

.league-3 .conn3 li .conn3-cot {
	padding: 110px 50px;
}

.league-3 .conn3 li:nth-of-type(1) .conn3-cot {
	background: url(../images/img-H/l3-ul-bj_03.png)center no-repeat;
	background-size: cover;
}

.league-3 .conn3 li:nth-of-type(2) .conn3-cot {
	background: url(../images/img-H/l3-ul-bj_05.png)center no-repeat;
	background-size: cover;
}

.league-3 .conn3 li:nth-of-type(odd) {
	text-align: right;
}

.league-3 .conn3 li:nth-of-type(even) {
	text-align: left;
}

.league-3 .conn3 li h5 {
	font-size: 22px;
	margin-bottom: 60px;
	color: #FFFFFF;
}

.league-3 .conn3 li:nth-of-type(odd) h5 img {
	vertical-align: middle;
	margin-left: 20px;
}

.league-3 .conn3 li:nth-of-type(even) h5 img {
	vertical-align: middle;
	margin-right: 20px;
}

.league-4 {
	padding: 100px 0;
}

.league-4 .conn4 {
	text-align: center;
	margin-top: 70px;
}

.league-4 .conn4 .conn4-img {
	text-align: center;
}

.league-4 .conn4 .conn4-img img {
	width: 100%;
}

.league-4 .conn4 .conn4-cot {
	width: 100px;
	padding: 18.5px;
	display: inline-block;
	background: #3573b9;
	border-radius: 50%;
	margin: 0 120px;
	margin-top: 25px;
	transition: .5s;
}

.league-4 .conn4 .conn4-cot p {
	font-size: 16px;
	color: #FFFFFF;
}

.league-4 .conn4 .conn4-cot p img {
	margin-bottom: 5px;
	vertical-align: middle;
}

.league-4 .conn4 .conn4-cot:hover {
	background: #26b9d5;
}
.work-2 {
	padding: 50px 0 0px 0;
	background: #f7f7f7;
}

.work-2 h2 {
	text-align: center;
}

.work-2 .comm_tit i {
	background: #007456;
}

.work-2 .comm_tit p {
	text-align: left;
	margin-bottom: 50px;
}

.work-2 .comm_tit p span {
	color: #f08300;
}

.work-2 .conn2-img {
	width: 100%;
	float: left;
	background: url(../images/img-H/work2.png)center no-repeat;
	background-size: cover;
}

.work-2 .conn2-img img,
.work-2 .conn2-img-right img {
	opacity: 0;
	visibility: hidden;
	width: 100%;
}
.work-2 #web_block{
	display: block;
}
.work-2 #m_block{
	display: none;
}
.work-2 .conn2-img-right {
	display: none;
	width: 47%;
	float: left;
	background: url(../images/img-H/work2_r.png)center no-repeat;
	background-size: cover;
	position: absolute;
	margin-left: 43%;
	margin-top: 8.5%;
}

.work-2 .conn2-img-right p {
	font-size: 18px;
	color: #FFFFFF;
	padding: 0 38px;
	margin-top: 72px;
	line-height: 30px;
	position: absolute;
	top: 20px;
}

.work-2 .conn2-img-right p span {
	color: #f08300;
}

.work-2 .conn2-img-right .conn2-text {
	position: absolute;
	bottom: 35px;
	left: 0;
	right: 0;
	margin: auto;
	padding: 0 4%;
	text-align: center;
}

.work-2 .conn2-img-right .conn2-text li {
	border-radius: 50%;
	background: #007457;
	width: 150px;
	text-align: center;
	padding: 52.5px 0;
	display: inline-block;
	margin: 0 6px;
}

.work-2 .conn2-img-right .conn2-text li:nth-of-type(even) {
	background: #13b267;
}

.work-2 .conn2-img-right .conn2-text li {
	font-size: 14px;
	color: #FFFFFF;
	transition: .5s;
}

.work-2 .conn2-img-right .conn2-text li:hover {
	transform: translateY(-5px);
}

.work-2 .conn2-img-right .conn2-text li span {
	font-size: 20px;
}
.league-5 {
	padding: 100px 0;
	background: #ffffff;
}

.league-5 .conn5 {
	margin-top: 35px;
}

.league-5 .conn5 li {
	width: 23%;
	height: 450px;
	float: left;
	overflow: hidden;
}

.league-5 .conn5 li img {
	transition: .5s;
	width: 100%;
}

.league-5 .conn5 li:hover img {
	transform: scale(1.1);
}

.league-5 .conn5 li {
	margin-right: 2.66%;
}

.league-5 .conn5 li:last-child {
	margin: 0;
}

.league-6 {
	background: url(../images/img-H/l-map_02.png)center no-repeat;
	padding: 100px 0;
}

.league-6 .conn6 {
	text-align: center;
}

.league-6 .conn6 img {
	width: 100%;
}

.league-6 .jiameng {
	width: 16%;
	bottom: 10%;
	background: #00a0e8;
	border-radius: 50px;
	margin: 0 auto;
}

.league-6 .jiameng a {
	font-size: 18px;
	display: inline-block;
	line-height: 60px;
	color: #FFFFFF;
}

.league-6 .jiameng a img {
	vertical-align: middle;
	margin-right: 10px;
	width: auto;
}

.league-7 {
	background: #F7F7F7;
	padding: 100px 0;
}

.league-7 .conn7-left {
	width: 45%;
}

.left {
	float: left;
}

.right {
	float: right;
}

.league-7 .conn7-img {
	position: relative;
	z-index: 0;
}

.league-7 .conn7-img img {
	width: 100%;
}

.league-7 .conn7-img:before {
	content: " ";
	position: absolute;
	left: 10px;
	top: 20px;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.league-7 li:nth-of-type(1) .conn7-img:before {
	background: #f76e61;
}

.league-7 li:nth-of-type(2) .conn7-img:before {
	background: #86ca1e;
}

.league-7 li:nth-of-type(3) .conn7-img:before {
	background: #ffcb4e;
}

.league-7 .conn7-right {
	width: 49%;
	padding-left: 100px;
}

.league-7 li {
	font-size: 36px;
	height: 420px;
}

.league-7 li p {
	color: #808080;
	font-size: 18px;
}

.league-7 li .conn7-right h2 {
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-top: 50px;
	font-size: 36px;
}

.league-7 li:nth-of-type(1) .conn7-right h2 {
	border-bottom: 1px solid #f76e61;
	color: #f76e61;
}

.league-7 li:nth-of-type(2) .conn7-right h2 {
	border-bottom: 1px solid #86ca1e;
	color: #86ca1e;
}

.league-7 li:nth-of-type(3) .conn7-right h2 {
	border-bottom: 1px solid #ffcb4e;
	color: #ffcb4e;
}

.league-7 .conn7 li:nth-of-type(1) .conn7-right {
	background: url(../images/img-H/l-7123_03.png)left top no-repeat;
	background-size: contain;
}

.league-7 .conn7 li:nth-of-type(2) .conn7-right {
	background: url(../images/img-H/l-7123_07.png)left top no-repeat;
	background-size: contain;
}

.league-7 .conn7 li:nth-of-type(3) .conn7-right {
	background: url(../images/img-H/l-7123_11.png)left top no-repeat;
	background-size: contain;
}

.league-8 {
	padding: 100px 0;
	background: url(../images/img-H/l-7_02.png)center no-repeat;
	background-size: cover;
}

.league-8 .conn8-left {
	width: 49%;
}

.league-8 .conn8-left h2 {
	font-size: 42px;
	color: #FFFFFF;
	margin-bottom: 20px;
}

.league-8 .conn8-left h2 span {
	color: #f5c921;
}

.league-8 .conn8-left p {
	font-size: 24px;
	line-height: 36px;
	color: #FFFFFF;
	margin-bottom: 60px;
}

.league-8 .conn8-left .button button {
	padding: 0px 25px;
	line-height: 54px;
	width: 28%;
	border-radius: 25px;
	transition: .5s;
	cursor: pointer;
}

.league-8 .conn8-left .button button:nth-of-type(1) {
	background: #f5c921;
	border: 0 none;
	color: #FFFFFF;
	margin-right: 25px;
	font-size: 18px;
}

.league-8 .conn8-left .button button:nth-of-type(2) {
	background: #FFFFFF url(../images/img-H/l8-icon_05.png)15% no-repeat;
	border: 0 none;
	color: #00a0e8;
	font-size: 18px;
	text-indent: 20px;
	transition: .5s;
}

.league-8 .conn8-left .button button .hover {
	display: none;
}

.league-8 .conn8-left .button button:hover {
	background: #00a0e8;
	color: #FFFFFF;
}

.league-8 .conn8-left .button button:nth-of-type(2):hover {
	background: #00a0e8 url(../images/img-H/l8-icon_05-hover.png)15% no-repeat;
}

.league-8 .conn8-left .button button img {
	vertical-align: middle;
	margin-right: 10px;
}

.league-8 .conn8-right {
	width: 49%;
	right: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.league-8 {
	position: relative;
}

.league-8 .conn8-right .shuzi {
	text-align: center;
	display: inline-block;
	width: 32%;
	padding: 100px 0;
	background: url(../images/img-H/l-8-bj_03.png)center no-repeat;
	background-size: 108%;
}

.league-8 .conn8-right .shuzi h2 {
	font-size: 60px;
	color: #FFFFFF;
}

.league-8 .conn8-right .shuzi p {
	font-size: 20px;
	color: #FFFFFF;
}

.comm_tit h2 br {
	display: none;
}

.league-3 .conn3>img {
	display: none;
}

.league-4 .conn4>img {
	display: none;
}

.league-1 .comm_banner h1 br {
	display: none;
}

.league-1 .comm_banner h1 i {
	display: inline-block;
}

.mobile {
	display: none;
}

.league-3 .conn3 li:nth-of-type(2) h2:nth-of-type(2) {
	display: none;
}

.mobile-conn8 h2 {
	display: none;
}
/*lichun*/
.nav_fixe {
	position: fixed;
	top: 60%;
	right: 30px;
	transform: translateY(-50%);
	z-index: 999;
}

.nav_fixe>ul {
	text-align: center;
	margin-top: 2px;
}

.nav_fixe>ul>li {
	text-align: center;
	width: 120px;
	padding: 13px 0;
	background: #f5c921;
	margin: 0 auto;
	margin-bottom: 2px;
	transition: .5s;
}

.nav_fixe>ul>li:hover {
	background: #e1b304;
}

.nav_fixe>ul>li:last-child {
	border: 0 none;
}

.nav_fixe>ul>li p {
	color: #FFFFFF;
	font-size: 14px;
	padding-top: 7px;
}

.nav_fixe>ul>li a {
	display: block;
}

.nav_fixe>ul>li span {
	display: block;
	font-size: 16px;
	padding-top: 15px;
	color: #FFFFFF;
	font-family: "Medium";
}
/*客服消息提醒*/
.servicesNav{
	position:fixed;
	right:0;
	bottom:290px;
	z-index:9999
}
.services{
	width:170px;
	height:130px;
	background:url(../images/services.png) no-repeat;
	margin-right:3px;
	cursor:pointer;
	z-index:9999
}
.num{
	background-color: #ff3b30;
	border-radius: 15px;
	color: #fff;
	display: none !important;
	font-size: 14px;
	height: 26px;
	line-height: 26px;
	position: absolute;
	text-align: center;
	width: 26px;
	right: 138px;
	bottom: 263px;
	padding-top: 0px !important;
}
.message {
	background: #fff;
	border-radius: 4px;
	right: 159px;
	bottom: 56%;
	box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.16);
	color: #000;
	display: none;
	line-height: 1.42857;
	position: absolute;
	text-align: left;
	width: 260px;
}
.message:after{
	border:8px solid transparent;
	border-left:8px solid #fff;
	width:0;
	height:0;
	position:absolute;
	right:-16px;
	top:22px;
	content:''
}
.message .inside{
	margin:12px 18px
}
.message .inside img{
	border-radius: 13px;
	/*box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);*/
	border:1px solid #ccc;
	height: 26px;
	margin-right: 6px;
	vertical-align: top;
	width: 26px;
}
.message .inside .name{
	color: #000;
	display: inline-block;
	font-size: 16px;
	margin-top: 3px;
	padding-top:0px;
}
.message .inside .msg{
	color: #000;
	font-size: 14px;
	margin-top: 5px;
	max-height: 40px;
	overflow: hidden;
}
.message .inside .close{
	cursor: pointer;
	height: 10px;
	position: absolute;
	right: 12px;
	top: 12px;
	width: 10px;
	color:#333;
	padding-top:0px;
}
/*--*/
.league-8 .button {
	display: none;
}

@media only screen and (max-width: 1700px) {
	.league-1 .comm_banner h3 {
		line-height: 70px;
		font-size: 16px;
	}
	.league-1 .comm_banner h3 span {
		color: #FFFFFF;
		display: inline-block;
		line-height: 44px;
		z-index: 0;
		background-size: contain;
		/* margin: 0 27px; */
		border: 3px solid #fed643;
		font-size: 33px;
		padding: 5px 15px;
	}
	.league-2 .jiameng {
		padding: 0 0px;
		text-align: center;
	}
	.league-3 .conn3 li h5 {
		font-size: 18px;
	}
	.league-5 .conn5 li {
		height: 390px;
	}
	.league-6 .jiameng {
		padding: 0 0px;
	}
	.league-8 .conn8-left .button button {
		padding: 0 15px;
	}
	.league-8 .conn8-left .button button:nth-of-type(2) {
		background: #FFFFFF url(../images/img-H/l8-icon_05.png)10% no-repeat;
	}
	.league-8 .conn8-right .shuzi {
		width: 32%;
	}
	.league-2,
	.league-4,
	.league-5,
	.league-6,
	.league-7,
	.league-8 {
		padding: 80px 0;
	}
	.league-3 {
		padding: 80px 0 200px 0;
	}
}

@media only screen and (max-width:1600px) {
	.comm_top {
		margin-top: 144px;
	}
	.league-1 h4 {
		font-size: 36px;
	}
	.league-1 .comm_banner h1 {
		font-size: 23px;
	}
	.league-1 .comm_banner h2 {
		margin-bottom: 80px;
	}
	.league-2,
	.league-4,
	.league-5,
	.league-6,
	.league-7,
	.league-8 {
		padding: 70px 0;
	}
	.league-3 {
		padding: 70px 0 180px 0;
	}
	.league-3 .conn3 li .conn3-cot {
		padding: 110px 30px;
	}
	.league-5 .conn5 li {
		height: 340px;
	}
	.league-8 .conn8-right .shuzi h2 {
		font-size: 40px;
		color: #FFFFFF;
	}
	.league-8 .conn8-right .shuzi p {
		font-size: 16px;
	}
	.league-8 .conn8-right {
		width: 49%;
	}
	.league-8 .conn8-left .button button {
		width: 30%;
	}
	.league-8 .conn8-left h2 {
		font-size: 32px;
	}
	.league-8 .conn8-left p {
		font-size: 20px;
	}
}

@media only screen and (max-width:1440px) {
	.comm_top {
		margin-top: 129px;
	}
	.league-3 .conn3 li h5 {
		font-size: 16px;
	}
	.league-1 .comm_banner h3 span {
		line-height: 34px;
		border: 3px solid #fed643;
		font-size: 33px;
		padding: 7px 16px;
	}
	.league-1 .comm_banner h3 span {
		/*width: 27%;*/
	}
	.league-1 .comm_banner h3 {
		margin-bottom: 50px;
	}
	.league-1 .comm_banner h2 {
		margin-bottom: 50px;
	}
	.league-2,
	.league-4,
	.league-5,
	.league-6,
	.league-7,
	.league-8 {
		padding: 60px 0;
	}
	.league-3 {
		padding: 60px 0 140px 0;
	}
	.league-2 .conn2 h2 {
		font-size: 32px;
	}
	.league-2 .conn2 h3 {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.league-2 .conn2 p {
		font-size: 12px;
		line-height: 24px;
	}
	.league-3 .conn3 li .conn3-cot {
		padding: 55px 25px;
	}
	.league-5 .conn5 li {
		height: 320px;
	}
	.league-7 li .conn7-right h2 {
		font-size: 36px;
	}
	.league-8 .conn8-left .button button {
		width: 33%;
	}
	.league-8 .conn8-right .shuzi h2 {
		font-size: 40px;
	}
	.league-8 .conn8-right .shuzi p {
		font-size: 12px;
	}
	.league-8 .conn8-left h2 {
		font-size: 30px;
	}
	.league-8 .conn8-left p {
		line-height: 32px;
	}
}

@media only screen and (max-width:1366px) {
	.league-1 .comm_banner h3 span {
		/*width: 30%;*/
	}
	.league-1 h4 {
		font-size: 34px;
	}
	.league-1 .comm_banner h1 {
		font-size: 24px;
	}
	.league-1 .comm_banner h3,
	.league-1 .comm_banner h2 {
		margin-bottom: 40px;
	}
	.league-1 .comm_banner h3 span {
		line-height: 36px;
		z-index: 0;
		font-size: 32px;
		padding: 5px 14px;
	}
	.league-1 .comm_banner h1 span {
		font-size: 31px;
	}
	.comm_banner .block_txt h2 span {
		font-size: 22px;
	}
	.league-1 .comm_banner h5 {
		line-height: 60px;
	}
	.league-2,
	.league-4,
	.league-5,
	.league-6,
	.league-7,
	.league-8 {
		padding: 50px 0;
	}
	.league-2 .jiameng a,
	.league-6 .jiameng a {
		line-height: 50px;
	}
	.league-3 .conn3 li h5 {
		margin-bottom: 30px;
	}
	.league-3 .conn3 li h5 {
		font-size: 15px;
	}
	.league-4 .conn4 .conn4-cot {
		margin: 0 80px;
		margin-top: 20px;
	}
	.league-5 .conn5 li {
		height: 300px;
	}
	.league-7 li .conn7-right h2 {
		margin-top: 35px;
	}
	.league-7 li .conn7-right h2 {
		font-size: 32px;
	}
	.league-7 li p {
		line-height: 26px;
		font-size: 16px;
	}
	.league-8 .conn8-right .shuzi {
		height: 170px;
		text-align: center;
		display: inline-block;
		width: 32%;
		padding: 45px 0;
		background: url(../images/img-H/l-8-bj_03.png)center no-repeat;
		background-size: contain;
	}
	.league-8 .conn8-left h2 {
		font-size: 28px;
	}
	.league-8 .conn8-left .button button {
		width: 36%;
	}
	.league-8 .conn8-left .button button {
		line-height: 50px;
	}
	.league-3 .conn3 {
		margin-top: 70px;
		background: url(../images/img-H/l3-vs_03.png)center 10% no-repeat;
		background-size: 100px;
	}
}

@media only screen and (max-width:1200px) {
	.league-1 .comm_banner h3 span {
		/*width: 38%;*/
	}
	.league-3 .conn3 li h5 {
		font-size: 12px;
	}
	.league-1 .comm_banner h1 {
		font-size: 22px;
	}
	.league-1 .comm_banner h3,
	.league-1 .comm_banner h2 {
		margin-bottom: 30px;
	}
	.league-1 .comm_banner h5 {
		line-height: 50px;
	}
	.league-2,
	.league-4,
	.league-5,
	.league-6,
	.league-7,
	.league-8 {
		padding: 40px 0;
	}
	.league-2 .conn2 h2 {
		font-size: 28px;
	}
	.league-2 .conn2 h3 {
		font-size: 18px;
	}
	.league-3 .conn3 li .conn3-cot {
		padding: 25px 25px;
	}
	.league-7 li .conn7-right h2 {
		margin-top: 25px;
		font-size: 26px;
	}
	.league-2 .jiameng a,
	.league-6 .jiameng a {
		font-size: 16px;
	}
	.league-8 .conn8-right .shuzi {
		height: 150px;
	}
	.league-8 .conn8-right .shuzi h2 {
		font-size: 32px;
	}
	.league-8 .conn8-left h2 {
		font-size: 24px;
	}
	.league-8 .conn8-left p {
		line-height: 28px;
		font-size: 18px;
	}
	.league-8 .conn8-left .button button {
		width: 40%;
	}
	.league-7 li {
		font-size: 36px;
		height: 300px;
	}
}

@media only screen and (max-width:992px) {
	.work-2 {
		padding: 95px 0 0 0;
		background: #f7f7f7;
	}
	.work-2 #web_block{
		display: none;
	}
	.work-2 #m_block{
		display: block;
	}
	.work-2 .conn2-img {
		width: 60%;
		float: left;
		background: url(../images/img-H/work2_l.png)center no-repeat;
		background-size: cover;
	}
	.nav_fixe{
		display: none!important;
	}
	.comm_top {
		margin-top: 60px;
	}
	.league-2 .conn2>img{
	display: block;
}
	.mobile {
		display: block;
	}
	.league-3 .conn3 li:nth-of-type(2) h2:nth-of-type(2){
		display: block;
		}
	.mobile-conn8 h2 {
		display: block;
	}
	.league-8 .button {
		display: block;
	}
	.league-1 .comm_banner h1 br {
		display: block;
	}
	.league-1 .comm_banner h1 i {
		display: none;
	}
	.league-1 .comm_banner h1 {
		font-size: 16px;
		text-align: center;
		margin-bottom: 13px;
	}
	.league-1 .comm_banner h2 {
		font-size: 14px;
		text-align: center;
	}
	.league-1 .comm_banner h5 a {
		font-size: 14px;
	}
	.league-1 .comm_banner h5 {
		line-height: 36px;
		width: 35%;
		margin: 0 auto;
	}
	.league-1 .comm_banner h3 span {
		font-size: 17px;
		line-height: 18px;
	}
	.league-1 .comm_banner h3 {
		line-height: 44px;
		font-size: 12px;
	}
	.league-1 h4 {
		margin-bottom: 15px;
		font-size: 22px;
		text-align: center;
	}
	.league-1 .comm_banner h2 {
		margin-bottom: 45px;
		text-align: center;
	}
	.league-1 .comm_banner h3 {
		margin-bottom: 0px;
		text-align: center;
	}
	.league-1 .comm_banner h3 span {
		/*width: 65%;*/
		background-size: cover;
	}
	.league-1 .comm_banner h3 span {
		margin-bottom: 10px;
	}
	.comm_banner .block_txt {
		left: 0;
		right: 0;
	}
	.league-2,
	.league-4,
	.league-5,
	.league-6,
	.league-7,
	.league-8 {
		padding: 20px 0;
	}
	.league-2 .jiameng {
		width: 30%;
	}
	.league-2 .jiameng a,
	.league-6 .jiameng a {
		line-height: 40px;
		font-size: 14px;
	}
	.league-3 {
		padding: 20px 0;
	}
	.league-3 .conn3 {
		margin-top: 20px;
		text-align: center;
	}
	.league-3 .conn3 li {
		width: 100%;
	}
	.league-3 .conn3 li:nth-of-type(1) {
		margin-bottom: 20px;
	}
	.league-3 .conn3 li h2 {
		font-size: 22px;
		line-height: 50px;
	}
	.league-3 .conn3 li h5 {
		font-size: 14px;
	}
	.league-4 .conn4 {
		margin-top: 20px;
	}
	.league-4 .conn4 .conn4-cot p {
		font-size: 14px;
	}
	.league-4 .conn4 .conn4-cot img {
		width: 43%;
	}
	.league-4 .conn4 .conn4-cot {
		width: 80px;
		padding: 18.5px;
	}
	.league-4 .conn4 .conn4-cot {
		margin: 0 15px;
	}
	.league-5 .conn5 li {
		height: auto;
		width: 48%;
		margin: 0;
		float: left;
		margin-bottom: 15px;
	}
	.league-5 .conn5 li:nth-of-type(even) {
		float: right;
	}
	.league-5 {
		padding-bottom: 0;
	}
	.league-6 .jiameng {
		width: 36%;
	}
	.league-7 .conn7-left,
	.league-7 .conn7 li:nth-of-type(1) .conn7-right,
	.league-7 .conn7-right {
		width: 100%;
		padding: 0;
	}
	.league-7 .conn7 li:nth-of-type(1) .conn7-right {
		padding: 0;
	}
	.league-7 li .conn7-right h2 {
		font-size: 18px;
		text-align: center;
	}
	.league-7 li .conn7-right h2 br {
		display: none;
	}
	.league-7 li p {
		line-height: 24px;
		font-size: 14px;
	}
	.league-7 li .conn7-right h2 {
		margin-top: 35px;
	}
	.league-7 li {
		font-size: 36px;
		height: auto;
		margin-bottom: 20px;
	}
	.league-7 li:last-child {
		margin-bottom: 0;
	}
	.league-8 .conn8-left {
		width: 100%;
	}
	.league-8 .conn8-left h2 {
		font-size: 20px;
	}
	.league-8 .conn8-left p {
		line-height: 24px;
		font-size: 16px;
		margin-bottom: 20px;
	}
	.league-8 .conn8-left .button button:nth-of-type(1) {
		width: 35%;
		line-height: 40px;
		font-size: 14px;
	}
	.league-8 .conn8-left .button button:nth-of-type(2) {
		width: 35%;
		line-height: 40px;
		font-size: 14px;
		text-indent: 20px;
	}
	.league-8 .conn8-right {
		width: 100%;
		margin-top: 20px;
		transform: translateY(0);
	}
	.league-8 .conn8-right .shuzi {
		width: 30%;
		padding: 35px 0;
		height: 120px;
		margin: 0 5px;
	}
	.league-5 .conn5 li img,
	.league-7 .conn7-img img {
		width: 100%;
	}
	.league-8 .conn8-right .shuzi h2 {
		font-size: 22px;
	}
	.league-2 .conn2 {
		height: auto;
		margin-top: 20px;
		background: none;
		position: relative;
	}
	.league-2 .conn2>img {
		margin-top: -55px;
	}
	.league-2 .conn2 .item {
		position: relative !important;
		width: 49% !important;
		height: auto !important;
		float: left;
		top: inherit !important;
		left: inherit !important;
		margin-bottom: 20px;
	}
	.league-2 .conn2 .item:nth-of-type(even) {
		float: right;
	}
	.league-2 .conn2 .item-txt {
		position: absolute;
		margin: 0;
	}

	.league-2 .conn2 .item-txt {
		top: 50%;
		transform: translateY(-50%);
	}
	
	.league-2 .conn2 p {
		font-size: 12px;
		line-height: 24px;
	}
	.league-2 .conn2 h3 {
		font-size: 16px;
	}
	.league-2 .conn2 h2 {
		font-size: 24px;
	}
	.comm_tit h2 {
		clear: both;
	}
	.league-2 .jiameng {
		margin: 20px auto;
		clear: both;
		position: static;
	}
	.league-7 .conn7-img:before {
		top: 0;
	}
	.league-1 .comm_banner h5 a img {
		width: 15px;
		height: 15px;
		vertical-align: -2px;
	}
	.league-8 .conn8-left .button button {
		padding: 0 10px;
	}
	.league-1 h4,
	.league-1 .comm_banner h3 {
		/*display: none;*/
	}
	.league-1 .comm_banner h1 {
		font-size: 16px;
		line-height: 38px;
	}
	.league-1 .comm_banner h1 span {
		font-size: 26px;
	}
	.league-1 .comm_banner h2 {
		font-size: 18px!important;
	}
	.league-1 .comm_banner h2 span{
		font-size: 16px!important;
		display: inline-block;
		border-radius: 23px;
		border: solid 1px #e3e7f3;
		padding: 5px 17px 5px 17px;
	}
	.comm_tit p {
		text-align: left;
	}
	.league-3 .conn3 li:nth-of-type(even) {
		border-radius: 0 0 20px 20px;
		margin-top: -50px;
	}
	.league-3 .conn3 li:nth-of-type(1) {
		margin-bottom: -50px;
	}
	.league-3 .conn3 li:nth-of-type(2) h2:nth-of-type(1) {
		display: none;
	}
	.comm_tit h2 br {
		display: block;
	}
	.league-3 .conn3>img {
		display: block;
		margin: 0 auto;
		z-index: 2;
	}
	.league-4 .conn4 .conn4-img {
		display: none;
	}
	.league-4 .conn4 .conn4-cot {
		display: none;
	}
	.league-4 .conn4>img {
		display: block;
	}
	.league-6 .conn6 img {
		display: none;
	}
	.league-6 .mobile img {
		display: block;
	}
	.league-6 .mobile .icons {
		float: left;
		width: 7%;
		margin-right: 14px;
	}
	.league-6 .mobile .icons img {}
	.league-6 .mobile .text h4 {
		font-size: 18px;
		color: #56b8f9;
		text-align: left;
		margin-bottom: 5px;
	}
	.league-6 .mobile .text p {
		color: #333333;
		padding-left: 40px;
		font-size: 14px;
		text-align: left;
		line-height: 24px;
	}
	.league-6 .mobile li:nth-of-type(2) h4 {
		color: #ffcb4e;
	}
	.league-6 .mobile li:nth-of-type(3) h4 {
		color: #86ca1e;
	}
	.league-6 .mobile li:nth-of-type(4) h4 {
		color: #f76e61;
	}
	.league-6 .mobile li:nth-of-type(5) h4 {
		color: #31d376;
	}
	.league-6 .mobile li:nth-of-type(6) h4 {
		color: #00cdc5;
	}
	.league-6 .mobile li:nth-of-type(7) h4 {
		color: #839dee;
	}
	.league-6 .mobile li {
		margin-bottom: 20px;
	}
	.league-8 .conn8-left h2 .none,
	.league-8 .conn8-left p .none {
		display: none;
	}
	.league-8 .conn8-left h2 {
		margin-bottom: 0;
	}
	.league-8 .conn8-left p {
		line-height: 10px;
		margin-bottom: 60px;
		display: none;
	}
	.league-8 .button {
		padding-top: 20px;
	}
	.mobile-conn8 h2 {
		font-size: 16px;
		color: #FFFFFF;
	}
	.button button:nth-of-type(1) {
		width: 35%;
		line-height: 40px;
		font-size: 14px;
	}
	.button button:nth-of-type(1) {
		background: #f5c921;
		border: 0 none;
		color: #FFFFFF;
		margin-right: 25px;
		padding: 0 10px;
		border-radius: 25px;
		font-size: 14px;
	}
	.button button img {
		vertical-align: middle;
		margin-right: 10px;
	}
	.button button:nth-of-type(2) {
		background: #FFFFFF url(../images/img-H/l8-icon_05.png)10% no-repeat;
		border: 0 none;
		color: #00a0e8;
		font-size: 18px;
		text-indent: 20px;
		transition: .5s;
		width: 35%;
		line-height: 40px;
		font-size: 14px;
		text-indent: 20px;
		border-radius: 25px
	}
	.league-8 .conn8-left .button {
		display: none;
	}
	.league-8 .conn8-right {
		position: static;
	}
	.league-3 .conn3 li:nth-of-type(odd) h5 img {
		float: left;
		margin-left: 0;
		margin-right: 20px;
	}
	.league-3 .conn3 li h5{
		text-align: left;
		line-height: 40px;
	}
	.work-2 .conn2-img-right {
		width: 47%;
		float: left;
		background: url(../images/img-H/work2_r.png)center no-repeat;
		background-size: cover;
		position: inherit;
		margin-left: 0;
		margin-top: 8.5%;
	}
}
@media only screen and (max-width: 767px) {
	.work-2 .conn2-img {
		width: 100%;
	}
	.work-2 .conn2-img-right {
		width: 100%;
	}
	.work-2 .conn2-img-right .conn2-text li,
	.work-2 .conn2-img-right .conn2-text li:last-child {
		margin: 5px 11%;
	}
}
@media only screen and (max-width:400px) {
	.league-2 .conn2 .item {
		position: relative !important;
		width: 74% !important;
		height: auto !important;
		float: none;
		margin: 0 auto;
		top: inherit !important;
		left: inherit !important;
		margin-bottom: 20px;
	}
	.league-2 .conn2 .item:nth-of-type(even) {
		float: none;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.league-8 .conn8-left .button button:nth-of-type(2) {
		width: 39%;
	}
	.league-8 .conn8-right .shuzi {
		width: 30%;
		padding: 30px 0;
		height: 112px;
		margin: 0 3px;
	}
	.league-1 .comm_banner h3 span {
		/*width: 80%;*/
	}
	.league-1 .comm_banner h5 {
		line-height: 30px;
		width: 45%;
	}
	.league-2 .jiameng {
		width: 38%;
		line-height: 35px;
	}
	.league-4 .conn4 .conn4-cot {
		margin: 0 5px;
	}
	.league-2 .jiameng a,
	.league-6 .jiameng a {
		line-height: 35px;
	}
	.league-6 .jiameng {
		width: 38%;
	}
	.league-8 .conn8-left .button button:nth-of-type(1) {
		width: 42%;
		line-height: 35px;
	}
	.league-8 .conn8-left .button button:nth-of-type(2) {
		width: 46%;
		line-height: 35px;
	}
	.league-8 .conn8-left h2 {
		font-size: 16px;
	}
	.league-8 .conn8-left p {
		line-height: 22px;
		font-size: 14px;
	}
}

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

@media only screen and (max-width:400px) {
	.league-2 .conn2 h3 {
		font-size: 12px;
	}
	.league-2 .conn2 h2 {
		font-size: 18px;
	}
	.work-2 .conn2-img-right .conn2-text li,
	.work-2 .conn2-img-right .conn2-text li:last-child {
		margin: 5px 7%;
	}
	.work-2 .conn2-img-right .conn2-text li:nth-of-type(even) {
		background: #13b267;
		float: right;
	}
	.work-2 .conn2-img-right .conn2-text li {
		margin: 0 8% !important;
		margin-bottom: 20px !important;
	}
	.work-2 .conn2-img-right .conn2-text li:last-child {
		margin: 0 8% !important;
		margin-bottom: 20px !important;
	}
}
@media only screen and (max-width: 320px) {
	.work-2 .conn2-img-right .conn2-text li,
	.work-2 .conn2-img-right .conn2-text li:last-child {
		margin: 3px 7%;
	}
	.work-2 .conn2-img-right .conn2-text {
		bottom: 0;
	}
}