@charset "utf-8";



/*公共样式*/



* {

	margin: 0;

	padding: 0;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	box-sizing: border-box;

}



html,

body {

	font-size: 14px;

	font-family: "思源黑体 CN", "sy", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;

	min-width: 1280px;

	background: #fff;

	line-height: 1;

}



ul,

li {

	list-style-type: none;

}



a {

	text-decoration: none;

	color: #000;

	transition: all .3s;

	cursor: pointer;

}



a:hover {

	text-decoration: none;

	color: #000;

}



.clear:after {

	content: '';

	display: block;

	clear: both;

	height: 0;

	overflow: hidden;

	visibility: hidden;

}



.clear {

	zoom: 1;

}



input,

textarea {

	-webkit-appearance: none;

	resize: none;

	outline: none

}



a,

button,

input,

textarea {

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

	border: 0;

}



img {

	border-style: none;

	vertical-align: middle;

	max-width: 100%;

}



article {

	display: block;

	margin: 0 auto;

}



.zoom-img {

	overflow: hidden;

}



.zoom-img .img {

	overflow: hidden;

}



.zoom-img img {

	transition: all .5s;

}



.zoom-img:hover img {

	transform: scale(1.05);

	-ms-transform: scale(1.05);

	-webkit-transform: scale(1.05);

	-o-transform: scale(1.05);

	-moz-transform: scale(1.05);

}



.w1210 {

	width: 75% !important;

	height: auto;

	margin: 0 auto !important;

}



.nav-page {

	font-size: 0;

	text-align: center;

}





/*引入外部字体*/



@font-face {

	font-family: 'sy';

	src: url('../fonts/sy.eot');

	src: url('../fonts/sy.eot?#iefix') format('embedded-opentype'), url('../fonts/sy.ttf') format('truetype');

	font-weight: normal;

	font-style: normal;

}





/* header */



.header {

	width: 100%;

	height: 80px;

	line-height: 80px;

	position: fixed;

	z-index: 3;

	top: 0;

	left: 0;

	background: rgba(0, 0, 0, .3)

}



.header .head-wrap {

	position: relative;

	max-width: 95%;

	width: 100%;

	height: 80px;

	line-height: 80px;

	margin: 0 auto;

}



.header .head-wrap>div {

	float: left;

}



.header .head-wrap .menu {

	position: relative;

}



.header .head-wrap .menu .icon {

	cursor: pointer;

}



.header .head-wrap .menu .icon .img_2 {

	margin-top: 24px;

}



.header .head-wrap .menu .menu-box {

	display: none;

	position: fixed;

	top: 0;

	left: 0;

	bottom: 0;

	width: 400px;

	height: auto;

	background: #ffffff;

}



.header .head-wrap .menu .menu-box .menu-wrap {

	text-align: center;

	position: relative;

	border-bottom: 1px solid #d2d2d2;

}



.header .head-wrap .menu .menu-box .menu-wrap .close {

	cursor: pointer;

	position: absolute;

	right: 30px;

	top: 30px;

	width: 22px;

	height: 22px;

	line-height: 1;

}



.header .head-wrap .menu .menu-box .menu-nav {

	height: calc(100% - 81px);

	overflow-y: scroll;

}



.header .head-wrap .menu .menu-box .menu-nav::-webkit-scrollbar {

	display: none;

}



.header .head-wrap .menu .menu-box .menu-nav li>a {

	display: block;

	font-size: 24px;

	color: #a2a7b1;

	padding: 0 40px;

	height: 85px;

	line-height: 85px;

	border-bottom: 1px solid #d2d2d2;

	background: url(../images/img11.jpg) 350px center no-repeat;

}



.header .head-wrap .head-logo {

	margin-left: 3.9%;

	width: 183px;

}



.header .head-wrap .head-logo .img_2 {

	margin-top: 15px;

}



.header .head-wrap .search {

	float: right;

}



.header .head-wrap .search .icon {

	cursor: pointer;

}



.header .head-wrap .search-box {

	display: none;

}



.header .head-wrap .search-box input {

	float: left;

}



.header .head-wrap .search-box .sub {

	width: 30px;

	height: 30px;

	background: url(../images/img14.jpg) center center no-repeat;

}



.header .head-wrap .search-box .icon {

	float: left;

	cursor: pointer;

}



.header .head-wrap .search-box .form {

	float: left;

	height: 30px;

	line-height: 30px;

	margin-top: 25px;

}



.header .head-wrap .search-box .form .text {

	display: inline-block;

	width: 600px;

	height: 30px;

	line-height: 30px;

	font-size: 16px;

	color: #b2b2b2;

	margin: 0 40px;

}



.header .head-wrap .search-box .form .text::-webkit-input-placeholder {

	/* WebKit browsers */

	color: #b2b2b2;

	font-size: 16px;

}



.header .head-wrap .search-box .form .text::-moz-placeholder {

	/* Mozilla Firefox 19+ */

	color: #b2b2b2;

	font-size: 16px;

}



.header .head-wrap .search-box .form .text:-ms-input-placeholder {

	/* Internet Explorer 10+ */

	color: #b2b2b2;

	font-size: 16px;

}



.header .head-wrap .img_2 {

	display: none;

}



.header.on {

	background: #fff;

}



.header.on .search {

	display: none;

}



.header.on .search-box {

	display: block;

	margin-left: 15%;

}



.header.on .img_1 {

	display: none;

}



.header.on .img_2 {

	display: block;

	line-height: 80px;

}



.header_2 {

	position: relative;

	background: #fff;

}



.header_2 .head-nav {

	/*position: relative;*/

	margin-left: 200px;

}



.header_2 .head-nav .nav-wrap>li {

	float: left;

	padding: 0 36px;

	height: 80px;

}



.header_2 .head-nav .nav-wrap>li:hover {

	background: #f4f7fc;

}



.header_2 .head-nav .nav-wrap>li:hover>a {

	color: #0074be;

}



.header_2 .head-nav .nav-wrap>li>a {

	display: block;

	font-size: 22px;

	color: #7f838b;

	font-weight: 500;

}



.header_2 .head-nav .nav-wrap li .box {

	display: none;

	position: absolute;

	top: 80px;

	left: 50%;

	width: 1210px;

	margin-left: -587px;

	padding-bottom: 30px !important;

	background: #f4f7fc;

	line-height: 1;

	box-shadow: 0 3px 2px rgba(0, 0, 0, .2);

}





/*.header_2 .head-nav .nav-wrap li:nth-child(n+4) .box {

	text-align: right;

}*/



.header_2 .head-nav .nav-wrap>li .box .d_1 {

	padding: 4% 0 2.4% 195px;

	border-bottom: 1px solid #c7cdd5;

}



.header_2 .head-nav .nav-wrap li:nth-child(5) .box .d_1 {

	padding-right: 248px;

}



.header_2 .head-nav .nav-wrap>li .box .d_1:last-child {

	padding-bottom: 0;

	border: 0;

}



.header_2 .head-nav .nav-wrap>li .box .h1 a {

	font-size: 21px;

	color: #256fb8;

	font-weight: 500;

}



.header_2 .head-nav .nav-wrap>li .box .d_2 {

	margin-top: 2.2%;

	font-size: 0;

}



.header_2 .head-nav .nav-wrap>li .box .d_2 li {

	display: inline-block;

	width: 25%;

	margin-bottom: 2.4%;

}



.header_2 .head-nav .nav-wrap>li:nth-child(2) .d_1 .d_2 li:nth-child(1) {

	width: 30%;

}



.header_2 .head-nav .nav-wrap>li:nth-child(2) .d_1 .d_2 li:nth-child(n+2) {

	width: 23.33%;

}



.header_2 .head-nav .nav-wrap>li:nth-child(2) .d_1 .d_2 li:nth-child(5) {

	width: 30%;

}



.header_2 .head-nav .nav-wrap>li:nth-child(2) .d_1 .d_2 li:nth-child(9) {

	width: 30%;

}



.header_2 .head-nav .nav-wrap>li .box a {

	display: inline-block;

	font-size: 18px;

	color: #256fb8;

	vertical-align: top;

	line-height: 20px;

	font-weight: 300;

}



.header_2 .head-nav .nav-wrap>li .box a:hover {

	color: #666;

}



.header .return {

	position: fixed;

	top: 80%;

	right: 3%;

	width: 50px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	font-size: 20px;

	font-weight: bold;

	color: #fff;

	background: #469bd5;

	cursor: pointer;

	border-radius: 10px;

}



@media only screen and (max-width: 1440px) {

	.header_2 .head-nav .nav-wrap>li {

		padding: 0 20px;

	}

}



@media only screen and (max-width: 1366px) {

	.header_2 .head-nav .nav-wrap>li {

		padding: 0 15px;

	}

}



.header .menu-nav .box {

	display: none;

}



.header .menu-nav .box .sp_1 {

	display: block;

	font-size: 20px;

	padding: 0 40px;

	line-height: 60px;

	color: #a2a7b1;

	cursor: pointer;

}



.header .menu-nav .nav-box {

	display: none;

}



.header .menu-nav .nav-box a {

	display: block;

	font-size: 18px;

	padding: 0 50px;

	line-height: 50px;

	color: #a2a7b1;

}





/*footer*/



.footer .foot-wrap {

	font-size: 0;

	text-align: center;

	background: rgba(0, 0, 0, .8);

	height: 32px;

	line-height: 32px;

	margin-top: 5px;

}



.footer .foot-wrap>.l-box {

	display: inline-block;

	font-size: 16px;

	font-weight: 300;

}



.footer .foot-wrap>.c-box {

	display: inline-block;

	font-size: 16px;

	font-weight: 300;

}



.footer .foot-wrap>.r-box {

	display: inline-block;

	font-size: 16px;

	font-weight: 300;

}



.footer .foot-wrap .c-box {

	margin: 0 13%;

}



.footer_2 .foot-wrap .top-box>div {

	float: left;

	line-height: 1;

}



.footer_2 .foot-wrap .l-box {

	text-align: left;

}



.footer_2 .foot-wrap .l-box .d_1 {

	font-size: 14px;

	color: #fff;

	margin-bottom: 3%;

}



.footer_2 .foot-wrap .l-box .d_2 {

	font-size: 14px;

	color: #fff;

}



.footer_2 .foot-wrap .r-box {

	float: right !important;

}



.footer_2 .foot-wrap .r-box .list-box {

	float: right;

	margin-top: 12px;

}



.footer_2 .foot-wrap .r-box .list-box .list {

	float: left;

	padding-left: 40px;

	font-size: 14px;

	line-height: 30px;

	margin-right: 35px;

}



.footer_2 .foot-wrap .r-box .list-box .list:last-child {

	margin-right: 0;

}



.footer_2 .foot-wrap .r-box .list-box .list a {

	color: #4db332;

}



.footer_2 .top-box {

	background: #4e5153;

	padding: 0 13%;

	padding-top: 50px;

	padding-bottom: 50px;

	line-height: 1;

}



.footer_2 .nav {

	font-size: 0;

}



.footer_2 .nav a {

	display: inline-block;

	font-size: 18px;

	color: #fff;

	padding: 0 15px;

	border-right: 1px solid #fff;

}



.footer_2 .nav a:nth-child(1) {

	padding-left: 0;

}



.footer_2 .nav a:last-child {

	border-right: 0;

}



.footer_2 .h2 {

	font-size: 18px;

	color: #fff;

	margin: 7.5% 0 3.8%;

}



.footer_2 .number {

	font-size: 34px;

	line-height: 40px;

	color: #fff;

	margin-bottom: 3%;

	padding-left: 65px;

	background: url(../images/img284.jpg) left center no-repeat;

}



.footer_2 .r-box .img {

	font-size: 18px;

	color: #fff;

	line-height: 36px;

	margin-top: 10%;

}



.footer_2 .r-box .icon-box {

	font-size: 0;

	text-align: center;

}



.footer_2 .r-box .icon-box .icon {

	display: inline-block;

	width: 35px;

	height: 35px;

	margin: 12.5% 13px 0;

}



.footer_2 .bot-box {

	font-size: 14px;

	color: #ffffff;

	background: #404244;

	padding: 18px 13%;

}



.query {

	font-size: 18px;

	color: #fff;

	cursor: pointer;

	margin: 10px 0;

}



.foot-popup {

	display: none;

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;
	z-index:99;
	background: rgba(0, 0, 0, .8);

}



.foot-popup .wrap {

	position: relative;

	width: 980px;

	height: 100vh;

	margin: 0 auto;

}



.foot-popup .popup_100 {

	display: none;

	position: absolute;

	top: 50%;

	left: 50%;

	height: auto;

	background: #fff;

	padding: 50px 95px;

}



.foot-popup .popup_11 {

	width: 600px;

	margin-top: -264px;

	margin-left: -300px;

}



.foot-popup .h1 {

	font-size: 28px;

	color: #256fb8;

	font-style: 500;

	text-align: center;

	margin-bottom: 50px;

}



.foot-popup .level {

	display: block;

	width: 100%;

	height: 50px;

	line-height: 50px;

	margin-bottom: 50px;

}



.foot-popup .popup_11 .name {

	float: left;

	width: 120px;

	font-size: 18px;

	color: #256fb8;

	font-style: normal;

}



.foot-popup .popup_11 .text {

	float: left;

	width: calc(100% - 120px);

	height: 50px;

	background: #f3f4f8;

	padding: 0 24px;

	font-size: 18px;

	color: #c7cdd5;

	font-style: normal;

}



.foot-popup .sel {

	float: left;

	width: calc(100% - 120px);

	height: 50px;

	background: #f3f4f8;

	padding: 0 24px;

	font-size: 18px;

	color: #216fb8;

	font-style: normal;

	border: 0;

}



.foot-popup .sub {

	display: block;

	width: 300px;

	height: 50px;

	line-height: 50px;

	font-size: 18px;

	color: #fff;

	font-style: 500;

	text-align: center;

	margin: 0 auto;

	background: #216fb8;

	cursor: pointer;

}



.foot-popup .close {

	position: absolute;

	right: -35px;

	top: 0;

	cursor: pointer;

}



.foot-popup .popup_12 {

	width: 980px;

	margin-left: -490px;

	margin-top: -284px;

}



.foot-popup .popup_12 .list {

	float: left;

	width: 50%;

	height: auto;

	margin-bottom: 50px;

}



.foot-popup .popup_12 .name {

	float: left;

	width: 110px;

	height: auto;

	font-size: 18px;

	color: #256fb8;

	font-style: normal;

}



.foot-popup .popup_12 .text {

	float: left;

	width: calc(100% - 110px);

	font-size: 18px;

	color: #7f838b;

	font-style: 500;

}



.foot-popup .return {

	display: block;

	width: 300px;

	height: 50px;

	line-height: 50px;

	font-size: 18px;

	color: #fff;

	font-style: 500;

	text-align: center;

	margin: 0 auto;

	background: #216fb8;

	cursor: pointer;

}





/*index*/



.main .banner4 {

	position: relative;

}



.main .banner4 .text {

	position: absolute;

	width: 75%;

	bottom: 0;

	left: 50%;

	margin-left: -37.5%;

	font-family: "思源黑体 CN", "sy";

	color: #fff;

	padding-bottom: 4.2%;

}



.main .banner4 .h1 {

	font-size: 48px;

	font-weight: 500;

	margin-bottom: 1%;

}



.main .banner4 .h2 {

	font-size: 28px;

	font-weight: 300;

	text-transform : uppercase

}



.main .banner4 .text {

	padding-bottom: 6%;

}



.home-page .view .swip1 {

	width: 100%;

	height: 100vh;

}



.home-page .view .swip1 .swiper-wrapper>.swiper-slide {

	overflow: hidden;

	width: 100%;

	height: 100vh;

}



.home-page .view .swip1 .swiper-wrapper .swip2 a {

	display: block;

	width: 100%;

	height: 100%;

}



.home-page .view .swip2 .swiper-slide .box-wrap {

	position: absolute;

	top: 30%;

	left: 0;

	width: 100%;

	height: auto;

	color: #fff;

}



.home-page .view .swip2 .swiper-slide .box-wrap .text {

	width: 800px;

	margin: 0 auto;

	line-height: 1;

}



.home-page .view .swip2 .swiper-slide .box-wrap .h1 {

	font-size: 60px;

	line-height: 75px;

	margin-bottom: 15px;

	font-weight: 500;

}



.home-page .view .swip2 .swiper-slide .box-wrap .h2 {

	font-size: 30px;

	line-height: 50px;

	font-weight: 300;

}



.home-page .view .swip2 .swiper-pagination2 {

	position: fixed;

	bottom: 50px;

	z-index: 3;

	text-align: center;

}



.home-page .view .swip2 .swiper-pagination2 .swiper-pagination-bullet {

	width: 18px;

	height: 18px;

	background: #fff;

	opacity: 1;

	margin: 0 25px;

}



.home-page .view .swip2 .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active {

	background: #5ab848;

}



.home-page .preview {

	position: fixed;

	top: 50%;

	right: 10.5%;

	margin-top: -161px;

	z-index: 3;

}



.home-page .preview .swip3 .swiper-slide {

	font-size: 22px;

	color: #fff;

	text-align: right;

	cursor: pointer;

	line-height: 1;

	margin: 12px 0;

	font-weight: 400;

}



.home-page .preview .swip3 .swiper-slide .dot {

	display: inline-block;

	width: 18px;

	height: 18px;

	border-radius: 50%;

	background: #FFFFFF;

	margin-left: 20px;

}



.home-page .preview .swip3 .swiper-slide.active-nav {

	color: #5ab848;

}



.home-page .preview .swip3 .swiper-slide.active-nav .dot {

	background: #5ab848;

}



.home-page .view .swip1 .swiper-slide .box-wrap2 {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: auto;

	color: #fff;

}



.home-page .view .swip1 .swiper-slide .box-wrap2 .text {

	width: 800px;

	margin: 0 auto;

}



.home-page .view .swip1 .swiper-slide .box-wrap2 .h1 {

	font-size: 60px;

	line-height: 75px;

	margin-bottom: 15px;

	font-weight: 500;

}



.home-page .view .swip1 .swiper-slide .box-wrap2 .h2 {

	font-size: 30px;

	line-height: 40px;

	font-weight: 300;

}



.home-page .view .swip1 .swiper-slide .box-wrap2 .more {

	cursor: pointer;

	font-size: 0;

	text-align: center;

	background: rgba(0, 0, 0, .5);

	height: 40px;

	line-height: 40px;

	margin-top: 150px;

	transition: all .3s;

}



.home-page .view .swip1 .swiper-slide .more a {

	display: inline-block;

}



.home-page .view .swip1 .swiper-slide .box-wrap2 .more span {

	display: inline-block;

	font-size: 21px;

	margin: 0 15px;

	color: #fff;

}



.home-page .view .swip1 .swiper-slide .box-wrap2 .more span.sp_2 {

	font-weight: 500;

}



.home-page .view .swip1 .swiper-slide .box-wrap2 .more span.sp_3 {

	font-weight: 300;

}



.home-page .view .swip1 .swiper-slide .box-wrap2 .more .sp_1 {

	width: 36px;

	height: 14px;

	background: url(../images/img5.png) left center no-repeat;

	transition: all .3s;

}



.home-page .view .swip1 .swiper-slide .box-wrap2 .more:hover {

	background: rgba(0, 0, 0, .8);

}



.home-page .view .swip1 .swiper-slide .box-wrap2 .more:hover .sp_1 {

	background: url(../images/img4.png) 15px center no-repeat;

}



.home-page .view .swip1 .swiper-slide .box-wrap2 .list-box {

	width: 100%;

	height: auto;

	margin-top: 4px;

}



.home-page .view .swip1 .swiper-slide .box-wrap2 .list-box .list {

	float: left;

	width: calc(25% - 3px);

	margin-right: 4px;

	background: rgba(0, 0, 0, .5);

	transition: all .3s;

}



.home-page .view .swip1 .swiper-slide .box-wrap2 .list-box .list a {

	display: block;

	color: #fff;

	text-align: center;

}



.home-page .view .swip1 .swiper-slide .box-wrap2 .list-box .list:last-child {

	margin-right: 0;

}



.home-page .view .swip1 .swiper-slide .box-wrap2 .list-box .list .h1 {

	font-size: 28px;

}



.home-page .view .swip1 .swiper-slide .box-wrap2 .list-box .list .h2 {

	font-size: 21px;

}



.home-page .view .swip1 .swiper-slide .box-wrap2 .list-box .list .sp_1 {

	display: inline-block;

	width: 31px;

	height: 14px;

	background: url(../images/img5.png) left center no-repeat;

	transition: all .3s;

}



.home-page .view .swip1 .swiper-slide .box-wrap2 .list-box .list:hover {

	background: rgba(0, 0, 0, .8);

}



.home-page .view .swip1 .swiper-slide .box-wrap2 .list-box .list:hover .sp_1 {

	background: url(../images/img4.png) 15px center no-repeat;

}



.home-page .popup {

	display: none;

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, .8);

	z-index: 5;

}



.home-page .popup .popup-wrap {

	position: relative;

	width: 1210px;

	height: auto;

	margin: 0 auto;

	background: #000;

	margin-top: 6%;

	padding: 0 100px 60px;

	color: #fff;

}



#popup_2 .popup-wrap {

	/* margin-top: 11%; */

	padding: 40px 100px 100px;

}



.home-page .popup .popup-wrap .h1 {

	font-size: 28px;

	line-height: 1;

	font-weight: bold;

}



.home-page .popup .popup-wrap .list {

	border-bottom: 1px solid #c7cdd5;

	padding: 60px 0 30px;

}



.home-page .popup .popup-wrap .list:last-child {

	border-bottom: 0;

}



.home-page .popup .popup-wrap .list .h2 {

	font-size: 22px;

	line-height: 1;

	font-weight: bold;

	margin-bottom: 20px;

}



.home-page .popup .popup-wrap .list .d_2 li {

	float: left;

	width: 25%;

	height: auto;

	margin-bottom: 20px;

}



.home-page .popup .popup-wrap .list .h2 a {

	color: #fff;

}



.home-page .popup .popup-wrap .list .h2 .sp_1 {

	font-weight: 500;

}



.home-page .popup .popup-wrap .list a {

	display: inline-block;

	font-size: 16px;

	color: #fff;

	line-height: 1;

}



.home-page .popup .popup-wrap .list a:hover {

	color: #68acdf;

}



.home-page .popup .popup-wrap .list:last-child {

	border: 0;

}



.home-page .popup .popup-wrap .close {

	position: absolute;

	top: 0;

	right: -40px;

	cursor: pointer;

}





/*.home-page .view .swip1 .swiper-slide-active{-webkit-animation:'BackSizez' 1s ease-in-out 0s 1 alternate forwards;}*/





/*.home-page .view .swip1 .swiper-slide-active.on{-webkit-animation:'BackSize' 1s ease-in-out 0s 1 alternate forwards;}*/



@-webkit-keyframes BackSize {

	0% {

		transform: scale(1);

	}

	100% {

		transform: scale(1.3);

	}

}



@-webkit-keyframes BackSizez {

	0% {

		transform: scale(1.3);

	}

	100% {

		transform: scale(1);

	}

}



.home-page .view .swip1 .swiper-slide .box-wrap3 {

	bottom: 25%;

}



.home-page .view .swip1 .swiper-slide .box-wrap3 .more {

	margin-top: 12%;

}



.home-page .view .swip1 .swiper-slide .box-wrap3 .list-box {

	margin-top: 16%;

}



.home-page .view .swip1 .swiper-slide .box-wrap3 .list-box .list {

	width: calc(33.33% - 3px);

	margin-right: 4px;

	padding: 45px 0;

}



.home-page .view .swip1 .swiper-slide .box-wrap3 .list-box .list .h1 {

	line-height: 1;

	margin-bottom: 0;

}



.home-page .view .swip1 .swiper-slide .box-wrap3 .list-box .list .h2 {

	line-height: 1;

	margin: 15px 0 35px;

}



.home-page .view .swip1 .swiper-slide .box-wrap4 {

	position: absolute;

	bottom: 0;

	width: 100%;

	height: auto;

}



.home-page .view .swip1 .swiper-slide .box-wrap4 .banner {

	width: 1110px;

	height: auto;

	margin: 0 auto;

	position: relative;

}



.home-page .view .swip1 .swiper-slide .box-wrap4 .banner .swiper-pagination4 {

	text-align: center;

	margin-top: 20px;

}



.home-page .view .swip1 .swiper-slide .box-wrap4 .banner .swiper-pagination-bullet {

	display: inline-block;

	width: 18px;

	height: 18px;

	background: #fff;

	opacity: 1;

	margin: 0 25px;

	text-align: center;

}



.home-page .view .swip1 .swiper-slide .box-wrap4 .banner .swiper-pagination-bullet.swiper-pagination-bullet-active {

	background: #5ab848;

}



.home-page .view .swip1 .swiper-slide .box-wrap4 .img-text>div {

	float: left;

	width: 50%;

	color: #fff;

}



