/*common start*/
body,
div,
ul,
li,
a,
img,
p,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
span,
strong,
input,
button,
textarea,
dl,
dt {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	border: 0;
	list-style: none;
	font-family: normal;
	font-weight: normal;
}
strong {
    font-weight: 800 !important;
}
strong span {
    font-weight: 800 !important;
}
body {
	font-size: 14px;
	font-family: ' ';
	color: #111;
	overflow-x: hidden;
}

a img {
	border: 0;
}

em {
	font-style: normal;
}

body.head_on {
	overflow: hidden;
}

a {
	text-decoration: none;
	color: #333;
	transition: all .3s;
}

input,
textarea {
	outline: none;
}

* {
	box-sizing: border-box;
}

.clear {
	margin: 0;
	padding: 0;
	font-size: 0;
	clear: both;
}

.wapper {
	width: 100%;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
}

@media only screen and (min-width: 1200px) {
	.wapper {
		width: 1365px;
		margin: 0 auto;
		max-width: 100% !important;
	}
}

:root {
	--main-color: #00aff0;
	--main-color-white: #fff;
	--main-color-text: #333;
	--main-color-menu: #5b5b5b;
	--main-color-hover: #4d87c3;
	--main-color-pp: #565656;
}

/* 轮播图通用 */
.swiper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-slide img {
	width: 100%;
	height: 100%;
}

.overflow1 {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
	display: block;
}

.overflow2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.overflow3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}


/* 侧边导航 */
.nav_masking {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .65);
	z-index: 99998;
	display: none;
}

.student-nav-bar ::-webkit-scrollbar {
	width: 3px;
}

.student-nav-bar ::-webkit-scrollbar-track {
	background-color: transparent;
}

.student-nav-bar ::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 3px;
}

.student-nav-bar .language-cont:hover::-webkit-scrollbar-thumb {
	display: block
}

.student-nav-bar ::-webkit-scrollbar-thumb:hover {
	background-color: #9c3
}

.student-nav-bar ::-webkit-scrollbar-thumb:active {
	background-color: var(--main-color)
}

.student-nav-bar {
	position: fixed;
	top: 0;
	height: 100%;
	width: 50.2604166666%;
	right: -50.2604166666%;
}

.student-nav-bar:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 120%;
	left: 0;
	top: 0;
	background-color: rgba(77, 135, 195, 0.90);
	border-radius: 0 0 0 55%;
	z-index: 0
}

.student-nav-bar:after {
	content: "";
	position: absolute;
	width: 50%;
	height: 103%;
	top: 0;
	right: 0;
	background-color: rgba(59, 194, 161, 0.90);
	border-radius: 0 0 0 55%;
	z-index: 1;
}

.student-nav-bar.hide-nav-bar {
	z-index: 2021;
}

.student-nav-title {
	position: absolute;
	left: -92px;
	top: 100px;
	width: 92.77px;
	height: 92.77px;
	background: url(../images/nav_title.png) no-repeat center center;
	background-size: 100% auto;
	font-size: 14px;
	text-transform: uppercase;
	color: var(--main-color-white);
	cursor: pointer;
	text-align: center;
	overflow: hidden;
}

.student-nav-title:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.student-nav-title .title-wrap {
	display: inline-block;
	vertical-align: middle;
	width: 99%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.student-nav-title b {
	position: relative;
	display: inline-block;
	width: 35.88px;
	height: 25.75px;

	background: url(../images/nav_menu.png) no-repeat center center;
	background-size: 100% auto;
}

.close-nav-title {}

.close-nav-title b {
	width: 35.88px;
	height: 25.75px;
	background: url(../images/nav_close.png) no-repeat center center;
	background-size: 100% auto;
}

.student-nav-title em {
	display: block;

}

.student-nav-wrap {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.container-wrap {
	position: relative;
	width: 100%;
	height: 80%;
	margin: 7% 0 0;
}

.nav-wrap {
	display: flex;
}

.student-nav {
	position: relative;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	width: 50%;
	padding: 0 0 0 8%;
	float: left;
}

.student-nav-bar .student-nav li a {
	display: block;
}

.student-nav-bar .student-nav>li>a {
	position: relative;
	display: block;
	text-transform: uppercase;
	padding: 10px 0;
}

.student-nav-bar .student-nav li,
.student-nav-bar .student-nav li a {
	position: relative;
	font-size: 1.2em;
	color: var(--main-color-white);
	margin-top: 10px;
}

.student-nav-bar .student-nav ul li {
	display: block;
	margin: .15rem 0 0;
}

.student-nav-bar .student-nav ul li,
.student-nav-bar .student-nav ul li a {
	font-size: .15rem;
}

.student-nav-bar .student-nav li li li {
	padding: 0 0 0 15px;
}

.nav_masking {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .65);
	z-index: 99998;
	display: none;
}



/*头部*/
.w25 {
	width: 25%;
}

.header {
	width: 100%;
	height: 93px;
	position: relative;
	z-index: 9999;
	display: flex;
	align-items: center;
}

.header.fixed {
	position: fixed;
	background-color: white;
	border-bottom: 1px solid #f1f1f1;
}

.logo {
	margin: 11px 0 0 30px;
	float: left;
}

.logo a img {
	height: 60px !important;
}

.nav {
	float: right;
	margin-right: 100px;
}

.menu {
	float: left;
	height: 93px;
	line-height: 93px;
}

.menu li {
	float: left;
	margin-left: 45px;
	position: relative;
}

.menu li>a {
	font-size: 16px;
	color: var(--main-color-menu);
	display: block;
	padding: 0px 25px 0px 2px;
	font-weight: bold;
	text-transform: uppercase;
}

.menu li>a:after {
	border-bottom: 5px solid var(--main-color-hover);
	width: 0px;
	content: "";
	display: block;
	margin-top: -5px;
	transition: width 0.5s;
	-moz-transition: width 0.5s;
	-webkit-transition: width 0.5s;
	-o-transition: width 0.5s;
}

.menu li:hover>a:after {
	width: 120%;
}

.menu li:hover>a {
	color: var(--main-color-hover);
}

.menu li.curr>a {
	color: var(--main-color-hover);
}

.menu li.curr>a:after {
	width: 120%;
}

.icoSearch {
	font-size: 32px;
	position: absolute;
	right: 0;
	top: 0;
	width: 93px;
	height: 93px;
	line-height: 93px;
	background: var(--main-color-hover);
	display: block;
	text-align: center;
	color: white;
}

.icoSearch:hover {
	background: #fcb54d
}

.icoSearch:hover i {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	transition: all 0.8s ease-in-out;
}

.searchDiv {
	position: absolute;
	z-index: 9999;
	top: 93px;
	right: 0px;
	display: none
}

#sform {
	float: right;
	width: 265px;
	height: 45px;
	background: url(../images/search.jpg) no-repeat;
}