.home-page .view .swip1 .swiper-slide .box-wrap4 .img-text .img {

	position: relative;

}



.home-page .view .swip1 .swiper-slide .box-wrap4 .img-text .img .icon {

	position: absolute;

	top: 30px;

	left: 30px;

	width: 113px;

	padding-left: 15px;

	height: 21px;

	line-height: 21px;

	background: url(../images/img6.png) center center no-repeat;

}



.home-page .view .swip1 .swiper-slide .box-wrap4 .img-text .img .comments {

	position: absolute;

	bottom: 25px;

	left: 30px;

	font-size: 17px;

	z-index: 3;

	background: url(../images/img7.png) left center no-repeat;

	padding-left: 30px;

}



.home-page .view .swip1 .swiper-slide .box-wrap4 .img-text .text-box {

	height: 390.5px;

	padding: 45px;

	background: rgba(0, 0, 0, .5);

}



.home-page .view .swip1 .swiper-slide .box-wrap4 .img-text .text-box .h1 {

	font-size: 32px;

	line-height: 1;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-weight: 500;

}



.home-page .view .swip1 .swiper-slide .box-wrap4 .img-text .text-box .h2 {

	font-size: 24px;

	line-height: 1;

	color: #58bb47;

	margin: 10px 0 25px;

	font-weight: 300;

}



.home-page .view .swip1 .swiper-slide .box-wrap4 .img-text .text-box .sp_1 {

	font-size: 18px;

	display: inline-block;

	margin-bottom: 25px;

	font-weight: 300;

}



.home-page .view .swip1 .swiper-slide .box-wrap4 .img-text .text-box .d_1 {

	font-size: 0;

	line-height: 1;

}



.home-page .view .swip1 .swiper-slide .box-wrap4 .img-text .text-box .d_1>span {

	display: inline-block;

	width: 5px;

	height: 5px;

	border-radius: 50%;

	background: #58bb47;

	margin-right: 20px;

	margin-bottom: 25px;

}



.home-page .view .swip1 .swiper-slide .box-wrap4 .img-text .text-box .text {

	width: 100%;

	font-size: 18px;

	height: 112px;

	line-height: 28px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 4;

	overflow: hidden;

	font-weight: 300;

}



.home-page .view .swip1 .swiper-slide .box-wrap4 .list-box {

	margin-top: 6%;

}



.home-page .view .swip1 .swiper-slide .box-wrap4 .list-box .list {

	padding: 35px 5px 15px 5px;

	float: left;

	width: calc(25% - 12px);

	margin-right: 16px;

	background: rgba(0, 0, 0, .5);

	transition: all .3s;

}



.home-page .view .swip1 .swiper-slide .box-wrap4 .list-box .list:last-child {

	margin-right: 0;

}



.home-page .view .swip1 .swiper-slide .box-wrap4 .list-box .list a {

	display: block;

	color: #fff;

}



.home-page .view .swip1 .swiper-slide .box-wrap4 .list-box .list .h1 {

	font-size: 16px;

	height: 42px;

	line-height: 21px;

	padding: 0 10px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	overflow: hidden;

}



.home-page .view .swip1 .swiper-slide .box-wrap4 .list-box .list .d_1 {

	line-height: 1;

	margin: 55px 0 30px;

	padding: 0 10px;

}



.home-page .view .swip1 .swiper-slide .box-wrap4 .list-box .list .d_1 .sp_1 {

	float: left;

	font-size: 16px;

}



.home-page .view .swip1 .swiper-slide .box-wrap4 .list-box .list .d_1 .sp_2 {

	float: right;

	font-size: 12px;

	opacity: .5;

}



.home-page .view .swip1 .swiper-slide .box-wrap4 .list-box .list .line {

	border: 1px solid #fff;

	opacity: .15;

	transition: all .3s;

}



.home-page .view .swip1 .swiper-slide .box-wrap4 .list-box .list:hover {

	background: rgba(0, 0, 0, .8);

}



.home-page .view .swip1 .swiper-slide .box-wrap4 .list-box .list:hover .line {

	border: 1px solid #58bb47;

	opacity: 1;

}



.home-page .view .swip1 .swiper-slide .box-wrap4.box-wrap8 .list-box .list .h1 {

	font-size: 28px;

	height: auto;

	line-height: 1;

	margin-bottom: 0;

}



.home-page .view .swip1 .swiper-slide .box-wrap5 {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: auto;

	color: #fff;

}



.home-page .view .swip1 .swiper-slide .box-wrap5 .data-box {

	font-size: 0;

	text-align: center;

	margin-bottom: 12%;

}



.home-page .view .swip1 .swiper-slide .box-wrap5 .data-box .list {

	line-height: 1;

	display: inline-block;

	font-size: 21px;

	color: #fff;

	text-align: center;

	font-weight: 500;

}



.home-page .view .swip1 .swiper-slide .box-wrap5 .data-box .list:last-child {

	text-align: left;

}



.home-page .view .swip1 .swiper-slide .box-wrap5 .data-box .list .num {

	font-size: 65px;

	margin-bottom: 20px;

}



.home-page .view .swip1 .swiper-slide .box-wrap5 .data-box .list .num span {

	font-size: 21px;

}



.home-page .view .swip1 .swiper-slide .box-wrap5 .list-box .list {

	padding: 45px 0;

	float: left;

	width: calc(50% - 3px);

	margin-right: 6px;

	background: rgba(0, 0, 0, .5);

	transition: all .3s;

}



.home-page .view .swip1 .swiper-slide .box-wrap5 .list-box .list a {

	line-height: 1;

	display: block;

	text-align: center;

	color: #fff;

}



.home-page .view .swip1 .swiper-slide .box-wrap5 .list-box .list .h1 {

	font-size: 28px;

	font-weight: 500;

}



.home-page .view .swip1 .swiper-slide .box-wrap5 .list-box .list .h2 {

	font-size: 21px;

	font-weight: 300;

	margin: 15px auto 35px;

}



.home-page .view .swip1 .swiper-slide .box-wrap5 .list-box .list:last-child {

	margin-right: 0;

}



.home-page .view .swip1 .swiper-slide .box-wrap5 .list-box .list:hover {

	background: rgba(0, 0, 0, .8);

}



.home-page .view .swip1 .swiper-slide .box-wrap5 .list-box .list .sp_1 {

	display: inline-block;

	width: 31px;

	height: 14px;

	background: url(../images/img5.png) left center no-repeat;

	transition: all .3s;

}



.home-page .view .swip1 .swiper-slide .box-wrap5 .list-box .list:hover .sp_1 {

	background: url(../images/img4.png) 15px center no-repeat;

}



.home-page .view .swip1 .swiper-slide .box-wrap6 {

	bottom: 0;

}



.home-page .view .swip1 .swiper-slide .box-wrap6 .list-box .list {

	padding: 30px 0;

}



.home-page .view .swip1 .swiper-slide .box-wrap6 .list-box .h1 {

	line-height: 1;

	margin-bottom: 0;

}



.home-page .view .swip1 .swiper-slide .box-wrap6 .list-box .h2 {

	line-height: 1;

	margin: 15px 0 35px;

}



.home-page .view .swip1 .swiper-slide .box-wrap6 .more {

	margin-top: 16%;

}



.home-page .view .swip1 .swiper-slide .box-wrap7 {

	bottom: 0;

}



.home-page .view .swip1 .swiper-slide .box-wrap7 .list-box .list {

	padding: 40px 0 50px;

}



.home-page .view .swip1 .swiper-slide .box-wrap7 .list-box .list .h1 {

	line-height: 1;

	margin-bottom: 0;

	font-weight: 500;

}



.home-page .view .swip1 .swiper-slide .box-wrap7 .list-box .list .h2 {

	line-height: 1;

	margin: 15px 0 35px;

}



.home-page .view .swip1 .swiper-slide .box-wrap7 .list-box {

	margin-top: 4px;

}



.home-page .view .swip1 .swiper-slide .box-wrap7 .more {

	margin-top: 16%;

}



.home-page .view .swip1 .swiper-slide .box-wrap8 {

	bottom: 0;

}





/* .home-page .view .swip1 .swiper-slide .box-wrap8 .list-box {

	margin-top: 16%;

} */



.home-page .view .swip1 .swiper-slide .box-wrap8 .list-box .list {

	width: calc(33.33% - 3px);

	margin-right: 4px;

	padding: 45px 0;

}



.home-page .view .swip1 .swiper-slide .box-wrap8 .list-box .list .h1 {

	line-height: 1;

	margin-bottom: 24px;

	line-height: 36px;

	font-weight: 500;

}



.home-page .view .swip1 .swiper-slide .box-wrap8 .list-box .list .h2 {

	line-height: 1;

	margin: 15px 0 35px;

}



@media only screen and (max-width:1600px) {

	.home-page .preview {

		right: 0;

		padding-right: 40px;

	}

	.home-page .popup .popup-wrap {

		height: auto;

		overflow-y: scroll;

		top: 0;

		margin-top: -340px;

	}

	#popup_1 .popup-wrap .list {

		padding-top: 30px;

	}

	#popup_1 .popup-wrap {

		margin-top: 6.5%; 

		padding-bottom: 0;

	}

	.popup-boxs #popup_1 .popup-wrap{
		margin-top:-340px;
		padding-bottom: 0;
	}

	#popup_1 .popup-wrap .close {

		top: 14%;

	}

	#popup_2 .popup-wrap {

		margin-top: 8%;

	}

	.home-page .popup .popup-wrap::-webkit-scrollbar {

		display: none;

	}

	.home-page .popup .popup-wrap .close {

		position: fixed;

		left: auto;

		right: 10%;

		top: 17%;

	}

}



@media only screen and (max-width:1440px) {

	.home-page .view .swip2 .swiper-slide .box-wrap {

		top: 30%;

	}

	.home-page .view .swip1 .swiper-slide .box-wrap2 {

		bottom: 0;

	}

	.home-page .view .swip1 .swiper-slide .box-wrap6 {

		bottom: 0;

	}

	.home-page .view .swip1 .swiper-slide .box-wrap6 .more {

		margin-top: 16% !important;

	}

	.home-page .view .swip1 .swiper-slide .box-wrap7 .more {

		margin-top: 12% !important;

	}

	.home-page .view .swip1 .swiper-slide .box-wrap3 {

		bottom: 22%;

	}

	.home-page .view .swip1 .swiper-slide .box-wrap3 .more {

		margin-top: 15% !important;

	}

	.home-page .view .swip1 .swiper-slide .box-wrap7 {

		bottom: 0;

	}

	/* .home-page .view .swip1 .swiper-slide .box-wrap4 {

		width: 1000px;

	} */

	.home-page .view .swip1 .swiper-slide .box-wrap4 .img-text .text-box {

		padding: 20px;

	}

	.home-page .view .swip1 .swiper-slide .box-wrap4 .img-text .text-box .h2 {

		margin: 10px 0;

	}

	.home-page .view .swip1 .swiper-slide .box-wrap4 .img-text .text-box .sp_1 {

		margin-bottom: 15px;

	}

	.home-page .view .swip1 .swiper-slide .box-wrap4 .list-box .list .d_1 {

		margin: 40px 0 20px;

	}

	#popup_1 .popup-wrap .close {

		position: fixed;

		left: auto;

		right: 5%;

		top: 13%;

	}

	#popup_2 .popup-wrap .close {

		position: fixed;

		left: auto;

		right: 5%;

		top: 15%;

	}

	.youxue-page .youxue-wrap .box_4 .box-wrap .preview .swiper-slide .list .icon {

		font-size: 60px !important;

	}

	.youxue-page .youxue-wrap .box_4 .box-wrap .preview .swiper-slide .list .h2 {

		margin-top: 8% !important;

	}

}



@media only screen and (max-width:1366px) {

	#popup_1 .popup-wrap {

		top: 50%;

		margin-top: -250px;

	}

	#popup_1 .popup-wrap .close {

		top: 10%;

		right: 3.5%;

	}

	#popup_2 .popup-wrap {

		top: 50%;

		margin-top: -220px;

		padding-bottom: 30px;

	}

	#popup_2 .popup-wrap .close {

		right: 3.5%;

	}

	#popup_1 .popup-wrap .list {

		padding: 20px 0;

	}

	/* .header_2 .head-nav .nav-wrap li .box{

		right: auto;

		left: 50%;

		margin-left: -605px;

	} */

	.home-page .view .swip1 .swiper-slide .box-wrap8 .more {

		margin-top: 3% !important;

	}

	.home-page .view .swip1 .swiper-slide .box-wrap6 .more {

		margin-top: 8% !important;

	}

	.home-page .view .swip1 .swiper-slide .box-wrap3 {

		bottom: 18%;

	}

	.home-page .view .swip1 .swiper-slide .box-wrap3 .more {

		margin-top: 10% !important;

	}

	.home-page .view .swip1 .swiper-slide .box-wrap7 .more {

		margin-top: 7% !important;

	}

	.home-page .view .swip1 .swiper-slide .box-wrap4 .banner {

		width: 900px;

	}

	.home-page .view .swip1 .swiper-slide .box-wrap2 .list-box {

		margin-top: 1% !important;

	}

	.home-page .view .swip1 .swiper-slide .box-wrap8 .list-box .list {

		padding: 30px 0;

	}

	.home-page .view .swip1 .swiper-slide .box-wrap8 .list-box .list .h2 {

		margin: 15px 0;

	}

	.home-page .view .swip1 .swiper-slide .box-wrap4 .banner .swiper-pagination-bullet {

		width: 12px;

		height: 12px;

	}

	.home-page .popup .popup-wrap .close {

		position: fixed;

		left: auto;

		right: 3%;

		top: 6%;

	}

}



@media only screen and (max-width:1600px) {

	.home-page .view .swip1 .swiper-slide .box-wrap2 .more {

		margin-top: 100px;

	}

	.home-page .view .swip1 .swiper-slide .box-wrap3 .list-box {

		margin-top: 8%;

	}

	.home-page .view .swip1 .swiper-slide .box-wrap4 .list-box {

		margin-top: 2%;

	}

	.home-page .view .swip1 .swiper-slide .box-wrap4 .list-box .list .d_1 {

		margin: 20px 0 10px;

	}

	.home-page .view .swip1 .swiper-slide .box-wrap5 .data-box {

		margin-bottom: 8%;

	}

}





/* main-page */



.main-page .main-wrap {

	width: 75%;

	height: auto;

	margin: 0 auto;

}



.main-page .main-wrap .box_1 {

	margin-top: 7%;

}



.main-page .main-wrap .box .title .h1 {

	font-size: 28px;

	color: #2270ba;

	border-bottom: 2px solid #c7cdd5;

	padding-bottom: 1.4%;

	font-weight: 500;

}



.main-page .main-wrap .box .words {

	font-size: 16px;

	color: #7f838b;

	line-height: 26px;

	padding: 1.8% 0;

	font-weight: 300;

}



.main-page .main-wrap .box_2 {

	margin-top: 3.5%;

}



.main-page .main-wrap .box_3 {

	margin-top: 3.5%;

}



.main-page .main-wrap .box_4 {

	margin-top: 3.5%;

}



.main-page .main-wrap .box_4 .box-wrap .top-box>div {

	float: left;

}



.main-page .main-wrap .box_4 .box-wrap .top-box .l-box {

	width: 10%;

	height: auto;

	margin-top: 191px;

}



.main-page .main-wrap .box_4 .box-wrap .top-box .l-box .h1 {

	height: 110px;

	line-height: 110px;

	margin-bottom: 25px;

	text-align: center;

	font-size: 22px;

	color: #256fb8;

	font-weight: 500;

}



.main-page .main-wrap .box_4 .box-wrap .top-box .l-box .h1:last-child {

	margin-bottom: 0;

}



.main-page .main-wrap .box_4 .box-wrap .top-box .r-box {

	position: relative;

	width: 90%;

	height: auto;

	margin-top: 55px;

}



.main-page .main-wrap .box_4 .box-wrap .top-box .r-box .d_1 {

	position: absolute;

	top: 0;

	right: 0;

	background: #e9eef5;

	z-index: 1;

	width: 96%;

	height: 430px;

}



.main-page .main-wrap .box_4 .box-wrap .top-box .r-box .d_1 .h1 {

	text-align: right;

	padding-right: 50px;

	margin-top: 15px;

	font-size: 16px;

	color: #216fb8;

	font-family: PINGFANG;

	font-weight: bold;

}



.main-page .main-wrap .box_4 .box-wrap .top-box .r-box .d_2 {

	position: absolute;

	top: 45px;

	right: 55px;

	background: #f3f7fc;

	z-index: 2;

	width: 93%;

	height: 430px;

}



.main-page .main-wrap .box_4 .box-wrap .top-box .r-box .d_2 .h1 {

	text-align: right;

	padding-right: 50px;

	margin-top: 15px;

	font-size: 16px;

	color: #216fb8;

	font-family: PINGFANG;

	font-weight: bold;

}



.main-page .main-wrap .box_4 .box-wrap .top-box .r-box .d_3 {

	position: absolute;

	top: 90px;

	right: 110px;

	background: #e9eef5;

	z-index: 3;

	width: 90%;

	height: auto;

}



.main-page .main-wrap .box_4 .box-wrap .top-box .r-box .d_3 .h1 {

	text-align: right;

	padding-right: 190px;

	margin-top: 15px;

	font-size: 16px;

	color: #216fb8;

	font-family: PINGFANG;

	font-weight: bold;

}



.main-page .main-wrap .box_4 .box-wrap .top-box .r-box .d_3 .list-box {

	margin-top: 15px;

}



.main-page .main-wrap .box_4 .box-wrap .top-box .r-box .d_3 .list-box .list {

	float: left;

	font-size: 18px;

	color: #fff;

	width: 30%;

	height: 110px;

	line-height: 110px;

	text-align: center;

	background: #479bd5;

	margin-right: 5%;

	margin-bottom: 25px;

	font-weight: bold;

	cursor: pointer;

	transition: all .3s;

	font-weight: 500;

}



.main-page .main-wrap .box_4 .box-wrap .top-box .r-box .d_3 .list-box .list:hover {

	background: #216fb8 !important;

}



.main-page .main-wrap .box_4 .box-wrap .top-box .r-box .d_3 .list-box .list:nth-child(3n) {

	margin-right: 0;

}



.main-page .main-wrap .box_4 .box-wrap .top-box .r-box .d_3 .list-box .list:nth-child(n+4) {

	background: #479bd5;

}



.main-page .main-wrap .box_4 .box-wrap .top-box .r-box .d_3 .list-box .list:nth-child(n+7) {

	background: #479bd5;

	margin-bottom: 0;

}



.main-page .main-wrap .box_4 .box-wrap .top-box .r-box .d_3 .list-box .list.list_1 {

	background: #e9eef5;

}



.main-page .main-wrap .box_4 .box-wrap .top-box .r-box .d_3 .list-box .list .box {

	width: 100%;

	height: 53px;

	line-height: 53px;

	background: #479bd5;

	transition: all .3s;

}



.main-page .main-wrap .box_4 .box-wrap .top-box .r-box .d_3 .list-box .list.list_1:hover {

	background: #e9eef5 !important;

}



.main-page .main-wrap .box_4 .box-wrap .top-box .r-box .d_3 .list-box .list .box:hover {

	background: #216fb8;

}



.main-page .main-wrap .box_4 .box-wrap .bot-box {

	width: 80%;

	height: auto;

	margin-left: 10%;

	margin-top: 30px;

}



.main-page .main-wrap .box_4 .box-wrap .bot-box .d_1 {

	float: left;

	width: 30%;

	margin-right: 5%;

	font-size: 22px;

	color: #256fb8;

	text-align: center;

	font-weight: 500;

}



.main-page .main-wrap .box_4 .box-wrap .bot-box .d_1:last-child {

	margin-right: 0;

}



.main-page .main-wrap .box_5 .wrap {

	width: 1200px;

	height: auto;

	margin: 0 auto;

	overflow: hidden;

}



.main-page .main-wrap .box_5 .wrap li {

	float: left;

}



.main-page .main-wrap .box_5 .list-box {

	width: 1200px !important;

	height: auto;

}



.main-page .main-wrap .box_5 .wrap .list-box .list {

	width: 215px;

	height: 117px;

	margin-right: 25px;

	margin-bottom: 25px;

}



.main-page .main-wrap .box_5 .list-box .list:nth-child(5n) {

	margin-right: 25px !important;

}



.service-page2 .service-wrap .box_4 .wrap {

	width: 1200px;

	height: auto;

	margin: 0 auto;

	overflow: hidden;

}



.service-page2 .service-wrap .box_4 .wrap li {

	float: left;

}



.service-page2 .service-wrap .box_4 .list-box {

	width: 1200px !important;

	height: auto;

}



.service-page2 .service-wrap .box_4 .wrap .list-box .list {

	width: 215px;

	height: 117px;

	margin-right: 25px;

	margin-bottom: 25px;

}



.service-page2 .service-wrap .box_4 .list-box .list:nth-child(5n) {

	margin-right: 25px !important;

}



.main-page .popup {

	display: none;

	position: fixed;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	background: rgba(0, 0, 0, .8);

	z-index: 5;

}



.main-page .popup .popup-wrap {

	position: relative;

	top: 50%;

	left: 50%;

	max-width: 1350px;

	width: 100%;

	height: 880px;

	margin-left: -658px;

	margin-top: -440px;

	background: #fff;

	padding: 70px;

	overflow-y: scroll;

}



.main-page .popup .popup-wrap::-webkit-scrollbar {

	display: none;

}



.main-page .popup .popup-wrap .popup-title {

	padding-left: 120px;

}



.main-page .popup .popup-wrap .popup-title .h1 {

	font-size: 22px;

	color: #256fb8;

}



.main-page .popup .popup-wrap .popup-title .h2 {

	font-size: 16px;

	color: #7f838b;

	margin: 40px 0 70px;

}



.main-page .popup .popup-wrap .box>div {

	float: left;

}



.main-page .popup .popup-wrap .box .l-box {

	width: 155px;

	height: auto;

	margin-top: 47px;

}



.main-page .popup .popup-wrap .box .l-box .h1 {

	width: 155px;

	height: 165px;

	line-height: 165px;

	margin-bottom: 25px;

	font-size: 22px;

	color: #68acdf;

	font-weight: bold;

	text-align: center;

}



.main-page .popup .popup-wrap .box .l-box .h1:last-child {

	margin-bottom: 0;

}



.main-page .popup .popup-wrap .box .r-box {

	width: 1055px;

	height: auto;

}



.main-page .popup .popup-wrap .box .r-box .top-box .d_1 {

	float: left;

	width: 325px;

	margin-bottom: 25px;

	margin-right: 40px;

	text-align: center;

	font-size: 22px;

	color: #68acdf;

	font-weight: bold;

}



.main-page .popup .popup-wrap .box .r-box .top-box .d_1:last-child {

	margin-right: 0;

}



.main-page .popup .popup-wrap .box .r-box .list-box .list {

	float: left;

	width: 325px;

	height: 165px;

	margin-right: 40px;

	margin-bottom: 25px;

	font-size: 16px;

	color: #fff;

	line-height: 24px;

	text-align: center;

}



.main-page .popup .popup-wrap .box .r-box .list-box .list:nth-child(3n) {

	margin-right: 0;

}



.main-page .popup .popup-wrap .close {

	position: absolute;

	width: 22px;

	height: 22px;

	line-height: 22px;

	right: 30px;

	top: 30px;

	cursor: pointer;

}



.main-page .main-wrap .box_5 {

	margin-top: 3.5%;

	overflow: hidden;

}



.main-page .main-wrap .box_5 .list-box {

	width: 85%;

	height: auto;

	margin: 0 auto;

	margin-top: 2%;

}



.main-page .main-wrap .box_5 .list-box .list {

	width: 18%;

	height: auto;

	float: left;

	border: 1px solid #d2d2d2;

	margin-right: 2.5%;

	margin-bottom: 1.7%;

}



.main-page .main-wrap .box_5 .list-box .list:nth-child(5n) {

	margin-right: 0;

}



.main-page .main-wrap .box_6 {

	margin-top: 3.5%;

	margin-bottom: 7%;

}



.main-page .main-wrap .box_6 .main-box6-nav {

	font-size: 0;

	text-align: center;

}



.main-page .main-wrap .box_6 .main-box6-nav a {

	display: inline-block;

	font-size: 28px;

	color: #7f838b;

	width: 50%;

	height: 90px;

	line-height: 90px;

	transition: all;

	border: 2px solid #f4f7fc;

	font-weight: 500;

}



.main-page .main-wrap .box_6 .main-box6-nav a.on {

	color: #216fb8;

	border-bottom: 2px solid #216fb8;

}



.main-page .main-wrap .box_6 .box-wrap .list-box {

	display: none;

}



.main-page .main-wrap .box_6 .box-wrap .list-box.on {

	display: block;

}