#sform input {
	height: 45px;
	line-height: 45px;
	background: none;
	border: 0px;
	font-size: 14px;
}

.stext {
	float: left;
	width: 215px;
	padding-left: 11px;
	color: #a8a8a8;
	line-height: 40px;
}

#sbut {
	float: right;
	width: 45px;
	padding: 0;
	border: 0;
	cursor: pointer;
	line-height: 40px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.logo img {
		height: 35px;
		margin-top: 12px
	}

	.nav {
		margin-right: 10px;
	}

	.menu>li {
		float: left;
		margin-left: 15px;
	}

	.icoSearch {
		display: none
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.logo img {
		height: 35px !important;
		margin-top: 12px
	}

	.nav {
		margin-right: 40px;
	}

	.menu>li {
		float: left;
		margin-left: 15px;
	}
}

@media (min-width: 1200px) and (max-width: 1439px) {
	.nav {
		margin-right: 40px
	}

	.menu>li {
		float: left;
		margin-left: 25px;
	}

	.menu>li>a {
		padding: 0px 10px 0px 2px;
	}
}

@media (min-width: 1440px) and (max-width: 1680px) {
	.menu>li {
		float: left;
		margin-left: 25px;
	}
}



.menu li .sub_menu {
	width: 200%;
	position: absolute;
	top: 140%;
	left: -50%;
	z-index: 10;
	visibility: hidden;
	opacity: 0;
	background: white;
	transition: all 400ms ease;
}

.menu li:hover>dl {
	opacity: 1;
	visibility: visible;
	top: 100%;

}

.menu li dd {
	position: relative;
	display: block;
	text-align: center;
}

.menu li dl dd>.three_menu {
	min-width: 100%;
	position: absolute;
	left: 100%;
	z-index: 10;
	visibility: hidden;
	opacity: 0;
	background: white;
	transition: all 400ms ease;
}

.menu li dl dd:hover>.three_menu {
	opacity: 1;
	visibility: visible;
	top: 0px;

}

.menu li dl dd a {
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	color: var(--main-color-menu);
	text-align: left;
	display: block;
	padding: 15px 25px 15px 25px;
	position: relative;
	text-decoration: none;
	outline: none;
	text-align: center;
	text-transform: none;
	transition: all 400ms ease;
}

.menu li dl dd:hover>a {
	color: var(--main-color-hover);
}







/*mMenu*/
.m_header {
	width: 100%;
}

.sp_header {
	height: 70px;
	overflow: hidden;
	background: var(--main-color-white);
	position: fixed;
	z-index: 999;
	width: 100%;
	display: none;
	top: 0;
}

.sp_logo {
	float: left;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 10px;
}

.sp_logo img {
	margin: auto;
	max-height: 35px;
}

.sp_nav {
	width: 50px;
	float: right;
	position: relative;
	cursor: pointer;
	height: 30px;
	margin-top: 25px
}

/* 横杠 */
.sp_nav span {
	display: block;
	background: var(--main-color-hover);
	width: 30px;
	height: 3px;
	position: absolute;
	left: 10px;
	transition: all ease 0.35s
}

.sp_nav span:nth-of-type(1) {
	top: 0px
}

.sp_nav span:nth-of-type(2) {
	top: 10px
}

.sp_nav span:nth-of-type(3) {
	top: 20px
}

.sp_nav_se span:nth-of-type(1) {
	top: 10px;
	transform: rotate(45deg)
}

.sp_nav_se span:nth-of-type(2) {
	width: 0
}

.sp_nav_se span:nth-of-type(3) {
	top: 10px;
	transform: rotate(-45deg)
}

.sjj_nav {
	position: fixed;
	z-index: 9999;
	background: var(--main-color-white);
	width: 100%;
	height: calc(100% - 70px);
	font-size: 14px;
	line-height: 40px;
	top: 70px;
	left: 0;
	overflow: auto;
	overflow-x: hidden;
	transition: top ease 0.35s;
	display: none;
	transition: all ease 0.35s
}

.nav_show {
	display: block;
}

.sjj_nav ul li i {
	position: absolute;
	top: 5px;
	right: 0px;
	height: 30px;
	padding: 0px 7px 0 7px;
}

.sjj_nav ul li i svg {
	transform: rotate(-90deg);
	transition: all ease 0.35s
}

.sjj_nav ul li .sjj_nav_i_se svg {
	transform: rotate(0deg)
}

.sjj_nav ul li {
	border-bottom: 1px dashed #ddd;
	;
	position: relative;
	line-height: 45px;
	font-size: 16px
}

.sjj_nav>ul>li:last-child {
	border-bottom: 1px dashed #ddd;
}

.sjj_nav ul li ul {
	display: none
}

.sjj_nav ul li a {
	color: var(--main-color-text);
	width: 100%;
	padding: 0 20px;
	display: block;
	box-sizing: border-box;
}

.sjj_nav ul li a:hover {
	color: #000;
}

.sjj_nav ul li ul li a {
	color: var(--main-color-text);
	display: block;
	text-align: left;
}

.sjj_nav ul li i svg {
	width: 25px;
	height: 25px;
	fill: var(--main-color-text);
}

.sjj_nav ul li .sjj_nav_i_se svg {
	fill: var(--main-color-text)
}

.sjj_nav ul li ul li>ul {
	margin-left: 10px
}

.sjj_nav ul li ul li {
	border-top: none;
}

.sjj_nav ul li ul li a {
	padding: 0 30px;
}






/* banner */
.bannerbox {
	width: 100%;
}

.bannerbox .mySwiper1 {
	width: 100%;
}

.bannerbox .mySwiper1 .swiper-slide a {
	display: block;
	font-size: 0;
	width: 100%;
}

.bannerbox .mySwiper1 .swiper-slide a img {
	width: 100%;
}


.bannerbox .mySwiper1 .prev_btn {
	font-size: 20px;
	position: absolute;
	top: 0;
	z-index: 9;
	left: 0;
	text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
	background-color: rgba(0, 0, 0, 0);
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
	height: 100%;
	width: 15%;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: white;
	opacity: 0.5;
	background: rgba(0, 0, 0, .1);
}