.main-page .main-wrap .box_6 .box-wrap .list-box .list {

	padding: 2.1% 0;

	border-bottom: 2px solid #c7cdd5;

}



.main-page .main-wrap .box_6 .box-wrap .list-box .list:last-child {

	border: 0;

}



.main-page .main-wrap .box_6 .box-wrap .list-box a>div {

	float: left;

}



.main-page .main-wrap .box_6 .box-wrap .list-box:nth-child(2) a>div {

	float: none;

}



.main-page .main-wrap .box_6 .box-wrap .list-box a .r-box {

	width: calc(100% - 255px);

	height: 148px;

	padding: 1.8% 0;

	padding-left: 3.5%;

}



.main-page .main-wrap .box_6 .box-wrap .list-box a .r-box .h1 {

	font-size: 22px;

	color: #4e5153;

	margin-bottom: 12px;

	font-weight: 500;

}



.main-page .main-wrap .box_6 .box-wrap .list-box a .r-box .h1 .sp_1 {

	float: left;

	width: 60%;

}



.main-page .main-wrap .box_6 .box-wrap .list-box a .r-box .h1 .sp_2 {

	float: right;

	font-size: 22px;

	color: #7f838b;

}



.main-page .main-wrap .box_6 .box-wrap .list-box a .r-box .words {

	font-size: 16px;

	color: #7f838b;

	height: 75px;

	line-height: 25px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	overflow: hidden;

	font-weight: 300;

}



.main-page .main-wrap .box_6 .box-wrap .item-box {

	border-bottom: 2px solid #c7cdd5;

	padding-top: 48px;

}



.main-page .main-wrap .box_6 .box-wrap .item-box .item {

	float: left;

	width: 30%;

	height: auto;

	margin-right: 5%;

	border: 1px solid #c7cdd5;

	margin-bottom: 80px;

	transition: all .5s;

}



.main-page .main-wrap .box_6 .box-wrap .item-box .item:hover {

	border: 1px solid #2f7ec2;

}



.main-page .main-wrap .box_6 .box-wrap .item-box .item:nth-child(3n) {

	margin-right: 0;

}



.main-page .main-wrap .box_6 .box-wrap .item-box .item .text {

	padding: 0 10px;

}



.main-page .main-wrap .box_6 .box-wrap .item-box .item .h1 {

	font-size: 18px;

	color: #7f838b;

	font-weight: bold;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	padding: 25px 0 15px;

	border-bottom: 2px solid #e6e6e6;

	margin-bottom: 15px;

	text-align: center;

	font-weight: 500;

}



.main-page .main-wrap .box_6 .box-wrap .item-box .item .words {

	font-size: 16px;

	color: #7f838b;

	line-height: 20px;

	height: 160px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 8;

	overflow: hidden;

	font-weight: 300;

}



.main-page .main-wrap .box_6 .box-wrap .item-box .item .sp_3 {

	display: block;

	width: 135px;

	height: 40px;

	line-height: 40px;

	font-size: 13px;

	color: #fff;

	margin: 30px auto 45px;

	background: #216fb8;

	text-align: center;

	border-radius: 20px;

}





/* service */



.service-page .service-wrap {

	width: 75%;

	height: auto;

	margin: 0 auto;

}



.service-page .service-wrap .box_1 {

	margin-top: 7%;

}



.service-page .service-wrap .box_1 .h1 {

	font-size: 28px;

	color: #2270ba;

	padding-bottom: 1.4%;

	border-bottom: 1px solid #c7cdd5;

	margin-bottom: 1%;

	font-weight: 500;

}



.service-page .service-wrap .box_1 .words {

	font-size: 16px;

	color: #7f838b;

	line-height: 40px;

	font-weight: 300;

}



.service-page .service-wrap .box_1 .words .sp_1 {

	display: inline-block;

	width: 5px;

	height: 5px;

	border-radius: 50%;

	background: #7f838b;

	vertical-align: middle;

	margin-right: 10px;

}



.service-page .service-wrap .box_2 {

	margin-top: 3.5%;

}



.service-page .service-wrap .box_2 .h1 {

	font-size: 28px;

	color: #2270ba;

	padding-bottom: 1.4%;

	border-bottom: 1px solid #c7cdd5;

	margin-bottom: 1%;

	font-weight: 500;

}



.service-page .service-wrap .box_2 .words {

	font-size: 16px;

	color: #7f838b;

	line-height: 40px;

	padding-bottom: 5.6%;

	margin-bottom: 5.6%;

	border-bottom: 1px solid #a2a7b1;

	font-weight: 300;

}





/* service2 */



.service-page2 .service-wrap {

	width: 75%;

	height: auto;

	margin: 0 auto;

}



.service-page2 .service-wrap .box_1 {

	margin-top: 7%;

}



.service-page2 .service-wrap .box_1 .h1 {

	font-size: 28px;

	color: #2270ba;

	padding-bottom: 1.4%;

	border-bottom: 1px solid #c7cdd5;

	margin-bottom: 2%;

	font-weight: 500;

}



.service-page2 .service-wrap .box_1 .words {

	font-size: 16px;

	color: #7f838b;

	line-height: 21px;

	font-weight: 300;

}



.service-page2 .service-wrap .box_2 {

	margin-top: 7%;

}



.service-page2 .service-wrap .box_2 .h1 {

	font-size: 28px;

	color: #2270ba;

	padding-bottom: 1.4%;

	border-bottom: 1px solid #c7cdd5;

	margin-bottom: 2%;

	font-weight: 500;

}



.service-page2 .service-wrap .box_2 .words {

	font-size: 16px;

	color: #7f838b;

	line-height: 21px;

	font-weight: 300;

}



.service-page2 .service-wrap .box_2 .list-box {

	margin-top: 40px;

	border: 1px solid #e9eef5;

}



.service-page2 .service-wrap .box_2 .list-box .list {

	position: relative;

	float: left;

	width: 25%;

	height: auto;

	border-bottom: 1px solid #e9eef5;

	border-right: 1px solid #e9eef5;

	text-align: center;

	cursor: pointer;

	overflow: hidden;

}



.service-page2 .service-wrap .box_2 .list-box .list:nth-child(4n) {

	border-bottom: 1px solid #e9eef5;

	border-right: 0;

}



.service-page2 .service-wrap .box_2 .list-box .list:nth-child(n+9) {

	border-bottom: 0;

}



.service-page2 .service-wrap .box_2 .list-box .list .d_1 {

	width: 100%;

	height: 208px;

	padding-top: 55px;

}



.service-page2 .service-wrap .box_2 .list-box .list .sp_1 {

	font-size: 22px;

	color: #2270ba;

	display: block;

	margin-top: 10px;

	font-weight: 500;

}



.service-page2 .service-wrap .box_2 .list-box .list .d_2 {

	position: absolute;

	top: -209px;

	left: 0;

	width: 100%;

	height: 209px;

	background: #165099;

	padding-top: 60px;

	transition: all .5s;

}



.service-page2 .service-wrap .box_2 .list-box .list:hover .d_2 {

	top: 0;

}



.service-page2 .service-wrap .box_2 .list-box .list .d_2 .sp_2 {

	display: block;

	font-size: 22px;

	color: #feffff;

	margin-bottom: 50px;

}



.service-page2 .service-wrap .box_2 .list-box .list .d_2 .sp_3 {

	display: inline-block;

	width: 118px;

	height: 35px;

	line-height: 35px;

	font-size: 18px;

	color: #fff;

	background: url(../images/img11.png) center center no-repeat;

}



.service-page2 .service-wrap .box_3 {

	margin-top: 7%;

}



.service-page2 .service-wrap .box_3 .h1 {

	font-size: 28px;

	color: #2270ba;

	padding-bottom: 1.4%;

	border-bottom: 1px solid #c7cdd5;

	margin-bottom: 2%;

	font-weight: 500;

}



.service-page2 .service-wrap .box_3 .list-box .list {

	width: 50%;

	height: auto;

	float: left;

	text-align: center;

}



.service-page2 .service-wrap .box_3 .list-box .list img {

	width: 70%;

}



.service-page2 .service-wrap .box_3 .list-box .list .h2 {

	font-size: 22px;

	color: #2270ba;

	margin-bottom: 3.5%;

	font-weight: 500;

}



.service-page2 .service-wrap .box_3 .list-box .list .words {

	font-size: 16px;

	color: #7f838b;

	line-height: 21px;

	margin-bottom: 40px;

	padding-right: 70px;

	font-weight: 300;

	text-align: left;

}



.service-page2 .service-wrap .box_3 .list-box .list.list_1 .words {

	font-size: 16px;

	color: #7f838b;

	line-height: 21px;

	margin-bottom: 40px;

	padding-right: 0;

	padding-left: 70px;

}



.service-page2 .service-wrap .box_3 .list-box .list.list_2 {

	width: 100%;

	height: auto;

	margin-top: 3.5%;

}



.service-page2 .service-wrap .box_3 .list-box .list.list_2 img {

	width: 100%;

}



.service-page2 .service-wrap .box_3 .list-box .list.list_2 .item-box .item {

	position: relative;

	float: left;

	width: 18%;

	height: auto;

	margin-right: 2.5%;

}



.service-page2 .service-wrap .box_3 .list-box .list.list_2 .item-box .item:last-child {

	margin-right: 0;

}



.service-page2 .service-wrap .box_3 .list-box .list.list_2 .item-box .item .words {

	position: absolute;

	top: 82%;

	left: 0;

	width: 100%;

	height: 100%;

	line-height: 35px;

	font-size: 18px;

	color: #ffffff !important;

	background: #2270ba;

	text-align: center;

	margin: 0;

	padding: 0;

	transition: all .5s;

	font-weight: 500;

}



.service-page2 .service-wrap .box_3 .list-box .list.list_2 .item-box .item:hover .words {

	top: 0;

	padding-top: 30%;

	background: rgba(34, 112, 186, .9);

}



.service-page2 .service-wrap .box_3 .list-box .list.list_3 .item-box {

	font-size: 0;

	text-align: center;

}



.service-page2 .service-wrap .box_3 .list-box .list.list_3 .item-box .item {

	float: none;

	display: inline-block;

}



.service-page2 .service-wrap .box_4 {

	margin-top: 7%;

	overflow: hidden;

}



.service-page2 .service-wrap .box_4 .h1 {

	font-size: 28px;

	color: #2270ba;

	padding-bottom: 1.4%;

	border-bottom: 1px solid #c7cdd5;

	margin-bottom: 3.5%;

	font-weight: 500;

}



.service-page2 .service-wrap .box_4 .list-box .list {

	float: left;

	width: 18%;

	height: auto;

	margin-right: 2.5%;

	margin-bottom: 2%;

	border: 1px solid #dcdcdc;

}



.service-page2 .service-wrap .box_4 .list-box .list:nth-child(5n) {

	margin-right: 0;

}



.service-page2 .service-wrap .box_5 {

	margin-top: 5%;

	margin-bottom: 7%;

}



.service-page2 .service-wrap .box_5 .serv-box5-nav {

	font-size: 0;

	text-align: center;

}



.service-page2 .service-wrap .box_5 .serv-box5-nav a {

	display: inline-block;

	font-size: 28px;

	color: #7f838b;

	width: 50%;

	height: 90px;

	line-height: 90px;

	transition: all;

	border: 2px solid #f4f7fc;

	font-weight: 500;

}



.service-page2 .service-wrap .box_5 .serv-box5-nav a.on {

	color: #216fb8;

	border-bottom: 2px solid #216fb8;

}



.service-page2 .service-wrap .box_5 .box-wrap .list-box {

	display: none;

}



.service-page2 .service-wrap .box_5 .box-wrap .list-box.on {

	display: block;

}



.service-page2 .service-wrap .box_5 .box-wrap .list-box .list {

	padding: 2.1% 0;

	border-bottom: 2px solid #c9cfd7;

}





/* .service-page2 .service-wrap .box_5 .box-wrap .list-box .list:last-child {

	border: 0;

} */



.service-page2 .service-wrap .box_5 .box-wrap .list-box a>div {

	float: left;

}



.service-page2 .service-wrap .box_5 .box-wrap .list-box:nth-child(2) a>div {

	float: none;

}



.service-page2 .service-wrap .box_5 .box-wrap .list-box a .r-box {

	width: calc(100% - 255px);

	height: 148px;

	padding: 1.8% 0;

	padding-left: 3.5%;

}



.service-page2 .service-wrap .box_5 .box-wrap .list-box a .r-box .h1 {

	font-size: 22px;

	color: #4e5153;

	margin-bottom: 12px;

	font-weight: 300;

}



.service-page2 .service-wrap .box_5 .box-wrap .list-box a .r-box .h1 .sp_1 {

	float: left;

	width: 60%;

}



.service-page2 .service-wrap .box_5 .box-wrap .list-box a .r-box .h1 .sp_2 {

	float: right;

	font-size: 22px;

	color: #7f838b;

}



.service-page2 .service-wrap .box_5 .box-wrap .list-box a .r-box .words {

	font-size: 16px;

	color: #7f838b;

	height: 75px;

	line-height: 25px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	overflow: hidden;

	font-weight: 300;

}



.service-page2 .service-wrap .box_5 .box-wrap .item-box {

	border-bottom: 2px solid #c7cdd5;

	padding-top: 48px;

}



.service-page2 .service-wrap .box_5 .box-wrap .item-box .item {

	float: left;

	width: 30%;

	height: auto;

	margin-right: 5%;

	border: 1px solid #c7cdd5;

	margin-bottom: 80px;

	transition: all .5s;

}



.service-page2 .service-wrap .box_5 .box-wrap .item-box .item:hover {

	border: 1px solid #2f7ec2;

}



.service-page2 .service-wrap .box_5 .box-wrap .item-box .item:nth-child(3n) {

	margin-right: 0;

}



.service-page2 .service-wrap .box_5 .box-wrap .item-box .item .text {

	padding: 0 10px;

}



.service-page2 .service-wrap .box_5 .box-wrap .item-box .item .h1 {

	font-size: 18px;

	color: #7f838b;

	font-weight: bold;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	padding: 25px 0 15px;

	border-bottom: 2px solid #e6e6e6;

	margin-bottom: 15px;

	text-align: center;

	font-weight: 500;

}



.service-page2 .service-wrap .box_5 .box-wrap .item-box .item .words {

	font-size: 16px;

	color: #7f838b;

	line-height: 20px;

	height: 160px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 8;

	overflow: hidden;

	font-weight: 300;

}



.service-page2 .service-wrap .box_5 .box-wrap .item-box .item .sp_3 {

	display: block;

	width: 135px;

	height: 40px;

	line-height: 40px;

	font-size: 13px;

	color: #fff;

	margin: 30px auto 45px;

	background: #216fb8;

	text-align: center;

	border-radius: 20px;

}



@media only screen and (max-width:1600px) {

	.main-page .popup .popup-wrap {

		height: 680px;

		margin-left: -675px;

		margin-top: -340px;

		overflow-y: scroll;

	}

	.main-page .popup .popup-wrap::-webkit-scrollbar {

		display: none;

	}

}



@media only screen and (max-width:1366px) {

	.main-page .popup .popup-wrap {

		padding: 50px;

		max-width: 1310px;

		height: 550px;

		margin-left: -655px;

		margin-top: -275px;

		overflow-y: scroll;

	}

	.main-page .popup .popup-wrap::-webkit-scrollbar {

		display: none;

	}

}





/* news */



.news-page .news-wrap {

	position: relative;

	width: 75%;

	height: auto;

	margin: 0 auto;

}



.news-page .news-wrap .box_1 {

	padding-top: 130px;

}



.news-page .news-wrap .box_1 .h1 {

	font-size: 28px;

	color: #2270ba;

	padding-bottom: 15px;

	border-bottom: 1px solid #c7cdd5;

	margin-bottom: 50px;

}



.news-page .news-wrap .box_1 .box>div {

	float: left;

}



.news-page .news-wrap .box_1 .box .l-box {

	width: 185px;

	height: 550px;

}



.news-page .news-wrap .box_1 .box .l-box .years {

	width: 185px;

	background: #e9eef5;

}



.news-page .news-wrap .box_1 .box .l-box .years .top-box {

	font-size: 0;

	text-align: center;

	padding: 30px 0;

}



.news-page .news-wrap .box_1 .box .l-box .years .top-box>span {

	display: inline-block;

	font-size: 20px;

	color: #2270ba;

	vertical-align: top;

	cursor: pointer;

}



.news-page .news-wrap .box_1 .box .l-box .years .top-box .sp_1 {

	margin: 0 30px;

}



.news-page .news-wrap .box_1 .box .l-box .years .bot-box {

	width: 100%;

	height: 470px;

}



.news-page .news-wrap .box_1 .box .l-box .years .bot-box ul {

	height: 430px;

	overflow-y: scroll;

}



.news-page .news-wrap .box_1 .box .l-box .years .bot-box ul::-webkit-scrollbar {

	width: 8px;

	height: 1px;

}



.news-page .news-wrap .box_1 .box .l-box .years .bot-box ul::-webkit-scrollbar-thumb {

	border-radius: 10px;

	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

	background: #a2a7b1;

}





/* .news-page .news-wrap .box_1 .box .l-box .years .bot-box ul::-webkit-scrollbar-track {

	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

	border-radius: 10px;

	background: #EDEDED;

} */



.news-page .news-wrap .box_1 .box .l-box .years .bot-box li {

	font-size: 14px;

	height: 46px;

	line-height: 46px;

	color: #2270ba;

	padding: 0 30px;

	cursor: pointer;

}



.news-page .news-wrap .box_1 .box .l-box .years .bot-box li.on {

	color: #fff;

	background: #2270ba;

}



.news-page .news-wrap .box_1 .box .r-box {

	width: 1025px;

	height: 550px;

}



.news-page .news-wrap .box_1 .box .r-box .list-box .list>div {

	float: left;

}



.news-page .news-wrap .box_1 .box .r-box .list-box .list .date-box {

	width: 415px;

	height: 550px;

	padding: 0 50px;

	background: #f4f7fc;

	padding-top: 40px;

}



.news-page .news-wrap .box_1 .box .r-box .list-box .list .date-box .table {

	width: 100%;

	height: auto;

	text-align: center;

}



.news-page .news-wrap .box_1 .box .r-box .list-box .list .date-box .table tr th {

	font-size: 12px;

	color: #303030;

	font-weight: bold;

	padding-bottom: 20px;

	border-bottom: 1px solid #e9eef5;

}



.news-page .news-wrap .box_1 .box .r-box .list-box .list .date-box .table tr td {

	font-size: 14px;

	color: #555555;

}



.news-page .news-wrap .box_1 .box .r-box .list-box .list .date-box .table tr td span {

	display: inline-block;

	width: 30px;

	height: 30px;

	border-radius: 50%;

	line-height: 30px;

	margin: 15px 0;

}



.news-page .news-wrap .box_1 .box .r-box .list-box .list .date-box .table tr td .dark {

	color: #cbcbcb;

}



.news-page .news-wrap .box_1 .box .r-box .list-box .list .date-box .table tr td .on_1 {

	background: #2270ba;

	color: #fff;

}



.news-page .news-wrap .box_1 .box .r-box .list-box .list .date-box .table tr td .on_2 {

	background: #ed145b;

	color: #fff;

}



.news-page .news-wrap .box_1 .box .r-box .list-box .list .date-box .table tr td .on_3 {

	background: #733d96;

	color: #fff;

}



.news-page .news-wrap .box_1 .box .r-box .list-box .list .date-box .table tr td .on_4 {

	background: #4ad9d9;

	color: #fff;

}



.news-page .news-wrap .box_1 .box .r-box .list-box .list .date-box .table tr td .on_5 {

	background: #4db332;

	color: #fff;

}



.news-page .news-wrap .box_1 .box .r-box .list-box .list .date-box .table tr td span {

	height: 30px;

	line-height: 30px;

	margin: 10px 0;

}



.news-page .news-wrap .box_1 .box .r-box .list-box .list .date-box .item-box {

	margin-top: 30px;

}



.news-page .news-wrap .box_1 .box .r-box .list-box .list .date-box .item-box .item {

	width: 50%;

	height: auto;

	float: left;

	margin-bottom: 25px;

}



.news-page .news-wrap .box_1 .box .r-box .list-box .list .date-box .item-box .item .sp_1 {

	display: inline-block;

	width: 15px;

	height: 15px;

	border-radius: 50%;

	vertical-align: top;

	margin: 0 10px;

}



.news-page .news-wrap .box_1 .box .r-box .list-box .list .activity {

	width: 610px;

	height: 550px;

	padding-left: 50px;

}



.news-page .news-wrap .box_1 .box .r-box .list-box .list .activity li {

	margin-bottom: 30px;

}



.news-page .news-wrap .box_1 .box .r-box .list-box .list .activity .sp_1 {

	float: left;

	font-size: 18px;

	color: #7f838b;

	width: 100px;

	height: auto;

	margin-right: 45px;

	text-align: right;

}



.news-page .news-wrap .box_1 .box .r-box .list-box .list .activity .sp_2 {

	float: left;

	width: calc(100% - 145px);

	font-size: 18px;

	color: #a2a7b1;

}



.news-page .news-wrap .box_1 .box .r-box .list-box .list .activity .h2 {

	font-size: 28px;

	color: #2270ba;

	padding-bottom: 15px;

	border-bottom: 1px solid #c7cdd5;

	margin-bottom: 25px;

}



.news-page .news-wrap .box_2 {

	padding-top: 7%;

}



.news-page .news-wrap .box_2 .h1 {

	font-size: 28px;

	color: #2270ba;

	padding-bottom: 1.4%;

	font-weight: 500;

}



.news-page .news-wrap .box_2 .news-box2-nav {

	font-size: 0;

	text-align: center;

	margin-bottom: 3.5%;

}



.news-page .news-wrap .box_2 .news-box2-nav a {

	display: inline-block;

	font-size: 22px;

	color: #7f838b;

	width: 20%;

	height: 60px;

	line-height: 60px;

	border: 1px solid #e9eef5;

	font-weight: 500;

}



.news-page .news-wrap .box_2 .news-box2-nav a.on {

	color: #216fb8;

	border-bottom: 3px solid #216fb8;

}



.news-page .news-wrap .box_2 .item-box .item {

	margin-bottom: 3.5%;

	position: relative;

}



.news-page .news-wrap .box_2 .item-box .item a>div {

	float: left;

}



.news-page .news-wrap .box_2 .item-box .item .img {

	position: relative;

	width: 33%;

	height: auto;

}



.news-page .news-wrap .box_2 .item-box .item .img .sp_1 {

	position: absolute;

	left: 0;

	bottom: 0;

	font-size: 22px;

	color: #ffffff;

	width: 100%;

	height: 50px;

	line-height: 50px;

	text-align: center;

	background: #2270ba;

	font-weight: 500;

}



.news-page .news-wrap .box_2 .item-box .item .text {

	position: absolute;

	top: 0;

	bottom: 0;

	right: 0;

	width: 67%;

	height: auto;

	background: #f4f7fc;

	padding: 2.8% 3.5% 0 4.5%;

}



.news-page .news-wrap .box_2 .item-box .item .text .h2 {

	font-size: 36px;

	color: #2270ba;

	font-weight: bold;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-weight: 500;

}



.news-page .news-wrap .box_2 .item-box .item .text .h3 {

	font-size: 28px;

	color: #2270ba;

	margin: 1.8% 0 2.4%;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-weight: 500;

}



.news-page .news-wrap .box_2 .item-box .item .text .h3 .sp_1 {

	font-size: 28px;

	color: #ed145b;

}



.news-page .news-wrap .box_2 .item-box .item .text .sp_2 {

	font-size: 16px;

	color: #7f838b;

	font-weight: 300;

}



.news-page .news-wrap .box_2 .item-box .item .text .words {

	font-size: 16px;

	color: #7f838b;

	line-height: 24px;

	margin: 1.8% 0;

	font-weight: 300;

}



.news-page .news-wrap .box_2 .item-box .item .text .words>span {

	float: left;

}



.news-page .news-wrap .box_2 .item-box .item .text .words .sp_3 {

	width: 85px;

}



.news-page .news-wrap .box_2 .item-box .item .text .words .sp_4 {

	width: 610px;

	height: 48px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

}



.news-page .news-wrap .box_2 .item-box .item .text .enroll .d_1 {

	float: left;

	font-size: 16px;

	color: #ffffff;

	width: 132px;

	height: 25px;

	line-height: 25px;

	text-align: right;

	padding-right: 20px;

	margin-top: 2.8%;

	background: url(../images/img77.jpg) center center no-repeat;

}



.news-page .news-wrap .box_2 .item-box .item .text .enroll .d_2 {

	float: right;

	text-align: center;

}



.news-page .news-wrap .box_2 .item-box .item .text .enroll .d_2 .sp_5 {

	display: block;

	font-size: 18px;

	color: #fff;

	width: 150px;

	height: 44px;

	line-height: 44px;

	margin-bottom: 10px;

	background: url(../images/img79.jpg) center center no-repeat;

}



.news-page .news-wrap .box_2 .item-box .item .text .enroll .d_2 .sp_6 {

	font-size: 16px;

	color: #7f838b;

}



.item_1 .img,

.item_1 .h2,

.item_1 .text .h3,

.item_1 .text .sp_2,

.item_1 .text .words,

.item_1 .text .enroll {

	-webkit-filter: grayscale(100%);

	-moz-filter: grayscale(100%);

	-ms-filter: grayscale(100%);

	-o-filter: grayscale(100%);

	filter: grayscale(100%);

	filter: gray;

}



.nav-page {

	padding-bottom: 7%;

	margin-bottom: 7%;

	border-bottom: 1px solid #a2a7b1;

}



.nav-page a {

	display: inline-block;

	font-size: 24px;

	color: #7f838b;

	width: 50px;

	height: 50px;

	line-height: 50px;

	margin: 0 5px;

	background: #f4f7fc;

	vertical-align: top;

}



.nav-page a.a_1 {

	background: url(../images/img81.jpg) center center no-repeat;

	margin-left: 10px;

}



.nav-page a.a_2 {

	background: url(../images/img82.jpg) center center no-repeat;

	margin-right: 10px;

}



.nav-page a.on {

	color: #fff;

	background: #4db332;

}





/* news2 */



.news-page2 .news-wrap {

	position: relative;

	width: 75%;

	height: auto;

	margin: 0 auto;

	padding-top: 7%;

}



.news-nav {

	position: absolute;

	top: -60px;

	left: 0;

	font-size: 0;

	width: 100%;

	height: 87px;

	line-height: 87px;

	text-align: center;

	background: #fff;

}



.news-nav a {

	display: inline-block;

	width: 33.33%;

	height: 87px;

	font-size: 28px;

	color: #7f838b;

	border-bottom: 4px solid #f4f7fc;

	font-weight: 500;

}



.news-nav a.on {

	color: #216fb8;

	border-bottom: 4px solid #216fb8;

}



.news-page2 .news-wrap .box_1 {

	border-top: 1px solid #c7cdd5;

}



.news-page2 .news-wrap .box_1 .item-box .item {

	padding: 2% 0;

	border-bottom: 1px solid #c7cdd5;

}



.news-page2 .news-wrap .box_1 .item-box .item a>div {

	float: left;

}



.news-page2 .news-wrap .box_1 .item-box .item a .l-box {

	width: 203px;

	height: auto;

}



.news-page2 .news-wrap .box_1 .item-box .item a .r-box {

	width: calc(100% - 203px);

	height: 148px;

	padding: 1.8% 0;

	padding-left: 4.5%;

}



.news-page2 .news-wrap .box_1 .item-box .item a .r-box .h1 {

	font-size: 22px;

	color: #4e5153;

	margin-bottom: 12px;

	font-weight: 500;

}



.news-page2 .news-wrap .box_1 .item-box .item a .r-box .h1 .sp_1 {

	float: left;

	width: 60%;

}



.news-page2 .news-wrap .box_1 .item-box .item a .r-box .h1 .sp_2 {

	float: right;

	font-size: 22px;

	color: #7f838b;

}



.news-page2 .news-wrap .box_1 .item-box .item a .r-box .words {

	font-size: 16px;

	color: #7f838b;

	height: 75px;

	line-height: 25px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	overflow: hidden;

	font-weight: 300;

}





/* news3 */



.news-page3 .news-wrap {

	position: relative;

	width: 75%;

	height: auto;

	margin: 0 auto;

}



.news-page3 .news-wrap .box_1 {

	padding-top: 9.3%;

}



.news-page3 .news-wrap .box_1 .title {

	margin-bottom: 1.4%;

}



.news-page3 .news-wrap .box_1 .title .d_1 {

	float: left;

	font-size: 0;

}



.news-page3 .news-wrap .box_1 .title .d_1 span {

	display: inline-block;

	font-size: 16px;

	line-height: 30px;

	color: #7f838b;

	margin-right: 100px;

}



.news-page3 .news-wrap .box_1 .title .d_2 {

	float: right;

	font-size: 0;

}



.news-page3 .news-wrap .box_1 .title .d_2 a {

	display: inline-block;

	width: 30px;

	height: 30px;

	margin: 0 15px;

}



.news-page3 .news-wrap .box_1 .title .d_2 a.a_1:hover {

	background: url(../images/link2.png) center center no-repeat !important;

}



.news-page3 .news-wrap .box_1 .title .d_2 a.a_2:hover {

	background: url(../images/img87-2.png) center center no-repeat !important;

}



.news-page3 .news-wrap .box_1 .title .d_2 a.a_3:hover {

	background: url(../images/img88-2.png) center center no-repeat !important;

}



.news-page3 .news-wrap .box_1 .title .d_2 a.a_4:hover {

	background: url(../images/img290-2.png) center center no-repeat !important;

}



.news-page3 .news-wrap .box_1 .title .d_2 a.a_5:hover {

	background: url(../images/img292.jpg) center center no-repeat !important;

}



.news-page3 .news-wrap .box_1 .box {

	position: relative;

}



.news-page3 .news-wrap .box_1 .box a>div {

	float: left;

}



.news-page3 .news-wrap .box_1 .box .img {

	position: relative;

	width: 33%;

	height: auto;

}



.news-page3 .news-wrap .box_1 .box .img .sp_1 {

	position: absolute;

	left: 0;

	bottom: 0;

	font-size: 22px;

	color: #ffffff;

	width: 100%;

	height: 50px;

	line-height: 50px;

	text-align: center;

	background: #2270ba;

}



.news-page3 .news-wrap .box_1 .box .text {

	position: absolute;

	top: 0;

	bottom: 0;

	right: 0;

	width: 67%;

	height: auto;

	background: #f4f7fc;

	padding: 2.8% 3.5% 0 4.5%;

}



.news-page3 .news-wrap .box_1 .box .text .h2 {

	font-size: 36px;

	color: #2270ba;

	font-weight: bold;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-weight: 500;

}



.news-page3 .news-wrap .box_1 .box .text .h3 {

	font-size: 28px;

	color: #2270ba;

	margin: 1.8% 0 2.4%;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-weight: 500;

}



.news-page3 .news-wrap .box_1 .box .text .h3 .sp_1 {

	font-size: 28px;

	color: #ed145b;

}



.news-page3 .news-wrap .box_1 .box .text .sp_2 {

	font-size: 16px;

	color: #7f838b;

	font-weight: 300;

}



.news-page3 .news-wrap .box_1 .box .text .words {

	font-size: 16px;

	color: #7f838b;

	line-height: 24px;

	margin: 1.8% 0;

	font-weight: 300;

}



.news-page3 .news-wrap .box_1 .box .text .words>span {

	float: left;

}



.news-page3 .news-wrap .box_1 .box .text .words .sp_3 {

	width: 85px;

}



.news-page3 .news-wrap .box_1 .box .text .words .sp_4 {

	width: 610px;

	height: 48px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

}



.news-page3 .news-wrap .box_1 .box .text .enroll .d_1 {

	float: left;

	font-size: 16px;

	color: #ffffff;

	width: 132px;

	height: 25px;

	line-height: 25px;

	text-align: right;

	padding-right: 20px;

	margin-top: 2.8%;

	background: url(../images/img77.jpg) center center no-repeat;

}



.news-page3 .news-wrap .box_1 .box .text .enroll .d_2 {

	float: right;

	text-align: center;

}



.news-page3 .news-wrap .box_1 .box .text .enroll .d_2 .sp_5 {

	display: block;

	font-size: 18px;

	color: #fff;

	width: 150px;

	height: 44px;

	line-height: 44px;

	margin-bottom: 10px;

	background: url(../images/img79.jpg) center center no-repeat;

}



.news-page3 .news-wrap .box_1 .box .text .enroll .d_2 .sp_6 {

	font-size: 16px;

	color: #7f838b;

}



.news-page3 .news-wrap .box_2 {

	margin-top: 7%;

	margin-bottom: 7%;

	padding-bottom: 7%;

	border-bottom: 1px solid #a2a7b1;

}



.news-page3 .news-wrap .box_2>div {

	float: left;

}



.news-page3 .news-wrap .box_2 .l-box {

	width: 69%;

	height: auto;

}



.news-page3 .news-wrap .box_2 .l-box .h1 {

	font-size: 28px;

	color: #2270ba;

	padding-bottom: 2%;

	border-bottom: 1px solid #c7cdd5;

	margin-bottom: 2.5%;

	font-weight: 500;

}



.news-page3 .news-wrap .box_2 .l-box .words {

	font-size: 16px;

	color: #7f838b;

	line-height: 28px;

	font-weight: 300;

}



.news-page3 .news-wrap .box_2 .r-box {

	padding-left: 5%;

	width: 31%;

	height: auto;

}



.news-page3 .news-wrap .box_2 .r-box .h1 {

	font-size: 28px;

	color: #2270ba;

	padding-bottom: 5.2%;

	border-bottom: 1px solid #c7cdd5;

	margin-bottom: 7.5%;

	font-weight: 500;

}



.news-page3 .news-wrap .box_2 .r-box .item-box .item {

	border: 1px solid #d1d1d1;

	border-radius: 5px;

	padding-bottom: 11%;

	margin-bottom: 27%;

}



.news-page3 .news-wrap .box_2 .r-box .item-box .item .img {

	position: relative;

}



.news-page3 .news-wrap .box_2 .r-box .item-box .item .img .d_1 {

	position: absolute;

	top: 20px;

	left: 20px;

	font-size: 16px;

	color: #ffffff;

	width: 132px;

	height: 25px;

	line-height: 25px;

	text-align: right;

	padding-right: 20px;

	background: url(../images/img12.png) center center no-repeat;

	opacity: .9;

}



.news-page3 .news-wrap .box_2 .r-box .item-box .item .text {

	padding: 0 17px;

}



.news-page3 .news-wrap .box_2 .r-box .item-box .item .h2 {

	font-size: 22px;

	color: #2270ba;

	font-weight: bold;

	margin-top: 10.2%;

	margin-bottom: 3%;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-weight: 500;

}



.news-page3 .news-wrap .box_2 .r-box .item-box .item .words>span {

	float: left;

	vertical-align: top;

}



.news-page3 .news-wrap .box_2 .r-box .item-box .item .words .sp_1 {

	font-size: 16px;

	color: #ed145b;

	/* width: 100px; */

	height: auto;

	line-height: 21px;

}



.news-page3 .news-wrap .box_2 .r-box .item-box .item .words .sp_2 {

	font-size: 16px;

	color: #2270ba;

	width: calc(100% - 100px);

	height: 42px;

	line-height: 21px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	font-weight: 500;

}



.news-page3 .news-wrap .box_2 .r-box .item-box .item .sp_3 {

	display: inline-block;

	font-size: 14px;

	color: #7f838b;

	margin-top: 6%;

	font-weight: 300;

}



.news-page3 .news-wrap .box_2 .r-box .item-box .item .enroll {

	text-align: center;

	margin-top: 15%;

}



.news-page3 .news-wrap .box_2 .r-box .item-box .item .enroll .sp_4 {

	display: block;

	font-size: 18px;

	color: #fff;

	width: 150px;

	height: 44px;

	line-height: 44px;

	margin: 0 auto;

	margin-bottom: 3%;

	background: url(../images/img79.jpg) center center no-repeat;

}



.news-page3 .news-wrap .box_2 .r-box .item-box .item .enroll .sp_5 {

	font-size: 16px;

	color: #7f838b;

}



.popup-box {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, .6);

	z-index: 99;

	display: none;

}



.popup-box .box {

	position: relative;

	width: 600px;

	height: 600px;

	margin: 0 auto;

	background: #fff;

	padding: 50px;

	top: 50%;

	margin-top: -300px;

}



.popup-box .box label {

	display: block;

	font-size: 0;

	margin-bottom: 20px;

}



.popup-box .box label>span {

	display: inline-block;

	width: 100px;

	height: 40px;

	line-height: 40px;

	font-size: 18px;

	color: #b0c8e4;

	font-weight: 300;

	vertical-align: top;

}



.popup-box .box label input {

	display: inline-block;

	width: calc(100% - 100px);

	height: 40px;

	line-height: 40px;

	background: #f3f5f9;

	padding: 0 10px;

}



.popup-box .box label textarea {

	display: inline-block;

	width: calc(100% - 100px);

	height: 170px;

	line-height: 30px;

	font-size: 16px;

	color: #666;

	background: #f3f5f9;

	padding: 0 10px;

}



.popup-box .box .sub {

	display: block;

	width: 70%;

	height: 40px;

	line-height: 40px;

	font-size: 18px;

	color: #fff;

	background: #206eb9;

	text-align: center;

	margin: 0 auto;

	margin-top: 50px;

}



.popup-box .box .close {

	width: 30px;

	height: 30px;

	border-radius: 50%;

	background: rgba(0, 0, 0, .5);

	line-height: 26px;

	text-align: center;

	font-size: 20px;

	color: #fff;

	position: absolute;

	top: -40px;

	right: -40px;

	cursor: pointer;

}





/* news4 */



.news-page4 .news-wrap {

	position: relative;

	width: 75%;

	height: auto;

	margin: 0 auto;

}



.news-page4 .news-wrap .box-wrap>div {

	float: left;

}



.news-page4 .news-wrap .box-wrap .l-box {

	width: 69%;

	height: auto;

}



.news-page4 .news-wrap .box-wrap .l-box .title {

	padding-top: 13%;

	padding-bottom: 2%;

	border-bottom: 1px solid #c7cdd5;

	margin-bottom: 3%;

}



.news-page4 .news-wrap .box-wrap .l-box .title .d_1 {

	float: left;

}



.news-page4 .news-wrap .box-wrap .l-box .title .d_1 span {

	display: inline-block;

	font-size: 16px;

	line-height: 30px;

	color: #7f838b;

	margin-right: 100px;

}



.news-page4 .news-wrap .box-wrap .l-box .title .d_2 {

	float: right;

	font-size: 0;

}



.news-page4 .news-wrap .box-wrap .l-box .title .d_2 a {

	display: inline-block;

	width: 30px;

	height: 30px;

	margin: 0 15px;

}



.news-page4 .news-wrap .box-wrap .l-box .title .d_2 a.a_1:hover {

	background: url(../images/link2.png) center center no-repeat !important;

}



.news-page4 .news-wrap .box-wrap .l-box .title .d_2 a.a_2:hover {

	background: url(../images/img87-2.png) center center no-repeat !important;

}



.news-page4 .news-wrap .box-wrap .l-box .title .d_2 a.a_3:hover {

	background: url(../images/img88-2.png) center center no-repeat !important;

}



.news-page4 .news-wrap .box-wrap .l-box .title .d_2 a.a_4:hover {

	background: url(../images/img290-2.png) center center no-repeat !important;

}



.news-page4 .news-wrap .box-wrap .l-box .title .d_2 a.a_5:hover {

	background: url(../images/img292.jpg) center center no-repeat !important;

}



.news-page4 .news-wrap .box_1 .h1 {

	font-size: 28px;

	color: #2270ba;

	margin-bottom: 2%;

	font-weight: 500;

}



.news-page4 .news-wrap .box_1 .words {

	font-size: 16px;

	color: #7f838b;

	line-height: 28px;

	font-weight: 300;

}



.news-page4 .news-wrap .box_2 {

	margin-top: 5%;

}



.news-page4 .news-wrap .box_2 .h1 {

	font-size: 20px;

	color: #2270ba;

	padding-bottom: 2%;

	border-bottom: 1px solid #c7cdd5;

	margin-bottom: 2.5%;

	font-weight: 500;

}



.news-page4 .news-wrap .box_2 .words {

	font-size: 16px;

	color: #7f838b;

	line-height: 28px;

	font-weight: 300;

}



.news-page4 .news-wrap .box_3 {

	margin-top: 5%;

}



.news-page4 .news-wrap .box_3 .h1 {

	font-size: 20px;

	color: #2270ba;

	padding-bottom: 2%;

	border-bottom: 1px solid #c7cdd5;

	margin-bottom: 3%;

	font-weight: 500;

}



.news-page4 .news-wrap .box_3 .words {

	font-size: 16px;

	color: #7f838b;

	line-height: 28px;

	font-weight: 300;

}



.news-page4 .news-wrap .box-wrap .r-box {

	padding-left: 5%;

	padding-top: 130px;

	width: 31%;

	height: auto;

}



.news-page4 .news-wrap .box-wrap .r-box .h1 {

	font-size: 28px;

	color: #2270ba;

	padding-bottom: 5.5%;

	border-bottom: 1px solid #c7cdd5;

	margin-bottom: 5.5%;

	font-weight: 500;

}



.news-page4 .news-wrap .box-wrap .r-box .item-box .item {

	border: 1px solid #d1d1d1;

	border-radius: 5px;

	padding-bottom: 10.8%;

	margin-bottom: 27%;

}



.news-page4 .news-wrap .box-wrap .r-box .item-box .item .img {

	position: relative;

}



.news-page4 .news-wrap .box-wrap .r-box .item-box .item .img .d_1 {

	position: absolute;

	top: 20px;

	left: 20px;

	font-size: 16px;

	color: #ffffff;

	width: 132px;

	height: 25px;

	line-height: 25px;

	text-align: right;

	padding-right: 20px;

	background: url(../images/img12.png) center center no-repeat;

	opacity: .9;

}



.news-page4 .news-wrap .box-wrap .r-box .item-box .item .text {

	padding: 0 17px;

}



.news-page4 .news-wrap .box-wrap .r-box .item-box .item .h2 {

	font-size: 22px;

	color: #2270ba;

	font-weight: bold;

	margin-top: 10.5%;

	margin-bottom: 3%;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-weight: 500;

}



.news-page4 .news-wrap .box-wrap .r-box .item-box .item .words>span {

	float: left;

	vertical-align: top;

}



.news-page4 .news-wrap .box-wrap .r-box .item-box .item .words .sp_1 {

	font-size: 16px;

	color: #ed145b;

	width: 100px;

	height: auto;

	line-height: 21px;

}



.news-page4 .news-wrap .box-wrap .r-box .item-box .item .words .sp_2 {

	font-size: 16px;

	color: #2270ba;

	width: 100%;

	height: 42px;

	line-height: 21px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	font-weight: 300;

}



.news-page4 .news-wrap .box-wrap .r-box .item-box .item .sp_3 {

	display: inline-block;

	font-size: 14px;

	color: #7f838b;

	margin-top: 20px;

}



.news-page4 .news-wrap .box-wrap .r-box .item-box .item .enroll {

	text-align: center;

	margin-top: 7.5%;

}



.news-page4 .news-wrap .box-wrap .r-box .item-box .item .enroll .sp_4 {

	display: block;

	font-size: 18px;

	color: #fff;

	width: 150px;

	height: 44px;

	line-height: 44px;

	margin: 0 auto;

	margin-bottom: 10px;

	background: url(../images/img79.jpg) center center no-repeat;

}



.news-page4 .news-wrap .box-wrap .r-box .item-box .item .enroll .sp_5 {

	font-size: 16px;

	color: #7f838b;

}



.news-page4 .news-wrap .share {

	margin-top: 3.5%;

	padding-bottom: 7%;

	margin-bottom: 7%;

	border-bottom: 1px solid #a2a7b1;

}



.news-page4 .news-wrap .share .d_1 {

	float: left;

	font-size: 0;

}



.news-page4 .news-wrap .share .d_1 span {

	display: inline-block;

	font-size: 16px;

	line-height: 30px;

	color: #7f838b;

	margin-right: 100px;

}



.news-page4 .news-wrap .share .d_2 {

	float: right;

	font-size: 0;

}



.news-page4 .news-wrap .share .d_2 a {

	display: inline-block;

	width: 30px;

	height: 30px;

	margin: 0 15px;

}



.news-page4 .news-wrap .share .d_2 a.a_1:hover {

	background: url(../images/link2.png) center center no-repeat !important;

}



.news-page4 .news-wrap .share .d_2 a.a_2:hover {

	background: url(../images/img102.jpg) center center no-repeat !important;

}



.news-page4 .news-wrap .share .d_2 a.a_3:hover {

	background: url(../images/img103.jpg) center center no-repeat !important;

}



.news-page4 .news-wrap .share .d_2 a.a_4:hover {

	background: url(../images/img292.jpg) center center no-repeat !important;

}



.news-page4 .news-wrap .share .d_2 a.a_5:hover {

	background: url(../images/img105.jpg) center center no-repeat !important;

}





/* biaoganyouxue */



.youxue-page .youxue-wrap .box_1 {

	width: 100%;

	height: auto;

	background: #2270ba;

	padding: 5% 0 5%;

}



.youxue-page .youxue-wrap .box_1 .top-words {

	width: 75%;

	height: auto;

	font-size: 16px;

	color: #fff;

	line-height: 32px;

	margin: 0 auto;

	font-weight: 300;

}



.youxue-page .youxue-wrap .box_1 .h1 {

	width: 75%;

	height: auto;

	margin: 0 auto;

	font-size: 28px;

	color: #fff;

	margin-top: 5%;

	padding-bottom: 1%;

	border-bottom: 1px solid #bcc7d3;

	font-weight: 500;

}



.youxue-page .youxue-wrap .box_1 .list-box {

	width: 75%;

	height: auto;

	margin: 0 auto;

	padding-top: 2.6%;

}



.youxue-page .youxue-wrap .box_1 .list-box .list {

	position: relative;

	width: calc(100% - 53px);

	height: 200px;

	margin-left: 53px;

	background: #fff;

	padding: 5% 4.5% 4.5% 7%;

	margin-bottom: 3.5%;

}



.youxue-page .youxue-wrap .box_1 .list-box .list:nth-child(2n) {

	margin-left: 0;

	margin-right: 53px;

	padding: 5% 7% 4.5% 11%;

}



.youxue-page .youxue-wrap .box_1 .list-box .list:last-child {

	margin-bottom: 0;

}



.youxue-page .youxue-wrap .box_1 .list-box .list .h2 {

	font-size: 22px;

	color: #2270ba;

	margin-bottom: 20px;

	font-weight: bold;

	font-weight: 500;

}



.youxue-page .youxue-wrap .box_1 .list-box .list .words {

	font-size: 16px;

	color: #7f838b;

	line-height: 24px;

	font-weight: 300;

}



.youxue-page .youxue-wrap .box_1 .list-box .list .icon {

	position: absolute;

	top: 50%;

	width: 119px;

	height: 117px;

	margin-top: -58.5px;

}



.youxue-page .youxue-wrap .box_1 .list-box .list .icon.l-icon {

	left: -58px;

	background: url(../images/img109.jpg) center center no-repeat;

}



.youxue-page .youxue-wrap .box_1 .list-box .list .icon.r-icon {

	right: -58px;

	background: url(../images/img110.jpg) center center no-repeat;

}



.youxue-page .youxue-wrap .box_2 {

	width: 75%;

	height: auto;

	margin: 0 auto;

}



.youxue-page .youxue-wrap .box_2 .h1 {

	font-size: 28px;

	color: #2270ba;

	margin-top: 7%;

	padding-bottom: 1.4%;

	border-bottom: 1px solid #bcc7d3;

	font-weight: 500;

}



.youxue-page .youxue-wrap .box_2 .img-box {

	padding-top: 2%;

}



.youxue-page .youxue-wrap .box_3 {

	width: 75%;

	height: auto;

	margin: 0 auto;

}



.youxue-page .youxue-wrap .box_3 .h1 {

	font-size: 28px;

	color: #2270ba;

	margin-top: 7%;

	padding-bottom: 1.4%;

	border-bottom: 1px solid #bcc7d3;

	font-weight: 500;

}



.youxue-page .youxue-wrap .box_3 .box-wrap {

	width: 100%;

	height: auto;

	padding-top: 3.5%;

}



.youxue-page .youxue-wrap .box_3 .box-wrap>div {

	float: left;

	width: 33%;

}



.youxue-page .youxue-wrap .box_3 .box-wrap .list {

	position: relative;

	margin-bottom: 4%;

}



.youxue-page .youxue-wrap .box_3 .box-wrap .c-box {

	width: 31.8%;

	margin: 0 1.1%;

}



.youxue-page .youxue-wrap .box_3 .box-wrap .list .words {

	position: absolute;

	top: 79%;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 100%;

	text-align: center;

	background: #2270ba;

	padding-top: 4%;

	transition: all .5s;

}



.youxue-page .youxue-wrap .box_3 .box-wrap .c-box .list .words {

	padding-top: 4.2%;

}



.youxue-page .youxue-wrap .box_3 .box-wrap .list .words .h2 {

	font-size: 28px;

	color: #ffffff;

	font-weight: 500;

	margin-bottom: 26%;

}



.youxue-page .youxue-wrap .box_3 .box-wrap .c-box .list .words {

	top: 89.9%;

	font-size: 18px;

	line-height: 24px;

}