.bannerbox .mySwiper1 .prev_btn:hover {
	color: white;
	opacity: 0.9;
}

.bannerbox .mySwiper1 .prev_btn i {
	position: absolute;
	top: 50%;
	font-size: 30px;
}

.bannerbox .mySwiper1 .next_btn {
	font-size: 20px;
	position: absolute;
	top: 0;
	z-index: 9;
	right: 0;
	text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
	background-color: rgba(0, 0, 0, 0);
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
	height: 100%;
	width: 15%;
	opacity: 0.5;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: white;
	background: rgba(0, 0, 0, .1);
}

.bannerbox .mySwiper1 .next_btn i {
	position: absolute;
	top: 50%;
	font-size: 30px;
}

.bannerbox .mySwiper1 .next_btn:hover {
	color: white;
	opacity: 0.9;
}

.bannerbox .swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: var(--swiper-pagination-bottom, 40px);
	left: 15%;
}

.bannerbox .swiper-pagination {
	text-align: left;
	display: flex;
	align-items: center;
}

.bannerbox .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 15px);
}

.bannerbox .mySwiper1 .swiper-pagination-bullet {
	font-size: 0px;
	border-radius: 1px;
	overflow: hidden;
	width: 12px;
	height: 12px;
	margin: 10px 10px 1px 10px;
	cursor: pointer;
	background-color: var(--main-color-white);
	border: 3px solid var(--main-color-hover);
	border-radius: 50%;
	opacity: 1;
}

.bannerbox .mySwiper1 .swiper-pagination-bullet-active {
	width: 32px;
	height: 32px;
	background-color: var(--main-color-white);
	border: 6px solid var(--main-color-hover);
	margin-top: -3px;
}




/* footer */
.footerbox {
	padding: 120px 0;
	box-sizing: border-box;
	background: #666;
	padding: 55px 0px 30px 0px;
	border-bottom: 1px solid #999;
	color: #d8d8d8;
}

.footerbox .footer {
	width: 100%;
	margin: 0 auto;
}

.footerbox .footer ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.footerbox .footer ul li {
	/* width: 18%; */
	box-sizing: border-box;
}

.footerbox .footer ul li img {
	max-width: 100%;
	display: block;
	margin-bottom: 20px;
}

.footerbox .footer ul li h3 {
	font-size: 18px;
	color: var(--main-color-white);
	font-weight: bold;
	position: relative;
	padding-bottom: 10px;
	box-sizing: border-box;
}

.footerbox .footer ul li h1 {
	color: #fe8151;
	font-size: 25px;
	margin-bottom: 20px;
}

.footerbox .footer ul li p {
	font-size: 14px;
	color: #d8d8d8;
	margin-bottom: 10px;
}

.footerbox .footer ul li dl {
	margin-top: 10px;
}

.footerbox .footer ul li dl dd {
	padding: 8px 0;
	box-sizing: border-box;
}

.footerbox .footer ul li dl dd a {
	color: #d8d8d8;
	font-size: 14px;
	line-height: 24px;
}


.sharebox {
	width: 100%;
}

.sharebox a {
	padding-right: 20px;
	font-size: 16px;
	color: white;
}

.sharebox a i {
	margin-right: 5px;
	width: 24px;
	height: 24px;
	background: #388ddb;
	line-height: 24px;
	text-align: center;
	border-radius: 50px;
}



.footer_bottombox {
	background: #666;
	padding: 15px 0px;
	color: #d8d8d8;
}

.footer_bottom {
	text-align: left;
	position: relative;
}

.footer_bottom p {
	line-height: 26px;
}

.footer_bottom p a {
	color: var(--main-color);
	font-weight: bold;
	font-size: 14px;
}

.footer_bottom a {
	color: #d8d8d8;
	font-size: 14px;
}

/* 通用内页 */
.inbannerbox {
	width: 100%;
	background-color: #f7f7f7;
	padding: 40px;
	border-bottom: 2px solid #ededed;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	color: var(--main-color-white);
}

.inbannerbox1 {
	min-height: 320px;
}

.inbannerbox1:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.55);
	z-index: 0;
}

.inbannerbox1 h1 {
	position: absolute;
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 60px;
	color: var(--main-color-white);
	font-weight: bold;
	text-transform: uppercase;
}

.inbannerbox h2 {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 15%;
	font-size: 20px;
	color: var(--main-color-pp);
	font-weight: bold;
	text-transform: uppercase;
}


.insidebox {
	width: 100%;
	margin: 0 auto;
}

.insidebox .wapper .inside {
	width: 100%;
	max-width: 100%;
	padding: 50px 0;
	box-sizing: border-box;
}

.s_menubox {
	width: 100%;
	margin: 0 auto;
}

.s_menu {
	padding: 25px 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	border-bottom: 1px solid #ececec;
	display: flex;
	align-items: center;
	font-size: 16px;
}

.s_menu p {
	color: var(--main-color-pp);
}

.s_menu span {
	color: #999;
}

.s_menu a {
	color: var(--main-color);
}




/* 通用标题 */
.main_title {
	text-align: center;
}

.main_title h3 {
	font-size: 26px;
	text-transform: uppercase;
	font-weight: bold;
	background: url(../images/why-tit.jpg) no-repeat bottom center;
	padding-bottom: 25px;
	color: var(--main-color-pp);
}

    .main_title h1 {
        font-size: 52px;
        padding: 30px 0;
        color: #4e8ac2;
    }

.main_title h1 span {
	font-weight: bold;
}

.main_title p {
	font-size: 16px;
	color: #a6a6a6;
}



/* index1 */
.index1box {
	padding: 50px 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}

.index1box .index1 {
	width: 100%;
	margin: 0 auto;
}

.index1box .index1 .index1_content {
	width: 100%;
	margin-top: 110px;
}

.index1_content ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.index1_content ul li {
	width: 33.33%;
	padding: 0 20px;
	margin-bottom: 20px;
	box-sizing: border-box;
}