.youxue-page .youxue-wrap .box_3 .box-wrap .list .words .sp_1 {

	display: inline-block;

	width: 118px;

	height: 35px;

	line-height: 35px;

	font-size: 18px;

	color: #fff;

	background: url(../images/img11.png) center center no-repeat;

}



.youxue-page .youxue-wrap .box_3 .box-wrap .list:hover .words {

	top: 0;

	padding-top: 50px;

	background: rgba(34, 112, 186, .8);

}



.youxue-page .youxue-wrap .box_3 .box-wrap .c-box .list:hover .words {

	padding-top: 90px;

	font-size: 16px;

	color: #fff !important;

	line-height: 24px;

}



.youxue-page .youxue-wrap .box_3 .box-wrap .c-box .list:hover .words .h2 {

	margin-bottom: 10%;

}



.youxue-page .youxue-wrap .box_4 {

	width: 75%;

	height: auto;

	margin: 0 auto;

}



.youxue-page .youxue-wrap .box_4 .h1 {

	font-size: 28px;

	color: #2270ba;

	margin-top: 5.5%;

	padding-bottom: 1.4%;

	border-bottom: 1px solid #bcc7d3;

	font-weight: 500;

}



.youxue-page .youxue-wrap .box_4 .box-wrap {

	position: relative;

	padding-top: 50px;

}



.youxue-page .youxue-wrap .box_4 .box-wrap .item-box .item {

	display: none;

}



.youxue-page .youxue-wrap .box_4 .box-wrap .item-box .item.on {

	display: block;

}



.youxue-page .youxue-wrap .box_4 .box-wrap .preview {

	position: absolute;

	top: 50px;

	left: 0;

	width: 38.5%;

	bottom: 0;

}



.youxue-page .youxue-wrap .box_4 .box-wrap .preview .swiper-container {

	width: 100%;

	height: 100%;

}



.youxue-page .youxue-wrap .box_4 .box-wrap .preview .swiper-slide {

	width: 100%;

	height: 25% !important;

	padding-right: 7.9%;

}



.youxue-page .youxue-wrap .box_4 .box-wrap .preview .swiper-slide .list {

	width: 100%;

	height: 100%;

	padding: 0 20px;

	background: rgba(0, 116, 190, .6);

}



.youxue-page .youxue-wrap .box_4 .box-wrap .preview .swiper-slide .list>div {

	float: left

}



.youxue-page .youxue-wrap .box_4 .box-wrap .preview .swiper-slide .list .icon {

	font-size: 90px;

	color: #ffffff;

	font-weight: bold;

	margin-top: 4%;

	opacity: .1;

	width: 100px;

}



.youxue-page .youxue-wrap .box_4 .box-wrap .preview .swiper-slide .list .h2 {

	font-size: 16px;

	color: #ffffff;

	font-weight: 500;

	line-height: 20px;

	margin-left: 20px;

	margin-top: 10%;

	width: calc(100% - 140px);

}



.youxue-page .youxue-wrap .box_4 .box-wrap .preview .swiper-slide.active-nav {

	background: url(../images/img13.png) center center no-repeat / cover;

}



.youxue-page .youxue-wrap .box_5 {

	width: 75%;

	height: auto;

	margin: 0 auto;

}



.youxue-page .youxue-wrap .box_5 .h1 {

	font-size: 28px;

	color: #2270ba;

	margin-top: 7%;

	padding-bottom: 1.4%;

	border-bottom: 1px solid #bcc7d3;

	font-weight: 500;

}



.youxue-page .youxue-wrap .box_5 .box5-banner {

	padding-top: 3.5%;

	position: relative;

}



.youxue-page .youxue-wrap .box_5 .box5-banner .item {

	border: 1px solid #c7c6c5;

	border-radius: 8px;

}



.youxue-page .youxue-wrap .box_5 .box5-banner .item .img {

	position: relative;

}



.youxue-page .youxue-wrap .box_5 .box5-banner .item .img .sp_2 {

	position: absolute;

	top: 20px;

	left: 20px;

	font-size: 16px;

	color: #ffffff;

	width: 132px;

	height: 25px;

	line-height: 25px;

	text-align: right;

	padding-right: 30px;

	background: url(../images/img12.png) center center no-repeat;

	opacity: .9;

}



.youxue-page .youxue-wrap .box_5 .box5-banner .swiper-slide {

	padding: 0 0.5%;

}



.youxue-page .youxue-wrap .box_5 .box5-banner .swiper-slide:nth-child(4n) {

	margin-right: 0;

}



.youxue-page .youxue-wrap .box_5 .box5-banner .item .text {

	padding: 17px 30px 25px;

}



.youxue-page .youxue-wrap .box_5 .box5-banner .item .text .h2 {

	font-size: 22px;

	height: 100px;

	color: #2270ba;

	line-height: 34px;

	font-weight: bold;

	margin-bottom: 20px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	font-weight: 500;

}



.youxue-page .youxue-wrap .box_5 .box5-banner .item .text .sp_1 {

	font-size: 16px;

	color: #7f838b;

	font-weight: 300;

}



.youxue-page .youxue-wrap .box_5 .box5-banner .arrow-right {

	position: absolute;

	top: 50%;

	right: -50px;

	width: 14px;

	height: 26px;

	margin-top: -13px;

	background: url(../images/img123.jpg) center center no-repeat;

}



.youxue-page .youxue-wrap .box_5 .box5-banner .arrow-left {

	position: absolute;

	top: 50%;

	left: -50px;

	width: 14px;

	height: 26px;

	margin-top: -13px;

	background: url(../images/img122.jpg) center center no-repeat;

}



.youxue-page .youxue-wrap .box_6 {

	width: 75%;

	height: auto;

	margin: 0 auto;

}



.youxue-page .youxue-wrap .box_6 .h1 {

	font-size: 28px;

	color: #2270ba;

	margin-top: 7%;

	padding-bottom: 1.4%;

	border-bottom: 1px solid #bcc7d3;

}



.youxue-page .youxue-wrap .box_6 .h2 {

	font-size: 28px;

	color: #2270ba;

	margin-top: 2.5%;

	padding-bottom: 2.5%;

	border-bottom: 1px solid #bcc7d3;

	font-weight: 500;

}



.youxue-page .youxue-wrap .box_6 .h2 .sp_1 {

	float: right;

	cursor: pointer;

}



.youxue-page .youxue-wrap .box_6 .h2 .sp_2 {

	float: right;

	cursor: pointer;

}



.youxue-page .youxue-wrap .box_6 .item-box.on .item:nth-child(n+4) {

	display: none;

}



.youxue-page .youxue-wrap .box_6 .item-box .item {

	width: 100%;

	height: 80px;

	line-height: 80px;

	border-bottom: 1px solid #bcc7d3;

}



.youxue-page .youxue-wrap .box_6 .item-box .item a .sp_1 {

	float: left;

	width: calc(100% - 120px);

	font-size: 22px;

	color: #4e5153;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}



.youxue-page .youxue-wrap .box_6 .item-box .item .sp_2 {

	float: right;

	display: inline-block;

	width: 118px;

	height: 35px;

	line-height: 35px;

	font-size: 18px;

	color: #fff;

	text-align: center;

	margin-top: 22.5px;

	background: url(../images/img11.png) center center no-repeat;

}



@media only screen and (max-width:1600px) {}





/* youxue2 */



.youxue-page2 .youxue-wrap .box_1 {

	width: 75%;

	height: auto;

	margin: 0 auto;

}



.youxue-page2 .youxue-wrap .box_1 .h1 {

	font-size: 28px;

	color: #2270ba;

	margin-top: 7%;

	padding-bottom: 1.4%;

	border-bottom: 1px solid #bcc7d3;

	font-weight: 500;

}



.youxue-page2 .youxue-wrap .box_1 .item-box {

	margin-top: 3.5%;

}



.youxue-page2 .youxue-wrap .box_1 .item-box .item {

	margin-bottom: 3.5%;

	position: relative;

}



.youxue-page2 .youxue-wrap .box_1 .item-box .item a>div {

	float: left;

}



.youxue-page2 .youxue-wrap .box_1 .item-box .item .img {

	position: relative;

	width: 33%;

	height: auto;

}



.youxue-page2 .youxue-wrap .box_1 .item-box .item .img .sp_1 {

	position: absolute;

	left: 0;

	bottom: 0;

	font-size: 22px;

	color: #ffffff;

	width: 100%;

	height: 50px;

	line-height: 50px;

	text-align: center;

	background: #2270ba;

}



.youxue-page2 .youxue-wrap .box_1 .item-box .item .text {

	width: 67%;

	height: auto;

	background: #f4f7fc;

	padding: 2.8% 3.5% 0 4.5%;

	position: absolute;

	top: 0;

	bottom: 0;

	right: 0;

}



.youxue-page2 .youxue-wrap .box_1 .item-box .item .text .h2 {

	font-size: 36px;

	color: #2270ba;

	font-weight: bold;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-weight: 500;

}



.youxue-page2 .youxue-wrap .box_1 .item-box .item .text .h3 {

	font-size: 28px;

	color: #2270ba;

	margin: 15px 0 20px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-weight: 500;

}



.youxue-page2 .youxue-wrap .box_1 .item-box .item .text .h3 .sp_1 {

	font-size: 28px;

	color: #ed145b;

}



.youxue-page2 .youxue-wrap .box_1 .item-box .item .text .sp_2 {

	font-size: 18px;

	color: #7f838b;

}



.youxue-page2 .youxue-wrap .box_1 .item-box .item .text .words {

	font-size: 16px;

	color: #7f838b;

	line-height: 24px;

	margin: 15px 0;

	font-weight: 300;

}



.youxue-page2 .youxue-wrap .box_1 .item-box .item .text .words>span {

	float: left;

}



.youxue-page2 .youxue-wrap .box_1 .item-box .item .text .words .sp_3 {

	width: 85px;

}



.youxue-page2 .youxue-wrap .box_1 .item-box .item .text .words .sp_4 {

	width: 610px;

	height: 48px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

}



.youxue-page2 .youxue-wrap .box_1 .item-box .item .text .enroll .d_1 {

	float: left;

	font-size: 16px;

	color: #ffffff;

	width: 132px;

	height: 25px;

	line-height: 25px;

	text-align: right;

	padding-right: 20px;

	margin-top: 23px;

	background: url(../images/img77.jpg) center center no-repeat;

}



.youxue-page2 .youxue-wrap .box_1 .item-box .item .text .enroll .d_2 {

	float: right;

	text-align: center;

}



.youxue-page2 .youxue-wrap .box_1 .item-box .item .text .enroll .d_2 .sp_5 {

	display: block;

	font-size: 18px;

	color: #fff;

	width: 150px;

	height: 44px;

	line-height: 44px;

	margin-bottom: 10px;

	background: url(../images/img79.jpg) center center no-repeat;

}



.youxue-page2 .youxue-wrap .box_1 .item-box .item .text .enroll .d_2 .sp_6 {

	font-size: 16px;

	color: #7f838b;

}



.youxue-page2 .youxue-wrap .box_2 {

	width: 75%;

	height: auto;

	margin: 0 auto;

}



.youxue-page2 .youxue-wrap .box_2 .h1 {

	font-size: 28px;

	color: #2270ba;

	margin-top: 7%;

	padding-bottom: 1.4%;

	border-bottom: 1px solid #bcc7d3;

	font-weight: 500;

}



.youxue-page2 .youxue-wrap .box_2 .h1 .sp_1 {

	display: inline-block;

	font-size: 16px;

	color: #7f838b;

	margin-left: 25px;

	font-weight: 300;

}



.youxue-page2 .youxue-wrap .box_2 .preview {

	position: relative;

	margin: 0 auto;

	margin-top: 3.5%;

	margin-bottom: 3.5%;

}



.youxue-page2 .youxue-wrap .box_2 .preview .arrow-left {

	position: absolute;

	top: 50%;

	left: -50px;

	width: 14px;

	height: 26px;

	margin-top: -13px;

	background: url(../images/img122.jpg) center center no-repeat;

}



.youxue-page2 .youxue-wrap .box_2 .preview .arrow-right {

	position: absolute;

	top: 50%;

	right: -50px;

	width: 14px;

	height: 26px;

	margin-top: -13px;

	background: url(../images/img123.jpg) center center no-repeat;

}



.youxue-page2 .youxue-wrap .box_2 .preview .swiper-slide {

	padding: 10px;

}



.youxue-page2 .youxue-wrap .box_2 .preview .swiper-slide a {

	display: block;

	position: relative;

	overflow: hidden;

}



.youxue-page2 .youxue-wrap .box_2 .preview .swiper-slide .text {

	position: absolute;

	top: 245px;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(34, 112, 186, .9);

	text-align: center;

	padding: 5% 5% 0;

	transition: all .5s;

}



.youxue-page2 .youxue-wrap .box_2 .preview .swiper-slide:hover .text {

	top: 0;

	padding-top: 10%;

}



.youxue-page2 .youxue-wrap .box_2 .preview .swiper-slide .h2 {

	font-size: 22px;

	color: #fff;

	font-weight: bold;

	margin-bottom: 6%;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-weight: 500;

}



.youxue-page2 .youxue-wrap .box_2 .preview .swiper-slide .words {

	font-size: 16px;

	color: #fff !important;

	height: 120px;

	line-height: 24px;

	text-align: left;

	margin-bottom: 12%;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 5;

	font-weight: 300;

}



.youxue-page2 .youxue-wrap .box_2 .preview .swiper-slide .sp_2 {

	display: inline-block;

	width: 118px;

	height: 35px;

	line-height: 35px;

	font-size: 18px;

	color: #fff;

	background: url(../images/img11.png) center center no-repeat;

}



.youxue-page2 .youxue-wrap .box_3 {

	width: 100%;

	height: auto;

	padding: 2.5% 0;

	background: #0f4ea3;

}



.youxue-page2 .youxue-wrap .box_3 .h1 {

	width: 75%;

	height: auto;

	font-size: 28px;

	color: #fff;

	margin: 0 auto;

	padding-bottom: 1%;

	border-bottom: 1px solid #bcc7d3;

	font-weight: 500;

}



.youxue-page2 .youxue-wrap .box_3 .h1 .sp_1 {

	display: inline-block;

	font-size: 16px;

	color: #fff;

	margin-left: 25px;

	font-weight: 300;

}



.youxue-page2 .youxue-wrap .box_3 .list-box {

	width: 75%;

	height: auto;

	margin: 0 auto;

	margin-top: 50px;

}



.youxue-page2 .youxue-wrap .box_3 .list-box .list {

	position: relative;

	float: left;

	width: 19%;

	height: auto;

	overflow: hidden;
	margin-right: 1.25%;
	margin-bottom: 1.25%;

}

.youxue-page2 .youxue-wrap .box_3 .list-box .list:nth-child(5n){
	margin-right: 0;
}

.youxue-page2 .youxue-wrap .box_3 .list-box .list .words {

	position: absolute;

	top: 100%;

	left: 100%;

	bottom: 100%;

	right: 100%;

	padding-top: 18%;

	font-size: 22px;

	color: #0f4ea3;

	font-weight: bold;

	text-align: center;

	background: rgba(255, 255, 255, .9);

	transition: all .5s;

}



.youxue-page2 .youxue-wrap .box_3 .list-box .list:hover .words {

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

}



.youxue-page2 .youxue-wrap .box_4 {

	width: 75%;

	height: auto;

	margin: 0 auto;

}



.youxue-page2 .youxue-wrap .box_4 .h1 {

	font-size: 28px;

	color: #2270ba;

	margin-top: 7%;

	padding-bottom: 1.4%;

	border-bottom: 1px solid #bcc7d3;

	font-weight: 500;

}



.youxue-page2 .youxue-wrap .box_4 .h1 .sp_1 {

	display: inline-block;

	font-size: 16px;

	color: #7f838b;

	margin-left: 25px;

	font-weight: 300;

}



.youxue-page2 .youxue-wrap .box_4 .preview {

	position: relative;

	margin-top: 3.5%;

}



.youxue-page2 .youxue-wrap .box_4 .preview .swiper-slide {

	padding: 10px;

}



.youxue-page2 .youxue-wrap .box_4 .preview .list {

	position: relative;

	border: 1px solid #d1d1d1;

	text-align: center;

	padding-top: 10px;

}



.youxue-page2 .youxue-wrap .box_4 .preview .list .sp_1 {

	display: inline-block;

	font-size: 22px;

	color: #2270ba;

	font-weight: 500;

	margin: 14.7% 0 14.7%;

}



.youxue-page2 .youxue-wrap .box_4 .preview .list .text {

	position: absolute;

	top: 105%;

	bottom: 0;

	left: 0;

	right: 0;

	padding: 0 30px;

	padding-top: 70px;

	background: rgba(34, 112, 186, .9);

	transition: all .5s;

}



.youxue-page2 .youxue-wrap .box_4 .preview .list .text .h2 {

	font-size: 22px;

	color: #fff;

	margin-bottom: 30px;

	font-weight: 500;

}



.youxue-page2 .youxue-wrap .box_4 .preview .list .text .words {

	font-size: 16px;

	color: #fff !important;

	line-height: 24px;

	text-align: left;

	font-weight: 300;

}



.youxue-page2 .youxue-wrap .box_4 .preview .list:hover .text {

	top: 0;

}



.youxue-page2 .youxue-wrap .box_4 .preview .arrow-right {

	position: absolute;

	top: 50%;

	right: -50px;

	width: 14px;

	height: 26px;

	margin-top: -13px;

	background: url(../images/img123.jpg) center center no-repeat;

}



.youxue-page2 .youxue-wrap .box_4 .preview .arrow-left {

	position: absolute;

	top: 50%;

	left: -50px;

	width: 14px;

	height: 26px;

	margin-top: -13px;

	background: url(../images/img122.jpg) center center no-repeat;

}



.youxue-page2 .youxue-wrap .box_5 {

	width: 75%;

	height: auto;

	margin: 0 auto;

	padding-bottom: 2.5%;

	border-bottom: 1px solid #bbbec6;

	margin-bottom: 5%;

}



.youxue-page2 .youxue-wrap .box_5 .h1 {

	font-size: 28px;

	color: #2270ba;

	margin-top: 7%;

	padding-bottom: 1.4%;

	font-weight: 500;

}



.youxue-page2 .youxue-wrap .box_5 .h1 .sp_1 {

	display: inline-block;

	font-size: 16px;

	color: #7f838b;

	margin-left: 25px;

	font-weight: 300;

}



.youxue-page2 .youxue-wrap .box_5 .box5-nav {

	font-size: 0;

	text-align: center;

	border-top: 1px solid #e9eef5;

	border-left: 1px solid #e9eef5;

	border-right: 1px solid #e9eef5;

}



.youxue-page2 .youxue-wrap .box_5 .box5-nav a {

	display: inline-block;

	width: 25%;

	height: 62px;

	line-height: 57px;

	font-size: 22px;

	color: #7f838b;

	border-right: 1px solid #e9eef5;

	border-bottom: 4px solid #e9eef5;

	font-weight: 500;

}



.youxue-page2 .youxue-wrap .box_5 .box5-nav a:last-child {

	border-right: 0;

}



.youxue-page2 .youxue-wrap .box_5 .box5-nav a.on {

	color: #216fb8;

	border-bottom: 4px solid #216fb8;

}



.youxue-page2 .youxue-wrap .box_5 .item-box {

	margin-top: 3.5%;

}



.youxue-page2 .youxue-wrap .box_5 .item-box .item {

	display: none;

	position: relative;

}



.youxue-page2 .youxue-wrap .box_5 .item-box .item.on {

	display: block;

}



.youxue-page2 .youxue-wrap .box_5 .item-box .item .swiper-slide {

	width: 33.33% !important;

}



.youxue-page2 .youxue-wrap .box_5 .item-box .item .list {

	position: relative;

	margin: 0 auto;

	text-align: center;

	width: 98%;

}



.youxue-page2 .youxue-wrap .box_5 .item-box .item .list .sp_1 {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 60px;

	line-height: 60px;

	font-size: 22px;

	color: #ffffff;

	font-weight: bold;

	background: #2270ba;

	font-weight: 500;

}



.youxue-page2 .youxue-wrap .box_5 .preview .arrow-right1,

.youxue-page2 .youxue-wrap .box_5 .preview .arrow-right2,

.youxue-page2 .youxue-wrap .box_5 .preview .arrow-right3,

.youxue-page2 .youxue-wrap .box_5 .preview .arrow-right4 {

	position: absolute;

	top: 50%;

	right: -50px;

	width: 14px;

	height: 26px;

	margin-top: -13px;

	background: url(../images/img123.jpg) center center no-repeat;

}



.youxue-page2 .youxue-wrap .box_5 .preview .arrow-left1,

.youxue-page2 .youxue-wrap .box_5 .preview .arrow-left2,

.youxue-page2 .youxue-wrap .box_5 .preview .arrow-left3,

.youxue-page2 .youxue-wrap .box_5 .preview .arrow-left4 {

	position: absolute;

	top: 50%;

	left: -50px;

	width: 14px;

	height: 26px;

	margin-top: -13px;

	background: url(../images/img122.jpg) center center no-repeat;

}





/* youxue3 */



.youxue-page3 .youxue-wrap .youxue3-nav {

	width: 75%;

	height: 163px;

	margin: 0 auto;

	padding-top: 100px;

}



.youxue-page3 .youxue-wrap .youxue3-nav .nav {

	/*	width: 1210px;*/

	position: static;

	font-size: 0;

	text-align: center;

	border-top: 1px solid #e9eef5;

	border-left: 1px solid #e9eef5;

	border-right: 1px solid #e9eef5;

	background: #fff;

}



.youxue-page3 .youxue-wrap .youxue3-nav .nav.nav_2 {

	position: fixed;

	top: 0;

	left: 50%;

	margin-left: -37.5%;

	width: 75%;

	z-index: 2;

}



.youxue-page3 .youxue-wrap .youxue3-nav .nav a {

	display: inline-block;

	width: 25%;

	height: 62px;

	line-height: 57px;

	font-size: 22px;

	color: #7f838b;

	border-right: 1px solid #e9eef5;

	border-bottom: 4px solid #e9eef5;

	font-weight: 500;

}



.youxue-page3 .youxue-wrap .youxue3-nav .nav a:last-child {

	border-right: 0;

}



.youxue-page3 .youxue-wrap .youxue3-nav .nav a.on {

	color: #216fb8;

	border-bottom: 4px solid #216fb8;

}



.youxue-page3 .youxue-wrap .box_1 {

	width: 75%;

	height: auto;

	margin: 0 auto;

}



.youxue-page3 .youxue-wrap .box_1 .h1 {

	font-size: 28px;

	color: #2270ba;

	margin-top: 7%;

	padding-bottom: 1.4%;

	border-bottom: 1px solid #bcc7d3;

}



.youxue-page3 .youxue-wrap .box_1 .list-box {

	padding-top: 2%;

}



.youxue-page3 .youxue-wrap .box_1 .list-box .list {

	float: left;

	width: auto;

	height: 50px;

	line-height: 50px;

	font-size: 19px;

	color: #fff;

	padding: 0 15px;

	margin-right: 2%;

	margin-bottom: 2%;

	font-weight: 300;

}



.youxue-page3 .youxue-wrap .box_1 .list-box .list .sp_1 {

	color: #fff;

	font-weight: 500;

}



.youxue-page3 .youxue-wrap .box_2 {

	width: 75%;

	height: auto;

	margin: 0 auto;

}



.youxue-page3 .youxue-wrap .box_2 .h1 {

	font-size: 28px;

	color: #2270ba;

	margin-top: 5%;

	padding-bottom: 1.4%;

	border-bottom: 1px solid #bcc7d3;

}



.youxue-page3 .youxue-wrap .box_2 .box-wrap {

	position: relative;

}



.youxue-page3 .youxue-wrap .box_2 .box-wrap>div {

	float: left;

	margin-top: 2%;

}



.youxue-page3 .youxue-wrap .box_2 .box-wrap .l-box {

	width: 150px;

	min-height: 1px;

	background: #e9eef5;

	text-align: center;

	font-size: 16px;

	color: #2270ba;

}



.youxue-page3 .youxue-wrap .box_2 .box-wrap .l-box .box2-nav {

	position: static;

	width: 150px;

	height: auto;

	background: #e9eef5;

	text-align: center;

	font-size: 16px;

	color: #2270ba;

	transition: all .5s;

	z-index: 2;

}



.youxue-page3 .youxue-wrap .box_2 .box-wrap .l-box .box2-nav.nav_2 {

	position: fixed;

	top: 10%;

}



.youxue-page3 .youxue-wrap .box_2 .box-wrap .l-box .h2 {

	font-size: 20px;

	width: 100%;

	height: 50px;

	line-height: 50px;

}



.youxue-page3 .youxue-wrap .box_2 .box-wrap .l-box li {

	width: 100%;

	height: 50px;

	line-height: 50px;

	cursor: pointer;

	font-weight: 300;

}



.youxue-page3 .youxue-wrap .box_2 .box-wrap .l-box li.on {

	color: #fff;

	background: #2270ba;

}



.youxue-page3 .youxue-wrap .box_2 .box-wrap .r-box {

	width: calc(100% - 200px);

	height: auto;

	margin-left: 50px;

}



.youxue-page3 .youxue-wrap .box_2 .box-wrap .r-box .list-box .list {

	margin-bottom: 4%;

	padding-bottom: 4%;

	border-bottom: 1px solid #c7cdd5;

}



.youxue-page3 .youxue-wrap .box_2 .box-wrap .r-box .list-box .list:last-child {

	margin-bottom: 0;

	padding-bottom: 0;

	border-bottom: 0;

}



.youxue-page3 .youxue-wrap .box_2 .box-wrap .r-box .list-box .list .h2 {

	width: 100%;

	height: 60px;

	line-height: 60px;

	background: #216fb8;

	font-weight: 500;

}



.youxue-page3 .youxue-wrap .box_2 .box-wrap .r-box .list-box .list .h2 .d_1 {

	float: left;

	font-size: 28px;

	color: #fff;

	margin: 0 25px;

	font-weight: 500;

}



.youxue-page3 .youxue-wrap .box_2 .box-wrap .r-box .list-box .list .h2 .d_2 {

	float: left;

	font-size: 22px;

	color: #fff;

}



.youxue-page3 .youxue-wrap .box_2 .box-wrap .r-box .list-box .list .text-img>div {

	float: left;

	margin-top: 4%;

}



.youxue-page3 .youxue-wrap .box_2 .box-wrap .r-box .list-box .list .text-img .text {

	width: 68%;

	height: auto;

}



.youxue-page3 .youxue-wrap .box_2 .box-wrap .r-box .list-box .list .text-img .img {

	width: 32%;

	height: auto;

}



.youxue-page3 .youxue-wrap .box_2 .box-wrap .r-box .list-box .list .text-img .clear>div {

	float: left;

	font-weight: 300;

}



.youxue-page3 .youxue-wrap .box_2 .r-box .list .title-box {

	font-size: 22px;

	color: #4db332;

	font-weight: 300;

}



.youxue-page3 .youxue-wrap .box_2 .r-box .list .title-box .d_1 {

	padding-right: 55px;

	margin-right: 20px;

	background: url(../images/img169.jpg) right center no-repeat;

}



.youxue-page3 .youxue-wrap .box_2 .r-box .list .title-box .d_2 {

	padding-right: 40px;

	margin-right: 20px;

	background: url(../images/img170.jpg) right center no-repeat;

}



.youxue-page3 .youxue-wrap .box_2 .r-box .list .title-box .d_3 {

	padding-right: 40px;

	margin-right: 20px;

}



.youxue-page3 .youxue-wrap .box_2 .r-box .list .text_1 {

	margin: 3% 0;

}



.youxue-page3 .youxue-wrap .box_2 .r-box .list .text_1:last-child {

	margin-bottom: 0;

}



.youxue-page3 .youxue-wrap .box_2 .r-box .list .text_1 .d_1 {

	width: 80px;

	font-size: 18px;

	color: #2270ba;

	line-height: 24px;

	font-weight: 500;

}



.youxue-page3 .youxue-wrap .box_2 .r-box .list .text_1 .d_2 {

	width: calc(100% - 80px);

	font-size: 16px;

	color: #7f838b;

	line-height: 24px;

	padding: 0 30px;

	font-weight: 300;

}





/* .youxue-page3 .youxue-wrap .box_2 .r-box .list .text_2 .d_1 {

	width: 80px;

	font-size: 18px;

	color: #2270ba;

	line-height: 24px;

	font-weight: bold;

}



.youxue-page3 .youxue-wrap .box_2 .r-box .list .text_2 .d_2 {

	width: calc(100% - 80px);

	font-size: 18px;

	color: #7f838b;

	line-height: 24px;

	padding: 0 30px;

} */



.youxue-page3 .youxue-wrap .box_2 .r-box .list .h3 {

	font-size: 18px;

	color: #2270ba;

	font-weight: 500;

	margin: 3% 0;

}



.youxue-page3 .youxue-wrap .box_2 .r-box .list .text_2 {

	margin: 3% 0;

}



.youxue-page3 .youxue-wrap .box_2 .r-box .list .text_2 .d_1 {

	width: 80px;

	font-size: 18px;

	color: #7f838b;

	line-height: 24px;

}



.youxue-page3 .youxue-wrap .box_2 .r-box .list .text_2 .d_2 {

	width: calc(100% - 80px);

	font-size: 16px;

	color: #7f838b;

	line-height: 24px;

	padding: 0 30px;

	font-weight: 300;

}



.youxue-page3 .youxue-wrap .box_2 .r-box .list .text_2:last-child {

	margin-bottom: 0;

}



.youxue-page3 .youxue-wrap .box_3 {

	width: 75%;

	height: auto;

	margin: 0 auto;

}



.youxue-page3 .youxue-wrap .box_3 .h1 {

	font-size: 28px;

	color: #2270ba;

	margin-top: 7%;

	padding-bottom: 1.4%;

	border-bottom: 1px solid #bcc7d3;

	font-weight: 500;

}



.youxue-page3 .youxue-wrap .box_3 .preview {

	position: relative;

	margin-top: 3.5%;

}



.youxue-page3 .youxue-wrap .box_3 .preview .list {

	position: relative;

	width: 98%;

	height: auto;

	border: 1px solid #d1d1d1;

	text-align: center;

	padding-top: 10px;

	margin: 0 auto;

}



.youxue-page3 .youxue-wrap .box_3 .preview .list .sp_1 {

	display: inline-block;

	font-size: 22px;

	line-height: 24px;

	height: 48px;

	color: #2270ba;

	font-weight: 500;

	margin: 14.5% 0 17%;

}



.youxue-page3 .youxue-wrap .box_3 .preview .list .text {

	position: absolute;

	top: 101%;

	bottom: 0;

	left: 0;

	right: 0;

	padding: 0 30px;

	padding-top: 70px;

	background: rgba(34, 112, 186, .95);

	transition: all .5s;

}



.youxue-page3 .youxue-wrap .box_3 .preview .list .text .h2 {

	font-size: 22px;

	color: #fff;

	margin-bottom: 30px;

}



.youxue-page3 .youxue-wrap .box_3 .preview .list .text .words {

	font-size: 16px;

	color: #fff !important;

	line-height: 24px;

	text-align: left;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 8;

	overflow: hidden;

}



.youxue-page3 .youxue-wrap .box_3 .preview .list:hover .text {

	top: 0;

}



.youxue-page3 .youxue-wrap .box_3 .preview .arrow-right {

	position: absolute;

	top: 50%;

	right: -50px;

	width: 14px;

	height: 26px;

	margin-top: -13px;

	background: url(../images/img123.jpg) center center no-repeat;

}



.youxue-page3 .youxue-wrap .box_3 .preview .arrow-left {

	position: absolute;

	top: 50%;

	left: -50px;

	width: 14px;

	height: 26px;

	margin-top: -13px;

	background: url(../images/img122.jpg) center center no-repeat;

}



.youxue-page3 .youxue-wrap .box_4 {

	width: 75%;

	height: auto;

	margin: 0 auto;

	margin-bottom: 85px;

}



.youxue-page3 .youxue-wrap .box_4 .h1 {

	font-size: 28px;

	color: #2270ba;

	margin-top: 7%;

	padding-bottom: 1.4%;

	border-bottom: 1px solid #bcc7d3;

	font-weight: 500;

}



.youxue-page3 .youxue-wrap .box_4 .words {

	font-size: 16px;

	color: #7f838b;

	line-height: 28px;

	padding: 3% 0 7%;

	border-bottom: 1px solid #a2a7b1;

	font-weight: 300;

}



.youxue-page3 .youxue-wrap .box_4 .words .enroll {

	display: block;

	font-size: 18px;

	color: #fff;

	width: 150px;

	height: 44px;

	line-height: 44px;

	margin: 0 auto;

	margin-top: 3.5%;

	text-align: center;

	background: url(../images/img79.jpg) center center no-repeat;

}





/* contact */



.cont-page .cont-wrap {

	position: relative;

}



.cont-nav {

	position: absolute;

	top: -60px;

	left: 50%;

	font-size: 0;

	width: 75%;

	height: 87px;

	line-height: 87px;

	text-align: center;

	background: #fff;

	margin-left: -37.5%;

}



.cont-nav a {

	display: inline-block;

	width: 33.33%;

	height: 87px;

	font-size: 28px;

	color: #7f838b;

	border-bottom: 4px solid #f4f7fc;

}



.cont-nav a.on {

	color: #216fb8;

	border-bottom: 4px solid #216fb8;

}



.cont-page .cont-wrap .box_1 {

	width: 75%;

	height: auto;

	margin: 0 auto;

}



.cont-page .cont-wrap .box_1 .h1 {

	font-size: 28px;

	color: #2270ba;

	padding-top: 7%;

	padding-bottom: 1.4%;

	margin-bottom: 2%;

	border-bottom: 1px solid #bcc7d3;

	font-weight: 500;

}



.cont-page .cont-wrap .box_1 .words {

	font-size: 16px;

	color: #7f838b;

	line-height: 24px;

	font-weight: 300;

}



.cont-page .cont-wrap .box_2 {

	width: 75%;

	height: auto;

	margin: 0 auto;

}



.cont-page .cont-wrap .box_2 .h1 {

	font-size: 28px;

	color: #2270ba;

	padding-top: 7%;

	padding-bottom: 1.4%;

	margin-bottom: 2%;

	border-bottom: 1px solid #bcc7d3;

	font-weight: 500;

}



.cont-page .cont-wrap .box_2 .list-box {

	padding-top: 3.5%;

}



.cont-page .cont-wrap .box_2 .list-box .list {

	float: left;

	width: 20%;

	height: auto;

	text-align: center;

	padding: 0 1.5%;

}



.cont-page .cont-wrap .box_2 .list-box .list .text {

	padding-top: 14.5%;

}



.cont-page .cont-wrap .box_2 .list-box .list .text .h2 {

	font-size: 28px;

	color: #7f838b;

	margin-bottom: 11.5%;

	font-weight: 500;

}



.cont-page .cont-wrap .box_2 .list-box .list .text .words {

	font-size: 16px;

	color: #7f838b;

	line-height: 24px;

	text-align: left;

	font-weight: 300;

}



.cont-page .cont-wrap .box_3 {

	width: 100%;

	height: auto;

	background: #216fb8;

	margin-top: 5.2%;

}



.cont-page .cont-wrap .box_3 .h1 {

	width: 70%;

	height: auto;

	font-size: 28px;

	color: #fff;

	padding-top: 2.5%;

	margin: 0 auto;

	padding-bottom: 1%;

	margin-bottom: 1.5%;

	border-bottom: 1px solid #bcc7d3;

	font-weight: 500;

}



.cont-page .cont-wrap .box_3 .box {

	width: 75%;

	height: auto;

	margin: 0 auto;

}



.cont-page .cont-wrap .box_3 .box .box-banner {

	width: 70%;

	height: auto;

	margin: 0 auto;

}



.cont-page .cont-wrap .box_3 .box-banner .list-box .list {

	display: none;

	width: 100%;

	height: auto;

}



.cont-page .cont-wrap .box_3 .box-banner .list-box .list.on {

	display: block;

}



.cont-page .cont-wrap .box_3 .box-banner .list-box .list>div {

	float: left;

}



.cont-page .cont-wrap .box_3 .box-banner .list-box .list .l-box {

	width: 72%;

	height: auto;

	padding-right: 60px;

}



.cont-page .cont-wrap .box_3 .box-banner .list-box .list .l-box .h2 {

	font-size: 28px;

	color: #fff;

	line-height: 38px;

	font-weight: bold;

	margin-bottom: 2.6%;

	font-weight: 500;

}



.cont-page .cont-wrap .box_3 .box-banner .list-box .list .l-box .d_1 {

	font-size: 0;

	margin-bottom: 2.6%;

}



.cont-page .cont-wrap .box_3 .box-banner .list-box .list .l-box .d_1>span {

	display: inline-block;

	vertical-align:top;

	font-size: 18px;

	color: #fff;

	line-height: 24px;

	font-weight: 500;

	width: 50%;

	height: auto;

}



.cont-page .cont-wrap .box_3 .box-banner .list-box .list .l-box .words {

	font-size: 16px;

	color: #fff !important;

	line-height: 24px;

	font-weight: 300;

}



.cont-page .cont-wrap .box_3 .box-banner .list-box .list .r-box {

	padding-top: 16px;

	padding-right: 17px;

	width: 28%;

	height: auto;

	background: url(../images/img225.jpg) top right no-repeat;

}



.cont-page .cont-wrap .box_3 .box-banner .preview {

	position: relative;

	width: 75%;

	margin: 0 auto;

	padding: 3.5% 0;

}



.cont-page .cont-wrap .box_3 .box-banner .preview .swiper-slide {

	width: calc(25% - 10px) !important;

	margin: 0 5px;

	height: auto;

}



.cont-page .cont-wrap .box_3 .box-banner .preview .active-nav {

	border: 5px solid #68acdf;

}



.cont-page .cont-wrap .box_3 .box-banner .preview .arrow-right {

	position: absolute;

	top: 50%;

	right: -50px;

	width: 14px;

	height: 26px;

	margin-top: -13px;

	background: url(../images/img195.jpg) center center no-repeat;

}



.cont-page .cont-wrap .box_3 .box-banner .preview .arrow-left {

	position: absolute;

	top: 50%;

	left: -50px;

	width: 14px;

	height: 26px;

	margin-top: -13px;

	background: url(../images/img196.jpg) center center no-repeat;

}



.cont-page .cont-wrap .box_4 {

	width: 75%;

	height: auto;

	margin: 0 auto;

}



.cont-page .cont-wrap .box_4 .h1 {

	font-size: 28px;

	color: #2270ba;

	padding-top: 7%;

	padding-bottom: 1.4%;

	margin-bottom: 3.5%;

	border-bottom: 1px solid #bcc7d3;

	font-weight: 500;

}



.cont-page .cont-wrap .box_4 .list-box .list {

	display: none;

	height: auto;

	position: relative;

}



.cont-page .cont-wrap .box_4 .list-box .list.on {

	display: block;

}



.cont-page .cont-wrap .box_4 .list-box .list>div {

	float: left;

}



.cont-page .cont-wrap .box_4 .list-box .list .text {

	width: 57%;

	height: 380px;

	padding: 3.8% 3.2% 0;

	background: #f4f7fc;

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;
	text-align:left;

}



.cont-page .cont-wrap .box_4 .list-box .list .text .h2 {

	font-size: 36px;

	color: #2270ba;

	font-weight: 500;

	margin-bottom: 4.5%;

}



.cont-page .cont-wrap .box_4 .list-box .list .text .words {

	font-size: 16px;

	color: #7f838b;

	line-height: 21px;

	font-weight: 300;

}



.cont-page .cont-wrap .box_4 .list-box .list .img {

	width: 43%;

	height: auto;

	float: right;

}



.cont-page .cont-wrap .box_4 .banner {

	padding-top: 3.5%;

	position: relative;

}



.cont-page .cont-wrap .box_4 .banner .swiper-slide {

	height: 114px;

	padding-top: 87px;

	font-size: 18px;

	color: #c7cdd5;

	text-align: center;

	font-weight: bold;

	cursor: pointer;

	background: url(../images/img232.jpg) center 43px repeat-x;

}



.cont-page .cont-wrap .box_4 .banner .swiper-slide.active-nav {

	background: url(../images/img14.png) center center no-repeat, url(../images/img232.jpg) center 43px repeat-x;

}



.cont-page .cont-wrap .box_4 .banner>div {

	float: left;

}



.cont-page .cont-wrap .box_4 .banner .d_1 {

	width: 64px;

	height: 27px;

	margin-top: 43px;

	background: url(../images/img233.jpg) center center no-repeat;

}



.cont-page .cont-wrap .box_4 .banner .d_2 {

	width: 64px;

	height: 27px;

	margin-top: 43px;

	background: url(../images/img234.jpg) center center no-repeat;

}



.cont-page .cont-wrap .box_4 .banner .preview {

	width: calc(100% - 128px);

	height: auto;

}



.cont-page .cont-wrap .box_4 .banner .preview .arrow-right {

	position: absolute;

	top: 120px;

	right: 0;

	width: 21px;

	height: 21px;

	background: url(../images/img198.jpg) center center no-repeat;

}



.cont-page .cont-wrap .box_4 .banner .preview .arrow-left {

	position: absolute;

	top: 120px;

	left: 0;

	width: 21px;

	height: 21px;

	background: url(../images/img197.jpg) center center no-repeat;

}



.cont-page .cont-wrap .box_5 {

	width: 75%;

	height: auto;

	margin: 0 auto;

}



.cont-page .cont-wrap .box_5 .h1 {

	font-size: 28px;

	color: #2270ba;

	padding-top: 7%;

	padding-bottom: 1.4%;

	margin-bottom: 3.5%;

	border-bottom: 1px solid #bcc7d3;

	font-weight: 500;

}



.cont-page .cont-wrap .box_5 .list-box {

	padding-bottom: 2%;

	margin-bottom: 7%;

	border-bottom: 1px solid #a2a7b1;

}



.cont-page .cont-wrap .box_5 .list-box .list {

	float: left;

	width: 18%;

	height: auto;

	border: 1px solid #dcdcdc;

	margin-right: 2.5%;

	margin-bottom: 1.4%;

}



.cont-page .cont-wrap .box_5 .list-box .list:nth-child(5n) {

	margin-right: 0;

}





/* contact2 */



.cont-page2 .cont-wrap {

	position: relative;

	padding-top: 5%;

}



.cont-page2 .cont-wrap .box_1 {

	width: 75%;

	height: auto;

	margin: 0 auto;

}



.cont-page2 .cont-wrap .box_1 .item {

	padding: 3.8% 10.8%;

	background: #f4f7fc;

	margin-bottom: 3.5%;

}



.cont-page2 .cont-wrap .box_1 .item.on .bot-box .icon {

	background: url(../images/img235.jpg) center center no-repeat;

}



.cont-page2 .cont-wrap .box_1 .item:last-child {

	margin-bottom: 0;

}



.cont-page2 .cont-wrap .box_1 .item .h1 {

	margin-bottom: 2.7%;

}



.cont-page2 .cont-wrap .box_1 .item .h1 .d_1 {

	float: left;

	font-size: 36px;

	color: #2270ba;

	font-weight: 500;

}



.cont-page2 .cont-wrap .box_1 .item .h1 .d_2 {

	float: right;

	width: 132px;

	height: 25px;

	line-height: 25px;

	font-size: 16px;

	color: #fff;

	text-align: right;

	padding-right: 40px;

	background: url(../images/img227.jpg) center center no-repeat;

}



.cont-page2 .cont-wrap .box_1 .item.on .h1 .d_2 {

	float: right;

	width: 132px;

	height: 25px;

	line-height: 25px;

	font-size: 16px;

	color: #fff;

	text-align: right;

	padding-right: 40px;

	background: url(../images/img226.jpg) center center no-repeat;

}



.cont-page2 .cont-wrap .box_1 .h2 .d_1 {

	float: left;

	font-size: 28px;

	color: #ed145b;

	font-weight: 500;

}



.cont-page2 .cont-wrap .box_1 .h2 .d_2 {

	float: right;

	font-size: 0;

	margin-top: 5px;

	font-weight: 300;

}



.cont-page2 .cont-wrap .box_1 .h2 .d_2>span {

	display: inline-block;

	padding: 0 25px;

	font-size: 18px;

	color: #7f838b;

	border-right: 1px solid #7f838b;

}



.cont-page2 .cont-wrap .box_1 .h2 .d_2>span:last-child {

	border-right: 0;

}



.cont-page2 .cont-wrap .box_1 .h3 {

	font-size: 0;

	margin-top: 4%;

}



.cont-page2 .cont-wrap .box_1 .h3>span {

	display: inline-block;

	padding: 0 1%;

	height: 30px;

	line-height: 28px;

	border: 1px solid #7f838b;

	font-size: 16px;

	color: #7f838b;

	border-radius: 5px;

	margin-right: 2.7%;

	margin-bottom: 1%;

	font-weight: 300;

}



.cont-page2 .cont-wrap .box_1 .h3>span:last-child {

	margin-right: 0;

}



.cont-page2 .cont-wrap .box_1 .words {

	display: none;

	margin-top: 50px;

	font-size: 16px;

	color: #7f838b;

	line-height: 24px;

	font-weight: 300;

}



.cont-page2 .cont-wrap .box_1 .item.on .words {

	display: block;

}



.cont-page2 .cont-wrap .box_1 .bot-box {

	margin-top: 3%;

}



.cont-page2 .cont-wrap .box_1 .bot-box>div {

	float: left;

}



.cont-page2 .cont-wrap .box_1 .bot-box .l-box a {

	display: block;

	font-size: 18px;

	color: #fff;

	width: 150px;

	height: 44px;

	line-height: 44px;

	margin: 0 auto;

	margin-bottom: 10px;

	text-align: center;

	background: url(../images/img79.jpg) center center no-repeat;

}



.cont-page2 .cont-wrap .box_1 .bot-box .icon {

	margin-left: 30%;

	width: 20px;

	height: 11px;

	margin-top: 1.5%;

	cursor: pointer;

	background: url(../images/img228.jpg) center center no-repeat;

}



.cont-page2 .cont-wrap .box_1 .bot-box .r-box {

	float: right;

}



.cont-page2 .cont-wrap .box_1 .bot-box .r-box a {

	display: inline-block;

	width: 30px;

	height: 30px;

	margin: 0 15px;

}



.cont-page2 .cont-wrap .box_1 .bot-box .r-box a.a_1:hover {

	background: url(../images/link2.png) center center no-repeat !important;

}



.cont-page2 .cont-wrap .box_1 .bot-box .r-box a.a_2:hover {

	background: url(../images/img87-2.png) center center no-repeat !important;

}



.cont-page2 .cont-wrap .box_1 .bot-box .r-box a.a_3:hover {

	background: url(../images/img88-2.png) center center no-repeat !important;

}



.cont-page2 .cont-wrap .box_1 .bot-box .r-box a.a_4:hover {

	background: url(../images/img290-2.png) center center no-repeat !important;

}



.cont-page2 .cont-wrap .box_1 .bot-box .r-box a.a_5:hover {

	background: url(../images/img105.jpg) center center no-repeat !important;

}





/* contact */



.cont-page3 .cont-wrap {

	position: relative;

}



.cont-page3 .cont-wrap .box_1 {

	width: 75%;

	height: auto;

	margin: 0 auto;

}



.cont-page3 .cont-wrap .box_1 .h1 {

	font-size: 28px;

	color: #2270ba;

	padding-top: 7%;

	padding-bottom: 1.4%;

	margin-bottom: 3.5%;

	border-bottom: 1px solid #bcc7d3;

	font-weight: 500;

}



.cont-page3 .cont-wrap .box_1 .list-box .list {

	display: none;

	width: 100%;

	height: auto;

}



.cont-page3 .cont-wrap .box_1 .list-box .list.on {

	display: block;

}



.cont-page3 .cont-wrap .box_1 .item-box {

	margin-top: 3.5%;

	margin-bottom: 7%;

	padding-bottom: 7%;

	border-bottom: 1px solid #a2a7b1;

}



.cont-page3 .cont-wrap .box_1 .item-box .item {

	float: left;

	width: calc(50% - 25px);

	height: 247px;

	margin-right: 50px;

}



.cont-page3 .cont-wrap .box_1 .item-box .item:nth-child(2n) {

	margin-right: 0;

}



.cont-page3 .cont-wrap .box_1 .item-box .item.on {

	margin-bottom: 2%;

	border-bottom: 4px solid #216fb8;

}



.cont-page3 .cont-wrap .box_1 .item-box .item.on .img {

	height: 243px;

}



.cont-page3 .cont-wrap .box_1 .item-box .item.on .text {

	height: 243px;

}



.cont-page3 .cont-wrap .box_1 .item-box .item .img {

	float: left;

	width: 249px;

	height: 247px;

	overflow: hidden;

}



.cont-page3 .cont-wrap .box_1 .item-box .item .text {

	float: left;

	width: calc(100% - 249px);

	height: 247px;

	background: #f4f7fc;

	padding: 7% 3% 0 3.5%;

}



.cont-page3 .cont-wrap .box_1 .item-box .item .text .h2 {

	font-size: 22px;

	color: #2270ba;

	font-weight: bold;

	margin-bottom: 24px;

	font-weight: 500;

}



.cont-page3 .cont-wrap .box_1 .item-box .item .text .words {

	font-size: 16px;

	color: #7f838b;

	line-height: 21px;

	font-weight: 300;

}



.cont-page3 .cont-wrap .box_1 .item-box .item .text .words>span {

	float: left;

}



.cont-page3 .cont-wrap .box_1 .item-box .item .text .words .sp_1 {

	width: 50px;

}



.cont-page3 .cont-wrap .box_1 .item-box .item .text .words .sp_2 {

	width: calc(100% - 50px);

	word-wrap: break-word;

}





/* innovate */



.innovate-page .innovate-wrap {

	position: relative;

	/* width: 1210px; */

	height: auto;

	margin: 0 auto;

	padding-top: 5.2%;

}



.innovate-page .innovate-wrap .news-nav {

	left: 50%;

	width: 75% !important;

	margin-left: -37.5% !important;

}



.innovate-page .innovate-wrap .news-nav a {

	width: 50%;

	font-weight: 500;

}



.innovate-page .innovate-wrap .box_1 .words {

	font-size: 16px;

	color: #7f838b;

	line-height: 26px;

	font-weight: 300;

}



.innovate-page .innovate-wrap .box_1 .list-box {

	margin-top: 1.4%;

}



.innovate-page .innovate-wrap .box_1 .list-box .list {

	float: left;

	width: 44%;

	height: 205px;

	position: relative;

	background: #f4f7fc;

	text-align: center;

}



.innovate-page .innovate-wrap .box_1 .list-box .list .icon {

	position: absolute;

	width: 98px;

	height: 97px;

}



.innovate-page .innovate-wrap .box_1 .list-box .list .h1 {

	font-size: 28px;

	color: #2270ba;

	font-weight: bold;

	margin-bottom: 20px;

	font-weight: 500;

}



.innovate-page .innovate-wrap .box_1 .list-box .list .text {

	font-size: 16px;

	color: #7f838b;

	line-height: 26px;

	font-weight: 300;

}



.innovate-page .innovate-wrap .box_1 .list-box .list.list_1 {

	margin: 0 2% 0 4%;

	padding: 2.8% 5.6% 0 8.8%;

}



.innovate-page .innovate-wrap .box_1 .list-box .list.list_1 .icon {

	left: -49px;

	top: 50%;

	margin-top: -48px;

}



.innovate-page .innovate-wrap .box_1 .list-box .list.list_2 {

	margin: 0 4% 0 2%;

	padding: 2.8% 7.4% 0;

}



.innovate-page .innovate-wrap .box_1 .list-box .list.list_2 .icon {

	right: -49px;

	top: 50%;

	margin-top: -48px;

}



.innovate-page .innovate-wrap .box_2 {

	padding-top: 5.2%;

}



.innovate-page .innovate-wrap .box_2 .h1 {

	font-size: 28px;

	color: #2270ba;

	padding-bottom: 1.4%;

	border-bottom: 1px solid #dde1e6;

	margin-bottom: 2%;

	font-weight: 500;

}



.innovate-page .innovate-wrap .box_2 .words {

	font-size: 16px;

	color: #7f838b;

	line-height: 26px;

	font-weight: 300;

}



.innovate-page .innovate-wrap .box_3 {

	padding-top: 5.2%;

}



.innovate-page .innovate-wrap .box_3 .h1 {

	font-size: 28px;

	color: #2270ba;

	padding-bottom: 1.4%;

	border-bottom: 1px solid #dde1e6;

	margin-bottom: 2%;

	font-weight: 500;

}



.innovate-page .innovate-wrap .box_3 .nav-box {

	width: 70%;

	margin: 0 auto;

	font-size: 0;

	text-align: center;

	margin-top: 2%;

	margin-bottom: 3.1%;

}



.innovate-page .innovate-wrap .box_3 .nav-box a {

	display: inline-block;

	font-size: 28px;

	color: #7f838b;

	width: 33.33%;

	height: 90px;

	line-height: 90px;

	transition: all;

	border: 2px solid #f4f7fc;

	font-weight: 500;

}



.innovate-page .innovate-wrap .box_3 .nav-box a.on {

	color: #216fb8;

	border-bottom: 2px solid #216fb8;

}



.innovate-page .innovate-wrap .box_3 .list-box {

	width: 70%;

	margin: 0 auto;

}



.innovate-page .innovate-wrap .box_3 .list-box .list {

	display: none;

}



.innovate-page .innovate-wrap .box_3 .list-box .list.on {

	display: block;

}



.innovate-page .innovate-wrap .box_3 .box3-banner {

	position: relative;

	margin-bottom: 7%;

}



.innovate-page .innovate-wrap .box_3 .box3-banner .sp_2 {

	position: absolute;

	font-size: 24px;

	color: #fff;

	bottom: 45px;

	left: 0;

	width: 100%;

	height: auto;

	text-align: center;

	font-weight: 500;

}



.innovate-page .innovate-wrap .box_3 .box3-banner .arrow-left {

	position: absolute;

	top: 50%;

	left: -50px;

	width: 14px;

	height: 26px;

	margin-top: -13px;

	background: url(../images/img122.jpg) center center no-repeat;

}



.innovate-page .innovate-wrap .box_3 .box3-banner .arrow-right {

	position: absolute;

	top: 50%;

	right: -50px;

	width: 14px;

	height: 26px;

	margin-top: -13px;

	background: url(../images/img123.jpg) center center no-repeat;

}



.innovate-page .innovate-wrap .box_4 {

	background: #216fb8;

	padding-top: 5.2%;

}



.innovate-page .innovate-wrap .box_4 .h1 {

	width: 70%;

	margin: 0 auto;

	font-size: 28px;

	color: #fff;

	padding-bottom: 1.4%;

	border-bottom: 1px solid #c7cdd5;

	margin-bottom: 2%;

	font-weight: 500;

}



.innovate-page .innovate-wrap .box_4 .box-banner {

	width: 70%;

	height: auto;

	margin: 0 auto;

}



.innovate-page .innovate-wrap .box_4 .box-banner .list-box .list {

	display: none;

	width: 100%;

	height: auto;

}



.innovate-page .innovate-wrap .box_4 .box-banner .list-box .list.on {

	display: block;

}



.innovate-page .innovate-wrap .box_4 .box-banner .list-box .list>div {

	float: left;

}



.innovate-page .innovate-wrap .box_4 .box-banner .list-box .list .l-box {

	width: 72%;

	height: auto;

	padding-right: 4.5%;

	padding-top: 7%;

}



.innovate-page .innovate-wrap .box_4 .box-banner .list-box .list .l-box .h2 {

	font-size: 28px;

	color: #fff;

	line-height: 38px;

	font-weight: bold;

	margin-bottom: 2.5%;

	font-weight: 500;

}



.innovate-page .innovate-wrap .box_4 .box-banner .list-box .list .l-box .d_1 {

	font-size: 18px;

	color: #fff;

	margin-bottom: 2.5%;

	font-weight: 500;

}



.innovate-page .innovate-wrap .box_4 .box-banner .list-box .list .l-box .d_1>span {

	display: inline-block;

	font-size: 16px;

	color: #fff;

	line-height: 24px;

	font-weight: bold;

	width: 50%;

	height: auto;

}



.innovate-page .innovate-wrap .box_4 .box-banner .list-box .list .l-box .words {

	font-size: 16px;

	color: #fff !important;

	line-height: 24px;

	font-weight: 300;

}



.innovate-page .innovate-wrap .box_4 .box-banner .list-box .list .r-box {

	padding-top: 16px;

	padding-right: 17px;

	width: 28%;

	height: auto;

	background: url(../images/img225.jpg) top right no-repeat;

}



.innovate-page .innovate-wrap .box_4 .box-banner .preview {

	position: relative;

	width: 75%;

	margin: 0 auto;

	padding: 3.5% 0;

}



.innovate-page .innovate-wrap .box_4 .box-banner .preview .swiper-slide {

	width: calc(25% - 10px) !important;

	margin: 0 5px;

	height: auto;

}



.innovate-page .innovate-wrap .box_4 .box-banner .preview .active-nav {

	border: 5px solid #68acdf;

}



.innovate-page .innovate-wrap .box_4 .box-banner .preview .arrow-right {

	position: absolute;

	top: 50%;

	right: -50px;

	width: 14px;

	height: 26px;

	margin-top: -13px;

	background: url(../images/img195.jpg) center center no-repeat;

}



.innovate-page .innovate-wrap .box_4 .box-banner .preview .arrow-left {

	position: absolute;

	top: 50%;

	left: -50px;

	width: 14px;

	height: 26px;

	margin-top: -13px;

	background: url(../images/img196.jpg) center center no-repeat;

}



.innovate-page .innovate-wrap .box_5 .h1 {

	font-size: 28px;

	color: #2270ba;

	margin-top: 7%;

	padding-bottom: 1.4%;

	margin-bottom: 2%;

	border-bottom: 1px solid #bcc7d3;

	font-weight: 500;

}



.innovate-page .innovate-wrap .box_5 .item-box .item {

	margin-bottom: 50px;

	position: relative;

}



.innovate-page .innovate-wrap .box_5 .item-box .item a>div {

	float: left;

}



.innovate-page .innovate-wrap .box_5 .item-box .item .img {

	position: relative;

	width: 33%;

	height: auto;

}



.innovate-page .innovate-wrap .box_5 .item-box .item .img .sp_1 {

	position: absolute;

	left: 0;

	bottom: 0;

	font-size: 22px;

	color: #ffffff;

	width: 100%;

	height: 50px;

	line-height: 50px;

	text-align: center;

	background: #2270ba;

}



.innovate-page .innovate-wrap .box_5 .item-box .item .text {

	position: absolute;

	top: 0;

	bottom: 0;

	right: 0;

	width: 67%;

	height: auto;

	background: #f4f7fc;

	padding: 2.8% 3.5% 0 4.5%;

}



.innovate-page .innovate-wrap .box_5 .item-box .item .text .h2 {

	font-size: 36px;

	color: #2270ba;

	font-weight: bold;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-weight: 500;

}



.innovate-page .innovate-wrap .box_5 .item-box .item .text .h3 {

	font-size: 28px;

	color: #2270ba;

	margin: 15px 0 20px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-weight: 500;

}



.innovate-page .innovate-wrap .box_5 .item-box .item .text .h3 .sp_1 {

	font-size: 28px;

	color: #ed145b;

}



.innovate-page .innovate-wrap .box_5 .item-box .item .text .sp_2 {

	font-size: 18px;

	color: #7f838b;

	font-weight: 300;

}



.innovate-page .innovate-wrap .box_5 .item-box .item .text .words {

	font-size: 16px;

	color: #7f838b;

	line-height: 24px;

	margin: 15px 0;

	font-weight: 300;

}



.innovate-page .innovate-wrap .box_5 .item-box .item .text .words>span {

	float: left;

}



.innovate-page .innovate-wrap .box_5 .item-box .item .text .words .sp_3 {

	width: 85px;

}



.innovate-page .innovate-wrap .box_5 .item-box .item .text .words .sp_4 {

	width: calc(100% - 85px);

	height: 48px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

}



.innovate-page .innovate-wrap .box_5 .item-box .item .text .enroll .d_1 {

	float: left;

	font-size: 16px;

	color: #ffffff;

	width: 132px;

	height: 25px;

	line-height: 25px;

	text-align: right;

	padding-right: 20px;

	margin-top: 23px;

	background: url(../images/img77.jpg) center center no-repeat;

}



.innovate-page .innovate-wrap .box_5 .item-box .item .text .enroll .d_2 {

	float: right;

	text-align: center;

}



.innovate-page .innovate-wrap .box_5 .item-box .item .text .enroll .d_2 .sp_5 {

	display: block;

	font-size: 18px;

	color: #fff;

	width: 150px;

	height: 44px;

	line-height: 44px;

	margin-bottom: 10px;

	background: url(../images/img79.jpg) center center no-repeat;

}



.innovate-page .innovate-wrap .box_5 .item-box .item .text .enroll .d_2 .sp_6 {

	font-size: 16px;

	color: #7f838b;

}



.innovate-page .innovate-wrap .box_6 {

	padding-bottom: 5.2%;

	border-bottom: 1px solid #a2a7b1;

	margin-bottom: 7.6% !important;

}



.innovate-page .innovate-wrap .box_6 .h1 {

	font-size: 28px;

	color: #2270ba;

	margin-top: 7%;

	padding-bottom: 1.4%;

	border-bottom: 1px solid #bcc7d3;

}



.innovate-page .innovate-wrap .box_6 .box6-banner {

	padding-top: 3.5%;

	position: relative;

}



.innovate-page .innovate-wrap .box_6 .box6-banner .item {

	border: 1px solid #c7c6c5;

	border-radius: 8px;

}



.innovate-page .innovate-wrap .box_6 .box6-banner .item .img {

	position: relative;

}



.innovate-page .innovate-wrap .box_6 .box6-banner .item .img .sp_2 {

	position: absolute;

	top: 20px;

	left: 20px;

	font-size: 16px;

	color: #ffffff;

	width: 132px;

	height: 25px;

	line-height: 25px;

	text-align: right;

	padding-right: 30px;

	background: url(../images/img12.png) center center no-repeat;

	opacity: .9;

}



.innovate-page .innovate-wrap .box_6 .box6-banner .swiper-slide {

	padding: 0 10px;

}



.innovate-page .innovate-wrap .box_6 .box6-banner .swiper-slide:nth-child(4n) {

	margin-right: 0;

}



.innovate-page .innovate-wrap .box_6 .box6-banner .item .text {

	padding: 17px 30px 25px;

}



.innovate-page .innovate-wrap .box_6 .box6-banner .item .text .h2 {

	font-size: 22px;

	color: #2270ba;

	height: 68px;

	line-height: 34px;

	font-weight: bold;

	margin-bottom: 20px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	font-weight: 500;

}



.innovate-page .innovate-wrap .box_6 .box6-banner .item .text .sp_1 {

	font-size: 16px;

	color: #7f838b;

	font-weight: 300;

}



.innovate-page .innovate-wrap .box_6 .box6-banner .arrow-right {

	position: absolute;

	top: 50%;

	right: -50px;

	width: 14px;

	height: 26px;

	margin-top: -13px;

	background: url(../images/img123.jpg) center center no-repeat;

}



.innovate-page .innovate-wrap .box_6 .box6-banner .arrow-left {

	position: absolute;

	top: 50%;

	left: -50px;

	width: 14px;

	height: 26px;

	margin-top: -13px;

	background: url(../images/img122.jpg) center center no-repeat;

}





/* industry */



.industry-page .industry-wrap {

	padding-top: 5.2%;

}



.industry-page .industry-wrap .box_1 {

	width: 75% !important;

}



.industry-page .industry-wrap .box_1 .h1 {

	font-size: 28px;

	color: #2270ba;

	padding-bottom: 1.4%;

	border-bottom: 1px solid #dde1e6;

	margin-bottom: 2%;

	font-weight: 500;

}



.industry-page .industry-wrap .box_1 .words {

	font-size: 16px;

	color: #7f838b;

	line-height: 26px;

	font-weight: 300;

}



.industry-page .industry-wrap .box_2 {

	padding-top: 5.2%;

	width: 75% !important;

}



.industry-page .industry-wrap .box_2 .h1 {

	font-size: 28px;

	color: #2270ba;

	padding-bottom: 1.4%;

	border-bottom: 1px solid #dde1e6;

	margin-bottom: 2%;

	font-weight: 500;

}



.industry-page .industry-wrap .box_2 .words {

	font-size: 16px;

	color: #7f838b;

	line-height: 26px;

	font-weight: 300;

}



.industry-page .industry-wrap .box_2 .list-box {

	margin-top: 2.8%;

	border: 1px solid #e9eef5;

}



.industry-page .industry-wrap .box_2 .list-box .list {

	position: relative;

	float: left;

	width: 25%;

	height: auto;

	border-bottom: 1px solid #e9eef5;

	border-right: 1px solid #e9eef5;

	text-align: center;

	cursor: pointer;

	overflow: hidden;

}



.industry-page .industry-wrap .box_2 .list-box .list:nth-child(4n) {

	border-bottom: 1px solid #e9eef5;

	border-right: 0;

}



.industry-page .industry-wrap .box_2 .list-box .list:nth-child(n+9) {

	border-bottom: 0;

}



.industry-page .industry-wrap .box_2 .list-box .list .d_1 {

	width: 100%;

	height: 208px;

	padding-top: 15px;

}



.industry-page .industry-wrap .box_2 .list-box .list .sp_1 {

	font-size: 22px;

	color: #2270ba;

	display: block;

	margin-top: 15px;

}



.industry-page .industry-wrap .box_2 .list-box .list .d_2 {

	position: absolute;

	top: -209px;

	left: 0;

	width: 100%;

	height: 209px;

	background: #165099;

	padding-top: 60px;

	transition: all .5s;

}



.industry-page .industry-wrap .box_2 .list-box .list:hover .d_2 {

	top: 0;

}



.industry-page .industry-wrap .box_2 .list-box .list .d_2 .sp_2 {

	display: block;

	font-size: 22px;

	color: #feffff;

	margin-bottom: 50px;

}



.industry-page .industry-wrap .box_2 .list-box .list .d_2 .sp_3 {

	display: inline-block;

	width: 118px;

	height: 35px;

	line-height: 35px;

	font-size: 18px;

	color: #fff;

	background: url(../images/img11.png) center center no-repeat;

}



.industry-page .industry-wrap .box_3 {

	padding-top: 5.2%;

	width: 75% !important;

}



.industry-page .industry-wrap .box_3 .h1 {

	font-size: 28px;

	color: #2270ba;

	padding-bottom: 1.4%;

	border-bottom: 1px solid #dde1e6;

	margin-bottom: 2%;

	font-weight: 500;

}



.industry-page .industry-wrap .box_3 .words {

	font-size: 16px;

	color: #7f838b;

	line-height: 26px;

	font-weight: 300;

}



.industry-page .industry-wrap .box_3 .list-box {

	margin-top: 5%;

}



.industry-page .industry-wrap .box_3 .list-box .list {

	float: left;

	width: 31%;

	height: 245px;

	margin-right: 3.5%;

	margin-bottom: 2.8%;

}



.industry-page .industry-wrap .box_3 .list-box .list:nth-child(3n) {

	margin-right: 0;

}



.industry-page .industry-wrap .box_3 .list-box .list>div {

	float: left;

}



.industry-page .industry-wrap .box_3 .list-box .list .icon {

	width: 75px;

	height: 75px;

}



.industry-page .industry-wrap .box_3 .list-box .list .r-box {

	width: calc(100% - 75px);

	height: auto;

	padding-left: 4.5%;

}



.industry-page .industry-wrap .box_3 .list-box .list .r-box .h2 {

	font-size: 22px;

	color: #2270ba;

	margin-bottom: 15px;

	font-weight: 500;

}



.industry-page .industry-wrap .box_3 .list-box .list .r-box .text {

	font-size: 16px;

	color: #4e5153;

	height: 208px;

	line-height: 26px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 8;

	font-weight: 300;

}



.industry-page .industry-wrap .box_4 {

	padding-top: 3%;

	width: 75% !important;

}



.industry-page .industry-wrap .box_4 .h1 {

	font-size: 28px;

	color: #2270ba;

	padding-bottom: 1.4%;

	border-bottom: 1px solid #c7cdd5;

	margin-bottom: 3.5%;

	font-weight: 500;

}



.industry-page .industry-wrap .box_4 .wrap {

	width: 1200px;

	height: auto;

	overflow: hidden;

	margin: 0 auto;

}



.industry-page .industry-wrap .box_4 .wrap li {

	float: left;

}



.industry-page .industry-wrap .box_4 .list-box {

	width: 1200px;

}



.industry-page .industry-wrap .box_4 .list-box .list {

	float: left;

	width: 215px;

	height: 117px;

	margin-right: 25px;

	margin-bottom: 25px;

	border: 1px solid #dcdcdc;

}



.industry-page .industry-wrap .box_5 {

	padding-top: 3.7%;

	padding-bottom: 5.2%;

	width: 75% !important;

}



.industry-page .industry-wrap .box_5 .serv-box5-nav {

	font-size: 0;

	text-align: center;

}



.industry-page .industry-wrap .box_5 .serv-box5-nav a {

	display: inline-block;

	font-size: 28px;

	color: #7f838b;

	width: 50%;

	height: 90px;

	line-height: 90px;

	transition: all;

	border: 2px solid #f4f7fc;

	font-weight: 500;

}



.industry-page .industry-wrap .box_5 .serv-box5-nav a.on {

	color: #216fb8;

	border-bottom: 2px solid #216fb8;

}



.industry-page .industry-wrap .box_5 .box-wrap .list-box {

	display: none;

}



.industry-page .industry-wrap .box_5 .box-wrap .list-box.on {

	display: block;

}



.industry-page .industry-wrap .box_5 .box-wrap .list-box .list {

	padding: 2.1% 0;

	border-bottom: 2px solid #c9cfd7;

}





/* .service-page2 .service-wrap .box_5 .box-wrap .list-box .list:last-child {

	border: 0;

} */



.industry-page .industry-wrap .box_5 .box-wrap .list-box a>div {

	float: left;

}



.industry-page .industry-wrap .box_5 .box-wrap .list-box:nth-child(2) a>div {

	float: none;

}



.industry-page .industry-wrap .box_5 .box-wrap .list-box a .r-box {

	width: calc(100% - 255px);

	height: 148px;

	padding: 1.8% 0;

	padding-left: 3.5%;

}



.industry-page .industry-wrap .box_5 .box-wrap .list-box a .r-box .h1 {

	font-size: 22px;

	color: #4e5153;

	margin-bottom: 12px;

	font-weight: 500;

}



.industry-page .industry-wrap .box_5 .box-wrap .list-box a .r-box .h1 .sp_1 {

	float: left;

	width: 60%;

}



.industry-page .industry-wrap .box_5 .box-wrap .list-box a .r-box .h1 .sp_2 {

	float: right;

	font-size: 22px;

	color: #7f838b;

}



.industry-page .industry-wrap .box_5 .box-wrap .list-box a .r-box .words {

	font-size: 16px;

	color: #7f838b;

	height: 75px;

	line-height: 25px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	overflow: hidden;

	font-weight: 300;

}



.industry-page .industry-wrap .box_5 .box-wrap .item-box {

	border-bottom: 2px solid #c7cdd5;

	padding-top: 48px;

}



.industry-page .industry-wrap .box_5 .box-wrap .item-box .item {

	float: left;

	width: 30%;

	height: auto;

	margin-right: 5%;

	border: 1px solid #c7cdd5;

	margin-bottom: 80px;

	transition: all .5s;

}



.industry-page .industry-wrap .box_5 .box-wrap .item-box .item:hover {

	border: 1px solid #2f7ec2;

}



.industry-page .industry-wrap .box_5 .box-wrap .item-box .item:nth-child(3n) {

	margin-right: 0;

}



.industry-page .industry-wrap .box_5 .box-wrap .item-box .item .text {

	padding: 0 10px;

}



.industry-page .industry-wrap .box_5 .box-wrap .item-box .item .h1 {

	font-size: 18px;

	color: #7f838b;

	font-weight: bold;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	padding: 25px 0 15px;

	border-bottom: 2px solid #e6e6e6;

	margin-bottom: 15px;

	text-align: center;

	font-weight: 500;

}



.industry-page .industry-wrap .box_5 .box-wrap .item-box .item .words {

	font-size: 16px;

	color: #7f838b;

	line-height: 20px;

	height: 160px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 8;

	overflow: hidden;

	font-weight: 300;

}



.industry-page .industry-wrap .box_5 .box-wrap .item-box .item .sp_3 {

	display: block;

	width: 135px;

	height: 40px;

	line-height: 40px;

	font-size: 13px;

	color: #fff;

	margin: 30px auto 45px;

	background: #216fb8;

	text-align: center;

	border-radius: 20px;

}





/* research */





/* .research-page .research-wrap{

	padding-top: 85px;

} */



.research-page .research-wrap .box>.h1 {

	font-size: 28px;

	color: #2270ba;

	padding-bottom: 1.4%;

	border-bottom: 1px solid #dde1e6;

	margin-bottom: 1.8%;

	font-weight: 500;

}



.words {

	color: #4e5153 !important;

}



.research-page .research-wrap .box>.words {

	font-size: 16px;

	color: #4e5153;

	line-height: 20px;

	font-weight: 300;

}



.research-page .research-wrap .box>.words .img {

	width: 70%;

	position: relative;

	margin: 3.5% auto;

}



.a-all a {

	position: absolute;

	display: block;

	width: 10%;

	height: 9%;

}



.a-all .a_1 {

	top: 47%;

	left: 65.3%;

}



.a-all .a_2 {

	top: 47%;

	left: 81.5%;

}



.a-all .a_3 {

	top: 62%;

	left: 65.3%;

}



.a-all .a_4 {

	top: 62%;

	left: 81.5%;

	width: 4%;

}



.a-all .a_5 {

	top: 62%;

	left: 87.5%;

	width: 4%;

}



.a-all .a_6 {

	top: 77%;

	left: 81.5%;

}



.a-all .a_7 {

	top: initial;

	bottom: 2%;

	left: 16%;

	width: 75%;

}



.research-page .research-wrap .box {

	padding-top: 5%;

}



.research-page .research-wrap .box_1 .innov-box {

	margin: 3.3% 0 7.5%;

}



.research-page .research-wrap .box_1 .innov-box .h2 {

	font-size: 26px;

	color: #fff;

	width: 89%;

	height: 85px;

	line-height: 85px;

	background: #7f838b;

	text-align: center;

	margin-left: 11%;

	margin-bottom: 10px;

}



.research-page .research-wrap .box_1 .innov-box .list-box .list>div {

	float: left;

	font-size: 22px;

	line-height: 28px;

}



.research-page .research-wrap .box_1 .innov-box .l-box {

	width: 11%;

	height: auto;

	font-size: 26px;

	color: #2270ba;

	padding-right: 23px;

	text-align: right;

	line-height: 32px;

}



.research-page .research-wrap .box_1 .innov-box .list:nth-child(1) .l-box {

	margin-top: 15px;

}



.research-page .research-wrap .box_1 .innov-box .r-box {

	width: 89%;

	height: auto;

	text-align: center;

	padding: 0 14px;

}



.research-page .research-wrap .box_1 .innov-box .r-box.d_1 {

	background: #7f838b;

	height: 85px;

	position: relative;

	color: #fff;

	padding: 0 14px;

}



.research-page .research-wrap .box_1 .innov-box .r-box.d_1>div {

	width: 16%;

	height: 105px;

	margin: 0 auto;

	margin-top: 20px;

	border-radius: 15px;

	background: #a2a7b1;

	padding: 20px 20px 0;

	margin-right: 5%;

	line-height: 32px;

}



.research-page .research-wrap .box_1 .innov-box .r-box>div:nth-child(5n) {

	margin-right: 0 !important;

}



.research-page .research-wrap .box_1 .innov-box .r-box>div {

	float: left;

	width: 16%;

	height: 105px;

	margin: 0 auto;

	margin-right: 5%;

	padding: 20px 20px 0;

	margin-bottom: 30px !important;

	z-index: 1;

	position: relative;

}



.research-page .research-wrap .box_1 .innov-box .list-box .list_1 {

	margin-top: 100px;

}



.research-page .research-wrap .box_1 .innov-box .list-box .list_1 .r-box>div {

	width: 16%;

	height: 75px;

	margin: 0 auto;

	padding: 0px 20px;

	margin-right: 5%;

	line-height: 32px;

}



.research-page .research-wrap .box_1 .innov-box .list-box .r-box .d_2 {

	border: 2px dashed #7d8189;

	height: 105px !important;

	border-radius: 15px;

	padding-top: 20px !important;

}



.research-page .research-wrap .box_1 .innov-box .list-box .r-box .d_3 {

	height: 105px !important;

	border: 0;

	border-radius: 15px;

	background: #479bd5;

	color: #fff;

	padding-top: 20px !important;

}



.research-page .research-wrap .box_1 .innov-box .list-box .r-box .d_3:hover a {

	color: #e5e5e5;

}



.research-page .research-wrap .box_1 .innov-box .list-box .r-box .d_5 a:hover {

	color: #e5e5e5;

}



.research-page .research-wrap .box_1 .innov-box .list-box .r-box .d_3 a {

	color: #fff;

}



.research-page .research-wrap .box_1 .innov-box .list-box .r-box .d_4 {

	padding-top: 0 !important;

	line-height: 105px !important;

}



.research-page .research-wrap .box_1 .innov-box .list-box .r-box .d_4 a {

	color: #fff;

}



.research-page .research-wrap .box_1 .innov-box .list-box .r-box .d_5 {

	border: 0;

	padding: 0 !important;

}



.research-page .research-wrap .box_1 .innov-box .list-box .r-box .d_5 a {

	display: inline-block;

	width: 40%;

	height: 105px;

	line-height: 105px;

	color: #fff;

	background: #479bd5;

	border-radius: 10px 0 0 10px;

}



.research-page .research-wrap .box_1 .innov-box .list-box .r-box .d_5 a:nth-child(2) {

	border-radius: 0 10px 10px 0;

}



.research-page .research-wrap .box_1 .innov-box .list-box .r-box .d_6 {

	line-height: 105px;

	padding-top: 0 !important;

}



.research-page .research-wrap .box_1 .innov-box .list-box .list:nth-child(4) .l-box {

	margin-top: 35px;

}



.research-page .research-wrap .box_1 .innov-box .list-box .r-box .a_1 {

	display: block;

	width: 100%;

	height: 105px;

	line-height: 105px;

	color: #fff;

	background: #479bd5;

	border-radius: 15px;

}



.research-page .research-wrap .box_1 .innov-box .list-box .r-box .a_1:hover {

	color: #e5e5e5;

}



.research-page .research-wrap .box_1 .innov-box .list-box .r-box {

	position: relative;

}



.research-page .research-wrap .box_1 .innov-box .list-box .r-box .back {

	position: absolute;

	top: 85px;

	width: 18%;

	height: 775px;

	border: 2px solid #868991;

	left: 0;

	z-index: 0;

}



.research-page .research-wrap .box_1 .innov-box .list-box .r-box .back_2 {

	left: 20.5%;

}



.research-page .research-wrap .box_1 .innov-box .list-box .r-box .back_3 {

	left: 41%;

}



.research-page .research-wrap .box_1 .innov-box .list-box .r-box .back_4 {

	left: 61.5%;

}



.research-page .research-wrap .box_1 .innov-box .list-box .r-box .back_5 {

	left: 82%;

}



.research-page .research-wrap .box_6 {

	padding-top: 5%;

	padding-bottom: 5%;

}



.research-page .research-wrap .box_6 .serv-box6-nav {

	font-size: 0;

	text-align: center;

}



.research-page .research-wrap .box_6 .serv-box6-nav a {

	display: inline-block;

	font-size: 28px;

	color: #7f838b;

	width: 50%;

	height: 90px;

	line-height: 90px;

	transition: all;

	border: 2px solid #f4f7fc;

	font-weight: 500;

}



.research-page .research-wrap .box_6 .serv-box6-nav a.on {

	color: #216fb8;

	border-bottom: 2px solid #216fb8;

}



.research-page .research-wrap .box_6 .box-wrap .list-box {

	display: none;

}



.research-page .research-wrap .box_6 .box-wrap .list-box.on {

	display: block;

}



.research-page .research-wrap .box_6 .box-wrap .list-box .list {

	padding: 2.1% 0;

	border-bottom: 2px solid #c9cfd7;

}





/* .service-page2 .service-wrap .box_5 .box-wrap .list-box .list:last-child {

	border: 0;

} */



.research-page .research-wrap .box_6 .box-wrap .list-box a>div {

	float: left;

}



.research-page .research-wrap .box_6 .box-wrap .list-box:nth-child(2) a>div {

	float: none;

}



.research-page .research-wrap .box_6 .box-wrap .list-box a .r-box {

	width: calc(100% - 255px);

	height: 148px;

	padding: 1.8% 0;

	padding-left: 4%;

}



.research-page .research-wrap .box_6 .box-wrap .list-box a .r-box .h1 {

	font-size: 22px;

	color: #4e5153;

	margin-bottom: 1.4%;

	font-weight: 500;

}



.research-page .research-wrap .box_6 .box-wrap .list-box a .r-box .h1 .sp_1 {

	float: left;

	width: 60%;

}



.research-page .research-wrap .box_6 .box-wrap .list-box a .r-box .h1 .sp_2 {

	float: right;

	font-size: 22px;

	color: #7f838b;

}



.research-page .research-wrap .box_6 .box-wrap .list-box a .r-box .words {

	font-size: 16px;

	color: #7f838b;

	height: 75px;

	line-height: 25px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	overflow: hidden;

	font-weight: 300;

}



.research-page .research-wrap .box_6 .box-wrap .item-box {

	border-bottom: 2px solid #c7cdd5;

	padding-top: 48px;

}



.research-page .research-wrap .box_6 .box-wrap .item-box .item {

	float: left;

	width: 30%;

	height: auto;

	margin-right: 5%;

	border: 1px solid #c7cdd5;

	margin-bottom: 80px;

	transition: all .5s;

}



.research-page .research-wrap .box_6 .box-wrap .item-box .item:hover {

	border: 1px solid #2f7ec2;

}



.research-page .research-wrap .box_6 .box-wrap .item-box .item:nth-child(3n) {

	margin-right: 0;

}



.research-page .research-wrap .box_6 .box-wrap .item-box .item .text {

	padding: 0 10px;

}



.research-page .research-wrap .box_6 .box-wrap .item-box .item .h1 {

	font-size: 18px;

	color: #7f838b;

	font-weight: bold;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	padding: 25px 0 15px;

	border-bottom: 2px solid #e6e6e6;

	margin-bottom: 15px;

	text-align: center;

	font-weight: 500;

}



.research-page .research-wrap .box_6 .box-wrap .item-box .item .words {

	font-size: 16px;

	color: #7f838b;

	line-height: 20px;

	height: 160px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 8;

	overflow: hidden;

	font-weight: 300;

}



.research-page .research-wrap .box_6 .box-wrap .item-box .item .sp_3 {

	display: block;

	width: 135px;

	height: 40px;

	line-height: 40px;

	font-size: 13px;

	color: #fff;

	margin: 30px auto 45px;

	background: #216fb8;

	text-align: center;

	border-radius: 20px;

}



.research-page .research-wrap .box>.h1 .box-wrap .item-box .item .sp_3 {

	display: block;

	width: 135px;

	height: 40px;

	line-height: 40px;

	font-size: 13px;

	color: #fff;

	margin: 30px auto 45px;

	background: #216fb8;

	text-align: center;

	border-radius: 20px;

}





/* practice */



.practice-page .box_1 {

	width: 75%;

	height: auto;

	margin: 0 auto;

}



.practice-page .box_1 .list-box {

	padding-top: 3.2%;

	border-top: 1px solid #c7cdd5;

	margin-top: 10%;

	font-size: 0;

	text-align: center;

}



.practice-page .box_1 .list {

	display: inline-block;

	width: 33.33%;

	height: auto;

	vertical-align: top;

}



.practice-page .box_1 .h2 {

	font-size: 28px;

	color: #216fb8;

	margin: 36px 0 32px;

	font-weight: 500;

}



.practice-page .box_1 .words {

	font-size: 16px;

	line-height: 20px;

	color: #7f838b;

	padding: 0 11%;

	text-align: left;

	font-weight: 300;

}



.practice-page .box_2 {

	width: 75%;

	height: auto;

	margin: 0px auto 60px;

}



.practice-page .h1 {

	font-size: 28px;

	color: #2270ba;

	padding-bottom: 1.4%;

	border-bottom: 1px solid #c7cdd5;

	margin-top: 7%;

	font-weight: 500;

}



.practice-page .box_2 .h2 {

	font-size: 22px;

	color: #2270ba;

	margin: 2% 0;

	font-weight: 500;

}



.practice-page .box_2 .words {

	padding-top: 2%;

	font-size: 16px;

	color: #7f838b;

	line-height: 20px;

	text-align: left;

	font-weight: 300;

}



.practice-page .box_2 .list-box {

	font-size: 0;

	text-align: center;

	padding-top: 1.4%;

}



.practice-page .box_2 .list {

	display: inline-block;

	width: 33.33%;

	height: auto;

	vertical-align: top;

	padding: 0 3%;

}



.practice-page .box_2 .list .words {

	padding-top: 0;

}



.practice-page .box_3 {

	background: #0f4ea3;

}



.practice-page .box_3 .box {

	width: 75%;

	height: auto;

	margin: 0 auto;

}



.practice-page .box_3 .h1 {

	color: #fff;

	padding-top: 3.5%;

}



.practice-page .box_3 .words {

	font-size: 16px;

	color: #fff !important;

	padding-top: 2%;

	font-weight: 300;

}



.practice-page .box_3 .d_1 {

	font-size: 0;

	text-align: center;

	padding: 3.2% 0 5.8%;

}



.practice-page .box_3 .d_1>span {

	display: inline-block;

	padding: 0 1%;

	height: 53px;

	line-height: 53px;

	font-size: 24px;

	color: #fff;

	background: #4db332;

	margin: 0 2.5%;

}



.search-wrap .h1 {

	font-size: 28px;

	color: #206eb9;

	font-weight: 500;

	padding-top: 50px;

}



.search-wrap .list-box {

	margin: 50px 0;

}



.search-wrap .list {

	float: left;

	width: 22%;

	height: auto;

	margin-right: 4%;

	margin-bottom: 20px;

}



.search-wrap .list:nth-child(4n) {

	margin-right: 0;

}



.search-wrap .list .text {

	padding: 10px;

}



.search-wrap .list .h2 {

	font-size: 18px;

	color: #000;

	line-height: 29px;

	height: 58px;

	white-space: normal;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	font-weight: 500;

}



.search-wrap .list .time {

	font-size: 16px;

	color: #8f8f8f;

	margin-top: 15px;

	font-weight: 300;

}



@media only screen and (max-width:1680px) {

	.header_2 .head-nav .nav-wrap li .box {

		margin-left: -560px;

	}

	.header_2 .head-nav {

		margin-left: 120px;

	}

}



@media only screen and (max-width:1600px) {

	.header_2 .head-nav {

		margin-left: 100px;

	}

	.header_2 .head-nav .nav-wrap li .box {

		width: 1100px;

		margin-left: -521px;

	}

	.header_2 .head-nav .nav-wrap li:nth-child(5) .box .d_1 {

		padding-right: 325px;

	}

	.header_2 .head-nav .nav-wrap>li .box .d_1 {

		padding: 4% 0 2.4% 140px;

	}

	.youxue-page2 .youxue-wrap .box_1 .item-box .item .text .h2 {

		font-size: 24px;

	}

	.header_2 .head-nav .nav-wrap>li {

		padding: 0 30px;

	}

	.youxue-page2 .youxue-wrap .box_1 .item-box .item .text .h3 {

		font-size: 18px;

		margin: 10px 0;

	}

	.youxue-page2 .youxue-wrap .box_1 .item-box .item .text .h3 .sp_1 {

		font-size: 18px;

	}

	.youxue-page2 .youxue-wrap .box_2 .preview .swiper-slide .text {

		top: 198px;

	}

	.youxue-page2 .youxue-wrap .box_2 .preview .swiper-slide:hover .text {

		padding-top: 5%;

	}

	.youxue-page2 .youxue-wrap .box_3 .list-box .list .words {

		padding-top: 16%;

	}

	.youxue-page3 .youxue-wrap .box_3 .preview .list .sp_1 {

		margin: 40px 0 50px;

	}

	.innovate-page .innovate-wrap .box_5 .item-box .item .text .h2 {

		font-size: 26px;

	}

	.innovate-page .innovate-wrap .box_5 .item-box .item .text .h3 {

		font-size: 18px;

		margin: 10px 0;

	}

	.innovate-page .innovate-wrap .box_5 .item-box .item .text .h3 .sp_1 {

		font-size: 18px;

	}

	.innovate-page .innovate-wrap .box_5 .item-box .item .text .sp_2 {

		font-size: 16px;

	}

	.innovate-page .innovate-wrap .box_5 .item-box .item .text .words {

		margin: 10px 0;

	}

	.news-page .news-wrap .box_2 .item-box .item .text .h2 {

		font-size: 26px;

	}

	.news-page .news-wrap .box_2 .item-box .item .text .h3 {

		font-size: 18px;

	}

	.news-page .news-wrap .box_2 .item-box .item .text .h3 .sp_1 {

		font-size: 18px;

	}

	.news-page3 .news-wrap .box_1 .box .text .h2 {

		font-size: 28px;

	}

	.news-page3 .news-wrap .box_1 .box .text .h3 {

		font-size: 18px;

	}

	.news-page3 .news-wrap .box_1 .box .text .h3 .sp_1 {

		font-size: 18px;

	}

	.news-page3 .news-wrap .box_1 .box .text .h3 {

		margin: 10px 0;

	}

	.news-page3 .news-wrap .box_1 .box .text .words {

		margin: 10px 0;

	}

	.service-page2 .service-wrap .box_3 .list-box .list.list_2 .item-box .item .words {

		top: 80%;

	}

}



@media only screen and (max-width:1500px) {

	.header_2 .head-nav .nav-wrap>li {

		padding: 0 25px;

	}

}



@media only screen and (max-width:1440px) {

	.footer_2 .nav a {

		font-size: 16px;

	}

	.header_2 .head-nav .nav-wrap li .box {

		width: 1000px;

		margin-left: -490px;

	}

	.header_2 .head-nav .nav-wrap li:nth-child(5) .box .d_1 {

		padding-right: 275px;

	}

	.header_2 .head-nav .nav-wrap>li .box .d_1 {

		padding: 4% 0 2.4% 170px;

	}

	.youxue-page2 .youxue-wrap .box_1 .item-box .item .text {

		padding: 20px 25px 0 30px;

	}

	.youxue-page2 .youxue-wrap .box_2 .preview .swiper-slide .text {

		top: 173px;

	}

	.youxue-page2 .youxue-wrap .box_2 .preview .swiper-slide .words {

		height: 96px;

		-webkit-line-clamp: 4;

	}

	.youxue-page2 .youxue-wrap .box_3 .list-box .list .words {

		padding-top: 15%;

	}

	.youxue-page3 .youxue-wrap .box_3 .preview .list .sp_1 {

		margin: 20px 0 25px;

	}

	.youxue-page3 .youxue-wrap .box_3 .preview .list .text {

		padding-top: 40px;

	}

	.cont-page3 .cont-wrap .box_1 .item-box .item .text {

		padding: 20px 20px 0;

	}

	.news-page .news-wrap .box_2 .item-box .item .text .h3 {

		margin: 10px 0;

	}

	.news-page .news-wrap .box_2 .item-box .item .text .words {

		margin: 10px 0;

	}

	.news-page3 .news-wrap .box_1 .box .text {

		padding: 20px 20px 0;

	}

	.news-page3 .news-wrap .box_2 .r-box .item-box .item .h2 {

		margin-top: 10px;

	}

	.news-page3 .news-wrap .box_2 .r-box .item-box .item .sp_3 {

		margin-top: 10px;

	}

	.news-page3 .news-wrap .box_2 .r-box .item-box .item .enroll {

		margin-top: 25px;

	}

	.news-page4 .news-wrap .box-wrap .r-box .item-box .item .h2 {

		margin-top: 20px;

	}

	.news-page4 .news-wrap .box-wrap .r-box .item-box .item {

		padding-bottom: 20px;

	}

	.service-page2 .service-wrap .box_3 .list-box .list.list_2 .item-box .item .words {

		top: 76%;

	}

	.cont-page2 .cont-wrap .box_1 .item {

		padding: 30px 100px;

	}

	.cont-page2 .cont-wrap .box_1 .bot-box .icon {

		margin-left: 22%;

	}

	.header_2 .head-nav .nav-wrap>li {

		padding: 0 20px;

	}

}





/*@media only screen and (max-width:1440px) {

	.header_2 .head-nav .nav-wrap li .box {

		margin-left: -490px;

	}

	

}*/



@media only screen and (max-width:1366px) {

	.header_2 .head-nav {

		margin-left: 80px;

	}

	.header_2 .head-nav .nav-wrap li .box {

		width: 1000px;

		margin-left: -476px;

	}

	.header_2 .head-nav .nav-wrap>li .box .d_1 {

		padding: 4% 0 2.4% 170px;

	}

	.header_2 .head-nav .nav-wrap li:nth-child(5) .box .d_1 {

		padding-right: 275px;

	}

	.youxue-page2 .youxue-wrap .box_2 .preview .swiper-slide .text {

		top: 162px;

	}

	.youxue-page2 .youxue-wrap .box_2 .preview .swiper-slide .words {

		margin-bottom: 10%;

	}

	.innovate-page .innovate-wrap .box_5 .item-box .item .text {

		padding: 20px 30px 0;

	}

	.news-page .news-wrap .box_2 .item-box .item .text {

		padding: 20px 30px 0;

	}

	.research-page .research-wrap .box_1 .innov-box .h2 {

		width: 88%;

		margin-left: 12%;

	}

	.research-page .research-wrap .box_1 .innov-box .l-box {

		width: 12%;

	}

	.research-page .research-wrap .box_1 .innov-box .r-box {

		width: 88%;

	}

	.main-page .main-wrap .box_4 .box-wrap .top-box .r-box {

		width: 88%;

		margin-left: 2%;

	}

	.youxue-page2 .youxue-wrap .box_4 .preview .list .text {

		padding-top: 35px;

	}

	.youxue-page2 .youxue-wrap .box_4 .preview .list .text .h2 {

		margin-bottom: 20px;

	}

	.youxue-page2 .youxue-wrap .box_2 .list-box .list .words {

		height: 72px;

		-webkit-line-clamp: 3;

	}

}



@media only screen and (max-width:1366px) {

	.youxue-page2 .youxue-wrap .box_2 .preview .swiper-slide .text {

		top: 152px;

	}

	.youxue-page2 .youxue-wrap .box_2 .preview .swiper-slide .words {

		height: 72px;

		-webkit-line-clamp: 3;

	}

	.youxue-page2 .youxue-wrap .box_4 .preview .list .text {

		padding: 0 15px;

		padding-top: 20px;

	}

	.youxue-page2 .youxue-wrap .box_4 .preview .list .text .h2 {

		margin-bottom: 10px;

		font-size: 18px;

	}

	.youxue-page2 .youxue-wrap .box_4 .preview .list .text .words {

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 8;

		overflow: hidden;

		height: 192px;

	}

	.youxue-page2 .youxue-wrap .box_1 .item-box .item .text .words {

		margin: 10px 0;

	}

	.youxue-page2 .youxue-wrap .box_1 .item-box .item .text {

		padding: 15px 25px 0 30px;

	}

}





/* 动画效果 */



@-webkit-keyframes fadeInDown {

	0% {

		opacity: 0;

		-webkit-transform: translate3d(0, -100%, 0);

		transform: translate3d(0, -100%, 0)

	}

	100% {

		opacity: 1;

		-webkit-transform: none;

		transform: none

	}

}



@keyframes fadeInDown {

	0% {

		opacity: 0;

		-webkit-transform: translate3d(0, -100%, 0);

		-ms-transform: translate3d(0, -100%, 0);

		transform: translate3d(0, -100%, 0)

	}

	100% {

		opacity: 1;

		-webkit-transform: none;

		-ms-transform: none;

		transform: none

	}

}



@-webkit-keyframes fadeInUp {

	0% {

		opacity: 0;

		-webkit-transform: translate3d(0, 100%, 0);

		transform: translate3d(0, 100%, 0)

	}

	100% {

		opacity: 1;

		-webkit-transform: none;

		transform: none

	}

}



@keyframes fadeInUp {

	0% {

		opacity: 0;

		-webkit-transform: translate3d(0, 100%, 0);

		-ms-transform: translate3d(0, 100%, 0);

		transform: translate3d(0, 100%, 0)

	}

	100% {

		opacity: 1;

		-webkit-transform: none;

		-ms-transform: none;

		transform: none

	}

}



.ani {

	opacity: 0;

}



.ani-slide .ani1-1 {

	opacity: 1;

	-webkit-animation: fadeInDown 0.5s both;

	animation: fadeInDown 0.5s both;

}



.ani-slide .ani1-2 {

	opacity: 1;

	-webkit-animation: fadeInDown 1s 0.5s both;

	animation: fadeInDown 1s 0.5s both;

}



.ani-slide .ani1-3 {

	opacity: 1;

	-webkit-animation: fadeInDown 1s 1s both;

	animation: fadeInDown 1s 1s both;

}



.ani-slide .ani2-1,

.ani-slide .ani3-1,

.ani-slide .ani4-1,

.ani-slide .ani5-1 {

	opacity: 1;

	-webkit-animation: fadeInUp 1s both;

	animation: fadeInUp 1s both;

}



.ani-slide .ani2-2,

.ani-slide .ani3-2,

.ani-slide .ani4-2,

.ani-slide .ani5-2 {

	opacity: 1;

	-webkit-animation: fadeInUp 1s 0.5s both;

	animation: fadeInUp 1s 0.5s both;

}



.ani-slide .ani5-1-2 {

	opacity: 1;

	-webkit-animation: fadeInUp 1s 0.3s both;

	animation: fadeInUp 1s 0.3s both;

}



.ani-slide .ani6-1 {

	opacity: 1;

	-webkit-animation: fadeInDown 0.5s both;

	animation: fadeInDown 0.5s both;

}



.ani-slide .ani6-2 {

	opacity: 1;

	-webkit-animation: fadeInDown 1s 0.5s both;

	animation: fadeInDown 1s 0.5s both;

}



.ani-slide .ani6-3 {

	opacity: 1;

	-webkit-animation: fadeInDown 1s 1s both;

	animation: fadeInDown 1s 1s both;

}