.index1_content ul li .imgbox {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.index1_content ul li .imgbox .imgbox_inner {
	width: 112px;
	height: 112px;
}

.index1_content ul li:hover .imgbox .imgbox_inner {
	transform: rotate(360deg);
	-webkit-transition: -webkit-transform .5s ease-out;
}

.index1_content ul li h3 {
	font-size: 17px;
	color: #2d2d2d;
	text-align: center;
	margin: 10px 0;
}

.index1_content ul li .desc {
	margin-top: 10px;
	text-align: center;
}

.index1_content ul li .desc p {
	font-size: 16px;
	color: #666;
	line-height: 32px;
}


/* 右下角固定 */
.right_botbox {
	position: fixed;
	right: 15px;
	bottom: 70px;
	z-index: 99999;
}

.right_botbox a {
	display: block;
	width: 45.88px;
	height: 45.88px;
}

.right_botbox a img {
	max-width: 100%;
	width: 100%;
}



/* index2 */
.index2box {
	box-sizing: border-box;
	background: #f0f2f1;
}

.index2box .index2_tabbox {
	padding: 116px 0px 93px 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.index2box .index2_tabbox h1 {
	color: var(--main-color-pp);
	font-size: 24px;
	font-weight: bold;
}

.index2_tab_pc h2 {
	display: none;
}

.index2_tab_pc ul {
	display: flex;
	flex-wrap: wrap;
}

.index2_tab_pc ul li {
	padding: 0 10px;
	box-sizing: border-box;
}

.index2_tab_pc ul li a {
	height: 39px;
	line-height: 39px;
	display: block;
	color: #a6a6a6;
	padding: 0px 15px;
	background: #f0f2f1;
	border-radius: 10px;
	font-size: 16px;
}

.index2_tab_pc ul li:hover a {
	background: #8072c7;
	color: var(--main-color-white);
	border-radius: 10px;
}

.index2_tab_pc ul li.on a {
	background: #8072c7;
	color: var(--main-color-white);
	border-radius: 10px;
}







.index2_content ul li {
	width: 100%;
	display: none;
}

.index2_content ul li.on {
	display: block;
}

.index2_content ul li .index2_item {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.index2_item .item_left {
	width: 50%;
	position: relative;
}

.index2_item .item_left .imgbox {
	width: 100%;
	font-size: 0;
}

.index2_item .item_left .imgbox img {
	width: 100%;
}

.index2_item .item_left .overlay {
	width: 100%;
	position: absolute;
	overflow: hidden;
	left: 0;
	top: auto;
	bottom: 0;
	padding: 25px;
	opacity: 0;
	background: var(--main-color-hover);
	color: var(--main-color-white);
	transition-duration: 0.5s;
	z-index: 100;
}

.item_left:hover .imgbox {
	opacity: 0.7;
}

.item_left:hover .overlay {
	opacity: 0.8;
}

.item_left:hover h2 {
	transition-delay: 0.05s;
	transform: translate3d(0, 0, 0);
}

.item_left:hover .over_share {
	transform: translate3d(0, 0, 0);
}

.index2_item .item_left .overlay h2 {
	color: var(--main-color-white);
	position: relative;
	font-size: 30px;
	float: left;
	margin: 0px;
	display: inline-block;
	text-transform: uppercase;
	text-align: center;
}

.index2_item .item_left .overlay .over_share {
	text-align: right;
}

.index2_item .item_left .overlay .over_share i {
	color: var(--main-color-white);
	font-size: 18px;
	padding: 8px 6px 0;
}


.index2_item .item_right {
	width: 50%;
}

.index2_item .item_right dl {
	display: flex;
	flex-wrap: wrap;
}

.index2_item .item_right dl dd {
	width: 50%;
	position: relative;
}

.index2_item .item_right dl dd a {
	display: block;
}

.index2_item .item_right dl dd .imgbox {
	width: 100%;
	font-size: 0;
}

.index2_item .item_right dl dd .imgbox img {
	width: 100%;
}

.blue {
	background: #6fb0ce;
}

.pink {
	background: var(--main-color-hover);
}

.index2_item .item_right dl dd .overlay2 {
	width: 100%;
	position: absolute;
	overflow: hidden;
	left: 0;
	top: auto;
	bottom: 0;
	opacity: 0;
	color: var(--main-color-white);
	transition-duration: 0.5s;
	z-index: 100;
	height: 100%;
	vertical-align: middle;
}

.index2_item .item_right dl dd:hover .overlay2 {
	opacity: 0.8;
}

.index2_item .item_right dl dd.hover .overlay2 {
	opacity: 0.8;
}

.overlay2 .content {
	top: 30%;
	position: absolute;
	width: 100%;
	text-align: center;
}

.overlay2 .content h4 {
	font-size: 24px;
	margin: 10px 0;
	text-transform: uppercase;
	color: white;
}

.overlay2 .content span {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	border: 2px solid var(--main-color-white);
	padding: 5px 15px;
	margin-top: 10px;
}










/* number */
.numberbox {
	width: 100%;
	margin: 0 auto;
}

.numberbox ul {
	display: flex;
	flex-wrap: wrap;
}

.numberbox ul li {
	width: 20%;
	text-align: center;
	padding: 40px 0;
	box-sizing: border-box;
}

.numberbox ul li span {
	display: block;
	text-align: center;
	color: var(--main-color-white);
	font-size: 48px;
}

.numberbox ul li p {
	font-size: 24px;
	color: var(--main-color-white);
}



/* index3 */
.index3box {
	padding: 50px 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}

.index3box .index3_content {
	margin-top: 110px;
}

.index3box .index3_content ul {
	display: flex;
	flex-wrap: wrap;
}

.index3box .index3_content ul li {
	width: 20%;
	min-height: 715px;
	position: relative;
	text-align: center;
}

.index3box .index3_content ul li .over {
	width: 0px;
	height: 715px;
	display: block;
	background-color: rgba(0, 0, 0, 0.2);
	transition: width 2s;
	-moz-transition: width 2s;
	-webkit-transition: width 2s;
}

.index3box .index3_content ul li:hover .over {
	width: 100%;
}

.over a {
	width: 100%;
	height: 100%;
	display: block;
}

.over .title {
	font-size: 20px;
	color: var(--main-color-white);
	width: auto;
	position: absolute;
	right: 0px;
	top: 22px;
	padding: 18px 35px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.over .p1 {
	background: var(--main-color-hover);
}

.over .h2 {
	background: var(--main-color-white);
	font-size: 18px;
	color: #000;
	position: absolute;
	left: 0px;
	bottom: 120px;
	padding: 15px;
    opacity:0.8;
}

.over .h1 {
    background: var(--main-color-white);
    font-size: 20px;
    opacity: 0.8;
    color: #000;
    position: absolute;
    left: 0px;
    bottom: 48px;
    padding: 15px 60px 15px 15px;
    text-transform: uppercase;
}


.index3box .index3_content ul li:hover .over .h2 {
    background: #000;
    color: var(--main-color-white);
    opacity: 0.8;
}

.index3box .index3_content ul li:hover .over .h1 {
    background: #000;
    color: var(--main-color-white);
    opacity: 0.8;
}

@media (min-width: 980px) and (max-width: 1439px) {
	.over .h2 {
		font-size: 16px;
	}

	.over .h1 {
		font-size: 18px;
		padding: 15px 30px 15px 15px;
	}
}





/* index4 */
.index4box {
	padding: 50px 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}

.index4box .wapper {
	width: 1365px;
}

.index4box .index4 {
	width: 100%;
	margin: 0 auto;
}

.index4 .index4_content {
	margin-top: 130px;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}

.index4 .index4_content input {
	width: 22.75%;
	margin-right: 3%;
	background: #ededed;
	border: 1px solid #ededed;
	font-size: 18px;
	color: #7c7c7c;
	border-radius: 4px;
	padding: 35px 20px;
	font-weight: bold;
	line-height: 25px;
	font-weight: bold;
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	margin-bottom: 15px;
}

.index4 .index4_content input.index4_btn {
	background: var(--main-color-hover);
	border: none;
	line-height: 25px;
	font-size: 18px;
	color: var(--main-color-white);
	font-family: "Aileron-Bold";
	font-weight: 100;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease;
}

.index4 .index4_content input.index4_btn:hover {
	background: #5dcda2;
}

.index4 .index4_content input:nth-child(4) {
	margin-right: 0;
}

.index4 .index4_content input:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}

.index4 .index4_content textarea {
	height: 270px;
	width: 100%;
	background: #ededed;
	border: 1px solid #ededed;
	font-size: 18px;
	color: #7c7c7c;
	padding: 35px 20px;
	font-weight: bold;
	border-radius: 4px;
	line-height: 25px;
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.index4 .index4_content textarea:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}





/* product */
.productbox {
	width: 100%;
	margin: 0 auto;
}

.productbox .product {
	width: 100%;
	margin: 0 auto;
}

.p_title {
	text-align: center;
	padding: 40px 0px;
}

.p_title h1 {
	font-size: 50px;
	text-transform: uppercase;
	color: #393836;
	font-weight: bold;
	line-height: 50px;
}

.p_title h1:after {
	content: "";
	border-bottom: 3px solid #e5e5e5;
	display: block;
	width: 30px;
	margin: 0 auto;
	margin-top: 30px;
}

.productbox .product .desc {
	border-bottom: 1px solid #666;
	padding-bottom: 50px;
	text-align: center;
}

.productbox .product .desc p {
	font-size: 20px;
	line-height: 26px;
	color: var(--main-color-pp);
}

.product_content {
	padding: 20px 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}

.product_content h3 {
	margin-bottom: 5px;
	font-weight: 700;
	font-size: 14px;
	line-height: 22px;
	color: var(--main-color-pp);
	padding: 0 10px;
	box-sizing: border-box;
}

.product_content .t_select {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 10px;
	box-sizing: border-box;
}

.product_content .t_select select {
	width: 48%;
	display: block;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: var(--main-color-white);
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.product_content .t_select select:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}


.pro_imglist {
	padding: 40px 0;
	box-sizing: border-box;
}

.pro_imglist ul {
	display: flex;
	flex-wrap: wrap;
}

.pro_imglist ul li {
	width: 25%;
	padding: 0 10px;
	margin-bottom: 20px;
	box-sizing: border-box;
}

.pro_imglist ul li a {
	display: block;
	position: relative;
	overflow: hidden;
}

.pro_imglist ul li a .imgbox {
	width: 100%;
	position: relative;
	border: 1px solid #444;
	overflow: hidden;
	margin: 0;
}

.pro_imglist ul li a .imgbox img {
	max-width: 100%;
	width: auto;
}

.pro_imglist ul li a .imgbox .hover_img {
	left: 0;
	opacity: 0;
	position: absolute;
	bottom: 220px;
	transition: all .5s ease-out 0s;
	visibility: hidden;
	width: 100%;
}

.pro_imglist ul li a:hover .imgbox .hover_img {
	opacity: 1;
	bottom: 0;
	visibility: visible;
}

.pro_imglist ul li a .textbox {
	width: 100%;
	padding: 10px 0;
	box-sizing: border-box;
}

.pro_imglist ul li a .textbox p {
	font-size: 15px;
	font-weight: 700;
	text-transform: none;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pro_imglist ul li a .hot_text {
	font-size: 11px;
	color: var(--main-color-white);
	background: #f9d247;
	text-transform: uppercase;
	padding: 0px;
	text-align: center;
	display: block;
	position: absolute;
	top: -12px;
	z-index: 1;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: normal;
	width: 75px;
	height: 40px;
	line-height: 40px;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 10px;
	right: -28px;
	top: -12px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}



/* pro_detail */
.pro_detail1box {
	padding: 30px 0 40px 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0 autp;
}

.prodetail1 {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.prodetail1 .p_d_1_left {
	width: 41.5%;
	padding-right: 15px;
	box-sizing: border-box;
}

.prodetail1 .p_d_1_left .imgbox_top {
	width: 100%;
	border: 5px solid #e1e1e1 !important;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.prodetail1 .p_d_1_left .imgbox_top img {
	width: 100%;
	display: block;
	cursor: pointer;
}

.prodetail1 .p_d_1_left .imgbox_bot {
	width: 100%;
	display: flex;
}

.prodetail1 .p_d_1_left .imgbox_bot .imgbox {
	width: 23.5%;
	margin-right: 2%;
	display: block;
}

.prodetail1 .p_d_1_left .imgbox_bot .imgbox img {
	border: 5px solid #e1e1e1 !important;
	width: 100%;
	display: block;
	cursor: pointer;
}

.prodetail1 .p_d_1_left .imgbox_bot .imgbox:last-child {
	margin-right: 0;
}



.prodetail1 .p_d_1_right {
	width: 41.5%;
	padding-left: 15px;
	padding-right: 50px;
	box-sizing: border-box;
}

.prodetail1 .p_d_1_right h1 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 24px;
	color: var(--main-color);
}

.prodetail1 .p_d_1_right .r_text {
	margin-bottom: 30px;
}

.prodetail1 .p_d_1_right .r_text p {
	margin-bottom: 10px;
	color: var(--main-color-pp);
	font-size: 14px;
}

.prodetail1 .p_d_1_right .p_share {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.prodetail1 .p_d_1_right .p_share a {
	font-size: 16px;
	color: #a3a3a3;
	padding: 0 10px;
	box-sizing: border-box;
}

.prodetail1 .p_d_1_right .p_share a:hover {
	color: var(--main-color-hover);
}

.pro_btn {
	width: 16.67%;
}

.pro_btn a {
	color: var(--main-color-white);
	background-color: var(--main-color-hover);
	border-color: var(--main-color-hover);
	padding: 6px 12px;
	font-size: 14px;
	text-align: center;
	border-radius: 4px;
}



.tanchuang {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	/* background: rgba(0,0,0,0.3); */
	display: none;
}

.tanchuang.active {
	display: block;
}

.tanchuang .warp_content {
	border: none;
	width: 60%;
	background: #f9f9f9;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 20px;
	box-sizing: border-box;
	position: absolute;
	cursor: pointer;
}

.warp_content .textbox {
	margin-top: 15px;
	box-sizing: border-box;
}

.warp_content .textbox span {
	font-size: 16px;
	text-transform: uppercase;
	color: #444;
	line-height: 24px;
}

.warp_content .mySwiper2 {
	height: 95%;
}

.mySwiper2 .next_btn_pro {
	position: absolute;
	top: 25%;
	right: 0;
	width: 40%;
	height: 50%;
	cursor: pointer;
	text-decoration: none;
	z-index: 999;
	-webkit-tap-highlight-color: transparent;
}

.mySwiper2 .next_btn_pro i {
	position: absolute;
	top: 50%;
	width: 60px;
	height: 60px;
	font-size: 16px;
	line-height: 60px;
	margin-top: -25px;
	cursor: pointer;
	right: 20px;
	visibility: hidden;
	color: var(--main-color-white);
	background-color: rgba(0, 0, 0, .3);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
}

.mySwiper2 .next_btn_pro:hover i {
	visibility: visible;
}

.mySwiper2 .prev_btn_pro {
	position: absolute;
	top: 25%;
	left: 0;
	width: 40%;
	height: 50%;
	cursor: pointer;
	text-decoration: none;
	z-index: 999;
	-webkit-tap-highlight-color: transparent;
}

.mySwiper2 .prev_btn_pro i {
	position: absolute;
	top: 50%;
	width: 60px;
	font-size: 16px;
	line-height: 60px;
	height: 60px;
	left: 20px;
	margin-top: -25px;
	cursor: pointer;
	visibility: hidden;
	color: var(--main-color-white);
	background-color: rgba(0, 0, 0, .3);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
}

.mySwiper2 .prev_btn_pro:hover i {
	visibility: visible;
}

.mySwiper2 .prev_btn_pro i:hover {
	background-color: rgba(0, 0, 0, .5);
}

.mySwiper2 .next_btn_pro i:hover {
	background-color: rgba(0, 0, 0, .5);
}

.mySwiper2 .close_btn {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	color: var(--main-color-white);
	background-color: rgba(0, 0, 0, .3);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
	z-index: 999;
}

.mySwiper2 .close_btn i {
	font-size: 16px;
	line-height: 32px;
}

.mySwiper2 .close_btn:hover {
	background-color: rgba(0, 0, 0, .5);
	color: #00457d;
}



.pro_detail2box {
	width: 100%;
	margin: 0 auto;
}

.pro_detail2 {
	width: 100%;
}

.pro_detail2 h3 {
	width: 100%;
	border-bottom: 1px solid #dadada;
	margin-top: 15px;
	font-size: 18px;
	font-weight: bold;
	line-height: 35px;
	color: #666;
}

.pro_detail2 .imgbox {
	width: 100%;
	margin-top: 10px;
}

.pro_detail2 .imgbox img {
	max-width: 100%;
}

.pro_detail2 .pro_text_item {
	margin: 50px 0;
}

.pro_detail2 .pro_text_item span {
	display: block;
	color: var(--main-color-pp);
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 20px;
}

.pro_detail2 .pro_text_item p {
	margin-top: 10px;
	font-size: 14px;
}


.pro_form {
	padding: 20px 0;
	box-sizing: border-box;
	width: 100%;
}

.pro_form .pro_input {
	width: 100%;
	margin-bottom: 10px;
}

.pro_form .pro_input input {
	width: 100%;
	height: 50px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 14px;
	font-weight: 400;
	padding: 6px 12px;
	box-sizing: border-box;
}

.pro_form .pro_input input:focus {
	border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

.pro_form .pro_input textarea {
	width: 100%;
	border: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 14px;
	font-weight: 400;
	padding: 6px 12px;
	box-sizing: border-box;
}

.pro_form .pro_input textarea:focus {
	border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

.pro_form .pro_input1 {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.pro_form .pro_input1 input {
	width: 49%;
	height: 50px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 14px;
	font-weight: 400;
	padding: 6px 12px;
	box-sizing: border-box;
}

.pro_form .pro_input1 input:focus {
	border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

.btn_form {
	color: var(--main-color-white);
	background-color: var(--main-color-hover);
	border-color: var(--main-color-hover);
}



/* about */
.about1box {
	padding: 30px 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	margin-top: 30px;
}

.about1box .wapper {
	width: 1365px;
}

.about1box .about1 {
	width: 100%;
	position: relative;
	min-height: 400px;
}

.about1box .about1 .ab_imgbox {
	left: -140px;
	position: absolute;
	top: -90px;
}

.about1box .about1 .ab_imgbox img {
	max-width: 100%;
}

.honest {
	position: absolute;
	top: 680px;
	left: -121px;
	z-index: 10;
}

.experts {
	position: absolute;
	right: 50px;
	top: 90px;
	z-index: 10;
}

.children {
	position: absolute;
	right: 100px;
	top: 480px;
	z-index: 10;
}

.about_text {
	margin-top: 100px;
	width: 66.67%;
	z-index: 9;
	position: relative;
}

.about_text p {
	font-size: 20px;
	color: var(--main-color-pp);
	margin-bottom: 10px;
}

.about_text img {
	max-width: 100%;
	width: auto;
}

.ml33 {
	margin-left: 33.33%;
}

.about2box {
	padding: 30px 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}

.about2box .wapper {
	width: 1365px;
}

.about2box .about2 {
	width: 100%;
	position: relative;
	min-height: 400px;
}

.about2box .about2 .ab_imgbox {
	right: -230px;
	position: absolute;
	top: -255px;
}

.about2box .about2 .ab_imgbox img {
	max-width: 100%;
}

.design {
	position: absolute;
	left: 0;
	top: 100px;
	z-index: 10;
}

.plans {
	position: absolute;
	right: -71px;
	top: 400px;
	z-index: 10;
}

.visual {
	position: absolute;
	left: 120px;
	top: 700px;
	z-index: 10;
}

.about2 .about_text {
	margin-top: 200px;
}

.mt150 {
	margin-top: 150px;
}

.about1box .about3 .ab_imgbox {
	left: -174px;
	position: absolute;
	top: -180px;
}

.about4 .about_text {
	margin-top: 300px;
}

.about2box .about4 .ab_imgbox {
	right: -185px;
	position: absolute;
	top: -185px
}

.fin {
	position: absolute;
	top: 860px;
	left: 420px;
	z-index: 10;
}

.videobox {
	transform: rotate(2deg);
	max-width: 700px;
	margin: 20px auto;
}

.video_inner {
	position: relative;
	padding-bottom: 56.25%;
}

.video_inner video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.about1box .about5 .ab_imgbox {
	top: -135px;
}

.about5 .about_text {
	padding-bottom: 300px;
}



/* new */
.new_content {
	padding: 20px 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 100px;
}

.new_content .new_left {
	width: 50%;
	min-height: 461px;
	text-align: center;
}

.new_content .new_right {
	width: 50%;
	min-height: 461px;
	text-align: center;
}

.new_left_inner {
	width: 100%;
	height: 461px;
	display: block;
	background-color: rgba(0, 0, 0, 0.6);
}

.new_left_inner h3 {
	font-size: 38px;
	color: var(--main-color-hover);
	margin: 0px;
	text-transform: uppercase;
	padding-top: 35px;
	box-sizing: border-box;
}

.new_left_inner p {
	font-size: 15px;
	color: var(--main-color-white);
	line-height: 28px;
	width: 80%;
	text-align: center;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 30px;
}

.new_left_inner .dma {
	width: 150px;
	line-height: 40px;
	display: block;
	border: 1px solid var(--main-color-white);
	text-align: center;
	color: var(--main-color-white);
	border-radius: 5px;
	font-size: 16px;
	margin: 0 auto;
}

.new_left_inner .dma:hover {
	background: #5b5b5b;
	color: var(--main-color-white);
}



/* new_list */
.new_listbox {
	width: 100%;
	margin: 0 auto;
}

.new_listbox .new_list {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	padding: 20px 10px;
	box-sizing: border-box;
}

.new_listbox .new_list .new_list_left {
	width: 50%;
}

.new_listbox .new_list .new_list_right {
	width: 50%;
	padding: 145px 11% 145px 49px;
}

.new_listbox .new_list .new_list_right h3 {
	margin: 0 0 22px;
	color: white;
	font-size: 24px;
}

.new_listbox .new_list .new_list_right h3 a {
	color: white;
}

.new_listbox .new_list .new_list_right p {
	font-size: 14px;
	color: white;
	line-height: 20px;
	margin: 0 0 32px;
}

.new_listbox .new_list .new_list_right .read_more {
	color: var(--main-color-white);
	border-bottom: 1px solid var(--main-color-white);
	font-size: 14px;
}

.textright {
	text-align: right;
}

.pb50 {
	padding-bottom: 50px;
	box-sizing: border-box;
}



/* project */
.project_content {
	padding: 40px 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}

.project_content ul {
	display: flex;
	flex-wrap: wrap;
}

.project_content ul li {
	width: 33.33%;
	padding: 0 15px;
	box-sizing: border-box;
	margin-bottom: 40px;
}

.project_content ul li a {
	display: block;
	position: relative;
}

.project_content ul li a img {
	max-width: 100%;
	border: 1px solid var(--main-color-hover);
	border-radius: 10px;
}

.project_content ul li a span {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: rgba(255, 255, 255, 0.7);
	opacity: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.project_content ul li a span:before {
	content: "\f002";
	font-size: 30px;
	line-height: 50px;
	color: var(--main-color-white);
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: var(--main-color-hover);
	position: absolute;
	display: block;
	text-align: center;
	left: 50%;
	top: 50%;
	width: 50px;
	height: 50px;
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	overflow: hidden !important;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	-webkit-transform: translate(-25px, -25px) translateZ(0);
	-moz-transform: translate(-25px, -25px) translateZ(0);
	-ms-transform: translate(-25px, -25px) translateZ(0);
	transform: translate(-25px, -25px) translateZ(0);
}

.project_content ul li a:hover span {
	opacity: 1;
}

.project_content ul li h4 {
	font-weight: bold;
	font-size: 18px;
	color: var(--main-color-pp);
	margin: 10px 0;
	text-align: center;
}




/* contact */
.contactbox {
	padding: 20px 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}

.contactbox .contact {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contact .contact_left {
	width: 49%;
}

.contact .contact_left p {
	font-size: 16px;
	color: var(--main-color-pp);
	margin-bottom: 10px;
}

.contact .contact_left .contact_list {
	margin-top: 20px;
}

.contact .contact_left .contact_list ul li {
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}

.contact .contact_left .contact_list ul li img {
	max-width: 100%;
}

.contact .contact_left .contact_list ul li span {
	padding-left: 20px;
	box-sizing: border-box;
	font-size: 14px;
	color: var(--main-color-pp);
}

.contact .contact_left .contact_list ul li a {
	padding-left: 20px;
	box-sizing: border-box;
	font-size: 14px;
	color: var(--main-color-pp);
}

.contact .contact_left .contact_list ul li a:hover {
	color: #23527c;
}

.contact .contact_right {
	width: 49%;
}

.contact .contact_right .contact_form {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.contact .contact_right .contact_form input {
	width: 49%;
	border: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 14px;
	font-weight: 400;
	height: 50px;
	padding: 6px 12px;
	color: #555;
	background-color: var(--main-color-white);
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.contact .contact_right .contact_form input:focus {
	border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

.contact .contact_right .contact_form1 {
	margin-bottom: 10px;
}

.contact .contact_right .contact_form1 textarea {
	width: 100%;
	border: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 14px;
	font-weight: 400;
	padding: 6px 12px;
	color: #555;
	background-color: var(--main-color-white);
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.contact .contact_right .contact_form1 textarea:focus {
	border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

.contact .contact_right .contact_btn {
	color: var(--main-color-white);
	background-color: var(--main-color-hover);
	border-color: var(--main-color-hover);
	padding: 6px 12px;
	text-align: center;
	border-radius: 4px;
}











@media only screen and (max-width: 1920px) {
	.student-nav-bar .container-wrap {
		overflow-y: scroll !important;
	}
}

@media only screen and (max-width: 980px) {
	.header {
		display: none !important;
	}

	.m_header {
		display: block;
	}

	.sp_header {
		display: block;
	}

	.bannerbox {
		margin-top: 75px;
	}

	.inbannerbox {
		margin-top: 75px;
	}

	.inbannerbox1 h1 {
		font-size: 38px;
	}

	.student-nav-title {
		position: absolute;
		left: -50px;
		top: 100px;
		width: 50.77px;
		height: 50.77px;
	}

	.student-nav-title b {
		position: relative;
		display: inline-block;
		width: 20.88px;
		height: 13.75px;
	}

	.student-nav-title em {
		display: none;
	}

	.student-nav-bar:after {
		display: none;
	}

	.student-nav {
		width: 100%;
		padding: 0 8%;
	}

	.student-nav-bar .container-wrap {
		overflow-y: scroll !important;
		overflow-x: hidden;
	}

	.student-nav-bar .student-nav li,
	.student-nav-bar .student-nav li a {
		font-size: 18px;
	}

	.student-nav-bar .student-nav>li {
		padding: 0 0 .15rem
	}

	.student-nav-title rem {
		display: none;
	}

	.index1_content ul li {
		width: 50%;
	}

	.numberbox ul li span {
		font-size: 24px;
	}

	.numberbox ul li p {
		font-size: 12px;
	}

	.index3box .index3_content ul li {
		width: 100%;
	}

	.main_title h1 {
		font-size: 40px;
	}

	.index2_item .item_left {
		width: 100%;
	}

	.index2_item .item_right {
		width: 100%;
	}

	.footerbox .footer ul li {
		width: 100%;
		margin-bottom: 20px;
	}

	.sharebox {
		display: none;
	}

	.pro_detail2 {
		width: 100%;
	}

	.prodetail1 .p_d_1_left {
		width: 100%;
		padding-right: 0;
	}

	.prodetail1 .p_d_1_right {
		width: 100%;
		padding: 0;
	}

	.pro_btn {
		width: 100%;
		margin-top: 25px;
	}

	.about1box .about1 .ab_imgbox {
		display: none;
	}

	.experts {
		display: none;
	}

	.fin {
		display: none;
	}

	.design {
		display: none;
	}

	.children {
		display: none;
	}

	.visual {
		display: none;
	}

	.about_text {
		margin: 0;
		width: 100%;
	}

	.about2box .about2 .ab_imgbox {
		display: none;
	}

	.about2 .about_text {
		margin-top: 0;
	}

	.honest {
		display: none;
	}

	.plans {
		display: none;
	}

	.videobox {
		transform: rotate(0);
	}

	.about5 .about_text {
		padding-bottom: 0;
	}

	.about1box {
		margin-top: 0;
	}

	.new_content .new_left {
		width: 100%;
	}

	.new_content .new_right {
		width: 100%;
	}

	.new_listbox .new_list .new_list_left {
		display: none;
	}

	.new_listbox .new_list .new_list_right {
		width: 100%;
		padding: 60px 33px;
		text-align: left;
	}

	.project_content ul li {
		width: 50%;
	}

	.p_title h1 {
		font-size: 30px;
	}

	.contact .contact_left {
		width: 100%;
		margin-bottom: 20px;
	}

	.contact .contact_right {
		width: 100%;
	}

	.index1box .index1 .index1_content {
		width: 100%;
		margin-top: 30px;
	}

	.index3box .index3_content {
		margin-top: 30px;
	}

	.index4 .index4_content {
		margin-top: 30px;
	}
}


@media only screen and (max-width: 680px) {
	.index1_content ul li {
		width: 100%;
	}

	.index4 .index4_content input {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
		order: 0;
	}

	.index4 .index4_content input.index4_btn {
		order: 1;
	}

	.index4 .index4_content textarea {
		order: 0;
		margin-bottom: 15px;
	}

	.main_title h1 {
		font-size: 25px;
	}

	.index2_item .item_right dl dd {
		width: 100%;
	}

	.index2box .index2_tabbox h1 {
		width: 100%;
		text-align: center;
	}

	.index2_tab_pc {
		width: 100%;
	}

	.index2_tab_pc h2 {
		width: 100%;
		display: block;
		height: 36px;
		line-height: 36px;
		border: 0;
		margin-top: 15px;
		background-color: transparent;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 0;
		font-size: 14px;
		cursor: pointer;
		background-color: white;
		position: relative;
		padding: 0 10px;
	}

	.index2_tab_pc h2 i {
		position: absolute;
		width: 8px;
		height: 6px;
		background-repeat: no-repeat;
		background-image: url(../images/icon_arrow_down_x2.png);
		background-size: 100%;
		right: 10px;
		top: 13px;
		transition: all .2s;
	}

	.index2_tab_pc h2 i.on {
		transform: rotate(180deg);
	}

	.index2_tab_pc ul {
		display: none;
		background-color: var(--main-color-white);
		border: 1px solid #e6e6e6;
	}

	.index2_tab_pc ul.on {
		display: block;
	}

	.index2_tab_pc ul li {
		width: 100%;
		background-color: white;
	}

	.index2_tab_pc ul li.on a {
		background: transparent;
		color: #111;
		border-radius: 0;
	}

	.index2_tab_pc ul li a {
		height: 39px;
		line-height: 39px;
		display: block;
		color: #111;
		padding: 0px;
		background-color: white;
		border-radius: 0;
		font-size: 14px;
	}

	.index2_tab_pc ul li:hover {
		background-color: #f2f2f2;
	}

	.index2_tab_pc ul li:hover a {
		color: #23527c;
	}

	.index2_tab_pc ul li:hover a {
		background: none;
		border-radius: 0;
	}

	.index2box .index2_tabbox {
		padding: 26px 0px 26px 0px;
	}

	.product_content .t_select select {
		width: 100%;
		margin-bottom: 20px;
	}

	.product_content .t_select select:last-child {
		margin-bottom: 0;
	}

	.pro_imglist ul li {
		width: 100%;
	}

	.project_content ul li {
		width: 100%;
	}
}